/* steps wie bei puma */
@media (max-width: 1730px) {
    .sprachen {
        font-size: 18px; 
    }

    .sprachen:after {
        top: 9px;
        width: 10px;
        height: 11px;
        background-size: 10px auto;
    }

    .suchbox {
        margin-right: 5px;
    }

    .suchklick {
        width: 25px;
    }

    .suchklick,
    .suchbox:hover .suchklick {
        background-size: 18px auto;
    }

    .hu .hnavi > li > .link > a {
        max-width: 130px !important;
    }

    .hu .hnavi > li > .link > a .zoombox {
        max-width: 170px !important;
    }

    .hnavi .ifsub.ebene1:has(a[href="/karriere"]) .klappnavi,
    .hnavi .ifsub.ebene1:has(a[href="/en/careers"]) .klappnavi {
        min-height: 240px;
    }

    .news-zusatz .frame-designelement,
    .news-zusatz .frame-designelement_rechts {
        display: block !important;
        float: left;
        clear: both;
        width: 120%;
        margin: var(--abst17px) -10% 0;
    }
    
    .news-zusatz .frame-designelement .ce-gallery,
    .news-zusatz .frame-designelement_rechts .ce-gallery {
        width: 180px !important;
        z-index: -1;
        overflow: visible;
    } 

    .news-zusatz .frame-designelement .ce-textpic.ce-left .ce-gallery {
        left: 0;
    }

    .news-zusatz .frame-designelement .ce-textpic.ce-right .ce-gallery,
    .frame-designelement_rechts .ce-textpic.ce-left .ce-gallery {
        left: auto;
        right: 0;
    }

    .news-zusatz .frame-designelement .ce-textpic,
    .news-zusatz .frame-designelement_rechts .ce-textpic,
    .news-zusatz .frame-designelement .ce-row,
    .news-zusatz .frame-designelement_rechts .ce-row,
    .news-zusatz .frame-designelement .ce-column,
    .news-zusatz .frame-designelement_rechts .ce-column,
    .news-zusatz .frame-designelement .image,
    .news-zusatz .frame-designelement_rechts .image,
    .news-zusatz .frame-designelement picture,
    .news-zusatz .frame-designelement_rechts picture {
        overflow: visible;
    }

    .news-zusatz .frame-designelement .ce-gallery img {
        margin-left: -20px;
        width: 165px !important;
    }

    .news-zusatz .frame-designelement_rechts .ce-gallery img {
        margin-right: -20px;
        width: 165px !important;
    }

    .news-zusatz {
        text-shadow: 2px 2px 20px #fff, -2px -2px 20px #fff, 3px 3px 20px #fff, -3px -3px 20px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
    }

    .news-zusatz .more {
        text-shadow: none;
    }

    /* 
    .news-zusatz .frame-designelement_rechts .ce-gallery {
        float: right;
    }

    .news-zusatz .frame-designelement img, 
    .frame-designelement_rechts img {
        width: 100%;
        height: auto;
    }

    .news-zusatz .frame-type-shortcut:has(.frame-designelement) + .frame[class*="frame-space-before"],
    .news-zusatz .frame-type-shortcut:has(.frame-designelement_rechts) + .frame[class*="frame-space-before"] {
        margin-top: var(--abst17px) !important;
    } */
}

@media (max-width: 1600px) {
    .frame-designelement .ce-gallery {
        width: 9.5%;
    }

    .frame-designelement .ce-gallery img {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1550px) {
    #oben > .rahmen {
        width: 96%;
        margin: 0 2%;
    }

    .frame-designelement .ce-gallery {
        width: 6.5%;
    }
}

@media (max-width: 1500px) {
    .news-zusatz .frame-designelement,
    .news-zusatz .frame-designelement_rechts {
        width: 110%;
        margin: var(--abst17px) -5% 0;
    }
}

@media (max-width: 1450px) {
    #header .frame-style-slider .ce-bodytext,
    #header .frame-style-1column .ce-bodytext {
        right: 5%;
    }

    #header.sub .frame-style-slider  .textrahmen .sliderrahmen .ce-bodytext {
        right: auto;
    }

    .frame-bildplay.loadingok .video-embed a.videoiframelink::before {
        width: 110px;
        height: 130px;
    }

    .frame-bildplay.frame-layout-20 > .rahmen .ce-gallery {
        aspect-ratio: unset;
        height: auto;
        max-height: unset;
    }
}

@media (max-width: 1420px) {
    .frame-designelement .ce-gallery {
        width: 4.5%;
    }
}

@media (max-width: 1380px) {
    #inhaltsbereich .frame-style-slider .owl-carousel,
    #inhaltsbereich .frame-bildslider .owl-carousel {
        width: calc(100% - 140px);
        margin-left: 70px;
        margin-right: 70px; 
    }

    .frame-breitesbildnebentext .ce-gallery {
        max-width: 60%;
    }

    .frame-default .ce-textpic.ce-center .ce-gallery[data-ce-columns="2"] .ce-column {
        max-width: 49%;
        float: left;
    }

    .frame-default .ce-textpic.ce-center .ce-gallery[data-ce-columns="2"] .ce-column:nth-child(even) {
        float: right;
    }
}

@media (max-width: 1355px) {
    .hu .hnavi > li > .link > a {
        max-width: 110px !important;
    }

    .hu .hnavi > li > .link > a span,
    .hu .hnavi > li > .link > a.zoomlink .zoombox {
        max-width: 150px !important;
    }
}

@media (max-width: 1350px) {
    .frame-branchenliste2column .col-50 {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 0;
    }

    .frame-branchenliste2column .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div,
    .frame-branchenliste2column .tx_cn-columns[data-cols="2"] .row > div > div {
        width: 100%;
        margin: 0;
    }

    .frame-branchenliste2column .tx_cn-columns .row {
        float: none;
        max-width: 600px;
        margin: 0 auto;
    }

    
    .frame-branchenliste2column .frame-multicontentbranchen {
        width: 92.5% !important;
        margin: 0 0 0 7.5% !important;
    }  

    .frame-multicontentbranchen.frame-layout-2 .tx_cn-columns {
        margin: 0;
    }
}

@media (max-width: 1300px) {
    #header.sub {
        height: auto !important;
        min-height: unset;
    }

    /* #header .frame-style-slider .ce-bodytext,
    #header .frame-style-1column .ce-bodytext {
        right: 6%;
    } */

    #header.sub .frame-style-slider .textrahmen .sliderrahmen .ce-bodytext {
        right: auto;
    }

    .frame-hoverboxen > .rahmen > .frame .ce-bodytext, 
    .frame-hoverboxen_3spa > .rahmen > .frame .ce-bodytext {
        position: static;
        bottom: auto !important;
        max-height: none;
        padding-top: var(--abst17px) !important;
        background: var(--hellgrau);
        height: 100%;
    }

    .frame-hoverboxen > .rahmen > .frame > .rahmen, .frame-hoverboxen > .rahmen > .frame > a > .rahmen, 
    .frame-hoverboxen_3spa > .rahmen > .frame > .rahmen, .frame-hoverboxen_3spa > .rahmen > .frame > a > .rahmen,
    .frame-hoverboxen > .rahmen > .frame .ce-textpic, 
    .frame-hoverboxen_3spa > .rahmen > .frame .ce-textpic {
        height: 100%;
    }
}

/* steps wie bei puma */
@media (max-width: 1250px) {
    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-next,
    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-prev {
        left: -40px;
        width: 30px;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: -40px;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-next span,
    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-prev span {
        width: 30px;
        height: 30px;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-next span {
        background: url(../images/slider_pfeil_rot_next_mobil.svg) center center no-repeat;
        background-size: 15px auto;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-prev span {
        background: url(../images/slider_pfeil_rot_prev_mobil.svg) center center no-repeat;
        background-size: 15px auto;
    }

    .hu .hnavi > li > .link > a {
        max-width: unset !important;
    }

    .hu .hnavi > li > .link > a span,
    .hu .hnavi > li > .link > a.zoomlink .zoombox {
        max-width: unset !important;
    }

    .hnavi .ifsub.ebene1:has(a[href="/karriere"]) .klappnavi,
    .hnavi .ifsub.ebene1:has(a[href="/en/careers"]) .klappnavi {
        min-height: unset;
    }

    #oben > .rahmen {
        width: 90%;
        margin: 0 5%;
    }

    /* -- */
    .sprachen {
        margin-top: 5px;
        width: 70px;
    }
    .sprachen ul.dropdown {
        top: 57px;
    }

    .sprachen ul:first-child {
        padding-bottom: 26px;
    }

    .funktionen {
        margin: 3px 10px 0 0;
    }

    .suchbox {
        padding: 0 !important;
    }

    .suchbox_an {
        display: block;
    }

    .suchklick {
        width: 40px;
        height: 40px;
        margin-top: 0;
        background-size: 25px auto;
        background-position: center center;
    }

    .suchklick.an {
        background: url(../images/lupe_rot.svg) left top no-repeat;
        background-size: 25px auto;
        background-position: center center;
    }

    .suchbox:hover .suchklick {
        background-size: 25px auto;
        background-position: center center;
    }

    .suchebox {
        top: 62px !important;
    }

    .logo {
        position: static;
        margin: 0 !important;
        width: 150px;
        padding: 0;
    }

    #oben {
        padding: 20px 0 !important;
    }

    #inhaltsbereich {
        margin-top: 30px;
    }

    .frame-designelement {
        display: none !important;
    }

    .frame-designelement_mob {
        display: block;
    }

    .frame-designelement_mob .ce-gallery {
        width: 8.5%;
    }

    .frame-designelement_mob .ce-gallery img {
        width: 100%;
        max-width: none;
    }

    a.more:hover,
    a.more_weiss:hover,
    a.bullet:hover  {
        font-size: 100%;
    }

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

    .frame-countereffekt span {
        display: block;
    }

    .frame-multicontentboxen.frame-style-2column .row > div,
    .frame-multicontentboxen.frame-style-3column .row > div,
    .frame-multicontentboxen.frame-style-4column .row > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-2column .row > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .row > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .row > div,
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div {
        width: 50%;
        margin-bottom: 20px;
    }

    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .tx_cn-columns { 
        max-width: 700px;
        margin: 0 auto;
        float: none;
    }

    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child,
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child > div,
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child > div .ce-gallery,
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child > div .ce-column,
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child > div .image,    
    #inhaltsbereich .frame-dreispaltigbildrechts.tx_cn-multicontent.frame-style-3column .row > div:last-child > div .image img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .frame-multicontentboxen .tx_cn-columns .row,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-2column .tx_cn-columns .row,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .tx_cn-columns .row,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns .row {
        display: inline;
        width: auto;
        float: none;
        clear: none;
    }

    .frame-multicontentboxen .tx_cn-columns .row + .row {
        margin-top: 0;
    }

    .frame-multicontentboxen.frame-style-2column .row > div > div,
    .frame-multicontentboxen.frame-style-3column .row > div > div
    .frame-multicontentboxen.frame-style-4column .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-2column .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .row > div > div
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .row > div > div {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .frame-multicontentboxen.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div > div,
    .frame-multicontentboxen.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div > div,
    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div > div {
        width: calc(100% - 20px);
    }

    .frame-multicontentboxen.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-2column .tx_cn-columns[data-cols="2"] .row > div:nth-child(odd) > div,
    .frame-multicontentboxen.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div:nth-child(2n+0) > div,
    .frame-multicontentboxen.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div:nth-child(3n+0) > div,
    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+1) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+1) > div,
    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+2) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+2) > div,
    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+3) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+3) > div,
    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+4) > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+4) > div {
        margin-right: 10px;
        margin-left: 10px;
    }

    .frame-multicontentboxen.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div > div,
    #inhaltsbereich .frame-default.tx_cn-multicontent.frame-style-3column .tx_cn-columns[data-cols="3"] .row > div > div  {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .sliderrahmen {
        max-width: none;
        width: 100%;
        margin: 0;
        float: left;
        clear: both;    
    }

    #header .frame-style-slider .frame,
    #header .frame-style-1column .frame {
        background: var(--hellgrau);
        padding-bottom: 0;
    }

    #header .frame-style-slider .ce-bodytext,
    #header .frame-style-1column .ce-bodytext {
        position: static;
        max-width: 520px;
        width: calc(100% - var(--abst70px) - var(--abst70px));
        margin: 40px auto;
        opacity: 1;
        float: none;
        clear: both;
    }

    #header .frame-style-1column .ce-gallery {
        margin-bottom: 40px;
    }

    #header .frame-style-1column .ce-bodytext {
        margin: 0 auto 40px;
    }

    #header.sub .frame-style-slider  .textrahmen .sliderrahmen .ce-bodytext {
        width: auto;
        top: auto;
        left: 10%;
        bottom: var(--abst70px);
    }

    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 230px;
    }

    .frame-bildplay.loadingok .video-embed a.videoiframelink::before {
        width: 90px;
        height: 105px;
    }

    #oben.landingpage .slogan {
        margin: 15px 0 -10px 0;
    }
}

/* -- Responsive-Step src-set in Owl auf Seite leistung/engineering-npi -- */
@media (max-width: 1199px) {
    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext .ce-gallery {
        margin: 0 0 25px 0;
        float: left;
        clear: both;
        width: 100%;
    }

    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
    }

    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext .ce-column,
    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext .image,
    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1100px) {
    .frame-branchenliste .ce-bodytext ul {
        display: block;
        text-align: left;
    }

    .frame-branchenliste .ce-bodytext ul li {
        display: inline-block;
        vertical-align: top;
        width: 165px;
        margin: 10px 0 10px 0;
        text-align: center;
    }

    .frame-branchenliste .ce-bodytext ul li a {
        max-width: none;
    }

    .ce-textpic.ce-intext.responsive .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 var(--abst35px) 0;
    }

    .frame-style-slider .ce-textpic.ce-intext.responsive .ce-bodytext {
        margin: var(--abst35px) 0 0 0;
    }

    .ce-textpic.ce-intext.responsive .ce-gallery {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 var(--abst70px) 0;
    }

    .frame-hoverboxen_3spa .ce-textpic.ce-intext.responsive .ce-gallery {
        margin: 0;
    }

    .frame-space-after-35 .ce-textpic.ce-intext.responsive .ce-gallery,
    .frame-space-after-70 .ce-textpic.ce-intext.responsive .ce-gallery,
    .frame-space-after-105 .ce-textpic.ce-intext.responsive .ce-gallery {
        margin: 0;
    }

    .frame-style-slider .ce-textpic.ce-intext.responsive .ce-column, 
    .frame-style-slider .ce-textpic.ce-intext.responsive .image {
        width: 100%;
    }

    .ce-textpic.ce-intext.ce-nowrap .ce-bodytext > header > * {
        margin-top: var(--abst35px);
    }

    .frame-hoverboxen > .rahmen > .frame .ce-bodytext, 
    .frame-hoverboxen_3spa > .rahmen > .frame .ce-bodytext {
        width: calc(100% - var(--abst17px) - var(--abst17px) + 1px);
        margin: 0;
    }

    .frame-hoverboxen > .rahmen > .frame .ce-bodytext header > *, .frame-hoverboxen_3spa > .rahmen > .frame .ce-bodytext header > * {
        margin-top: 0;
    }

    .frame-hoverboxen_3spa > .rahmen > .frame,
    .frame-hoverboxen > .rahmen > .frame {
        width: calc(50% - var(--abst17px));
        float: none;
        display: inline-block;
    }

    .frame-hoverboxen_3spa > .rahmen > .frame:nth-child(even),
    .frame-hoverboxen > .rahmen > .frame:nth-child(even) {
        float: right;
    }

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

    .news-list-container .article {
        width: calc(50%  - var(--abst17px));
    }
    
    .news-list-container .article:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .news-list-container .article:nth-child(even) {
        margin-left: var(--abst35px);
    }

    .newssliderfilterbox {
        width: 100%;
    }

    .frame-newssliderfilter .news .news-listslider-container .owl-dots {
        top: -120px;
    }

    .frame-newssliderfilter .news .news-listslider-container button.owl-prev,
    .frame-newssliderfilter .news .news-listslider-container button.owl-next {
        top: -123px;
    }

    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column {
        width: calc(33.3% - 17px);
    }

    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(3n+2) {
        margin-left: 20px;
        margin-right: 20px;
    }

    .frame-breitesbildnebentext .ce-gallery {
        max-width: 50%;
    }

    .frame-layout-40 .ce-gallery, .frame-layout-40 .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
    }

    .frame-layout-40 .ce-intext.ce-left .ce-gallery, 
    .frame-layout-40 .ce-intext.ce-right .ce-gallery {
        margin-bottom: 0;
    }

    .frame-layout-40 .ce-gallery .ce-column,
    .frame-layout-40 .ce-gallery .image,
    .frame-layout-40 .ce-gallery img {
        width: 100%;
        height: auto;
    }

    .frame-layout-40 .ce-intext {
        max-width: 700px;
        margin: 0 auto var(--abst70px);
    }
    
    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 200px;
    }
}

@media (max-width: 1024px) {
    .frame-multicontentbranchen .row {
        flex-wrap: wrap;
        max-width: 500px;
        margin: var(--abst35pxminus) auto 0;
        float: none;
    }

    .frame-multicontentbranchen .row .col-100 {
        width: 33%;
        margin-top: var(--abst35px);
    }

    .frame-multicontentbranchen .row,
    .frame-multicontentbranchen.frame-layout-2 .row {
        max-width: 290px;    
        margin: 0 auto;
        width: 100%;
    }

    .frame-multicontentbranchen .row .col-100,
    .frame-multicontentbranchen.frame-layout-2 .row .col-100 {
        width: 50%;
    }

    .frame-textaufbild .textrahmen .ce-bodytext {
        position: static;
    }

    #header.sub .frame-textaufbild .textrahmen {
        display: none;
    }

    .frame-textaufbild {
        background: var(--hellgrau); 
    }

    .frame-textaufbild .textrahmen {
        width: 90%;
        float: left;
        clear: both;
        /* margin: -120px 5% 40px 5%; */
        margin: 40px 5% 0;
        max-width: none;
    }

    .frame-textaufbild .textrahmen .ce-bodytext {
        max-width: none;
    }

    .frame-bildplay .ce-bodytext a.data-fancybox.inline {
        width: 100px;
        height: 116px;
    }

    .klickbutton {
        width: 16px;
        height: 16px;
    }

    body {
        hyphens: auto;
    }
}

@media (max-width: 991px) {
    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 230px;
    }

    .ce-bodytext > table:has(td[style="white-space:nowrap"]) tr {
        display: block;
        margin-bottom: 10px;
    }

    .ce-bodytext > table:has(td[style="white-space:nowrap"]) td {
        display: block;
    }

    .ce-bodytext > table:has(td[style="white-space:nowrap"]) td:first-child {
        font-weight: 700;
    }
}

@media (max-width: 980px) {
    /* -- Überschriften -- */
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    h3,
    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
        font-size: 28px;
    }
    
    h4,
    h5 {
        font-size: 22px;
    }
}


@media (max-width: 950px) {
    .frame-branchenliste .ce-bodytext ul li {
        width: 150px;
    }

    #inhaltsbereich .frame-branchenliste .ce-bodytext ul li {
        width: 140px;
    } 

    #inhaltsbereich .frame-standorte .ce-bodytext {
        /* display: block;
        margin: var(--abst35px) 0 0 0; */
        display: none;
    } 

    #inhaltsbereich .frame-standorte .ce-bodytext ul {
        width: 100%;
        float: left;
        clear: both;        
    }

    #inhaltsbereich .frame-standorte .ce-bodytext ul > li {
        position: static;
        width: calc(100% - 30px);
        float: left;
        clear: both;
        background: var(--hellgrau);
        display: block;
        margin: 0 0 10px 0; 
        padding: var(--abst17px) var(--abst17px) var(--abst17px) var(--abst17px)  !important;
    }

    #inhaltsbereich .frame-standorte .ce-bodytext ul > li .tooltip_ort {
        display: block;
        position: static;
        border: 0;
        border-radius: 0;
        background: none;
        padding: 0;
        margin: 0;
        max-width: none;
    }

    #inhaltsbereich .frame-standorte .ce-gallery.ce-border + .ce-bodytext .tooltip_ort {
        opacity: 1 !important;
    }

    .klickbutton {
        display: none;
    }

    /* #header .frame-style-slider .ce-bodytext {
        margin-top: -80px;
    } */

    .news-single .article .news-img-wrap.weitere .outer {
        width: 48%;
    }
    
    .news-single .article .news-img-wrap.weitere .outer .mediaelement.mediaelement-image {
        display: block;
        float: left;
        width: 100%;
        clear: both;
    }

    .frame-breitesbildnebentext .ce-gallery, .frame-breitesbildnebentext .ce-bodytext {
        max-width: 100%;
        float: left;
        clear: both;
    }

    .frame-breitesbildnebentext .ce-intext.ce-right .ce-gallery {
        margin: 0 0 10px 0;
    }

    .frame-multicontentbranchen.frame-layout-2 .row {
        max-width: 540px;
    }

    .frame-multicontentbranchen.frame-layout-2 {
        font-size: 16px;
        line-height: 1.4em;
        width: 94%;
    }

    .frame-multicontentboxen.frame-layout-70 .ce-textpic:not(.responsive) {
        display: flex;
        flex-direction: column-reverse;
    }

    .frame-multicontentboxen.frame-layout-70 .ce-textpic:not(.responsive) .ce-gallery {
        margin-top: 25px;
        margin-right: 0;
    }
}

@media (max-width: 900px) {
    .footer_oben {
        display: none;
    }

    #footer {
        padding: 25px 0;
    }

    .footer_unten > .rahmen {
        position: relative;
    }

    .footer_unten > .rahmen > div.socialmedia {
        width: 50%;
        float: left;
        margin-top: 60px;
    }

    .footer_unten > .rahmen > div.copyright {
        width: 50%;
        float: right;
        margin-top: 60px;
        max-width: none;
    }

    .footer_unten > .rahmen > div.quicklinks {
        width: 100%;
        float: left;
        clear: both;
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer_unten .quicklinks ul li:first-child {
        display: block;
    }

    .footer_unten .quicklinks ul li {
        width: 50%;        
        display: block;
        float: left;
        margin: 0 0 5px 0;
    }

    .footer_unten > .rahmen > div:nth-child(3n+0) > div,
    .footer_unten > .rahmen > div > div,
    .footer_unten > .rahmen > div.quicklinks > div {
        width: 100%;
        margin: 0;
    }

    #inhaltsbereich > .frame.frame-bggrau:first-child {
        position: relative;
    }

    #inhaltsbereich > .frame.frame-bggrau:first-child .ce-gallery {
        width: 100px;
        margin-top: 7px;
    }

    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .ce-intext .ce-gallery {
        margin: 0;
    }
    
    .frame-lappenslider .frame .ce-gallery,
    .frame-lappenslider .frame .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    .frame-bildplay.loadingok .video-embed a.videoiframelink::before {
        width: 60px;
        height: 70px;
    }

    .frame-stellensitemap.frame-type-menu_section_pages ul li {
        width: calc(50% - 8px);
    }

    .frame-stellensitemap.frame-type-menu_section_pages ul li:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-stellensitemap.frame-type-menu_section_pages ul li:nth-child(even) {
        margin-left: 10px;
    }

    .frame-bggrau .ce-above .ce-gallery[data-ce-columns="3"] {
        width: 100%;
    }

    .frame-bggrau .ce-above .ce-gallery[data-ce-columns="3"] .ce-row {
        display: block;
    }

    .frame-bggrau .ce-above .ce-gallery[data-ce-columns="3"] .ce-row .ce-column {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
    }

    .frame-bggrau .ce-above .ce-gallery[data-ce-columns="3"] .ce-row .ce-column .image {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin: 0 auto 10px;
    }
}

@media (max-width: 850px) {
    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column,
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column {
        width: calc(50% - 13px);
    }

    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column:nth-child(3n+2),
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(3n+2)  {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column:nth-child(even),
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(even) {
        margin-left: 20px;
    }
    
    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 200px;
    }
}

@media (max-width: 800px) {
    #inhaltsbereich .frame-bildslider .owl-carousel {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-prev {
        left: -30px;
    }

    #inhaltsbereich .frame-bildslider .owl-carousel .owl-nav button.owl-next {
        right: -30px;
    }

    /* -- Überschriften -- */
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }
    
    h4,
    h5 {
        font-size: 20px;
    }

    .frame-branchenliste .ce-bodytext ul li {
        width: 120px;
    }

    .frame-bildplay .ce-bodytext a.data-fancybox.inline {
        width: 80px;
        height: 95px;
    }

    .tx_cn-multicontent:not(.frame-multicontentbranchen) > .rahmen > .tx_cn-columns > .row > div {
        width: 100% !important;
        float: left;
        clear: both;
        margin: 20px 0 0 0 !important;
        height: auto !important;
    }

    .tx_cn-multicontent:not(.frame-multicontentbranchen) > .rahmen > .tx_cn-columns > .row > div:first-child {
        margin-top: 0 !important;
    }

    .frame-multicontentboxen.frame-style-3column:has(.frame-layout-65) .row:last-child {
        display: block;
    }

    .tx_cn-multicontent.frame-bildlinkbox > .rahmen > .tx_cn-columns > .row > div {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    .page1 .tx_cn-multicontent.frame-bildlinkbox > .rahmen > .tx_cn-columns > .row > div {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .tx_cn-multicontent.frame-mehrspaltig_rundeecken .tx_cn-columns .row > div {
        margin-top: 10px !important;
    }

    .tx_cn-multicontent.frame-mehrspaltig_rundeecken .tx_cn-columns .row > div:first-child {
        margin-top: 0 !important;
    }

    .tx_cn-multicontent.frame-multicontentboxen > .rahmen > .tx_cn-columns > .row + .row > div:first-child {
        margin-top: 20px !important;
    }

    /*.tx_cn-multicontent .tx_cn-columns .row > div:first-child {
        margin-top: 0 !important;
    }*/

    .tx_cn-multicontent .tx_cn-columns .row > div:last-child {
        margin-bottom: 0;
    }

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

    .tx_cn-multicontent .tx_cn-columns .row > div > div.frame-multicontentbranchen {
        width: 92.5% !important;
        margin: 0 0 var(--abst35px) 7.5% !important;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul {
        display: block !important;
        margin: 10px 0 10px 0;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
        padding: 20px 40px 20px 20px;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li:first-child {
        margin-bottom: 10px;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a::after {
        top: 25px;
        bottom: auto;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a br {
        display: none;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a span {
        top: 18px;
        left: 25px;
    }

    .frame-links3spaltig .ce-bodytext ul li {
        width: calc(50% - var(--abst17px));
    }

    .frame-links3spaltig .ce-bodytext ul li:nth-child(3n+2){
        margin-left: 0;
        margin-right: 0;
    }
    
    .frame-links3spaltig .ce-bodytext ul li:nth-child(even){
        margin-left: var(--abst17px);
        margin-right: 0;
    }

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

    .frame-countereffekt.tx_cn-multicontent .tx_cn-columns .row > div {
        width: calc(50% - 3px);
        display: inline-block;
        float: none;
        clear: none;
    }

    .frame-multicontentboxen.frame-style-4column .tx_cn-columns[data-cols="4"] .row > div:nth-child(4n+1) > div {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-multicontentboxen.tx_cn-multicontent .tx_cn-columns .row > div:last-child {
        margin-bottom: 20px;
    }
    
    input.powermail_captcha {
        width: calc(100% - 10px);
        float: left;
        clear: both;
    }

    .powermail_captchaimage {
        margin-top: 10px;
    }

    .powermail_create .table.table-responsive {
        font-size: 14px;
        line-height: 1.3em;
    }

    .powermail_create .table.table-responsive td.powermail_all_label {
        padding-right: 10px;
        min-width: 135px;
    }

    .frame-default .ce-textpic.ce-center .ce-gallery[data-ce-columns="2"] .ce-column,
    .frame-default .ce-textpic.ce-center .ce-gallery[data-ce-columns="2"] .ce-column:nth-child(even) {
        max-width: unset;
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 var(--abst17px) 0;
    }

    .tx_cn-multicontent.frame-dreispaltigbildrechts > .rahmen > .tx_cn-columns > .row > div {
        margin: 0 !important;
    }

    #lightbox {
        width: calc(100% - 40px);
        padding: 20px;
        border-radius: 0;
    }

    .news-zusatz .frame-designelement,
    .news-zusatz .frame-designelement_rechts {
        display: none !important;
    }

    .news-related-news ul {
        display: block;
    }

    .news-related-news ul li,    
    .news-related-news ul li:nth-child(3n+2) {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 767px) {
    /* -- nur mobil sichtbar -- */
    .frame-layout-50 {
        display: block !important;
    }

    .frame-layout-55 {
        display: none !important;
    }

    /* -- Fancybox-Anpassung -- */
    .fancybox-show-caption .fancybox-content {
        transform: translate(0px, 0px) !important;
        height: 50vh !important;
        display: flex;
        align-content: center;
        align-items: center;
    } 

    .fancybox-show-caption .fancybox-content .fancybox-image {
        object-fit: contain;
    }
}

@media (max-width: 750px) {
    .frame-branchenliste .ce-bodytext ul li {
        width: 110px;
    }

    .news-single .article .news-img-wrap.weitere .outer {
        width: 100%;
        margin: 0 0 10px 0;
        display: block;
        float: left;
        clear: both;
    }

    .frame-multicontentbranchen.frame-layout-2 {
        font-size: 14px;
        line-height: 1.4em;
        width: 95%;
    }

    .frame-multicontentbranchen.frame-layout-2 .row {
        max-width: 500px;
    }

    .frame-multicontentbranchen.frame-layout-2 .row > .col-100 .ce-gallery .ce-column img {
        width: 80% !important;
        max-width: 98px;
        height: auto !important;
        margin: 0 10%;
    }

    .frame-multicontentbranchen.frame-layout-2 .row > .col-100 .ce-bodytext {
        width: 87%;
        margin: 0 0 0 13%;
    }

    #oben.landingpage .slogan {
        font-size: 18px;
        line-height: 1.2em;
    }
}

@media (max-width: 670px) {
    .newssliderfilterbox header h4 {
        padding: 10px 20px;
    }

    .bite-jobs {
        padding-top: 2px;
        width: 100%;
        overflow-x: auto;
    }

    .bite-jobs-list-table {
        min-width: 630px;
    }

    .bite-block {
        float: left;
        clear: both;
    }
    
    .bite-block::after, .bite-jobs-list-table::after {
        content: '\21E0  \21E2';
        font-size: 22px;
        float: left;
        clear: both;
        display: block;
        margin: 20px 0 0 0;
        width: 100%;
        text-align: center;
    }
    
    .frame-stellensitemap.frame-type-menu_section_pages ul li {
        width: 100%;
        display: block;
        height: auto !important;
        min-height: auto;
    }

    .frame-stellensitemap.frame-type-menu_section_pages ul li:nth-child(even) {
        margin-left: 0;
    }
    
    .page1 .frame-style-accordion .ce-right.ce-intext img {
        max-width: 100%;
    }
}

@media (max-width: 650px) {
    .frame-branchenliste .ce-bodytext ul li {
        width: calc(33% - 3px);
    }

    .frame-bildplay .ce-bodytext a.data-fancybox.inline {
        width: 60px;
        height: 70px;
    }

    .news-list-container .article {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 var(--abst35px) 0;
        display: block;
        height: auto;
    }

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

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

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

    .news-listslider-container {
        width: 100%;
        padding: 0;
    } 

    .frame-newssliderfilter .news .news-listslider-container button.owl-prev, 
    .frame-newssliderfilter .news .news-listslider-container button.owl-next {
        top: calc(50% - 7px);
        left: -35px !important;
        right: auto !important;
    }

    .frame-newssliderfilter .news .news-listslider-container button.owl-next {
        left: auto !important;
        right: -35px !important;
    }

    .frame-newssliderfilter .news .news-listslider-container .owl-dots,
    .news .news-listslider-container.owl-carousel .owl-dots.disabled {
        display: none !important;
    }

    .newssliderfilterbox {
        width: 100%;
    }

    #inhaltsbereich > .frame-lappenslider > .rahmen,
    #inhaltsbereich > .frame-style-slider > .rahmen {
        width: 86%;
    }

   .frame-lappenslider, .frame-style-slider {
        background: var(--hellgrau);
        margin-top: var(--abst70px);
        padding: 40px 0 5px 0; 
    } 

    #inhaltsbereich .frame-lappenslider .owl-dots .owl-dot,
    #inhaltsbereich .frame-style-slider .owl-dots .owl-dot {
        background: var(--grautrans);
    }

    .frame-layout-3 + .frame-style-slider.frame-layout-1 {
        margin-top: 0;
        padding: 0 0 15px 0;
    }

    .frame-lappenslider .lappensliderbox {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .frame-lappenslider .owl-carousel .owl-nav  button.owl-prev,
    .frame-lappenslider .owl-carousel .owl-nav  button.owl-next {
        display: block;
        background: url(../images/slider_pfeil_rot_prev_mobil.svg) left top no-repeat;
        background-size: 15px auto;
        width: 15px;
        height: 24px;
        position: absolute;
        top: calc(50% - 7px);
        right: 25px;
        overflow: hidden;
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-next,
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next span {
        background: url(../images/slider_pfeil_rot_next_mobil.svg) left top no-repeat;
        background-size: 15px auto;
        right: -20px; 
        left: auto;
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-prev span, 
    .frame-lappenslider .owl-carousel .owl-nav button.owl-next span {
        background: none;
        width: auto;
        height: auto;
        position: static;
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }

    .frame-lappenslider .owl-stage-outer {
        padding: 0;
    }

    .frame-lappenslider .frame {
        background: none;
        box-shadow: none;
        transform: scale(1);
        opacity: 1;
    }

    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel {
        background: none;
        box-shadow: none;
    }

    .frame-lappenslider .frame .ce-textpic {
        transform: scale(0.96);
    }

    .frame-lappenslider .frame .ce-column, .frame-lappenslider .frame .image {
        width: 100%;
    }

    #inhaltsbereich .frame-style-slider .owl-carousel {
        width: 100%;
        margin: 0;
    }

    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-prev, 
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: calc(50% - 7px);
        left: -15px;
        width: 15px;
        overflow: hidden;
        margin-left: 0;
    }

    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: -15px;
    }

    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-prev span, 
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next span {
        background: url(../images/slider_pfeil_rot_prev_mobil.svg) left top no-repeat;
        background-size: 15px auto;
        width: 15px;
        height: 24px;
        margin: 0;        
    }
    
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next span {
        background: url(../images/slider_pfeil_rot_next_mobil.svg) left top no-repeat;
        background-size: 15px auto;  
    }

    #inhaltsbereich .frame-style-slider.frame-layout-1 .owl-carousel .frame >.rahmen {
        width: calc(100% - 40px);
        margin: 20px;
    }

    /* -- Header Slider -- */
    #header .frame-style-slider .owl-prev, 
    #header .frame-style-slider .owl-next {
        position: absolute;
        top: 200px;
        left: 25px;
        width: 15px;
        height: 24px;
        background: url(../images/slider_pfeil_weiss_prev_mobil.svg) left top no-repeat;
        background-size: 15px auto;
        overflow: hidden;
    }

    #header .frame-style-slider .owl-next {
        left: auto;
        right: 25px;
        background: url(../images/slider_pfeil_weiss_next_mobil.svg) left top no-repeat;
        background-size: 15px auto;
    }

    .powermail_label {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 5px 0;
    }    

    .powermail_field {
        width: 100%;
        float: left;
        clear: both;
        display: block;
        position: relative;
    }
    
    .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field,
    .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
        width: calc(100% - 20px);
    }
            
    .powermail_fieldwrap_type_captcha .powermail_field {
        width: calc(100% - 20px);
    }
    
    #inhaltsbereich {
        margin-top: 20px;
    }

    .frame-hoverboxen_3spa > .rahmen > .frame,
    .frame-hoverboxen > .rahmen > .frame {
        width: 100%;
        float: left;
        clear: both;
        display: block;
        height: auto !important;
    }

    .frame-hoverboxen_3spa > .rahmen > .frame:nth-child(even),
    .frame-hoverboxen > .rahmen > .frame:nth-child(even) {
        float: left;
    }

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

    /* .frame-textaufbild .textrahmen {
        margin: -80px 5% 40px 5%;
    } */

    .frame-textaufbild .textrahmen .ce-bodytext {
        padding: var(--abst35px) 30px;
    }

    #header .frame-style-slider .ce-bodytext,
    #header .frame-style-1column .ce-bodytext {
        max-width: none; 
        width: calc(90% - 60px);
        margin-left: 5%;
        margin-right: 5%;
        padding: var(--abst35px) 30px;
    }

    .frame-links3spaltig .ce-bodytext ul li {
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .frame-links3spaltig .ce-bodytext ul li:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-links3spaltig .ce-bodytext ul li a.more_weiss, .frame-links3spaltig .ce-bodytext ul li a.more {
        width: calc(100% - 30px) !important;
        margin: 0 0 10px 0;
        padding-left: var(--abst17px);
        padding-right: var(--abst17px);
        display: block;
    }

    a.more, a.more_weiss {
        padding: 10px 30px;
    }

    .tx_cn-multicontent .tx_cn-columns .row > div > div.frame-multicontentbranchen {
        margin: 7px -5% var(--abst35px) !important;
        width: 110% !important;
    }

    .newsheader {
        margin: var(--abst35pxminus) 0 var(--abst70px) 0; 
    }

    #lightbox .ce-bodytext table th, #lightbox .ce-bodytext table td, #lightbox .ce-bodytext table td:first-child {
        display: block;
        width: calc(100% - 15px);
        float: left;
        clear: both;
        min-width: unset;
    }

    #lightbox .ce-bodytext table td:first-child {
        font-weight: 700;
    }

    #lightbox .ce-bodytext table thead th, #lightbox .ce-bodytext table thead + tbody td  {
        display: table-cell;
        width: auto;
        float: none;
        clear: none;
    }

    #lightbox .ce-bodytext table thead + tbody td:first-child {
        font-weight: inherit;
    }

    #lightbox .ce-bodytext table[align="left"] {
        min-width: 400px;
    }

    #lightbox .ce-bodytext {
        overflow: auto;
    }

    #inhaltsbereich > .frame.frame-bggrau:first-child .ce-gallery,
    #inhaltsbereich > .frame.frame-bggrau:first-child .ce-bodytext {
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich > .frame.frame-bggrau:first-child .ce-gallery img {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 600px) {
    .frame-countereffekt.tx_cn-multicontent .tx_cn-columns .row > div {
        width: 100%;
        display: block;
        float: left;
        clear: both;
    }

    /* #header .frame-style-slider .ce-bodytext {
        margin-top: -65px;
    } */

    .frame-doppelbild .ce-gallery[data-ce-columns="2"] .ce-column {
        max-width: unset;
        margin: 0 0 10px 0;
    }

    #inhaltsbereich .ui-accordion-content .ce-bodytext ul li,
    #inhaltsbereich .frame-mehrspaltig_rundeecken .ce-bodytext ul li {
        padding-left: 25px;
    }

    #inhaltsbereich .ui-accordion-content .ce-bodytext ul li::before,
    #inhaltsbereich .frame-mehrspaltig_rundeecken .ce-bodytext ul li::before {
        left: 5px;
    }
    
    .frame-multicontentbranchen.frame-layout-2 {
        width: 100%;
        float: left;
    }

    #header .frame-style-slider .owl-prev, 
    #header .frame-style-slider .owl-next {
        top: 180px;
    }

    .frame-bildplay.loadingok .video-embed a.videoiframelink::before {
        width: 50px;
        height: 60px;
    }

    #oben.landingpage .slogan {
        margin: 5px 0 -15px 0;
    }
    
    #oben.landingpage .slogan .ce-bodytext p span {
        display: block;
    } 
}

@media (max-width: 580px) {
    .newssliderfilterbox header h4 {
        padding: 10px 15px;
        font-size: 16px;
    }

    .frame-type-textmedia.frame-layout-70 .ce-textpic:not(.responsive) {
        display: flex;
        flex-direction: column-reverse;
    }

    .frame-type-textmedia.frame-layout-70 .ce-textpic:not(.responsive) .ce-gallery {
        margin-top: 25px;
    }
}

@media (max-width: 500px) {
    .frame-logozeile .ce-gallery[data-ce-columns="2"] .ce-column,
    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column,
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 100%;
        display: block;
        margin: 0 0 20px 0;
    }

    .frame-logozeile .ce-gallery[data-ce-columns="2"] .ce-column:nth-child(even),
    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column:nth-child(even),
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(even) {
        margin-left: 0;
    }

    .frame-logozeile .ce-gallery[data-ce-columns="2"] .ce-column .image,
    .frame-logozeile .ce-gallery[data-ce-columns="3"] .ce-column .image,
    .frame-logozeile .ce-gallery[data-ce-columns="4"] .ce-column .image {
        height: auto !important;
        line-height: 1em !important;
    }

    /* -------------------------------- */
    .sprachen {
        display: none;
    }

    #oben > .rahmen > .rahmen .sprachen {
        display: block;
        width: 90%;
        float: left;
        clear: both;
        padding: 10px 5% 10px 5%;
        margin: 0;
        height: auto !important;
        overflow: unset;
        background: var(--weiss);
        border-bottom: 1px solid var(--hellgrau);
        font-size: 16px;

    }

    #oben > .rahmen > .rahmen .sprache ul {
        display: block;
        margin: 0 !important;
        padding: 0;
        width: auto;
    }

    #oben > .rahmen > .rahmen .sprachen ul.dropdown {
        position: static;
        box-shadow: none;
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
        background: none;
    }

    #oben > .rahmen > .rahmen .sprachen ul li {
        display: inline-block;
        width: auto;
        padding: 0;        
        opacity: 0.6;
    }

    #oben > .rahmen > .rahmen .sprachen ul li:hover {
        opacity: 1;
    }

    #oben > .rahmen > .rahmen .sprachen ul li:first-child {
        margin-left: 10px;
    }

    #oben > .rahmen > .rahmen .sprachen ul li a,
    #oben > .rahmen > .rahmen .sprachen ul li span {
        padding: 8px 20px 8px 10px;
        display: block;
    }

    #oben > .rahmen > .rahmen .sprachen ul:first-child {
        display: none !important;
        padding: 0 !important;
    }

    #oben > .rahmen > .rahmen .sprachen:after {
        display: none;
    } 

    #oben > .rahmen > .rahmen .sprachen ul li.sp_act {
        position: relative;
        background: none; 
    }

    #oben > .rahmen > .rahmen .sprachen ul li.sp_act::before {
        content: '';
        display: block;
        background: url(../images/pfeil_dunkelgrau.svg) left top no-repeat;
        background-size: 6px auto;
        position: absolute;
        width: 6px;
        height: 9px;
        top: 13px;
        left: 0;
    }    

    #header .frame-style-slider .owl-prev, 
    #header .frame-style-slider .owl-next {
        top: 150px;
    }

    .mapsoverlay {
        justify-content: unset;
        font-size: 14px;
        line-height: 1.3em;
    }

    .mapsoverlay button, .mapsoverlay #cookie_einstellungen {        
        font-size: 14px;
        line-height: 1.3em;
    }

    .news.news-single .article h3 {
        margin: var(--abst35px) 0;
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    /* -- Überschriften -- */
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3,
    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
        font-size: 22px;
    }
    
    h4,
    h5 {
        font-size: 20px;
    }

    .footer_unten .quicklinks ul li {
        width: 100%;        
        display: block;
        float: left;
        clear: both;
        margin: 0 0 5px 0;
    }

    .footer_unten > .rahmen > div.socialmedia {
        width: 100%;
        float: left;
        clear: both;
        margin: 105px 0 0 0;
    }

    .footer_unten > .rahmen > div.copyright {
        width: 100%;
        float: left;
        clear: both;
        margin: 15px 0 0 0;
    }

    .frame-bildplay .ce-bodytext a.data-fancybox.inline {
        width: 40px;
        height: 46px;
    }

    .frame-mehrspaltig_rundeecken .tx_cn-columns .row > div > .frame.frame-bggrau > .rahmen {
        padding: 40px;
    }

    .frame-mehrspaltig_rundeecken .tx_cn-columns,
    .frame-mehrspaltig_rundeecken.frame-layout-60 .tx_cn-columns {
        border-radius: 40px 0 40px 0 !important;
    }

    .frame-space-before-35 {
        margin-top: 12px;
    }

    .frame-space-after-35 {
        margin-bottom: 12px;
    }

    .frame-space-before-70 {
        margin-top: 25px;
    }

    .frame-space-after-70 {
        margin-bottom: 25px;
    }

    .frame-space-before-105 {
        margin-top: 50px;
    }

    .frame-space-after-105 {
        margin-bottom: 50px;
    }

    /* #header .frame-style-slider .ce-bodytext {
        margin-top: -50px;
    } */

    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 130px;
    }

    .frame-multicontentbranchen, 
    .frame-bggrau > .rahmen > .frame-multicontentbranchen,
    .frame-multicontentbranchen.frame-layout-2 {
        margin: 0 0 var(--abst35px) 0 !important;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .frame-branchenliste .ce-bodytext ul li {
        width: calc(50% - 3px);
    }

    .powermail_fieldwrap_type_select .powermail-errors-list {
        top: -5px; 
    }

    .frame-lappenslider {
        padding: 10px 0 0px 0;
    }

    .frame-style-slider {
        padding: 0;
    }

    #inhaltsbereich > .frame-lappenslider > .rahmen,
    #inhaltsbereich > .frame-style-slider > .rahmen {
        margin-bottom: -20px;
    }
    
    .frame-lappenslider .frame .ce-textpic,
    #inhaltsbereich .frame-style-slider .frame .ce-textpic {
        transform: scale(0.9);
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-prev,
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-prev {
        left: -5px;
    }

    .frame-lappenslider .owl-carousel .owl-nav button.owl-next,
    #inhaltsbereich .frame-style-slider .owl-carousel .owl-nav button.owl-next {
        right: -5px;
    }

    #inhaltsbereich .frame-layout-3 + .frame-style-slider.frame-layout-1 .owl-carousel .frame >.rahmen {
        margin-bottom: 5px;
        margin-top: -10px;
    }
    
    .newssliderfilterbox header h4 {
        padding: 10px;
    }
    
    .frame-mehrspaltig_rundeecken .tx_cn-columns .row > div > .frame.frame-bggrau > .rahmen {
        padding: 30px;
    }
    
    a.more, a.more_weiss {
        padding: 10px 2%;
        width: 96%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }

    #oben.landingpage {
        padding: 20px 0 15px !important;
    }

    #oben.landingpage .slogan {
        display: none;
    }

    #oben.landingpage > .rahmen {
        width: 80%;
        margin: 0 10%;
    }
}

@media (max-width: 400px) {
    /* -- Überschriften -- */
    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 24px;
    }

    h3,
    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
        font-size: 22px;
    }
    
    h4,
    h5 {
        font-size: 20px;
    }

    .suchbox {
        position: static;
    }

    .suchebox {
        left: 0;
        right: 0;
        top: 85px !important;
        padding: 15px 5%;
    }

    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 120px;
    }

    .frame-branchenliste .ce-bodytext ul {
        text-align: center;
    }
    
    .newssliderfilterbox header h4 {
        padding: 10px 6px;
        font-size: 14px;
    }

    .frame-newssliderfilter .news .news-listslider-container button.owl-prev {
        left: -25px !important;
    }

    .frame-newssliderfilter .news .news-listslider-container button.owl-next {
        right: -25px !important;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a {
        font-size: 18px;
        padding: 20px 35px 20px 20px;
    }

    #inhaltsbereich .frame-bildlinkbox .tx_cn-columns .frame .rahmen .ce-bodytext ul li a::after {
        right: 15px;
        top: 20px;
    }

    .frame-mehrspaltig_rundeecken .tx_cn-columns .row > div > .frame.frame-bggrau > .rahmen {
        padding: 25px;
    }
    
    #inhaltsbereich .frame-layout-3 + .frame-style-slider.frame-layout-1 .owl-carousel .frame >.rahmen {
        margin-bottom: -5px;
        margin-top: -20px;
    }

    #inhaltsbereich .ce-bodytext ul li {
        padding-left: 25px;
    }

    #inhaltsbereich .ce-bodytext ul li::before {
        left: 5px;
    }

    .frame-multicontentbranchen .row > .col-100 .ce-bodytext,
    .frame-multicontentbranchen.frame-layout-2 .row > .col-100 .ce-bodytext {
        width: 90%;
        margin: 0 0 0 10%;
    }

    /* .frame-multicontentbranchen,
     .frame-bggrau > .rahmen > .frame-multicontentbranchen, 
    .frame-multicontentbranchen.frame-layout-2 {
        margin: 7px 0 0 !important;
        width: 100%;
    }

    .tx_cn-multicontent .tx_cn-columns .row > div > div.frame-multicontentbranchen {
        margin: 7px 0 var(--abst35px) !important;
        width: 100% !important;
    } */
}

@media (max-width: 390px) {
    .frame-textaufbild .textrahmen .ce-bodytext a.more,
    #header .frame-style-slider .ce-bodytext a.more,
    #header .frame-style-1column .ce-bodytext a.more {
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
        float: none;
        clear: none;
        display: inline-block;
    }

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

    .news-zusatz .image {
        width: 100%;
    }

    .news-zusatz .ce-column img {
        display: inline-block;
    }
}

@media (max-width: 350px) {
    #header .frame-style-slider .owl-prev, #header .frame-style-slider .owl-next {
        top: 100px;
    }

    .frame-multicontentbranchen .row { 
        margin: 0 -5%;
        width: 110%;
    }
}