@media (max-width: 1700px) {
    .hauptnavi .rahmen {
        width: calc(100% - 254px);
        max-width: unset;
        margin: 0 254px 0 0;
    }

    .unternavi > .rahmen {
        width: auto;
        margin: 0;
    }
}

/* -- NEU: 2024-9-18 -- */
@media (max-width: 1650px) {
    .frame-produktdetailbox {
        width: calc(100% - 30px);
    }

    .produktdetail_hoch {
        right: -30px;
    }

    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia {
        width: calc(33% - 12px);
    }
}

@media (max-width: 1550px) {
/* -- NEU: 2024-09-24 --*/
    .news .news-list-container .article .news-img-wrap {
        height: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 1480px) {
    .quicklinks {
        width: auto;
    }

    .hauptnavi ul li .unternavi ul {
        font-size: 15px;
    }

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

    .headerbildbereich.mitbild {
        height: auto !important;
        max-height: 470px !important;
    }

    .headerbildbereich.start.mitbild, .headerbildbereich.start.mitbild .frame {
        height: auto !important;
        max-height: 640px !important;
    }

    .frame-imagemapkarte .klickplan {
        width: 17px;
        height: 17px;
    }

    .footer_oben .tx_cn-columns .row .col-25 {
        width: 30%;
    }

    .footer_oben .tx_cn-columns .row .col-75 {
        width: 70%;
    }
}

@media (max-width: 1450px) {
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen header h3 {
        font-size: 20px
    }
}

@media (max-width: 1400px) {
    .logo {
        left: 50px;
    }

    .frame-teaser .row > div > .frame > .rahmen header h3, .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3{
        font-size: 20px;
    }

    .frame-imagemapkarte .klickplan {
        width: 13px;
        height: 13px;
      }

      .news-list-container .article,
      .news-list-container .article:nth-child(3n+1) {
        width: calc(33.3% - 14px);
        margin-left: 0;
        margin-right: 0;
      }

      .news-list-container .article:nth-child(3n+2) {
        margin-left: 20px;
        margin-right: 20px;
      }
}

/* -- NEU: 2024-09-18 -- */
@media (max-width: 1350px) {
    .frame-produktdetailbox {
        width: calc(100% - 50px);
    }
}

@media (max-width: 1300px) {

    .hauptnavi .rahmen {
        width: 98%;
        max-width: unset;
        margin: 0 2% 0 0;
        float: right;
      }

    .headerbildbereich.mitbild:not(.start) {
        height: auto !important;
    }

    .headerbildbereich.mitbild:not(.start) * {
        margin: 0 0 0 0;
        /*float: left;*/
        /* -- NEU: 2023-05-04 -- */
    }

    .headerbildbereich .cookie_only-this,
    .headerbildbereich #cookie_einstellungen {
        margin: 5px 5px 5px 5px !important;
    }

    .inhaltsbereich > .nachunten {
        display: none !important;
    }

    .hnavi li:last-child .unternavi {
        left: auto;
        right: 0;
    }

    /* -- NEU: 2023-05-22 -- */
    .frame-teaser.frame-style-3column .ce-gallery::before {
        height: 20vh;
        clip-path: polygon(0 0, 0% 100%, 120% 100%);
    }

    .inhaltsbereich .frame-teaser.frame-layout-1 .row > div > .frame > .rahmen .ce-gallery::after {
        display: none;
    }

    .frame-teaser.frame-layout-1 .ce-gallery::before {
        bottom: -1px;
    }
}

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

    .headerbildbereich.start .ce-bodytext h4 {
        font-size: 70px;
    }
}

@media (max-width: 1240px) {
   /* #oben {
        min-height: 100px;
    }

    .oben > .quicklinks {
        display: none;
    }

    .mob_button {
        display: block;
    }

    .hauptnavi .mob-quicklinks {
        display: block;
        float: left;
        clear: both;
        text-align: center;
        width: 96%;
        margin: 0 2% 20px 2%;
    }

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

    .hauptnavi ul {
        display: none;
    }

    .hauptnavi {
        width: 100%;
    }

    .hauptnavi .rahmen {
        width: 100%;
        max-height: calc(100vh - 40px);
        overflow-x: auto;
    }

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

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

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

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

    .hauptnavi ul li:hover a, .hauptnavi ul li.act a {
        color: #ffffff;
        background: var(--orange);
    }

    .hauptnavi .unternavi {
        display: block;
        position: static;
        width: 100% !important;
        min-width: auto;
        max-width: none !important;
        margin: 0 0 10px 0;
        padding: 0;
        float: left;
        clear: both;
        box-shadow: none;
        text-transform: 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;
        display: block;
        text-align: left; 
        box-shadow: none;       
    }

    .hauptnavi ul li .unternavi ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin: 5px 0;
        float: none;
        clear: none;
    }

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

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

    
    .frame-imagemapkarte .klickplan {
        width: 10px;
        height: 10px;
      }

    .frame-anwendung5 > .rahmen > .frame-type-textmedia {
        width: 23%;
        margin: 15px 1%; 
    }
}

@media (max-width: 1200px) {
    .frame-teaser .row > div > .frame > .rahmen header h3, .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3 {
        font-size: 20px;
    }
    
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-header h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3 {
        font-size: 18px
    }

    .inhaltsbereich .ce-gallery[data-ce-columns="2"] .ce-column, .inhaltsbereich .ce-gallery[data-ce-columns="3"] .ce-column {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
        vertical-align: top;
    }

    .frame-hochzaehlen h2,
    .frame-hochzaehlen_neu h2 {
        font-size: 40px;
    }

    .frame-hochzaehlen h3,
    .frame-hochzaehlen_neu h3 {
        font-size: 50px;
    }

    .frame-bild30 .ce-gallery{
        width: calc(40% - 20px) !important;
    }

    .frame-bild50 .ce-gallery{
        width: calc(50% - 20px) !important;
    }

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

    .frame-bild30 .ce-gallery,
    .frame-bild50 .ce-gallery,
    .frame-bild70 .ce-gallery{
        margin: 10px 10px !important;
    }

    /* -- NEU: 2024-09-18 -- */
    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia {
        width: calc(50% - 11px);
    }

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

    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia:nth-child(even) {
        margin-left: 20px;
    }
}

@media (max-width: 1180px) {
    .footer_oben .tx_cn-columns .row .col-25 {
        width: 330px;
    }

    .footer_oben .tx_cn-columns .row .col-75 {
        width: calc(100% - 330px);
    }
}

@media (max-width: 1150px) {
    .frame-bild70 .ce-gallery,
    .frame-bild70 .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 0 0;
        position: static;
    }

    .frame-bild70 .ce-bodytext {
        width: calc(100% - 80px);
    }

    .frame-bild70 .ce-gallery {
        height: 300px;
    }
}

@media (max-width: 1100px) {
    .frame-teaser .tx_cn-columns > div > div > div {
        margin: 0 1% 0 1%;
        width: 98%;
    }

    .frame-teaser .ce-column, .frame-teaser .ce-gallery figure {
        width: 100%;
        float: left;
        clear: both;
        display: block;
    }

    .frame-teaser .ce-gallery img {
        width: 100%;
        max-width: none !important;
    }

    .frame-teaser .tx_cn-columns[data-cols="3"] > div, .frame-teaser .tx_cn-columns[data-cols="4"] > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        width: 100%;
        float: left;
        clear: both;
        height: auto !important;
        max-width: 500px;
        margin: 0 calc(50% - 250px) !important;
      }

    .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(even) > .frame > .rahmen {
        margin: 0 0 20px 0 !important;
        width: 100%;
    }

    .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(odd) > .frame > .rahmen {
        margin: 0 0 20px 0 !important;
        width: 100%;
    }
  
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen header h3 {
        font-size: 26px
    }

    .logo {
        top: 30px;
    }    
    .frame-teaser.frame-layout-1 .ce-gallery {
        max-height: 350px;
      }

      .footer_oben .tx_cn-columns .row .col-25,
      .footer_oben .tx_cn-columns .row .col-75 {
        width: 100%;
        float: left;
        clear: both;
      }

      .footer_oben .tx_cn-columns .row .col-75 {
        margin-bottom: 20px;
      }

      .footer_oben .tx_cn-columns[data-cols="2"] .row > div:nth-child(2n) > div,
      .footer_oben .tx_cn-columns[data-cols="2"] .row > div:nth-child(2n+1) > div {
        margin: 0 !important;
        width: 100% !important;
      }

      .footer_oben .tx_cn-columns .row .col-75 ul {
        display: none;
      }

      .footer_oben .tx_cn-columns .row .col-75 h4 {
        text-align: center;
        background: #efefef;        
      }
      .footer_oben .tx_cn-columns .row .col-75 h4 a {
        padding: 5px;
        display: block;
      }

    /* -- NEU: 2024-09-19 -- */
    .frame-kacheldarstellungrtl > .rahmen > .frame {
        margin-bottom: 20px;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic {
        box-shadow: 0 0 15px 2px rgba(0, 0, 0, 15%);
        padding: 20px 0;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic .ce-bodytext {
        width: calc(100% - 60px);
        margin: 0;
        padding: 10px 30px;
        float: left;
        clear: both;
        box-shadow: none;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic.ce-right.ce-intext .ce-bodytext {
        margin: 0;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic .ce-gallery {
        width: 250px;
        margin: 10px 20px 0 0;
    }


}


@media (max-width: 1080px) {
    .headerbildbereich.start .ce-bodytext h3, .headerbildbereich .ce-bodytext h3, .headerbildbereich .ce-bodytext h4 {
        font-size: 30px; 
    }

    .headerbildbereich.start .ce-bodytext h4 {
        font-size: 54px;
    }

    /*.footer_oben .row > .col-75 {
        display: none;
    }

    .footer_oben .row > .col-25,
    .footer_oben .row > .col-25 > div {
        width: 100%;
        margin: 0 0 0 0;
        float: left;
        clear: both;
    }*/
}

@media (max-width: 1030px) {

    .oben > .quicklinks {
        display: none;
    }

    .mob_button {
        display: block;
    }

    .headerbildbereich.mitbild {
        margin-top: 80px;
    }

    .hauptnavi .mob-quicklinks {
        display: block;
        float: left;
        clear: both;
        text-align: center;
        width: 96%;
        margin: 0 2% 20px 2%;
    }

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

    .hauptnavi ul {
        display: none;
    }

    .hauptnavi {
        width: 100%;
    }

    .hauptnavi .rahmen {
        width: 100%;
        max-height: calc(100vh - 40px);
        overflow-x: auto;
    }

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

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

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

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

    .hauptnavi ul li:hover a, .hauptnavi ul li.act a {
        color: #ffffff;
        background: var(--orange);
    }

    .hauptnavi .unternavi {
        display: block;
        position: static;
        width: 100% !important;
        min-width: auto;
        max-width: none !important;
        margin: 0 0 10px 0;
        padding: 0;
        float: left;
        clear: both;
        box-shadow: none;
        text-transform: 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;
        display: block;
        text-align: left; 
        box-shadow: none;       
    }

    .hauptnavi ul li .unternavi ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin: 5px 0;
        float: none;
        clear: none;
        /* -- NEU: 2024-08-19 -- */
        box-shadow: inset 0 0 0 1px #dedede;
    }

    .hauptnavi ul li .unternavi ul li.act {
        box-shadow: inset 0 0 0 1px var(--orange);
    }

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

    .hauptnavi ul li.act .unternavi ul li a {
        background: none; 
        color: #484848;
         /* -- NEU: 2024-08-19 -- */
       /* box-shadow: inset 0 0 0 1px #dedede;*/
       box-shadow: none;
    }

    .hauptnavi ul li .unternavi ul li a {
        padding: 5px 2%;
        width: 96%;
        background:#efefef;
        /* -- NEU: 2024-08-19 -- */
        /*box-shadow: inset 0 0 0 1px #dedede;*/
        box-shadow: none;
    }

    .oben {
        min-height: 80px;
    }

    .logo {
        width: 120px;
        height: auto;
        top: 20px;
    }

    .tx-indexedsearch-searchbox .tx-indexedsearch-form {
        width: 50%;
    }
 
    .quicklinks {
        max-width: auto;
        opacity: 1;
        height: auto;
        margin-right: 0;
    }

    .quicklinks ul {
        margin-top: 11px;
    }

    .suchbox #tx_indexedsearch_top {
        display: none;
    }


    .suchemob {
        display: block;
    }

    .resp_suche {
        display: block;
      }

    .funktionen .sprachen {
        margin-right: 5px;
    }

    .funktionen .suche {
        padding: 0 8px;
    }

    .logo {
        left: 2%;
    }

    .funktionen {
        margin-right: 65px;
        margin-top: 19px;
    }

    .mob_button {
        display: block;
        position: fixed;
        z-index: 5;
      }

      .mob_button {
        right: 2%;
        margin: 19px 0 0 0;
        background: var(--orange);
    }

    .mob_button span,
    .mob_button span::after,
    .mob_button span::before {
        background: #FFF;
    }

    .hauptnavi .rahmen {
        width: 100%;
        max-height: calc(100vh - 80px);
        overflow-x: auto;
        margin: 0;
      }

      .mob-quicklinks li:first-child {
        display: none;
      }

      .oben {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

    /* -- NEU: 2024-09-18 -- */
    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 {
        position: static;
        width: calc(100% - 20px) !important;
        float: left !important;
        clear: both !important;
        margin: 0  !important;
        padding: 10px 10px 5px 10px !important;
        display: block !important;
        box-shadow: none !important;
        border-top: 1px solid #dedede;
        background: none !important;
    }

    .hauptnavi ul li .unternavi ul li.ifsub.act ul.ebene3  {
        border-top: 1px solid var(--orange);
        text-align: left;
    }

    .hauptnavi ul li .unternavi ul li.ifsub.act ul.ebene3 li {
        box-shadow: none !important;
        text-align: left;
        width: 49%;
        display: inline-block !important;
        float: none !important;
        background: none !important;
    }

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

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li a {
        display: block;
        float: none;
        width: auto;
       padding: 0;
        margin: 0;
        background: #dedede;
        border: 0;
        box-shadow: none;
        text-align: center;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li a {
        box-shadow: none;
        padding: 5px 10px;
        color: #484848 !important;
    }

    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li:hover a,
    .hauptnavi ul li .unternavi ul li.ifsub ul.ebene3 li.act a {
        color: #FFFFFF !important;
        background: var(--orange) !important;

    }
}

@media (max-width: 1024px) {


    .frame-teaser .row > div > .frame > .rahmen {
        margin: 0 0 20px 0;
    }

    h2.h2vorh1, h3.h3vorh2, h2, .news.news-single .article h1 {
        font-size: 24px;
        margin: 20px 0;
    }

    h2.h2vorh1 + h1, h3.h3vorh2 + h2, h1,
    .frame-bild70 .ce-bodytext h2 {
        font-size: 28px;
    }

    .frame-inhaltvollebreite.frame-type-textmedia blockquote {
        font-size: 26px;
        line-height: 1.2em;
    }

    
    .hauptnavi {
        width: 100%;
        margin-top: 80px;
        background: #FFFFFF !important;
        box-shadow: none;
    }

    .hauptnavi .rahmen {
        max-height: calc(100vh - 80px);
    }

    .headerbildbereich {
        margin-top: 80px;
    }

    .hauptnavi .unternavi {
        box-shadow: none !important;
    }

    .hauptnavi ul li a{
        background: none;
    }

    .frame-imagemapkarte .ce-bodytext {
        display: block;
        margin-top: 20px;
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-imagemapkarte .ce-bodytext ul > li > ul {
        display: none;
    }  

    .frame-imagemapkarte .ce-bodytext ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .inhaltsbereich .frame-imagemapkarte .ce-bodytext ul li::before {
        display: none;
    }

    .inhaltsbereich .frame-imagemapkarte .ce-bodytext ul li {
        padding: 0;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px 0;
    }

    .inhaltsbereich .frame-imagemapkarte .ce-bodytext ul li a {
        background-color: #f9b234;
        border: 1px solid #f9b234;
        color: #FFF;
        display: block;
        padding: 5px 10px;
        font-weight: 400;
        transition: all 0.5s ease;
    }

    .inhaltsbereich .frame-imagemapkarte .ce-bodytext ul li:hover a {
            background: #fff;
            color: var(--orange);
            font-weight: 400;
    }

    .frame-imagemapkarte .ce-gallery .klickplan {
        display: none;
    }

    /* -- NEU: 2024-09-24 -- */
    .news-list-container .news-content h3 {
        margin-top: 0;
    }
    
}

@media (max-width: 1000px) {
    .frame-hochzaehlen,
    .frame-hochzaehlen_neu {
        padding: 100px 0;
    }

    .frame-standort .frame-type-textmedia, .frame-standortgleich .frame-type-textmedia {
        width: calc(50% - 20px);
        margin: 20px 0;
    }

    .frame-standort .frame-type-textmedia:nth-child(3n+2), .frame-standortgleich .frame-type-textmedia:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0; 
    } 

    .frame-standort .frame-type-textmedia:nth-child(even), .frame-standortgleich .frame-type-textmedia:nth-child(even) {
        margin-left: 30px;
    }

    /*.frame-bild30 .ce-gallery,
    .frame-bild50 .ce-gallery,
    .frame-bild70 .ce-gallery {
        box-shadow: 0 0 10px rgba(0, 0, 0, 15%);
    }*/

    .frame-bild30 .ce-gallery .ce-row .ce-column,
    .frame-bild30 .ce-gallery .ce-row .ce-column .image,
    .frame-bild30 .ce-gallery .ce-row .ce-column .image img,
    .frame-bild50 .ce-gallery .ce-row .ce-column,
    .frame-bild50 .ce-gallery .ce-row .ce-column .image,
    .frame-bild50 .ce-gallery .ce-row .ce-column .image img,
    .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) {
    .frame-downloads .frame-type-textmedia{
        width: 31%;
        margin: 0 2% 20px 0;
    }

    .frame-anwendung4 > .rahmen > .frame-type-textmedia,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia {
        width: 46%;
        margin: 20px 2%;
    }

    .headerbildbereich.start .ce-bodytext h3, .headerbildbereich .ce-bodytext h3, .headerbildbereich .ce-bodytext h4 {
        font-size: 28px;
    }

    .headerbildbereich.start .ce-bodytext h4 {
        font-size: 48px;
    }

    .headerbildbereich .ce-bodytext {
        bottom: 18%;
    }

    .frame-hochzaehlen > .rahmen > .frame-type-textmedia,
    .frame-hochzaehlen_neu > .rahmen > .frame-type-textmedia {
        width: 33%;
    }

/* -- NEU: 2023-06-05 -- */   
/* -- NEU: 2024-09-24 -- */
/*
    .news-list-container .article,
    .news-list-container .article:nth-child(3n+1) {
        width: 49%;
        margin: 0 0 20px 0;
    }

    .news-list-container .article:nth-child(2n) {
        margin-left: 2%;
    }

    .news-list-container .news-content h3 {
        margin-top: 0;
    }

    .news-list-container .news-content {
        width: 100%;
        padding: 15px 0 0 0;
    }
*/
    .inhaltsbereich > .frame-type-list > .rahmen > .news > .news-list3-container > .newsbox > .article {
        display: block;
        width: 100%;
        clear: both;
    }

    .inhaltsbereich > .frame-type-list > .rahmen > .news > .news-list3-container > .newsbox > .article:nth-child(even) {
        margin-left: 0;
    }

    .news-list-container .article,
    .news-list-container .article:nth-child(3n+1),
    .news-list-container .article:nth-child(3n+2) {
        width: calc(50% - 20px);
        margin: 0 0 20px 0;
    }

    .news-list-container .article:nth-child(even) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .news-list-container .news-content h3 {
        margin-top: 0;
    }

    .news-list-container .news-content {
        height: auto !important;
    }

    .news-list-container .article {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

}


@media (max-width: 900px) {
    .inhaltsbereich > .frame-zwischenheader {
        max-height: 500px;
    }

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery, .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .video-embed {
        height: 500px;
    }

    .frame-hochzaehlen,
    .frame-hochzaehlen_neu {
        text-align: left;
    }

    .frame-hochzaehlen > .rahmen > .frame.frame-type-textmedia,
    .frame-hochzaehlen_neu > .rahmen > .frame.frame-type-textmedia {
        width: 50%;
    }

    .headerbildbereich.start + .inhaltsbereich {
        margin-top: 0;
    }

    .nachunten {
        bottom: -15px;
        top: auto;
        left: 50%;
        margin-left: -20px;
    }

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

    .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3 {
       max-width: 75%;
    }
}

@media (max-width: 850px) {
    .inhaltsbereich > .frame-history > .rahmen {
        width: calc(90% - 40px);
    }

    .footer_oben .frame-default.frame-type-textmedia ul {
        width: 48%;
    }

    .tx-indexedsearch-searchbox fieldset {
        width: 96%;
        padding: 15px 2%;
    }

    .headerbildbereich.start .ce-bodytext h3, .headerbildbereich .ce-bodytext h3, .headerbildbereich .ce-bodytext h4 {
        font-size: 26px;
    }

    .headerbildbereich.start .ce-bodytext h4 {
        font-size: 42px;
    }

    /*h1, h3.h3vorh2, h2, .news.news-single .article h1 {
        font-size: 20px;
    }*/

    h2.h2vorh1 + h1, h3.h3vorh2 + h2, h1,
    .frame-bild70 .ce-bodytext h2 {
        font-size: 26px;
    }

    .inhaltsbereich .frame-default .tx_cn-columns .row.equalize,
    .inhaltsbereich .frame-default .tx_cn-columns .row.equalize > div {
        height: auto !important;
    }

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

    .inhaltsbereich .frame-default  .tx_cn-columns .row > div > div, .inhaltsbereich  .frame-default .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div, .inhaltsbereich .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: left;
        clear: both;
    }

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

    /*.inhaltsbereich .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        width: 50%;
        clear: none;
    }

    .inhaltsbereich .frame-teaser  .tx_cn-columns .row > div {
        width: 50%;
        clear: none;
    }*/

    .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        margin-bottom: 20px !important;
    }

    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n) > div {
        margin: 0 0 0 2%;
        width: 98% !important;

    }

    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n+1) > div {
        margin: 0 2% 0 0;
      }

    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div > div {
        width: 98% !important;
        margin: 0 1%;
    }

    .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(2n+1) > .frame > .rahmen {
        margin: 0 !important;
        width: 100%;
      }

      .frame-teaser .ce-gallery,
      .frame-teaser.frame-layout-1 .ce-gallery {
        max-height: 250px;
      }

    .frame-teaser .tx_cn-columns > div > div.col-33 > div, .frame-teaser .tx_cn-columns > div > div.col-25 > div,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div.col-33 > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33 > div > div, 
    .frame-teaser .tx_cn-columns > div > div.col-25 > div > div,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div.col-33 > div > div,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n) > div,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n+1) > div {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 0 !important;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33 > div .ce-gallery, .frame-teaser .tx_cn-columns > div > div.col-25 > div .ce-gallery {
        max-height: none;
    }


    /* -- NEU: 2023-05-04 -- */
    .headerbildbereich .mediaconsent {
        font-size: 14px;
        line-height: 1.2em;
    }

    .headerbildbereich .cookie_only-this,
    .headerbildbereich #cookie_einstellungen {
        font-size: 14px;
        padding: 5px 10px;
        margin: 5px 5px 5px 5px !important;
    }

    .headerbildbereich .mapsoverlay {
        justify-content: flex-start;
    }


}

@media (max-width: 800px) {
    .inhaltsbereich > .frame-zwischenheader {
        max-height: 450px;
    }

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery, .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .video-embed {
        height: 450px;
    }

    .quicklinks {
        width: 50%;
        margin-left: 25%;
    }


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

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

    /* -- NEU: 2024-09-18 -- */
    .frame-produktdetailbox {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }

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

    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia {
        width: 100%;
        max-width: 500px;
        margin-left: 0;
        margin-right: 0;
        height: auto !important;
        display: inline-block;
        float: none;
        clear: both;
        text-align: left;
    }

    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia:nth-child(even) {
        margin-left: 0;
    }

    .produktdetail_hoch {
        right: 0;
    }

    .frame-produktdetailbg > .rahmen > .frame-default .ce-textpic .ce-bodytext > ul > li {
        padding: 3px 3px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 12px;
    }

    /* -- NEU: 2024-09-24 -- */
    .news .news-list-container .article .news-img-wrap .no-media-element, 
    .news .news-list-container .article .news-img-wrap .no-media-element > a, 
    .news .news-list-container .article .news-img-wrap {
        height: auto !important;
    }

    .news .news-list-container .article .news-img-wrap a {
        max-height: none !important;
    }

    .news .news-list-container .article .news-img-wrap .no-media-element > a {
        height: 100% !important;
    }
}

@media (max-width: 760px) {
    .footer_oben .frame-type-menu_sitemap_pages ul {
        text-align: left;
        margin: 0px 0 10px 0;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li {
        background: #efefef;
        width: 24%;
        text-align: center;
        margin: 0 1% 0 0 !important;
    }

    .footer_oben .tx_cn-columns .row .col-75 {
        display: none;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li:last-child {
        margin-right: 0;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li a {
        display: block;
        padding: 5px 2%; 
        width: 96%;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li::before {
        display: none;
    }

    .footer_icon {
        width: 40%;
    }

    .footer_copyright {
        width: 60%;
    }


    .headerbildbereich.start .ce-bodytext h2,
    .headerbildbereich .ce-bodytext h2,
    .frame-hochzaehlen_neu h2 {
        font-size: 30px;
    }

    .headerbildbereich {
        margin-top: 55px;
    }

    
    .headerbildbereich.mitbild {
        margin-top: 55px;
    }

    .hauptnavi .rahmen {
        max-height: calc(100vh - 55px);
    }

    .hauptnavi {
        margin-top: 55px;
    }

    .oben {
        min-height: 55px
    }

    .logo {
        width: 100px;
        left: 2%;
        top: 11px;
    }

    .mob_button {
        right: 2%;
        margin-top: 7px
    }

    .funktionen .suche {
        background-color: #b5b5b5;
    }

    .funktionen {
        left: auto;
        margin-right: 65px;
        margin-top: 7px;
      }

    .frame-teaser .row > div > .frame > .rahmen header h3, .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3 {
        font-size: 18px;
    }
  
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen header h3 {
        font-size: 16px;
    }

    .frame-hochzaehlen,
    .frame-hochzaehlen_neu {
        padding: 50px 0;
    }

    .frame-inhaltvollebreite.frame-type-textmedia .ce-bodytext p:last-child {
        margin-bottom: 0;
    }

    .frame-inhaltvollebreite.frame-type-textmedia blockquote {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* -- NEU: 2024-09-18 - -*/
    .hauptnavi ul li .unternavi ul li.ifsub.act ul.ebene3 li {
        box-shadow: none !important;
        text-align: left;
        width: 100%;
        display: block !important;
        float: left !important;
        clear: both !important;
        background: none !important;
    }

    .hauptnavi ul li .unternavi ul li.ifsub.act ul.ebene3 li:nth-child(2n) {
        margin-left: 0 !important;
    }
}

@media (max-width: 700px) {
    .inhaltsbereich > .frame-zwischenheader {
        max-height: 400px;
    }

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery, .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .video-embed {
        height: 400px;
    }

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

    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n+1) > div,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div:nth-child(2n) > div {
        margin: 0 0 20px 0 !important;
        width: 100% !important;
    }

    .inhaltsbereich .frame-teaser .tx_cn-columns .row.equalize,
    .inhaltsbereich .frame-teaser .tx_cn-columns.frame-layout-1 .row.equalize,
    .inhaltsbereich .frame-teaser .tx_cn-columns .row > div {
        height: auto !important;
    }

    .inhaltsbereich .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: auto !important;
    }

    .frame-teaser .row   .frame > .rahmen {
        margin: 0 0 0 0;
      }

      .frame-teaser .row > div > .frame > .rahmen {
        margin: 0;
      }

      .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(2n) > .frame > .rahmen {
        margin: 0 !important;
        width: 100%;
      }

      .frame-standort .frame-type-textmedia, .frame-standortgleich .frame-type-textmedia {
        width: 100%;
        float: left;
        clear: both;
        display: block;
        margin: 0 0 30px 0 !important;
    }

    .frame.frame-standortgleich > .rahmen > .frame {
        height: auto !important;
    }

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

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

    .frame-bild30 .ce-right .ce-gallery .ce-row, .frame-bild50 .ce-right .ce-gallery .ce-row, .frame-bild70 .ce-right .ce-gallery .ce-row {
        float: left;
    }
}

@media (max-width: 650px) {
    .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;
    }

    .tx-indexedsearch-searchbox .tx-indexedsearch-form {
        width: 80%;
        margin-right: 2%;
    }

    .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
        width: 18%;        
    }

    #tx-indexedsearch-searchbox-button-submit {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .frame-teaser .tx_cn-columns[data-cols="3"] > div, .frame-teaser .tx_cn-columns[data-cols="4"] > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        width: 100%;
        float: left;
        clear: both;
    }

    .inhaltsbereich .frame-teaser .tx_cn-columns > div > div.col-33 > div, .inhaltsbereich .frame-teaser .tx_cn-columns > div > div.col-25 > div {
        width: 80%;
        margin: 0 10% 20px 10% !important;
    }

    .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(odd) > .frame > .rahmen,
    .inhaltsbereich .frame-teaser .row > div.col-33:nth-child(even) > .frame > .rahmen {
        margin: 0 0 0 0 !important;
        width: 100%;
    }
  
    .frame-teaser .tx_cn-columns .row.equalize {
        height: auto !important;
    }

    .frame-teaser .tx_cn-columns .row.equalize > div {
        height: auto !important;
    }

    .breadcrumbs {
        display: none;
    }

    .frame-hochzaehlen,
    .frame-hochzaehlen_neu {
        text-align: center;
    }

    .frame-hochzaehlen > .rahmen > .frame.frame-type-textmedia,
    .frame-hochzaehlen_neu > .rahmen > .frame.frame-type-textmedia {
        display: block;
        width: 100%;

    }

    .headerbildbereich {
        height: auto;
      }

/* -- NEU: 2023-06-05 -- */
    .news-list-container .article, 
    .news-list-container .article:nth-child(3n+1),
    .news-list-container .article:nth-child(3n+2),
    .news-list-container .article:nth-child(even) {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 40px 0 !important;
        border-bottom: none;
        height: auto !important;
    }   
/* -- NEU: 2024-09-24 -- */
/*
    .news .news-list-container .article .news-img-wrap {
        max-height: 250px;
        height: auto !important;
      }

    .news-list-container .news-content {
        height: auto !important;
    }
*/
    .news .news-list-container .article .news-img-wrap a {
        height: auto !important;
    }
    /* -- NEU: 2024-09-18 -- */
    .produktdetail_hoch {
        display: none !important;
    }

    .frame-produktdetailbox > .rahmen > .frame-default.frame-type-textmedia {
        max-width: none;
    }

    /* -- NEU: 2024-09-19 -- */    
    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic,
    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic.ce-right.ce-intext {
        flex-direction: column;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic .ce-bodytext {
        float: left;
        clear: both;
    }

    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic .ce-gallery {
        width: calc(100% - 60px);
        margin: 20px 30px;
        float: left;
        clear: both;
    }
}

@media (max-width: 600px) {
    .frame-inhaltvollebreite.frame-type-textmedia blockquote {
        font-size: 20px;
    }

    .frame-inhaltvollebreite.frame-type-textmedia blockquote a {
        font-size: 16px !important;
    }

    .frame-anwendung3 > .rahmen > .frame-type-textmedia, .frame-anwendung4 > .rahmen > .frame-type-textmedia {
        width: calc(50% - 40px);
        margin: 20px;
    }

    .frame-anwendung4 > .rahmen {
        text-align: center;
    }

    .frame-anwendung4 > .rahmen > .frame-type-textmedia,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia {
        width: 80%;
        margin: 15px 0;
        float: none;
        display: inline-block;
        height: auto !important;
    }

    .frame-anwendung4 > .rahmen > .frame-type-textmedia .ce-gallery,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia .ce-gallery {
        max-height: 70px;
    }
 
    .frame-anwendung4 > .rahmen > .frame-type-textmedia .ce-gallery img,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia .ce-gallery img {
        max-height: 70px;
        width: auto;
    }

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .videoiframelink {
        position: absolute;
        width: 55px;
        height: 60px;
        left: calc(50% - 27px);
        top: calc(50% - 30px);
    }

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

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery, .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .video-embed {
        height: 350px;
    }

    .inhaltsbereich > .frame-history > .rahmen {
        width: 80%;
    }

    .inhaltsbereich > .frame:first-child {
        margin-top: 10px;
    }

    .frame-bild70 .ce-bodytext {
        width: calc(100% - 40px);
        padding: 20px;
    }

    .frame-bild70 .ce-gallery {
        height: 200px;
    }

    .footer_icon {
        width: 30%;
    }

    .footer_copyright {
        width: 70%;
    }


    .quicklinks {
        display: none;
    }

    .hauptnavi .mob-quicklinks li {
        margin: 0 0 5px 0 !important;
    }

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

    .frame-chronikliste > .rahmen > .frame {
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
        background-color: #FFF;
        margin: 20px 0;
        padding: 0;
    }

    .frame-chronikliste > .rahmen > .frame:nth-child(odd) header > *,
    .frame-chronikliste > .rahmen > .frame:nth-child(even) header > *, 
    .frame-chronikliste > .rahmen > .frame:nth-child(even) .ce-bodytext,
    .frame-chronikliste > .rahmen > .frame:nth-child(odd) .ce-bodytext {
        text-align: center;
    }

    
    .frame-chronikliste > .rahmen > .frame:nth-child(odd) header > *,
    .frame-chronikliste > .rahmen > .frame:nth-child(even) header > * {
        margin-top: 10px;
    }

    .frame-chronikliste > .rahmen > .frame header::before,
    .frame-chronikliste > .rahmen > .frame:nth-child(even) header::before,
    .frame-chronikliste > .rahmen > .frame:nth-child(odd) header::before {
       display: none;
    }

    .frame-chronikliste > .rahmen > .frame:last-child {
        padding-bottom: 0;
    }

    .frame-teaser .ce-gallery::before {
        display: none !important;
    }

    .frame-teaser .row > div > .frame > .rahmen .ce-bodytext {
        bottom: 0;
        background: rgba(249, 178, 52, 0.85);
        margin: 0 0 0 0;
        padding: 20px 10px;
        width: calc(100% - 20px);
    }

    .frame-teaser.frame-layout-1 .row > div > .frame > .rahmen .ce-bodytext {
        margin: 0 !important;
    }
}

@media (max-width: 560px) {
    .quicklinks {
        display: none;
        height: 0;
        opacity: 0;
    }

    .hauptnavi ul.mob-quicklinks {
        width: 96% !important;
        margin: 0 2% 10px 2% !important;
        float: left;
        clear: both;
    }

    .hauptnavi ul.hnavi {
        margin-bottom: 0 !important;
    }

    .hauptnavi ul li .unternavi ul li {
        width: 100%;
        display: block;
        float: left;
        clear: both;
        margin: 3px 0 !important;
    }

    .headerbildbereich.mitbild .nachunten {
        display: none;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33, .frame-teaser .tx_cn-columns > div > div.col-25 {
        max-width: none !important;
        margin: 0 0 !important;
      }

      /* -- NEU: 2024-09-18 -- */
      .frame-produktdetailbg > .rahmen > .frame-default .ce-textpic .ce-bodytext > ul > li {
        padding: 2px 2px;
        width: 10px;
        height: 10px;
        line-height: 10px;
        font-size: 10px;
    }
}

@media (max-width: 550px) {
    .footer_oben .frame-type-menu_sitemap_pages ul li {
        width: calc(50% - 5px);
        margin: 0 10px 10px 0 !important;
    }

    .footer_oben .frame-type-menu_sitemap_pages ul li:nth-child(even) {
        float: right;
        margin-right: 0 !important;
    }

    .footer_icon {
        width: 100%;
        float: left;
        clear: both;
    }

    .footer_copyright {
        width: 100%;
        float: left;
        clear: both;
        text-align: left;
        margin: 10px 0 0 0; 
    }

    /* + h1, h3.h3vorh2 + h2, h1, .news.news-single .article .teaser-text,
    .frame-bild70 .ce-bodytext h2 {
        font-size: 20px;
    }*/

    .frame-bild70 .ce-bodytext h3 {
        text-transform: none;
    }
}

@media (max-width: 500px) {
    .frame-teaser .row > div > .frame > .rahmen header h3, .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3 {
        font-size: 16px;
    }
  
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen header h3 {
        font-size: 16px;
	}

    .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
        background: #f9b234
    }

    .frame-anwendung3 > .rahmen > .frame-type-textmedia, .frame-anwendung4 > .rahmen > .frame-type-textmedia {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .frame-teaser .ce-gallery::before,
    .inhaltsbereich .frame-teaser.frame-layout-1 .row > div > .frame > .rahmen .ce-gallery::after {
        display: none;
    }



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

    .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery, .inhaltsbereich > .frame-zwischenheader .ce-gallery.videogallery .video-embed {
        height: 300px;
    }

    .frame-zwischenheader.bgfixed > .rahmen {
        height: 300px;
    }
    .frame-standortgleich + .frame-zwischenheader.bgfixed {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .frame-standortgleich + .frame-zwischenheader.bgfixed > .rahmen {
        background-size: cover !important;
    }

    .frame-zwischenheader.bgfixed > .rahmen {
        background-attachment: scroll !important;
    }

    .frame-hochzaehlen > .rahmen > .frame,
    .frame-hochzaehlen_neu > .rahmen > .frame {
        width: 100%;
    }

    .frame-hochzaehlen h3,
    .frame-hochzaehlen_neu h3{
        font-size: 40px;
    }

    .frame-inhaltvollebreite.frame-type-textmedia blockquote {
        width: 90%;
        padding: 50px 5%;
    }

    .tx-indexedsearch-searchbox .tx-indexedsearch-form {
        width: 70%;
        margin-right: 2%;
    }

    .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
        width: 28%;  
        float: right;    
    }

    .headerbildbereich.start .ce-bodytext h3, .headerbildbereich .ce-bodytext h3, .headerbildbereich .ce-bodytext h4 {
        font-size: 18px;
    }

    .headerbildbereich.start .ce-bodytext h4 {
        font-size: 28px;
    }

    .logo {
        width: 98px;
        /*height: 96px;*/ 
        height: auto;
    }

    .frame-space-before-70 {
        margin-top: 30px !important;
    }

    /* -- NEU: 2024-09-19 -- */    
    .frame-kacheldarstellungrtl > .rahmen > .frame > .rahmen .ce-textpic .ce-bodytext {
        width: calc(100% - 40px);
        padding: 10px 20px;
    }
}

@media (max-width: 450px) {
    .frame-anwendung3 > .rahmen > .frame-type-textmedia > .rahmen, 
    .frame-anwendung4 > .rahmen > .frame-type-textmedia > .rahmen,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia > .rahmen {
        width: calc(100% - 20px);
        margin: 10px;
    }

    .frame-anwendung3 > .rahmen > .frame-type-textmedia, 
    .frame-anwendung4 > .rahmen > .frame-type-textmedia,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .frame-anwendung3 > .rahmen > .frame-type-textmedia:last-child, 
    .frame-anwendung4 > .rahmen > .frame-type-textmedia:last-child,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia:last-child {
        margin: 0 0 0 0;
    }

    .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;
    }

    .frame-hochzaehlen > .rahmen > .frame.frame-type-textmedia,
    .frame-hochzaehlen_neu > .rahmen > .frame.frame-type-textmedia {
        width: 100%;
    }

    .footer_oben .frame-default.frame-type-textmedia ul {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 !important;
    }

    .tx-indexedsearch-searchbox fieldset {
        padding: 10px 2%;
    }

    .frame-teaser .tx_cn-columns > div > div.col-33 > div {
        width: 100%;
        margin: 0 0 20px 0 !important;
    }

    .headerbildbereich .ce-bodytext {
        display: block;
    }

    .frame-hochzaehlen h2,
    .frame-hochzaehlen_neu h2 {
        font-size: 28px;
      }

    /* -- NEU: 2024-09-18 -- */
    .frame-produktdetailbg > .rahmen > .frame-default .ce-textpic .ce-bodytext > ul > li {
        padding: 2px 2px;
        width: 8px;
        height: 8px;
        line-height: 8px;
        font-size: 8px;
    }
}

@media (max-width: 400px) {
    .frame-anwendung4 > .rahmen > .frame-type-textmedia,
    .frame-anwendung5 > .rahmen > .frame-type-textmedia {
        width: 100%;
    }

    .inhaltsbereich > .frame-history > .rahmen {
        width: 90%;
    }

    .frame-history .owl-nav {
        text-align: center;
    }

    .frame-history .owl-nav > div {
        position: static;
        width: 20px;
        height: 20px;
        margin-top: 0;
        text-indent: -9999px;
        display: inline-block;
        margin: 0 5px;
        padding: 5px;
    }
    
    .frame-history .owl-prev {
        background: url('https://www.uic-gmbh.de/fileadmin/user_upload/www.vta-process.de/owl-prev-white.png') center center no-repeat, #0268b4;
        background-size: auto 50%;
    }
    
    .frame-history .owl-next {
        background: url('https://www.uic-gmbh.de/fileadmin/user_upload/www.vta-process.de/owl-next-white.png') center center no-repeat, #0268b4;
        background-size: auto 50%;
    }

    .footer_copyright {
        font-size: 12px;
    }

    .frame-teaser .row > div > .frame > .rahmen header h3, .frame-teaser .row > div > .frame > .rahmen .ce-bodytext h3 {
        font-size: 16px;
    }
  
    .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen .ce-bodytext h3, .frame-teaser .tx_cn-columns[data-cols="4"] .row > div > .frame > .rahmen header h3 {
        font-size: 16px;
	}

    .headerbildbereich .ce-bodytext,
    .headerbildbereich .frame::after {
        display: none;
    }
}

@media (max-width: 380px) {
    .hauptnavi {
        margin-top: 55px;
    }

    .headerbildbereich {
        margin-top: 55px;
    }

    .funktionen {
        margin-right: 55px;
    }

        /* -- NEU: 2024-09-18 -- */
        .frame-produktdetailbg > .rahmen > .frame-default .ce-textpic .ce-bodytext > ul > li {
            padding: 2px 2px;
            width: 8px;
            height: 8px;
            line-height: 7px;
            font-size: 7px;
        }
}


@media (max-width: 350px) {
}