@media (max-width: 1800px) {
    .headerslider .owl-dots {
        bottom: 50px;
    }
}

/* -- NEU: 2023-08-23 -- */
@media (max-width: 1640px) {
    .hauptnavi ul li {
        margin: 0 0 0 20px;
        padding: 0 0 20px 0;
    }
}

@media (max-width: 1600px) {
    .headerslider .owl-dots {
        bottom: 20px;
    }


    .onepageinhaltfaq .faqinhalt > .bereiche:first-child {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-right: 5%;
    }


    .onepageinhalt .bereiche::after {
        width: 90%;
        margin: 0 5%;
        left: 0;
    }

    .onepageinhalt .bereiche:last-child {
        padding-bottom: 0;
    }

    /* -- NEU: 2021-03-16 Landingpage -- */
    .headerbildlandingpage .frame .ce-bodytext > * {
        max-width: 1300px;
    }

}

@media (max-width: 1560px) {
    .logo {
        width: 25%;
    }

    .hauptnavi {
        width: 75%;
    }
}

@media (max-width: 1560px) {
    .logo {
        width: 30%;
    }

    .hauptnavi {
        font-size: 24px;
        width: 70%;
    }

    .hauptnavi > ul > li {
        margin: 0 0 0 20px;
    }
}


@media (max-width: 1500px) {
    /* -- NEU: 2021-03-16 Landingpage -- */
    .headerbildlandingpage .frame .ce-bodytext > * {
        max-width: 1280px;
    }
}

@media (max-width: 1450px) {
    .logo {
        width: 20% !important;
    }

    .logo img {
        width: 227px !important;
    }

    .hauptnavi {
        margin-top: 35px !important;
        width: 80%;
    }

    .headerbild {
        margin-top: 100px !important;
    }

    .faqinhalt .ui-accordion-header {
        padding: 5px 2% 5px 5%;
        width: 93%;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        margin-top: 20px;
    }
}

@media (max-width: 1400px) {
    .headertext h3 {
        font-size: 34px;
    }

    .headertext  {
        font-size: 22px;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        font-size: 22px;
        padding: 10px 15px;
        margin: 20px 0 0 0;
    }

    .headertext .ce-row {
        width: 40%;
    }

    .headertext .ce-bodytext.zusatzbild {
        width: 60%;
    }

    .headertext.moreimages {
        top: 8%;
    }

    /* -- NEU: 2021-03-16 Landingpage -- */    
    .headerbildlandingpage .frame .ce-bodytext > * {
        max-width: 84%;
    }

    .headerbildlandingpage .frame .ce-bodytext {
        top: 60px;
    }
}

@media (max-width: 1350px) {
    .news-list-container .newsbilderheader .news-img-wrap {
        max-height: 240px;
    }
}

@media (max-width: 1300px) {
    .news .article .newsbilderheader .news-img-wrap a, .news-list2-container .no-media-element {
        height: 200px;
    }

    .ueberschriftrot.frame-type-cn_multicontent .row.equalize, .ueberschriftrot.frame-type-cn_multicontent .row.equalize > div {
        height: auto !important;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 {
        width: 50%;
        float: left;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 > div {
        width: 100% !important;
        margin: 0 !important;
   
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 > div h3 {
        font-size: 24px;
    }

    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic {
        min-height: 233px;
        font-size: 24px;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic a[title~="more"] {
        font-size: 24px !important;
    }*/

    .news-single .outer {
        width: 40%;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 190px;
    }

    .logo {
        width: 22% !important;
    }

    .hauptnavi {
        width: 78%;
    }

    /* -- NEU: 2023-08-23 -- */
    .hauptnavi {
        font-size: 20px;
    }
}

@media (max-width: 1250px) {
    .contactperson > .rahmen {
        text-align: center;
    }

    .contactperson > .rahmen > div {
        display: inline-block;
        width: 60%;
        float: none !important;
        clear: both !important;   
        margin: 0 0 40px 0;
        height: auto !important;
    }

    .contactperson > .rahmen > div .ce-bodytext {
        text-align: left;
        width: 65%;
        margin: 20px 0 0 0 !important;
    }

    .contactperson > .rahmen > div .ce-gallery {
        width: 20%;
        margin-right: 10%;
    }

    .contactperson > .rahmen > div .ce-textpic {
        margin: 0 0 10px 0;
    }

    .mediabox .news-list-container .news-text, .mediabox .news-list2-container .news-text {
        min-height: 283px !important;
    }

    .headertext.moreimages {
        top: 0;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 220px;
    }

    .news-list-container .newsbilderheader .news-img-wrap {
        max-height: 210px;
    }

    .pressekontakt .col-66 .rahmen {
        padding-left: 5% !important;
        padding-right: 5% !important;
        width: 90%;
    }


}

@media (max-width: 1230px) {
    .hauptnavi > ul > li {
        margin: 0 0 0 15px;
    }
}

@media (max-width: 1200px) {
    .mob_button {
        display: block;
    }

    .hauptnavi {
        display: none;
    }

    .logo {
        width: 50% !important;
    }

    
    .oben {
        padding: 20px 0 10px 0;
        position: fixed;
    }

    .mobnavi {
        position: fixed;
        overflow-y: auto;
        max-height: calc(100% - 110px);
    }

    .mobnavi > ul.monav li {
        float: left;
        margin: 0 1% 10px;
        width: 31%;
        background: rgba(0,0,0,0.06);
        text-align: center;
    }

    .mobnavi ul.mounav li {
        float: left;
        margin: 0 1% 10px;
        width: 48%;
        background: rgba(0,0,0,0.04);
        text-align: center;
    }

    

    .mobnavi > ul.mouunav li {
        float: left;
        margin: 0 1% 10px;
        width: 48%;
        background: rgba(0,0,0,0.02);
        text-align: center;
    }

    .mobnavi > ul.monav li a, .mobnavi > ul.mounav li a, .mobnavi > ul.mouunav li a {
        display: block;
        width: 96%;
        padding: 0 2%;
    }

    /*.headerbild {
        margin-top: 0 !important;
    }*/

    .faqnavi {
        position: static !important;
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .faqnaviheader, .onav_faq, .produktenavi, .oneproduktenavi {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;       
    }

    .oneproduktenavi {
        margin-left: -30px !important;    
    }

    .produktenavi > li {
        width: 95%;
        float: left;
        clear: both;
        margin: 0;    
    }
   
    .onepageinhaltfaq .onav_faq li  {
        display: inline-block;
        background: rgba(0,0,0,0.05);
        margin: 5px 1% 5px 0;
        padding: 0;
    }

    .produktenavi li ul.oneproduktenavi li {
        display: inline-block;
        background: rgba(0,0,0,0.05) !important;
        margin: 5px 1% 5px 0 !important;
        padding: 0 !important;
    }

    .onepageinhaltfaq .onav_faq li a, .produktenavi li ul.oneproduktenavi li a {
        display: block;
        padding: 5px 10px;
    }

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

    .faqinhalt .bereiche {
        width: 100% !important;
        float: left !important;
        clear: both !important;
        margin: 0 !important;
    }

    .onepageinhalt.produkte .faqinhalt .bereiche {
        margin-bottom: 50px !important;
    }

    .faqinhalt .bereiche .rahmen {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .header.landingpage .oben {
        position: fixed;
    }
}

@media (max-width: 1170px) {
    .news-filter .news-categorys {
        clear: both;
        width: 100%;
        margin-right: 0%;
    }
    
    .news-filter .frame-type-list {
        clear: both;
        width: 100%;
        margin: 50px 0 0 0;
    }

    .news-list4-container .article:first-child {
        padding-top: 30px !important;
        border-top: 2px solid #b0182e;
    }
}

@media (max-width: 1150px) {
    .contactbox .row.equalize {
        height: auto !important;
    }

    .contactbox .row.equalize > div {
        height: auto !important;
        width: 47% !important;
        float: left !important;
        margin-bottom: 30px;
    }

    pre {
        line-height: 1.4em;
    }

    .leadership .ce-gallery, .zitatbox .ce-gallery {
        width: 20%;
    }

    .leadership .ce-bodytext, .zitatbox .ce-bodytext {
        margin-top: 20px;
    }

    .leadership .ce-textpic h2, .zitatbox .ce-textpic h2 {
        font-size: 22px !important;
    }

    .news-single .outer {
        width: 50%;
    }

    .iconmenue .col-25 {
        width: 50% !important;
    }

    .iconmenue .col-25:first-child, .iconmenue .col-25:nth-child(2) {
        margin-bottom: 20px;
    }

    .produkte .iconmenue .col-25 {
        width: 25% !important;
    }

    .headertext.moreimages .rahmen {
        margin-top: 20px;
    }

    .headertext.moreimages .ce-row {
        margin: 0 3% 10px 0;
    }

    .news-list-container .newsbilderheader .news-img-wrap {
        max-height: 190px;
    }
    
    .news-list-container .news-inhalt h2:last-child p {
        margin: 0;
    }

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

}

@media (max-width: 1100px) {
    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage  {
        max-height: 350px;
    }

    .landingpage h1 {
        font-size: 26px;
    }
}

@media (max-width: 1070px) {
    .mediabox header h2 {
        font-size: 20px;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 250px;
    }

    .pressekontakt .col-66 .ce-gallery {
        width: 30%;
    }

}

@media (max-width: 1040px) {
    .contactperson > .rahmen > div {
        display: inline-block;
        width: 80%;
    }

    .news-latest-container .article, .news-list-container .article, .news-list2-container .article {
        width: 47%;
    }

    .mediabox .tx_cn-columns .row .col-33 {
        width: 47%;
    }

    .mediabox .col-33:first-child .news-list2-container .news-text,  .mediabox .col-33:nth-child(2) .news-list2-container .news-text {
        height: 180px !important;
        min-height: 180px !important;
    }

    .mediabox .col-33:first-child .no-media-element {
        background-size: 100% auto;
    }

    .mediabox header h2 {
        font-size: 26px;
    }

    .ui-accordion-header {
        padding: 5px 2% 5px 5%;
        width: 93%;
    }

    .headertext.moreimages .ce-row .ce-column .image img {
        max-width: 40%;
    }

    .headertext.moreimages .ce-bodytext a[title~="more"] {
        right: 10%;
        bottom: 65px;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 > div h3 {
        font-size: 22px;
    }

    .mediabox .row.equalize {
        height: auto !important;
    }
}


@media (max-width: 1000px) {
    .ce-column.video-column {
        width: calc(100% - 10px);
        max-width: 400px;
    }
}


@media (max-width: 940px) {
    h1 {
        font-size: 30px;
        margin: 30px 0;
    }

    .news-single .article .teaser-text {
        font-size: 26px;
    }

    h2, .ueberschriftrot h1, .ueberschriftrot h2, .media header h2 {
        font-size: 24px;
    }

    .mediabox header h2 a {
        font-size: 22px;
    }

    h3, .ueberschriftrot.frame-type-cn_multicontent div.col-33 > div h3 {
        font-size: 20px;
    }

    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic a[title~="more"]{
        font-size: 20px !important;
    }*/

    .news-latest-container h2, .news-list-container h2, .news-list2-container h2 {
        font-size: 20px !important;
    }

    body, pre,
    .tx-indexedsearch-searchbox-sword {
        font-size: 18px;
    }

    .tx-indexedsearch-searchbox-sword {
        line-height: 1.7em;
    }

    .tx-indexedsearch-searchbox-button {
        width: 40.6px;
        height: 40.6px;
    }

    .leadership .ce-textpic h2, .leadership .ce-textpic h3, .zitatbox .ce-textpic h2, .zitatbox .ce-textpic h3 {
        font-size: 18px !important;
    }

    .leadership .ce-textpic p:last-child, .zitatbox .ce-textpic p:last-child {
        margin: 0;
    }

    .header {
        margin: 0 0 30px 0;
    }
    
    .headertext .ce-row {
        display: none;
    }

    .headertext .ce-bodytext.zusatzbild {
        width: 100%;
        float: left;
        clear: both;
    }

    .monav {
        font-size: 20px;
    }

    .mounav {
        font-size: 18px;
    }

    .mouunav {
        font-size: 16px;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 {
        width: 100%;
        float: left;
        clear: both;
    }

    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic {
        min-height: auto !important;
        padding-bottom: 20px;

    }*/

    
    .news-latest-container .article, .news-list-container .article, .news-list2-container .article {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 30px 0;
        height: auto !important;
    }

    .news-latest-container .article p, .news-list-container .article p, .news-list2-container .article p {
        margin: 0;
    }

    .news-latest-container .article .news-text, .news-list-container .article .news-text, .news-list2-container .article .news-text {
        height: auto !important;
    }


    .news-list-container .article, .news-list2-container .article {
        position: relative;
        padding-bottom: 20px !important;
    }

    .news-list-container .newsbilderheader, .news-list2-container .newsbilderheader {
        width: 20%;
        position: absolute;
        top: 20px;
        left: 0;
    }

    .news .news-list-container .article .newsbilderheader .news-img-wrap a, .news .news-list2-container .article .newsbilderheader .news-img-wrap a {
        height: auto;
    }

    .news-list-container .news-text, .news-list2-container .news-text  {
        width: 67%;
        float: left;
        clear: none;
        padding-left: 25%;
        margin-bottom: 10px;        
    }

    .news-list2-container .news-text {
        padding-bottom: 50px;
    }

    .newsbilderheader .mediaelement iframe {
        height: 100px !important;
    }

    .news-list2-container .no-media-element {
        height: 100px !important;
        overflow: hidden;
    }

    .mediabox .tx_cn-columns .row .col-33 {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .mediabox .col-33:first-child .news-list2-container .news-text, .mediabox .col-33:nth-child(2) .news-list2-container .news-text {
        height: auto !important;
        min-height: auto !important;
    }

    .mediabox .news-list-container .news-text {
        height: auto !important;
        min-height: auto !important;
    }

    .mediabox .tx_cn-columns[data-cols="3"] .row > div > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .mediabox .row.equalize > div {
        height: auto !important;
    }

    .mediabox .news-list-container .news-text, .mediabox .news-list2-container .news-text {
        width: 67%;
        float: left;
        clear: none;
        padding-left: 25%;  
    }

    .mediabox .row > div .frame::after {
        display: none;
    }

    .mediabox .news-latest-container .article, .mediabox .news-list-container .article, .mediabox .news-list2-container .article {
        box-shadow: inset -1px -1px 0 1px #c1d1e0 !important;
    }

    .mediabox .news-list-container .news-text, .mediabox .news-list2-container .news-text {
        border: 0;
    }

    .mediabox .row > div .frame {
        border: 0;
    }

    .news-single .news-related.news-related-files ul li {
        padding: 0 0 12px 40px;
    }
 
    .produktenavi li, .produktenavi li.opact {
        background-position: left 4px !important;
    }

    .news-list4-container .news-inhalt a {
        padding-left: 38px;
        width: calc(100% - 28px);
    }
    
    .news-list4-container .news-inhalt a::before {
        width: 28px;
        height: 28px;
    }
    
    .news-list4-container .news-inhalt a::after {
        width: 28px;
    }
}

@media (max-width: 900px) {
    .ce-column.video-column {
        max-width: 350px;
    }

    .inhaltsbereich {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media (max-width: 820px) {
    .headerslider, .headerslider .ce-gallery .image {
        height: 380px !important;
    }

    .headerslider .owl-item .ce-gallery img {
        width: auto !important;
        max-width: none !important;
        height: 101% !important;
    }

    .nachunten {
        display: none;
    }

    

    .inhaltsbereich .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

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

    .contactbox .row.equalize > div {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .contactperson > .rahmen > div {
        display: block;
        float: left !important;
        clear: both !important;
        width: 100%;
    }

    .milestoneslider > .rahmen > .sliderbox {
        width: 80%;
        padding: 0 10%;
    }

    .milestoneslider .owl-prev, .milestoneslider .owl-next {
        top: 50px;
    }

    .graubg .col-50 {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 0;
    }

    .graubg .col-50 .rahmen, .pressekontakt .col-33 .rahmen {
        margin-top: 30px;
        padding: 30px 8% 10px 8%;
        width: 84%;
        min-height: auto;
    }

    .pressekontakt .col-66 .rahmen {
        min-height: auto;
    }

    .news-list2-container .no-media-element {
        height: 80px !important;
    }
     

    .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-25 {
        width: 50% !important;
        clear: none !important;
    }

    .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-33 {
        width: 50% !important;
        clear: none !important;
        margin: 0 0 20px 0 !important;
        text-align: center;
    }

    .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-33 .ce-gallery, .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-33 .ce-column {
        width: 100%;
        float: left;
        clear: both;
    }

    .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-33 .image {
        display: inline-block;
    }

    .headertext.moreimages .ce-row {
        padding: 0;
    }

    .inhaltsbereich.produkte .iconmenue .tx_cn-columns .row > div.col-25 {
        width: 50% !important;
        clear: none !important;
        margin: 0 0 20px 0
    }

    .tabrespbox table {
        width: 1000px !important;
    }

    .inhaltsbereich ul li {
        background-size: 30px auto;
        padding: 0 0 5px 40px;
    }

    .headertext {
        top: 10%;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .inhaltsbereich .tx_cn-columns .row > div {
        margin: 20px 0;
    }
}

@media (max-width: 800px) {
    .mediabox .col-33:first-child .news-list2-container .news-text, .mediabox .col-33:nth-child(2) .news-list2-container .news-text, .mediabox .col-33:nth-child(3) .news-list-container .news-text {
        height: none !important;
        min-height: 0px !important;
       float: left;
       clear: both;   
       padding-bottom: 10px !important;    
       display: block; 
    }


    .mediabox .news-inhalt {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        height: auto !important;
    }


    .mediabox .news-latest-container .article, .mediabox .news-list-container .article, .mediabox .news-list2-container .article {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
    }

    .mediabox  .news-list-container .news-text h2:first-child, .mediabox  .news-list2-container .news-text h2:first-child {
        margin-bottom: 20px;
    }

    .newsbilderheader::after {
        display: none;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 130px;
    }

    .ce-column.video-column {
        max-width: 300px;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage {
        max-height: 300px;
    }

    .headerbildlandingpage .frame .ce-bodytext {
        top: 40px;
        padding: 20px 0;
    }

    .landingpage h1 {
        font-size: 22px;
    }

/* -- NEU: 2022-03-25 -- */
    .tx-cn-numares-publication-search .num_pub_filter {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }


    .tx-cn-numares-publication-search .num_pub_filter + .num_pub_liste {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .tx-cn-numares-publication-search .num_pub_filterbox .num_pub_filterliste {
        display: none;
        margin-top: 10px;
    }

    .tx-cn-numares-publication-search .num_pub_filterbox {
        margin-bottom: 10px;
    }

    .tx-cn-numares-publication-search .num_pub_filterbox h4 {
        display: block;
        background: #f7f7f7;
        cursor: pointer;
        padding: 5px 10px;
        position: relative;
        margin: 0;
    }


    .num_pub_filterbox h4::after {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        right: 5px;
        background: url(../images/morelinkgrau.png) center center no-repeat;
        background-size: 7px auto;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
    }

    .num_pub_filterbox h4.filterauf::after {
        content: '';
        display: block;
        transform: rotate(270deg);
    }
    
}


@media (max-width: 730px) {
    h1 {
        font-size: 26px;
        margin: 25px 0;
    }

    .news-single .article .teaser-text {
        font-size: 24px;
    }

    

    h2, .ueberschriftrot h1, .ueberschriftrot h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 18px;
    }

    body,
    .tx-cn-numares-publication-search select.num_pub_filterliste {
        font-size: 16px;
    }

    .footerinhalt {
        padding: 30px 0;
    }

    .footerinhalt .col-33 {
        width: 50% !important;
    }

    .footerinhalt .col-33 ul li {
        width: 100%;
        background: rgba(0,0,0,0.1);
        margin: 0 0 8px 0;
        padding: 3px 0;
        text-align: center;
    }

    .footerinhalt .col-33:last-child {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 30px 0 0 0;
    }

    .footerinhalt .col-33:last-child > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .footerinhalt .col-33:last-child ul li:first-child {
        background: none;
        margin: 0;
        padding: 0;
        text-align: left;
        display: block;
        width: 100%;
    }

    .footerinhalt .col-33:last-child ul li {
        width: auto;
        margin: 0 20px 5px 0;
        display: inline-block;
        float: none;
        background: none;
    }

    .news-single .news-related.news-related-files ul li {
        padding: 0 0 14px 40px;
    }

    .news-single .news-backlink-wrap a {
        font-size: 24px;
    }

    .news-single .outer {
        width: 47%;
    }

    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic {
        min-height: auto !important;
        padding-bottom: 20px;
        max-height: 105px;
    }*/

    .produktenavi li, .produktenavi li.opact {
        background-position: left 2px !important;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 150px;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage {
        max-height: 250px;
    }
}

@media (max-width: 680px) { 
    .headertext {
        top: 5%;
    }

    .headertext h3 {
        font-size: 28px;
    }

    .headertext {
        font-size: 20px;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        font-size: 20px;
        padding: 5px 15px;
        margin: 10px 0 0 0;
    }


    /*.headerbild {
        margin-top: 0 !important;
    }*/

    .logo {
        width: 210px !important;
    }

    .logo img {
        width: 100% !important; 
    }

    .sprachen span {
        padding: 0;
        width: 28px;
        height: 28px;
        overflow: hidden;
        text-indent: -999px;
        text-align: left;
    }

    .sprachen ul li {
        margin: 0 0 0 8px;
    }

    .ce-column.video-column {
        max-width: 250px;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .header.landingpage .oben .logo img {
        width: 100% !important;
    }

    .headerbildlandingpage {
        margin: 96px 0 0 0;
    }
}

@media (max-width: 650px) { 
    .mobnavi > ul.monav li {
        float: left;
        margin: 0 1% 10px;
        width: 48%;
        background: rgba(0,0,0,0.06);
        text-align: center;
    }


    .inhaltsbereich .iconmenue .tx_cn-columns .row > div.col-25 {
        width: 100% !important;
        clear: both !important;
    }

    .mobnavi > ul.monav li {
        float: left;
        clear: both;
        margin: 0 0 10px 0;
        width: 100%;
        background: rgba(0,0,0,0.06);
        text-align: center;
    }
    
    .mobnavi ul.mounav li {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }

}

@media (max-width: 600px) { 
    h1 {
        font-size: 24px;
        margin: 20px 0;
    }

    .news-single .article .teaser-text {
        font-size: 20px;
    }

    pre, body {

        font-size: 16px;
    }

    .leadership .ce-gallery, .pressekontakt .col-66 .ce-gallery, .zitatbox .ce-gallery {
        width: 50%;
        margin: 0 25%;
        float: left;
        clear: both;
    }


    .leadership .ce-bodytext, .pressekontakt .col-66 .rahmen .ce-bodytext, .zitatbox .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .pressekontakt .col-66 .rahmen .ce-bodytext {
        margin-top: 20px;
    }

    .news-single .news-backlink-wrap a {
        font-size: 20px;
    }

    .news-single .outer {
        width: 60%;
    }

    .ui-accordion-header {
        padding: 5px 2% 5px 8%;
        width: 90%;
        font-size: 20px;
    }

    .faqinhalt .ui-accordion-header {
        padding: 5px 2% 5px 8%;
        width: 90%;
    }

    .headertext.moreimages {
        font-size: 16px;
        line-height: 1.0em;
    }

    .tabrespbox table {
        width: 830px !important;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 180px;
    }

    .ce-column.video-column {
        max-width: none;
        width: 100%;
        margin-right: 0;
    }

    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage .frame > .rahmen {
        width: 100%;
        max-width: none;
    }

    .headerbildlandingpage {
        max-height: none;
    }

    .footer.landingpage > .frame {
        width: 100%;
        float: left;
        clear: both;
    }

    .footer.landingpage > .frame:last-child {
        margin-top: 10px;
    }

    .footer.landingpage > .frame ul li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .footer.landingpage > .frame ul li:last-child::after {
        display: none;
    }

    .footer.landingpage > .frame ul {
        margin-bottom: 0;
    }
    
}

@media (max-width: 550px) { 
    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage .frame .ce-bodytext {
        position: static;
    }

    .headerbildlandingpage .ce-gallery {
        max-height: 200px;
        overflow: hidden;
    }


}

@media (max-width: 500px) { 
    .footerinhalt .col-33 {
        width: 100% !important;
        float: left;
        clear: both;
    }

    .footerinhalt .col-33 > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .mobnavi > ul.monav li {
        float: left;
        margin: 0 0 5px;
        width: 100%;
        background: rgba(0,0,0,0.06);
        text-align: center;
    }

    .mobnavi > ul.mounav li {
        float: left;
        margin: 0 0 5px;
        width: 100%;
        background: rgba(0,0,0,0.04);
        text-align: center;
    }

    .mobnavi > ul.mouunav li {
        float: left;
        margin: 0 0 5px;
        width: 100%;
        background: rgba(0,0,0,0.02);
        text-align: center;
    }

    .contactperson > .rahmen > div .ce-gallery {
        width: 20%;
        margin-right: 5%;
    }

    .contactperson > .rahmen > div .ce-bodytext {
        text-align: left;
        width: 75%;
        margin: 0 !important;
    }

    
    .googlemapskarte iframe {
        width: 100%;        
    }

    .frame-type-div .ce-div {
        margin: 30px 0;
    }

    .milestoneslider > .rahmen > .sliderbox {
        width: 70%;
        padding: 0px 15%;
    }

    .news-list2-container .no-media-element {
        height: 60px !important;
    }

    .news-single .outer {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }

    .onepageinhaltfaq .onav_faq li, .oneproduktenavi li {
        width: 48%;
        margin: 5px 1% 5px 1%;
        text-align: center;
    }

    .headertext.moreimages .ce-bodytext a[title~="more"] {
        right: 6%;
        bottom: 35px;
    }

    .headertext.moreimages .rahmen {
        margin-top: 0px;
    }

    .inhaltsbereich.produkte .iconmenue .tx_cn-columns .row > div.col-25, .inhaltsbereich.produkte .iconmenue .tx_cn-columns .row > div.col-33 {
        width: 100% !important;
        clear: block !important;
        margin: 0 0 20px 0
    }

    .headertext.moreimages {
        top: 20px;
    }

}

@media (max-width: 500px) { 
    .milestoneslider .sliderbox .rahmen {
        min-height: 200px;
    }

    /* -- NEU: 2022-07-14 -- */
    .headertext h3 {
        font-size: 20px;
    }

    .headertext p {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 450px) { 
    .onepageinhaltfaq .onav_faq li, .oneproduktenavi li {
        width: 100%;
        margin: 5px 0 5px 0;
        text-align: center;
        float: left;
        clear: both;
    }
}

@media (max-width: 400px) { 

    .logo {
        width: 150px !important;
    }

    .sprachen {
        top: 5px;
    }

    .sprachen span {
        width: 20px;
        height: 20px;
        background-size: auto 100% !important;
        background-position: left top !important;
    }

    /* -- NEU: 2023-11-30 -- */
    .suche {
        margin-left: 15px;
        padding-left: 15px;
    }

    .suche a.searchbtn {
        width: 20px;
        height: 20px;
        background-size: 10px auto;
    }

    .mob_button {
        width: 35px;
        height: 35px;
        top: 35px;
    }

    .mob_button span {
        height: 2px;
        left: 8px;
        width: 20px;
    }

    .mob_button span::after, .mob_button span::before {
        height: 2px;
    }

    .mob_button span::before {
        top: 2px;
    }

    .mob_button span::after {
        bottom: 2px;
    }

    .mobnavvisible span::before {
        top: auto;
    }

    .mobnavvisible span::after {
        bottom: auto;
    }

    .headertext h3 {
        font-size: 26px;
    }

    .headertext {
        font-size: 18px;
        line-height: 1.4em;
    }

    .headerbild {
        margin-top: 80px !important;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        font-size: 18px;
        padding: 5px 15px;
        margin: 10px 0 0 0;
    }

    .contactperson > .rahmen > div .ce-gallery {
        width: 100%;
        max-width: none;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .contactperson > .rahmen > div .ce-gallery .ce-column {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .contactperson > .rahmen > div .ce-bodytext {
        width: 100%;
        text-align: center;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33 > div h3 {
        font-size: 20px;
    }

    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic a[title~="more"] {
        font-size: 20px !important;
    }*/

    .news-list-container .newsbilderheader, .news-list2-container .newsbilderheader {
        width: 100%;
        position: static;
    }

    .news-list-container .news-text, .news-list2-container .news-text {
        padding-left: 8%; 
        width: 84%;
    }

    .newsbilderheader .mediaelement iframe {
        height: 200px !important;
    }

    .milestoneslider .owl-prev, .milestoneslider .owl-next {
        top: 90px;
        background-size: 100% auto;
        width: 21px;
        height: 40px;
        overflow: hidden;
    
    }

    .news-list2-container .no-media-element {
        height: 240px !important;
    }

    .inhaltsbereich .ce-bodytext a[title~="more"], .inhaltsbereich .cn_multicontent_teaser a[title~="more"] {
        font-size: 20px !important;
    }

    .ui-accordion-header {
        padding: 5px 2% 5px 10%;
        width: 88%;
    }

    .faqinhalt .ui-accordion-header {
        padding: 5px 2% 5px 10%;
        width: 88%;
    }

    .headertext.moreimages .ce-row .ce-column .image img {
        max-width: 35%;
    }

    .headertext.moreimages, .headertext.moreimages .ce-bodytext a[title~="more"] {
        font-size: 12px;
    }

    .headertext.moreimages .ce-bodytext a[title~="more"] {
        right: 4%;
        bottom: 20px;
    }

    .milestoneslider .sliderbox .rahmen {
        min-height: 265px;
    }

    
    /* -- NEU: 2021-03-16 - Landingpage -- */
    .headerbildlandingpage {
        margin: 75px 0 0 0;
    }

    .tx-indexedsearch-searchbox-sword {
        width: calc(100% - 80px);
    }
   
}

@media (max-width: 360px) { 

    .headerbild .ce-textpic a[title~="more"]::after {
        content: '';

        width: 7px;
        height: 15px;
        background: url(../images/morelink.png) left top no-repeat;
        background-size: 100% auto;
        margin-top: -7px
    }

    .headertext h3 {
        font-size: 16px !important;
    }

    .headertext {
        font-size: 14px !important;
        line-height: 1.4em;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        font-size: 14px !important;
        padding: 5px 15px;
        margin: 10px 0 0 0;
    }

    .headerbild .ce-textpic a[title~="more"]:hover {
        padding-right: 25px;
    }
    .headerbild .ce-bodytext p {
        margin: 0 0 5px 0;
    }

    .headerbild .ce-gallery .ce-row:first-child img {
        min-height: 200px;
        object-fit: cover;
    }

    .headertext {
        top: 8%;
    }


    /*.ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic a[title~="more"] {
        margin-top: 20px !important;
        padding: 10px 10px !important;
    }

    .ueberschriftrot.frame-type-cn_multicontent div.col-33:last-child > div .ce-textpic {
        max-height: 60px;
    }*/

    .news-list2-container .no-media-element {
        height: 220px !important;
    }

    .newsbilderheader .mediaelement iframe {
        height: 180px !important;
    }

    .onepageinhaltfaq .onav_faq li {
        width: 100% !important;
        margin: 5px 0 0 0 !important;
    }

   
    .produktenavi li ul.oneproduktenavi li {
        width: 100% !important;
        margin: 5px 0 0 0 !important;    
    }

    .headertext.moreimages {
        top: 20px;
    }

    .milestoneslider .sliderbox .rahmen {
        font-size: 16px;
    }

}

@media (max-width: 340px) { 
    .news-list2-container .no-media-element {
        height: 200px !important;
    }

    .newsbilderheader .mediaelement iframe {
        height: 160px !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .headertext h3 {
        font-size: 16px !important;
    }

    .headertext {
        font-size: 10px !important;
        line-height: 1.4em;
    }

    .headerbild .ce-bodytext a[title~="more"] {
        font-size: 12px !important;
        padding: 5px 15px;
        margin: 10px 0 0 0;
    }
}