@media (max-width: 1250px) {
    .logo {
        width: 35%;
        margin-top: 40px;
    }

    .oben::before {
        top: 100px;
    }

    .oben::after {
        top: 135px;
    }

    .navi ul li {
        margin-left: 2%;
    }
}

@media (max-width: 1100px) {
    .navi ul li {
        margin-left: 1%;
    }

    #inhaltsbereich, #inhaltsbereich.inhaltstart {
        margin-top: 30px;
    }

    .frame-leistungsbox .ce-row {
        min-height: 340px;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 24%;
        margin: 0 0.5% 10px 0.5%;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 32%;
        margin: 0 0.5% 10px 0.5%;
    }
}

@media (max-width: 1280px) {
    .navi ul {
        display: none;
        width: 90% !important;
        position: absolute;
        left: 0;
        top: 50px !important;
        background: rgba(247,247,247,1);
        padding: 20px 5% !important;
        border-bottom: 10px solid #27282D;
        border-top: 1px solid #efefef;
    }

    .navi ul::after {
        content: ''; 
        position: absolute; 
        bottom: -17px; 
        left: 0; 
        height: 2px; 
        width: 100%; 
        background: #f7f7f7;
        border-bottom: 5px solid #9C172C;
    }

    .mob_button {
        display: block;
    }

    .oben::before {
        transform: none;
        height: 20px;
        border-width: 3px;
        top: 70px;
    }

    .oben::after {
        transform: none;
        top: 93px;
        height: 10px;
    }

    .unten {
        display: none;
    }

    .logo .ce-gallery {
        margin: 0;
    }

    .logo {
        margin: 20px 0;
        width: 50%;
        max-width: 320px;
    }

    .navi {
        width: 50%;
    }
}

@media (max-width: 950px) {
    .frame-leistungsbox .image{
        font-size: 18px;
    }

    .frame-leistungsbox .ce-row {
        min-height: 310px;
    }
}
    
@media (max-width: 850px) {
    h1, h2 {
        font-size: 34px;
        margin: 30px 0;
    }

    .frame-leistungsbox .image {
        font-size: 18px;
        line-height: 1.2em;
    }

    h1, h2 {
        line-height: 1em;
    }

    .frame-objekte .ce-bodytext {
        width: 50%;
    }

    .frame-objekte .ce-gallery {
        width: 45%;
    }
}

@media (max-width: 800px) {
    .frame-leistungsbox .ce-gallery {
        width: 50%;
        margin: 20px 24%;
    }

    .frame-leistungsbox .ce-gallery .ce-row {
        width: 100%;
        min-height: auto;
        margin-bottom: 10px;
    }

    .frame-leistungsbox .ce-gallery .ce-row:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 750px) {
    #footer .col-80 {
        width: 100%;
        float: left;
        clear: both;
    }

    #footer .col-20 {
        width: 100%;
        float: left;
        clear: both;
        margin-top: 20px;
        border-top: 1px solid #f7f7f7;
        padding-top: 20px;
    }

    #footer .tx_cn-columns[data-cols="2"] .row > div > div {
        width: 100%;
        margin: 0;
    }

    #footer .frame-type-menu_sitemap_pages ul {
        text-align: center;
        width: 100%;
    }

    #footer .frame-type-menu_sitemap_pages ul li {
        display: inline-block;
        margin: 0 10px;
        box-shadow: inset 0 0 0 1px #f7f7f7;
    }

    #footer .frame-type-menu_sitemap_pages ul li a {
        padding: 5px 10px;
        display: block;
    }

    #inhaltsbereich .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
        height: auto !important;
    }

    #inhaltsbereich .tx_cn-columns .row {
        height: auto !important;
    }

    #inhaltsbereich .tx_cn-columns .row > div > div {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ce-intext .ce-gallery.ce-border {
        width: 35%;
    }

    .frame-grauerhintergrund {
        padding: 25px 0;
    }

    #inhaltsbereich .frame-bewerberlink a {
        margin: 20px 0 0 2px;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(even) {
        width: 48%;
        margin: 0 0 10px 1%;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(odd) {
        width: 48%;
        margin: 0 1% 10px 0;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="4"] .ce-column img {
        width: 100%;
        max-width: none;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="4"] .ce-column .image {
        display: block;
    }
}

@media (max-width: 700px) {
    .navi ul li {
        width: 32%;
        margin: 3px 0.5% !important;
        text-align: center;
    }

    .navi ul li a {
        display: block;
        background: #636363;
        color: #f7f7f7;
        padding: 5px 2%;
        width: 96%;
        font-size: 18px;
    }

    .navi ul li a::before {
        display: none;
    }

    .navi ul li.act a, .navi ul li:hover a {
        color: #f7f7f7;
        background: #9C172C;
    }

    .logo {
        width: 80%;
    }

    .navi {
        width: 20%;
    }

    .suboben{
        background: #f7f7f7;
    }

    .headerbild.subheader {
        margin-top: 60px;
    }

    .tx-powermail .powermail_field {
        width: 60%;
    }

    .tx-powermail .powermail_label {
        width: 35%;
    }
}

@media (max-width: 650px) {
    h1, h2 {
        font-size: 30px;
        margin: 20px 0;
    }

    .frame-leistungsbox .ce-gallery {
        width: 80%;
        margin: 20px 9%;
    }

    .frame-gallery .image:hover .image-caption {
        top: 0;
    }

    .frame-objekte .ce-gallery {
        width: 35%;
    }

    .frame-objekte .ce-bodytext {
        width: 60%;
    }

    .frame-objekte .mehrbilder {
        bottom: auto;
        top: 0;
    }

    .ce-intext .ce-gallery.ce-border + .ce-bodytext{
        width: 100%;
        float: left;
        clear: both;
    }

    .ce-intext .ce-gallery.ce-border {
        width: 100%;
        margin: 0;
        float: left;
        clear: both;
        text-align: center;
    }

    .ce-intext .ce-gallery.ce-border .ce-column {
        width: 100%;
        float: left;
        clear: both;
    }

    .ce-intext .ce-gallery.ce-border .image {
        padding: 10px;
        max-width: 200px;
        display: inline-block;
    }

    .ce-intext .ce-gallery.ce-border + .ce-bodytext h3 {
        text-align: center;
    }

    .frame-kleineleistungsbox .ce-intext.ce-right .ce-gallery {
        width: 100%;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .frame-kleineleistungsbox .ce-intext.ce-right .ce-gallery .ce-row {
        display: inline-block;
    }
}

@media (max-width: 550px) {
    #footer .frame-type-textmedia .ce-gallery {
        margin-right: 5%;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 60%;
        margin: 0 20% 10px 20%;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column img {
        width: 100%;
        max-width: none;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column .image {
        display: block;
    }

    .frame-objekte .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich .frame-objekte .ce-gallery {
        width: 100%;
        float: left;
        clear: both;
        margin-top: 20px;
    }

    .frame-objekte .mehrbilder {
        bottom: 0;
        top: auto;
    }
}

@media (max-width: 500px) {
    .navi ul li {
        width: 48%;
        margin: 3px 1% !important;
        text-align: center;
    }
    
    #footer .frame-type-textmedia .ce-bodytext li{
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    #footer .frame-type-textmedia .ce-gallery {
        float: right;
        margin: 0;
    }

    #footer .frame-type-textmedia .ce-bodytext {
        float: left;
    }

    .cnicon {
        right: 5%;
    }

    .frame-leistungsbox .ce-gallery {
        width: 96%;
        margin: 20px 0;
        padding: 10px 2%;
    }

    .frame-bgbild {
        margin: 0;
    }
}

@media (max-width: 450px) {
    .logo {
        max-width: 280px;
        margin: 15px 0;
    }

    .mob_button {
        margin-top: -2px;
    }

    .oben::before {
        top: 57px;
    }

    .oben::after {
        top: 80px;
    }

    .navi ul {
        top: 37px !important;
    }

    .oben{
        background: #f7f7f7;
    }

    .headerbild {
        margin-top: 60px;
    }

    .frame-gallery .ce-gallery .image-caption {
        padding: 15px 5% 15px 5%;
        font-size: 16px;
        line-height: 1em;
    }
}

@media (max-width: 400px) {
    .logo {
        max-width: 250px;
    }

    .oben::before {
        top: 54px;
        height: 15px;
    }

    .oben::after {
        top: 71px;
        height: 8px;
    }

    .navi ul {
        top: 33px !important;
    }

    #inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .tx-powermail .powermail_field {
        width: 50%;
    }

    .tx-powermail .powermail_label {
        width: 45%;
    }
}

@media (max-width: 380px) {
    #footer .frame-type-menu_sitemap_pages ul {
        text-align: left;
    }

    #footer .frame-type-menu_sitemap_pages ul li {
        margin: 0 5px;
    }

    #footer .frame-type-menu_sitemap_pages ul li:first-child {
        margin-left: 0;
    }
}

@media (max-width: 345px) {
    .logo {
        max-width: 240px;
    }

    .oben::before {
        top: 52px;
        height: 10px;
        border-width: 2px;
    }

    .oben::after {
        top: 64px;
        height: 5px;
    }

    .navi ul {
        top: 31px !important;
        padding: 10px 5% !important;
    }
}
/*
     FILE ARCHIVED ON 04:23:56 Jan 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:02:57 Feb 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.683
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.009
  esindex: 0.018
  cdx.remote: 15.685
  LoadShardBlock: 106.926 (3)
  PetaboxLoader3.datanode: 138.405 (5)
  load_resource: 178.753
  PetaboxLoader3.resolve: 42.284
  loaddict: 116.974
*/