@media (max-width: 1700px) {
    .hauptnavi .rahmen {
         max-width: 1400px; 
    }

    .quicklinks {
        max-width: none; 
   }
}

@media (max-width: 1500px) {
    .frame-technischedaten {
        background-size: cover;
    }

}

@media (max-width: 1480px) {
    .hauptnavi .rahmen {
        max-width: none;
        width: calc(100% - 50px);
        margin-left: 50px;
    }

    .quicklinks {
        width: calc(100% - 280px); 
        float: left;
        clear: both;
        max-width: none;
    }

    .quicklinks ul {
        width: calc(100% - 280px);
        margin: 13px 0 0 0;
        text-align: right;
    }


}

@media (max-width: 1400px) {
    .inhaltsbereich > .frame-zwischenheader > .rahmen {
        width: 100% !important;
    }

    .inhaltsbereich > .frame-zwischenheader {
        max-height: 450px;
    }

    .frame-bildkacheln > .rahmen > .frame > .rahmen .ce-gallery .image-caption {
        font-size: 22px;
    }
}

/* -- NEU: 2024-01-09 -- */
@media (max-width: 1300px) {
    .frame-bildkacheln > .rahmen > .frame {
        width: 33%;
    } 
}

@media (max-width: 1280px) {
    .headerbildbereich.start .ce-bodytext h3 {
        font-size: 60px;
    }

    .headerbildbereich .ce-bodytext h3 strong {
        font-size: 80px;
    }

    .news .news-list-container .article .news-img-wrap {
        max-height: 200px;
    }

    .news .news-list-container .article .news-img-wrap .no-media-element, .news .news-list-container .article .news-img-wrap .no-media-element > a {
        max-height: 200px;
    }

    /* -- NEU: 2021-04-14 - Navi angepasst, da ein Navipunkt hinzu kam. -- */
    .hauptnavi ul li {
        margin: 0 10px 0 0;
    }

    .hauptnavi ul {
        width: calc(100% - 280px);
        margin: 0 0 0 280px;
    }

    .hauptnavi ul li a {
        padding: 10px 5px 15px 5px;
    }
}

@media (max-width: 1200px) {
    .hauptnavi .rahmen, .quicklinks {
        max-width: none;
        width: calc(100% - 20px);
        margin-left: 20px;
    }

    .frame-bild70 .ce-gallery {
        width: calc(60% - 20px) !important;
    }
    
    .frame-bild70 .ce-gallery {
        margin: 10px 10px !important;
    }
}

@media (max-width: 1100px) {
    .logo {
        width: 200px;
        height: auto;
        top: 20px;
    }

    .hauptnavi ul {
        width: calc(100% - 260px);
        margin: 0 0 0 260px;
    }

    .inhaltsbereich > .frame-zwischenheader {
        max-height: 350px;
    }

    .frame-type-menu_subpages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_pages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_subpages.frame-layout-2 .menu-mit-bildern li {
        width: calc(33% - 20px);
        margin: 10px;
    }

    .frame-bildslider3sp .ce-gallery {
        max-height: none;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 250px;
    }

/* -- NEU: 2021-04-14 - Navi angepasst, da ein Navipunkt hinzu kam. -- */
        .hauptnavi ul li {
            margin: 0 5px 0 0;
        }

        .hauptnavi ul li a {
            padding: 10px 3px 15px 3px;
        }

/* -- NEU: 2023-09-04 -- */
    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit {
        width: calc(100% - 30px);
        margin: 0 10px;
    }   
    
    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit .productlink {
        font-size: 24px;
    }

    /* -- NEU: Filter -- */
    .inhaltsbereich .kategoriefilter {
        width: calc(100% - 35px);
        margin-left: 15px;
        margin-right:  20px;
    }
}

@media (max-width: 1024px) {
    .oben {
        min-height: 90px;
    }


    .logo {
        top: 20px;
    }

    .header.obenresp {
        height: 100%;
        overflow-y: auto;
    }

    .headerbildbereich {
        height: 50px;
    }

    .headerbildbereich.unterseite + .inhaltsbereich.unterseite {
        margin-top: 50px;
    }

    .funktionen {
        right: 0;
        left: auto;
    }

    .headerbildbereich.start + .inhaltsbereich .tx_cn-multicontent.frame:last-child .tx_cn-columns > div > div {
        width: 100%;
        float: left;
        clear: both;
    } 

    .headerbildbereich.start + .inhaltsbereich .tx_cn-multicontent.frame:last-child .tx_cn-columns > div > div > div {
        width: 100%;
        margin: 0;
    }

    .hauptnavi {
        position: absolute;
        top: 90px;
        left: 0;
        background: #FFFFFF !important;
        width: 100%;
        float: left;
        clear: both;
       
    }

    .hauptnavi .rahmen {
        width: 100%;
        margin: 0;

    }
    .hauptnavi .rahmen {
        width: 100%;
    }

    .hauptnavi ul.hnavi {
        width: 96%;
        margin: 10px 2% 20px 2%;
    }

    .hauptnavi .hnavi li, .mob-quicklinks li {
        width: 100%;
        float: left;
        clear: both;
        display: block;     
        text-align: center;  
        margin: 0 0 5px 0;
    }

    .hauptnavi .hnavi li a, .mob-quicklinks li a {
        width: 96%;
        padding: 5px 2%;
        display: block;        
        box-shadow: inset 0 0 0 1px #dedede;
        background: #f1f1f1;
    }

    .hauptnavi .hnavi li.act a, .mob-quicklinks li.act a {
        background: #BC1413;
        color: #ffffff;
        box-shadow: inset 0 0 0 1px #BC1413;
    }

    ul.hnavi > li.act a, ul.hnavi > li:hover a {
        background: #BC1413;
    }

    #header .hauptnavi ul li:hover a, #header .hauptnavi ul li.act a {
        color: #ffffff;
    }

    .hauptnavi .unternavi {
        display: block;
        position: static;
        width: 100% !important;
        min-width: auto;
        max-width: none;
        margin: 0 0 10px 0;
        padding: 0;
        float: left;
        clear: both;
        box-shadow: none;
    }

    .hauptnavi .unternavi > .rahmen {

        width: 100%;
        margin: 0;
        float: left;
        clear: both;
    }

    .hauptnavi ul li .unternavi ul {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        padding: 5px 0;
        
    }

    .hauptnavi ul li .unternavi ul li {
        width: 100%;
        display: block;
        margin: 5px 0;
        float: left;
        clear: both;
        background: #f1f1f1;
    }

    .hauptnavi ul li .unternavi ul li:nth-child(even) {
        margin-left: 0;
    }

    #header .hauptnavi ul li .unternavi ul li a {
        padding: 5px 2%;
        width: 96%;
        background: none;
        box-shadow: inset 0 0 0 1px #dedede;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 {
        position: static;
        width: 98% !important;
        float: left !important;
        clear: both !important;
        margin: 7px 1% 1px 1% !important;
        padding: 0 !important;
        display: block !important;
        box-shadow: none !important;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li {
        width: 49.5%;
    }

    .hauptnavi .unternavi li, .hauptnavi ul li .unternavi ul li {
        box-shadow: none;
    }


    .hauptnavi .mob-quicklinks {
        width: 96%;
        display: block;
        float: left;
        clear: both;
        list-style: none;
        margin: 0 2% 10px 2% !important;
        padding: 0;
    }

    .hauptnavi .mob-quicklinks li a {
        background: #f1f1f1;   
    }

    .mob_button {
        display: block;
        position: absolute;
        top: -45px;
        margin: 0 1% 0 0;
    }

    .quicklinks {
        display: block;
        opacity: 0;
        width: calc(100% - 550px);
        float: right;
        clear: both;
        margin: 0 260px 0 0 ;
        height: auto;
    }

    .quicklinks ul {
        width: 100%;
        margin: 13px 0 0 0;
        text-align: right;
    }

    .inhaltsbereich > .frame.frame-layout-3 header, .inhaltsbereich > .frame.frame-layout-3 .ce-textpic, .inhaltsbereich > .bereiche > .frame.frame-layout-3 header, .inhaltsbereich > .bereiche > .frame.frame-layout-3 .ce-textpic {
        width: 100%;
        max-width: none;
        margin: 0;
        float: left;
        clear: both;
    }

    .frame-vertretungen > .rahmen > .frame {
        width: 32%;
    }

    .frame-zertifikate > .rahmen > .frame {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
        display: block;
    }

    .frame-zertifikate > .rahmen > .frame:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-technischedaten {
        padding: 60px 0;
    }

    .news .news-list-container .article .news-img-wrap {
        max-height: 180px;
    }

    .news .news-list-container .article .news-img-wrap .no-media-element, .news .news-list-container .article .news-img-wrap .no-media-element > a {
        max-height: 180px;
    }
}

@media (max-width: 1000px) {
    .frame-bild70 .ce-gallery {
        box-shadow: 0 0 10px rgba(0, 0, 0, 15%);
    }

    .frame-bild70 .ce-gallery .ce-row .ce-column,
    .frame-bild70 .ce-gallery .ce-row .ce-column .image,
    .frame-bild70 .ce-gallery .ce-row .ce-column .image img {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-bild70 .ce-bodytext{
        width: 90%;
    }

    .frame-bild70 .ce-gallery,
    .frame-bild70 img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .frame-bild70 .ce-bodytext{
        padding: 20px 5%;
        width: 90%;
    }
}

@media (max-width: 980px) {
    .news.news-single .owl-nav {
        text-align: left;
    }

    .news-text-wrap .news-img-wrap {
        float: left;
        clear: both;
        width: 100%;
    }

    .news .news-list-container .article .news-img-wrap {
        max-height: 220px;
    }

    .news .news-list-container .article .news-img-wrap .no-media-element, .news .news-list-container .article .news-img-wrap .no-media-element > a {
        max-height: 220px;
    }

    .frame-downloads .frame-type-textmedia{
        width: 31%;
        margin: 0 0 20px 0;
    }
    
    .frame-downloads .frame-type-textmedia {
        margin-right: 2%;
    }

/* -- NEU: 2024-01-09 -- */
    .frame-bildkacheln > .rahmen > .frame {
        width: 50%;
    }

    .frame-bildkacheln > .rahmen > .frame  .ce-column,
    .frame-bildkacheln > .rahmen > .frame  .image {
        display: block;
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
    }

    .frame-bildkacheln > .rahmen > .frame  .image img {
        display: inline-block;
        vertical-align: top;
    }

    .frame-bildkacheln {
        text-align: left;
    }
}

@media (max-width: 900px) {
    .headerbildbereich.start .ce-bodytext h3 {
        font-size: 50px;
    }

    .headerbildbereich .ce-bodytext h3 strong {
        font-size: 70px;
        top: 0;
    }

    .nachunten, .nachoben {
        width: 40px;
        height: 40px;
        background-size: 100% auto;
        margin-left: -20px;
    }

    .frame-type-menu_subpages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_pages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_subpages.frame-layout-2 .menu-mit-bildern li {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .headerbildbereich.unterseite + .inhaltsbereich.unterseite {
        margin-top: 20px;
    }

    .headerbildbereich.unterseite.mitbild + .inhaltsbereich.unterseite {
        margin-top: 20px;
    }

    .frame-technischedaten {
        background: #f1f1f1;
    }

    .frame-technischedaten .ce-bodytext ul li {
        width: 48%;
        margin: 20px 1% 20px 1%;
    }

    .frame-technischedaten .ce-bodytext ul {
        margin-top: 0;
    }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit {
        width: calc(100% - 20px);
        margin: 0 10px 40px 10px;
    }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit li img {
        aspect-ratio: 19/6;
    }

    .inhaltsbereich .kategoriefilter {
        width: calc(100% - 25px);
        margin-right: 10px;
    }

}

@media (max-width: 850px) {
    .tx_cnstjobs_row:hover a {
        color: var(--fontcolorextra) !important;
    }
/* -- IE11 Hack -- */
    *::-ms-backdrop, .tx_cnstjobs_row:hover a {
        color: #6B6B6B !important;
    }
    .tx_cnstjobs_row > div:first-child a {
        color: var(--color) !important;   
    }

/* -- IE11 Hack -- */
    *::-ms-backdrop, .tx_cnstjobs_row > div:first-child a {
        color: #BC1413 !important;   
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 220px;
    }
}

@media (max-width: 800px) {
    .mob_button {
        margin: 0 0.5% 0 0;
    }

    .headerbildbereich.start .ce-bodytext h3 {
        font-size: 40px;
    }

    .headerbildbereich .ce-bodytext h3 strong {
        font-size: 60px;
    }

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

    .frame-aftersale .ce-gallery { 
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .frame-aftersale {
        background: none;
        padding: 0;
    }

    .frame-aftersale .ce-headline-right, .frame-aftersale  .text-right {
        text-align: center !important;
    }

    .frame-aftersale .ce-column {
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
    }

    .frame-aftersale .ce-gallery figure {
        display: inline-block;
        vertical-align: top;
    }

    .frame-zwischenheader + .frame-aftersale {
         margin-top: 0; 
        margin-bottom: 0;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 200px;
    }

}

@media (max-width: 760px) {
    .footer_oben .tx_cn-columns .row .col-40 {
        border-top: 1px solid #FFFFFF;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li {
        background: rgba(0,0,0,0.3);
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li a {
        color: #FFFFFF;
    }

    .frame-vertretungen > .rahmen > .frame {
        width: 49%;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: auto;
    }
}

@media (max-width: 750px) {
    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 400px;
    }

    .news-listslider-container-2 .newsbox .article a,
    .news-listslider-container-2 .newsbox .owl-item.active + .owl-item.active + .owl-item.active .article a {
        margin-top: 0;
        transform: scale(1);
    }

    .news-listslider-container-2 .newsbox.owl-carousel {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .news-listslider-container-2 .newsbox .article {
        width: calc(50% - 10px);
        float: left;
        margin: 0 0 20px 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    .news-listslider-container-2 .newsbox .article:nth-child(2) {
        margin: 0 0 20px 20px;
    }
}

@media (max-width: 650px) {
    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li {
        display: inline-block;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li:nth-child(even) {
        margin-left: 1%;
    }

    .headerbildbereich.start .ce-bodytext h3 {
        font-size: 30px;
    }
 
    .headerbildbereich .ce-bodytext h3 strong {
        font-size: 50px;
    }

    .inhaltsbereich > .frame-zwischenheader {
        max-height: 300px;
    }

    .frame-vertretungen > .rahmen > .frame {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 350px;
    }

    .news .news-list-container .article .news-img-wrap {
        max-height: 300px;
    }

    .news .news-list-container .article .news-img-wrap .no-media-element, .news .news-list-container .article .news-img-wrap .no-media-element > a {
        max-height: 300px;
    }

    .frame-downloads .frame-type-textmedia{
        width: 49%;
        margin: 0 0 20px 0;
    }
    
    .frame-downloads .frame-type-textmedia:nth-child(2n) {
        margin-right: 2%;
    }

    .frame-downloads .ce-gallery,.frame-downloads .ce-gallery .ce-column, .frame-downloads .ce-gallery .image, .frame-downloads .ce-gallery img {
        width: 100%;
    }

    .frame-downloads .frame-type-textmedia:last-child {
        margin-right: 0;
    }

    /* -- NEU: 2024-01-09 -- */
    .frame-bildkacheln > .rahmen > .frame {
        width: 80%;
    }

    .frame-bildkacheln {
        text-align: center;
    }
}

@media (max-width: 600px) {

    .frame-technischedaten .ce-bodytext ul li img {
        width: 80px;
        height: 80px;
        margin: 0;
        background-size: 100% auto;
    }
    .frame-technischedaten {
        padding: 40px 0;
    }

    .frame-technischedaten .ce-bodytext ul li {
        width: 100%;
        margin: 20px 0;
        display: block;
        float: left;
        clear: both;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 320px;
    }
}

@media (max-width: 550px) {
    .headerbildbereich.start .ce-bodytext h3 {
        font-size: 24px;
    }

    .headerbildbereich .ce-bodytext h3 strong {
        font-size: 40px;
    }

    .inhaltsbereich > .frame-zwischenheader {
        margin: 40px 0;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 260px;
    }
}

@media (max-width: 500px) {
    .frame-type-menu_subpages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_pages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_subpages.frame-layout-2 .menu-mit-bildern li {
        width: 80%;
        margin: 10px 10%;
    }

    .headerbildbereich {
        height: 25px;
    }

    .oben > .rahmen {
        width: 96%;
    }

    .logo {
        top: 13px;
        width: 170px;
    }

    .funktionen {
        right: 50px;
    }

    .oben {
        min-height: 65px;
    }

    .hauptnavi {
        top: 65px;
    }

    .mob_button {
        top: -65px;
    }

    .headerbildbereich.unterseite.mitbild, .headerbildbereich.start.mitbild {
        margin-top: 65px;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li {
        display: block;
        width: 100%;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li:nth-child(even) {
        margin-left: 0;
    }

    .inhaltsbereich > .frame-zwischenheader {
        max-height: 250px;
    }

    .frame-vertretungen > .rahmen > .frame {
        width: 100%;
        margin: 0 0 20px 0;
        display: block;
        float: left;
        clear: both;
        height: auto !important;
    }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit li .productlink {
        font-size: 22px;
      }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit li img {
        aspect-ratio: 4/3;
    }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit {
        width: 80%;
        margin-left:  10%;
    }

    .inhaltsbereich .kategoriefilter {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 470px) {
    .frame-bildkacheln > .rahmen > .frame {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .frame-downloads .frame-type-textmedia {
        box-shadow: none;
    }

    .frame-downloads .ce-bodytext {
        padding: 0 0 0 0;
        width: 100%;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 200px;
    }

    .frame-downloads > .rahmen > .frame-default {
        float: left;
        clear: both;
        margin: 0 0 0 0;
        width: 100%;
    }

    .frame-downloads > .rahmen > .frame:not(.frame-type-header) {
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #9a9a9a;
    }

    .frame-downloads > .rahmen > .frame:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }

    .frame-downloads .ce-gallery {
        max-width: 260px;
    }
}

@media (max-width: 400px) {
    .news-listslider-container-2 .newsbox .article {
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }

    .news-listslider-container-2 .newsbox .article:nth-child(2) {
        margin: 0 0 20px 0;
    }

    .logo {
        width: 150px;
    }

    .frame-type-menu_subpages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_pages.frame-layout-1 .menu-mit-bildern li,
    .frame-type-menu_subpages.frame-layout-2 .menu-mit-bildern li {
        width: 100%;
        margin: 10px 0;
    }

    .inhaltsbereich .frame-bildslider3sp .video-embed .video-embed-item {
        min-height: 140px;
    }

    .frame-bildergalerie_mitvideo .ce-column {
        display: block;
        width: 100% !important;
        height: auto !important;

    }

    .inhaltsbereich .frame-type-menu_pages.frame-layout-21 .kachelbreit {
        width: 100%;
        margin-left:  0;
    }
}

@media (max-width: 360px) {
    .frame-downloads .ce-gallery {
        max-width: unset;
    }
}