@media (pointer: coarse) {
      #oben {
        background: var(--obenbg);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 4;
    } 

    .frame-podcast .ce-gallery .ce-row:last-child {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .frame-podcast .ce-gallery .ce-row:last-child::after {
        content: '';
        display: block;
        position: absolute;
        width: 0px;
        height: 0px;
        transform:rotate(360deg);
        border-style: solid;
        border-width: 20px 0 20px 34.6px;
        border-color: transparent transparent transparent var(--weiss);
        top: calc(50% - 20px);
        left: calc(50% - 13px);
    }

    .frame-podcast .ce-gallery .ce-row:last-child .image-caption {
        display: none !important;
    }

    .splide__arrow:hover, .splide__arrow--prev:hover {
        background: url(../images/next_white.svg) left center no-repeat;
        background-size: 16px auto;
    }
}

@media (hover: none) {
   #oben {
        background: var(--obenbg);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 4;
    }

   .frame-podcast .ce-gallery .ce-row:last-child {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .frame-podcast .ce-gallery .ce-row:last-child::after {
        content: '';
        display: block;
        position: absolute;
        width: 0px;
        height: 0px;
        transform:rotate(360deg);
        border-style: solid;
        border-width: 20px 0 20px 34.6px;
        border-color: transparent transparent transparent var(--weiss);
        top: calc(50% - 20px);
        left: calc(50% - 13px);
    }

    .frame-podcast .ce-gallery .ce-row:last-child .image-caption {
        display: none !important;
    }

    .splide__arrow:hover, .splide__arrow--prev:hover {
        background: url(../images/next_white.svg) left center no-repeat;
        background-size: 16px auto;
    }
}

@media (max-width: 1570px) {
    .footerunten {
        width: calc(100% - calc(var(--marginabstand) * 3));
    }

    .frame-historie .tx_cn-columns {
        margin-top: 0;
        margin-bottom: 60px;
    }
}

@media (max-width: 1520px) {
    .frame-bild-aussen .bild-aussen-rahmen.bild-right .ce-textpic {
        margin-left: 4%;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic,
    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic {
        max-width: 46% !important;
        margin-right: 4%;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic.ce-right,
    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic.ce-right {
        margin-right: 0;
    }

    #inhaltsbereich .frame-bild-aussen .ce-bodytext > .bodytextcontent > *, 
    #inhaltsbereich .frame-bild-aussen .ce-bodytext > header {
        max-width: unset;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic > .ce-bodytext {
        margin-left: calc(var(--marginabstand) * 4);
    }

    .frame-bild-aussen .bild-aussenbox {
        width: 50%;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic {
        margin-bottom: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken::after {
        display: none;
    }

    .frame-bild-aussen.frame-layout-4 .ce-nowrap_rahmen > header > * {
        margin-bottom: calc(var(--marginabstand) * 6);
    }

    /* -- dr jansen -- */
    .frame-bild-aussen .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox .ce-column {
        float: right;
    }

    .frame-bild-aussen .bild-aussen-rahmen.bild-right.headerbalken {
        align-items: flex-end;
    }
}

@media (max-width: 1450px) {
    .frame-historie .tx_cn-columns {
        margin-top: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen {
        align-items: unset;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-bodytext {
        position: static;
        margin-top: calc(-12 * var(--marginabstand));
    }
}

@media (max-width: 1400px) {
    .footerunten {
        width: calc(100% - calc(var(--marginabstand) * 5));
    }

    #inhaltsbereich .frame.frame-podcast .ce-bodytext {
        padding: calc(var(--marginabstand) * 3)  calc(var(--marginabstand) * 3) calc(var(--marginabstand) * 4) calc(var(--marginabstand) * 3);
        max-width: 400px;
        bottom: -1px !important;
        top: auto !important;
        transform: none !important;
    }

   .frame-historie .cn_multicontent_teaser {
        margin-bottom: 0px;
    } 

        /* -- Headervideo nach unten -- */
    #inhaltsbereich:has(> .frame:first-child.frame-headervideo),
    body.unterseite #inhaltsbereich:has(.frame.frame-headervideo) {
        /*margin-top: var(--hoben);*/
        /* -- Padding top wegen gsap--*/
        padding-top: var(--hoben);
    }

    body #inhaltsbereich > .frame:first-child.frame-headervideo .ce-gallery,
    body.unterseite #inhaltsbereich > .frame:first-child.frame-headervideo .ce-gallery {
        margin-top: 0;
    }

    .frame-historie .strongclass {
        margin-top: 0;
    }
}

@media (max-width: 1278px) {
    .frame-historie .tx_cn-columns {
        margin-top: 0;
    }

    .frame-bild-aussen .ce-nowrap_rahmen > header {
        max-width: unset;
    }

    .frame-bild-aussen .bild-aussenbox {
        width: 45%;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic, 
    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic {
        max-width: 51% !important;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken {
        display: block;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-bodytext {
        margin-top: calc(4 * var(--marginabstand));
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame.frame-bild-aussen:has(.balkenunten.headerbalken) > .rahmen, 
    body.unterseite #inhaltsbereich > .frame-bild-aussen:has(.balkenunten.headerbalken) > .rahmen {
        width: 92%;
        max-width: unset;
        margin: 0 4%;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .bild-aussenbox {
        width: 100%;
        max-width: 700px;
        margin: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic,
    .frame-bild-aussen:has(.balkenunten.headerbalken) .ce-nowrap_rahmen {
        width: 100%;
        max-width: 900px !important;
        margin: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic > .ce-bodytext {
        margin: calc(4 * var(--marginabstand)) 0 calc(5 * var(--marginabstand));
        float: left;
        clear: both;
        width: 100%;
    }

    /* -- NEU: 2026-02-06 -- */
    .frame-historie {
        padding-bottom: calc(var(--marginabstand) * 4);
    }

    .splide__arrow {
        bottom: 0;
    }
}

@media (max-width: 1250px) {
    .splide__arrow {
        bottom: 7px;
    }
}

@media (max-width: 1200px) {
    :root {
        --text-max-width: 900px;
    }

    /* -- Überschriften -- */
    h1, h2 {
        --fontsize: 16px;
    }

    .news-list-impulse-container .article.topnews .impuls_box .impuls_hl,
    .article_list-link a span {
        font-size: calc(var(--fontsize) * 2);
        line-height: 1.2em;
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    /* -- Teaser 3-spaltig -- */
    .frame-teaser .tx_cn-columns .row .col-33 {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-teaser .tx_cn-columns .row .col-33 .frame.frame-space-before-100 {
        margin-top: 0 !important;

    }

    .frame-teaser .tx_cn-columns[data-cols="3"] .row > div > div {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .frame-teaser .tx_cn-columns .row .col-33 > div > div {
        width: 48%;
        max-width: 500px;
        float: left;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(2) > div > div {
        float: right;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(2)  {
        margin-top: -25% !important;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(3)  {
        margin-top: -10% !important;
    }

    /* -- Auch wenn kein Hover -- */
    #inhaltsbereich .frame.frame-podcast .ce-bodytext {
        position: static !important;
        width: 92% !important;
        max-width: unset !important;
        padding: calc(var(--marginabstand) * 3) 4% calc(var(--marginabstand) * 4) 4% !important;
        transform: unset !important; 
    }

    #inhaltsbereich .frame.frame-podcast .ce-bodytext > * {
        max-width: var(--text-max-width);
        margin-left: 0;
        margin-right: auto;
    }

    .frame-podcast .ce-gallery .ce-row:last-child {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .frame-podcast .ce-gallery .ce-row:last-child::after {
        content: '';
        display: block;
        position: absolute;
        width: 0px;
        height: 0px;
        transform:rotate(360deg);
        border-style: solid;
        border-width: 20px 0 20px 34.6px;
        border-color: transparent transparent transparent var(--weiss);
        top: calc(50% - 20px);
        left: calc(50% - 13px);
    }

    .frame-podcast .ce-gallery .ce-row:last-child .image-caption {
        display: none !important;
    }

    .frame-podcast::before {
        box-shadow: none;
    }

    .frame-podcast {
        margin-top: calc(6 * var(--marginabstand));
    }

    .frame-historie {
        --marginabstand: 10px !important;
        margin-top: calc(10 * var(--marginabstand));
    }

    .splide__arrow {
        bottom: 18px;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .ce-bodytext header h2.lightbold,
    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .ce-bodytext .bodytextcontent h3 {
        --marginabstand: 5px;
    }
}

@media (max-width: 1180px) {
    .frame-historie > .rahmen {
        position: relative;
    }

    .frame-historie .cn_multicontent_teaser {
        float: none;
        clear: both;
        margin: 0 4% calc(var(--marginabstand) * 3) 4%;
        aspect-ratio: 16/9;
        max-width: 700px;
        width: 92%;
    }

    .frame-historie .tx_cn-columns {
        float: none;
        clear: both;
        margin: 0; 
        width: var(--widthabstand);
        max-width: var(--max-width);
        margin: 0 auto calc(var(--marginabstand) * 4) auto;
        position: static;
    }

    .frame-historie .tx_cn-columns::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 56.25%;
        left: 4%;
        right: 0;
        transform: translate(0, 50%);
        aspect-ratio: 16/9;
        width: 92%;
        max-width: 700px;
    }

    .splide__arrows {
        position: relative;
        width: 92%;
        float: left;
        clear: both;
        margin: 10px 4%;
        text-align: left;
    }

    .splide__arrow {
       position: static;
       display: inline-block;
       vertical-align: top;
       margin: 0 5px;
    }

    .splide__arrow--prev {
        transform: roateY(180deg);
    }

    .splide__arrow--next {
        transform: unset;
    }

    .frame-historie {
        padding-bottom: 0;
    }

    .frame-historie.frame-layout-4::before {
        background: url(../images/welle.webp) 10% 50% no-repeat;
        background-size: 400% auto;
    }

    [data-viewport="visible"] > .frame-historie.frame-layout-4::before {
        background-size: 300% auto;
    }

    .frame-historie.frame-layout-4 h2.lightbold {
        margin-top: calc(4 * var(--marginabstand));
    }
}

/* -- NEU: 2026-03-20 -- */
@media (max-width: 1100px) {
    .frame-produktteaser .ce-textpic {
        width: calc(100% - calc(var(--marginabstand) * 12));
        padding: calc(var(--marginabstand) * 5) calc(var(--marginabstand) * 6) 0 calc(var(--marginabstand) * 6);
    }

    #inhaltsbereich .frame-produktteaser .ce-textpic .ce-bodytext {
        max-width: calc(60% - calc(var(--marginabstand) * 6));
    }

    .frame-produktteaser .ce-textpic .ce-gallery {
        max-width: 40%;
    }
}

@media (max-width: 1080px) {
    :root {
        --text-max-width: 700px;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div > .frame > .rahmen, 
    body.unterseite #inhaltsbereich > .frame > .rahmen {
        --max-width: 900px;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .ce-textpic.ce-right.headerbalken,
    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox {
        width: 100% !important;
        max-width: unset !important;
        margin: 0;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken {
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
        align-items: unset;
        justify-content: unset;
    }

    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) {
        background: none;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .ce-bodytext > header::before,
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken)::before {
        display: none;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox {
        position: relative;
        background: url(../images/blauerbalken.webp) left bottom no-repeat var(--dunkelblau);
        background-size: cover;
        overflow-x: hidden;
        margin-bottom: calc(4 * var(--marginabstand));
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox .ce-gallery {
        position: relative;
        z-index: 2;
        transform: scale(1.15) translateX(100%);
    }

    [data-viewport="visible"] .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox .ce-gallery {
        transform: scale(1) translateX(0);
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox .ce-gallery img {
        aspect-ratio: 1/1;
        object-fit: contain;
        object-position: right bottom;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox::before {
        content: '';
        position: absolute;
        z-index: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../images/welle.webp) 20% -5% no-repeat;
        background-size: auto 300%;
        transition: var(--slowtransition);
        opacity: 0;
    }

    [data-viewport="visible"] .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox::before {
        background-size: auto 200%;
        opacity: 1;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox::after {
        content: '';
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        height: calc(10 * var(--marginabstand));
        background: var(--weiss);
    }

    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) > *, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) header > *, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h1, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h1.h1boldlight strong, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h2, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h2.h2boldlight strong, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h2.lightbold span + span, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h2.h2lightbold strong, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h3:has(span + span) span:first-child, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h3 strong, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h4, 
    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) a {
        color: var(--dunkelblau);
    }

    .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) h3 {
        color: var(--dunkelblau);
        margin: 0 0 calc(4 * var(--marginabstand)) 0;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) > .rahmen, 
    body.unterseite #inhaltsbereich > .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) > .rahmen {
        max-width: unset;
        width: 100%;
        margin: 0;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div > .frame > .rahmen, 
    body.unterseite #inhaltsbereich > .frame > .rahmen, .frame-scrollytelling > .rahmen {
        width: 92%;
        max-width: var(--max-width);
        margin: 0 4%;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame-bild-aussen.frame-layout-4:has(.bild-aussen-rahmen.bild-right.headerbalken) .ce-bodytext {
        max-width: var(--text-max-width);
        width: 92%;
        margin: 0 4%;
    }

    #inhaltsbereich .frame-bild-aussen .ce-bodytext {
        max-width: var(--text-max-width);
    }

    .frame-podcast::before {
        display: none;
    }

    .frame-space-before-80,
    .frame-space-after-80,
    .frame-space-before-100,
    .frame-space-after-100 {
        --marginabstand: 5px;
    }

    .frame-space-before-80 a,
    .frame-space-after-80 a,
    .frame-space-before-100 a,
    .frame-space-after-100 a {
        --marginabstand: 10px;
    }

    .news-list-impulse-container {
        columns: 2;
        padding-top: 60px;
    }

    .news-list-impulse-container .article.impuls_erster {
        margin-top: 0;
    }

    .news-list-impulse-container .article.impuls_erster[data_erster="impuls_erster_1"] {
        margin-top: -60px;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div > .frame:has(.news-list-impulse-container) > .rahmen, 
    body.unterseite #inhaltsbereich > .frame:has(.news-list-impulse-container) > .rahmen,
    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div > .frame:has(.news-list-impulse-teaser-container) > .rahmen, 
    body.unterseite #inhaltsbereich > .frame:has(.news-list-impulse-teaser-container) > .rahmen {
        max-width: unset;
    }

    .news-list-impulse-teaser-container {
        column-count: 2;
        column-gap: 0;
        display: block;
    }

    .news-list-impulse-teaser-container .article,
    .article_list-link {
        display: block;
        width: calc(100% - 10px);
    }

    .news-list-impulse-teaser-container .article,
    .news-list-impulse-teaser-container .article:nth-child(3n+2),
    .article_list-link {
        margin-left: 5px;
        margin-right: 5px;
    }

    .news-list-impulse-teaser-container .article:nth-child(3) {
        margin-top: 70px;
    }

    .news-list-impulse-teaser-container .article:first-child .impuls_img, 
    .news-list-impulse-teaser-container .article:nth-child(3) .impuls_img {
        aspect-ratio: 16/9;
    }

    .news-list-impulse-teaser-container .article:first-child, 
    .news-list-impulse-teaser-container .article:nth-child(3) {
        top: 0;
        position: static;
    }
}

@media (max-width: 1020px) { 
    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame.frame-bild-aussen > .rahmen, 
    body.unterseite #inhaltsbereich > .frame-bild-aussen > .rahmen {
        width: 92%;
        margin: 0 4%;
    }

    .frame-bild-aussen .ce-nowrap_rahmen {
        width: 100%;
        max-width: unset;
        margin: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen {
        display: block;
    }

    .frame-bild-aussen .bild-aussenbox {
        width: 100%;
        float: left;
        clear: both;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic, 
    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .ce-textpic {
        max-width: unset !important;
        width: 100%;
        margin: 0;
        float: left;
        clear: both;
    }

    .frame-bild-aussen .bild-aussen-rahmen.bild-right .ce-textpic {
        margin-left: 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen .ce-textpic > .ce-bodytext {
        margin: calc(4 * var(--marginabstand)) 0 0 0;
    }

    .frame-bild-aussen .bild-aussen-rahmen.bild-right .ce-textpic > .ce-bodytext {
        margin-right: 0;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame.frame-bild-aussen > .rahmen, 
    body.unterseite #inhaltsbereich > .frame-bild-aussen > .rahmen {
        max-width: 700px;
    }

    .frame-bild-aussen .bild-aussen-rahmen.balkenunten.headerbalken .bild-aussenbox {
        float: none;
    }

    #inhaltsbereich > .frame > .rahmen > .tx_cn-columns > .row > div .frame.frame-bild-aussen:has(.balkenunten.headerbalken) > .rahmen, 
    body.unterseite #inhaltsbereich > .frame-bild-aussen:has(.balkenunten.headerbalken) > .rahmen {
        max-width: 700px;
    }
}

@media (max-width: 1000px) { 
    .news-list-container .article, 
    .news-list-slider-container:not(.newsslider) .article {
        width: calc(50% - 5px);
    }

    .news-list-container .article:nth-child(3n+2), 
    .news-list-slider-container:not(.newsslider) .article:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .news-list-container .article:nth-child(even), 
    .news-list-slider-container:not(.newsslider) .article:nth-child(even) {
        margin-left: calc(var(--marginabstand));
    }
}

@media (max-width: 900px) {
    /* -- Überschriften -- */
    h1, h2 {
        --fontsize: 14px;
    }

    .frame-teaser .tx_cn-columns .row .col-33 > div > div {
        width: 100%;
        max-width: var(--text-max-width);
        margin: 0;
        float: none;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(2) > div > div {
        float: none;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(2),
    .frame-teaser .tx_cn-columns .row .col-33:nth-child(3) {
        margin-top: 0 !important;
    }

    .frame-teaser .tx_cn-columns .row .col-33:nth-child(2) {
        margin: calc(var(--marginabstand) * 5) 0 !important;
    }

    .frame-podcast .ce-gallery .ce-row:last-child {
        width: calc(var(--marginabstand) * 8) !important;
        height: calc(var(--marginabstand) * 8) !important;
    }

    .frame-historie > .rahmen > header {
        width: 100%;
        max-width: var(--max-width);
        margin: 0;
    }

    .frame-historie .cn_multicontent_teaser {
        float: left;
        clear: both;
        margin: 0 0 calc(var(--marginabstand) * 3) 0;
        width: 100%;
    }

    .tx_cn-columns .row .col-100 > .frame-absatz-links, 
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts {
        width: 100%;
        float: left;
        clear: both;
        margin-top: 0;
        text-align: center;
    }

    .frame-szenen.frame-layout-1 .tx_cn-columns .row .col-100 > .frame-absatz-links, 
    .frame-szenen.frame-layout-1 .tx_cn-columns .row .col-100 > .frame-absatz-rechts {
        text-align: left;
    }

    .tx_cn-columns .row .col-100 > .frame-absatz-links > .rahmen, 
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts > .rahmen {
        max-width: 70%;
        margin: 0 auto;
    }

    .frame-zwischenueberschrift {
        --marginabstand: 5px;
    }

    .tx_cn-columns .row .col-100 > .frame-absatz-links:has(.ce-gallery) .ce-gallery,
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts:has(.ce-gallery) .ce-gallery,
    .tx_cn-columns .row .col-100 > .frame-absatz-links:has(.ce-gallery) .ce-bodytext,
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts:has(.ce-gallery) .ce-bodytext {
        width: 100%;
        margin: 0;
    }
 
    .tx_cn-columns .row .col-100[data-viewport="visible"] > .frame-absatz-links .ce-gallery,
    .tx_cn-columns .row .col-100[data-viewport="visible"] > .frame-absatz-rechts .ce-gallery {
        margin: 0 0 calc(8 * var(--marginabstand)) 0;
    }
 
    .tx_cn-columns .row .col-100 > .frame-absatz-links:has(.ce-gallery) .ce-textpic,
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts:has(.ce-gallery) .ce-textpic {
        display: block;
    }

    .copyright {
        max-width: 300px;
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox .ce-gallery img {
        aspect-ratio: 4/3;
    }
}

/* -- Mobile Abstände -- */
@media (max-width: 820px) {
    .frame-intro.frame-space-after-50,
    .frame-teaser.frame-layout-6.frame-space-after-100 {
        margin-bottom: 0 !important;
    }

    .frame-historie {
        margin-top:  calc(5 * var(--marginabstand));
        margin-bottom: calc(5 * var(--marginabstand)) !important;
    }
}

/* -- NEU: 2026-03-20 -- */
@media (max-width: 800px) {
    .frame-produktteaser .ce-textpic {
        width: calc(100% - calc(var(--marginabstand) * 8));
        padding: calc(var(--marginabstand) * 5) calc(var(--marginabstand) * 4) calc(var(--marginabstand) * 3) calc(var(--marginabstand) * 4);
        flex-direction: column;
    }
    #inhaltsbereich .frame-produktteaser .ce-textpic .ce-bodytext {
        max-width: unset;
        width: 100%;
        float: left;
        clear: both;
        margin: calc(var(--marginabstand) * 4) 0 0 0;
    }

    .frame-produktteaser .ce-textpic .ce-gallery {
        max-width: unset;
        width: 100%;
        float: left;
        clear: both;
        display: flex;
        justify-content: center;    
    }

    .frame-produktteaser .ce-textpic .ce-gallery .ce-row {
        max-width: 200px;
    }

    .frame-produktteaser header h2, 
    .frame-produktteaser header h2.lightbold {
        margin-bottom: calc(2 * var(--marginabstand));
    }

    .frame-produktteaser header h2 span + span, 
    .frame-produktteaser header h2.lightbold span + span {
        margin-top: calc(1 * var(--marginabstand));
    }

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

    .news_single_box .news_single_text,
    .news_single_box .teaser-text,
    .news_single_box .news-text-wrap {
        width: 100%;
        float: left;
        clear: both;
    }

    .news_single_box .news_single_text {
        margin-bottom: calc(2 * var(--marginabstand))
    }

    .news_single_box .news_content {
        display: flex;
        flex-direction: column-reverse;
    }

    .news_single_gal {
        padding: 0;
    }

    .news_single_gal.owl-carousel .owl-nav {
        position: relative;
        margin-top: var(--marginabstand);
    }
}

@media (max-width: 740px) {
    .frame-space-after-100 {
        --marginabstand: 5px;
    }

    .frame-space-after-100 a {
        --marginabstand: 10px;
    }

    #inhaltsbereich:has(> .frame:first-child.frame-headervideo) h1,
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) h1 {
        margin: calc(5 * var(--marginabstand)) 0 calc(3 * var(--marginabstand))
    }

    /* -- Headervideo -- */
    #inhaltsbereich:has(> .frame:first-child.frame-headervideo),
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) {
        /*margin-top: 0;*/
        /* padding-top wegen gsap -- */
        padding-top: 0;
    }

    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo,
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo {
        display: none;
    }

    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo + .frame-headervideo,
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo + .frame-headervideo { 
        display: block;
        --videoaspect: 1/1;
    }

    .navbox {
        font-size: calc(var(--marginabstand) * 3);
    }

    .navbox .zentriert {
        display: block;
        overflow-y: auto;
        height: auto;
    }

    .navbox ul {
        margin-bottom: calc(var(--marginabstand) * 4);
    }

    .menuebox ul li[data-neu]::before {
        right: -35px;
    }

    #footer {
        padding: calc(var(--marginabstand) * 4) 0 calc(var(--marginabstand) * 2) 0;
    }

    #footer .strongclass {
        margin: 0;
        font-weight: var(--fontweightlight);
        --fontsize: 14px;
        font-size: calc(var(--fontsize) * 1.2);
    }

     #footer .strongclass span + span {
        display: none;
     }
    
    .footeroben {
        margin-bottom: 0;
        text-align: center;
    }

    .footeroben p {
        margin-bottom: 0;
    }

    .footeroben .tx_cn-columns  > .row  > div {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: calc(var(--marginabstand) * 2);
    }

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

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

    #footer a.link-external {
        background-position: left center;
    }

    .footerunten {
        flex-direction: column;
        width: 100%;
    }

    .socialmedia {
        margin: calc(var(--marginabstand) * 2.5) 0 calc(var(--marginabstand) * 1.5) 0;
    }

    .socialmedia .ce-gallery {
        text-align: center;
    }

    .quickbox {
        flex-direction: column;
        justify-content: normal;
        text-align: center;
    }

    .quicklinks {
        text-align: center;
        margin: calc(var(--marginabstand) * 1.5) 0;
    }

    .copyright {
        max-width: unset;
    }

    a.totop,
    a.totop::after {    
        width: calc(var(--marginabstand) * 4 - 4px);
        height: calc(var(--marginabstand) * 4 - 4px);
    }

    .ankernavi {
        display: none !important;
    }

    /* -- Multicontent 2-spaltig -- */
    .tx_cn-multicontent.frame-default.frame-style-2column .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
    }

    .tx_cn-multicontent.frame-default.frame-style-2column .tx_cn-columns .row > div > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .tx_cn-multicontent.frame-default.frame-style-2column .tx_cn-columns .row > div > div > .rahmen {
        max-width: unset;
    }

    .tx_cn-columns .row .col-100 > .frame-absatz-links > .rahmen, 
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts > .rahmen {
        margin: 0;
        max-width: 100%;
    }

    .frame-style-2column.frame-layout-5 .ce-gallery img {
        max-width: 80%;
        margin: 0 auto;
    }

    .frame-intro h1 span {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 720px) {
    .news-list-impulse-container,
    .news-list-impulse-teaser-container {
        columns: 1;
        padding-top: 0;    
        width: 90%;
        margin: 0 5%;
    }

    .news-list-impulse-container .article.impuls_erster,
    .news-list-impulse-container .article.impuls_erster[data_erster="impuls_erster_1"],
    .news-list-impulse-teaser-container .article:nth-child(3) {
        margin-top: 0;
    }

    .news-list-impulse-teaser-container .article .impuls_box .backgroundeffekt {
        top: -40%;
        height: 180%;
    }
}

@media (max-width: 650px) {
    .sprachen {
        display: none;
    }

    .mob_sprachen {
        display: block;
        width: 100%;
        float: left;
        clear: both;
        margin-top: calc(var(--marginabstand) * 4);
        padding: 0;
        text-align: left;
        font-size: var(--fontsize);
        background: none;
        color: var(--weiss);
    }

    .mob_sprachen .sprachbox {
        width: 100%;
        float: left;
        clear: both;
        height: auto;
        margin: 0;
        text-align: left;
        overflow: visible;
        display: flex;
        align-items: center;
    }

    .mob_sprachen .sp_menu {
        display: inline-block;
        background: url(../images/sprachen.svg) left top no-repeat;
        background-size: 25px auto;
    }

     .mob_sprachen .sprachbox ul {
        width: calc(100% - 35px);
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        position: static;
        margin-bottom: 0;
    }

    #oben .navbox .mob_sprachen .sprachbox ul li,
    #oben .navbox .mob_sprachen .sprachbox ul li:not(.sp_erster).sp_act {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-right: calc(var(--marginabstand) * 2);
        position: relative;
        margin-bottom: 0;
    }

    #oben .navbox .mob_sprachen .sprachbox ul li::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -10px;
        width: 1px;
        height: 15px;
        background: var(--weiss);
    }

    #oben .navbox .mob_sprachen .sprachbox ul li:last-child::after {
        display: none;
    }

    .mob_sprachen .sp_erster {
        display: none !important;
    }

    .mob_sprachen .sp_menu::after {
        display: none;
    }

    .mob_sprachen ul li.sp_act {
        font-weight: var(--fontweightbold);
    }

    .frame-podcast .ce-gallery .ce-row:last-child {
        width: calc(var(--marginabstand) * 6) !important;
        height: calc(var(--marginabstand) * 6) !important;
    }

    .frame-podcast .ce-gallery .ce-row:last-child::after {
        border-width: 12.5px 0 12.5px 21.7px;
        top: calc(50% - 12px);
        left: calc(50% - 8px);
    }

    /* -- Überschriften -- */
    .frame-historie .strongclass {
        --fontsize: 12px;
    }

    .frame-historie .cn_multicontent_teaser {
        margin-bottom: calc(var(--marginabstand) * 2);
    }
    
    .frame-historie .tx_cn-columns .row .col- {
        text-align: left;
    }

    .frame-historie .tx_cn-columns .row .col- > div > .rahmen {
        margin-right: 0;
    }

    .frame-historie .tx_cn-columns .ce-bodytext {
        padding-left: 0;        
    }

    .frame-historie.frame-layout-4 {
        --marginabstand: 5px;
    }

    .frame-historie.frame-layout-4 h2.lightbold {
        margin: calc(2 * var(--marginabstand)) 0 calc(4 * var(--marginabstand)) ;
    }

    .frame-historie .tx_cn-columns {
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .frame-intro .ce-bodytext p {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    .frame-bild-aussen.frame-layout-4 .bild-aussen-rahmen.bild-right.headerbalken .bild-aussenbox::after {
        height: calc(7 * var(--marginabstand));
    }

    .news-list-container .article, .news-list-slider-container:not(.newsslider) .article {
        width: 100%;
        float: left;
        clear: both;        
    }

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

@media (max-width: 570px) {
    /* -- Überschriften -- */
    h1, h2 {
        --fontsize: 13px;
    }

    .copyright {
        width: calc(100% - var(--marginabstand) * 5);
    }

    a.totop {
        bottom: 25px;
    }
}

@media (max-width: 500px) {
    body {
        --fontsize: 16px;
        hyphens: auto;
        hyphenate-limit-chars: 8 5 5;
        -webkit-hyphenate-limit-before: 5;
        -webkit-hyphenate-limit-after: 5;
    }

    :root {
        --hoben: 85px;
    }

    #oben {
        padding: calc(1.5 * var(--marginabstand)) 0;
        height: calc(var(--hoben) - calc(3 * var(--marginabstand)));
    }

    .logo {
        width: 250px;
    }

    label[for="mobnav"] .mob_button {
        margin: 0px;
        width: 54px;
        height: 54px;
    }

    .navbox {
        font-size: calc(var(--marginabstand) * 2.5);
    }     

    .menuebox {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .menuebox::after {
        display: none;
    }

    .menuebox.right {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }

    .menue_hl, .menuebox.right header .strongclass {
       margin-bottom: calc(var(--marginabstand) * 1);
    }

    .navbox ul {
        margin-bottom: calc(var(--marginabstand) * 2);
    }

    .menuebox ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .menuebox ul li,
    .menuebox ul li[data-neu] {
        width: auto;
        float: left;
        clear: both;
    }

    .mob_sprachen {    
        margin-top: calc(var(--marginabstand) * 3);
    }

    .tx_cn-columns .row .col-100 > .frame-absatz-links, 
    .tx_cn-columns .row .col-100 > .frame-absatz-rechts {
        text-align: left;
    }

    .frame-type-gridgallery_gallery a:has(.video-embed-item)::after {
        width: 40px;
        height: 40px;
    }

}

@media (max-width: 450px) {   
    .frame-podcast .ce-gallery .ce-row:last-child {
        width: calc(var(--marginabstand) * 5) !important;
        height: calc(var(--marginabstand) * 5) !important;
    }

     /* -- Headervideo -- */
    #inhaltsbereich:has(> .frame:first-child.frame-headervideo),
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) {
        /*margin-top: var(--hoben);*/
        /* -- padding-top wegen gsap -- */
        padding-top: var(--hoben);
    }

    /* -- NEU: 2026-03-20 -- */
    .frame-produktteaser .ce-textpic {
        width: calc(100% - calc(var(--marginabstand) * 4));
        padding: calc(var(--marginabstand) * 3) calc(var(--marginabstand) * 2) calc(var(--marginabstand) * 1) calc(var(--marginabstand) * 2);
    }
}


@media (max-width: 400px) {   
    /* -- Überschriften -- */
    h1, h2, h3 {
        --fontsize: 12px;
    }

    h3 {
        font-size: calc(var(--fontsize) * 1.6);
    }

    :root {
        --hoben: 78px;
    }

    .logo {
        width: 220px;
    }

    label[for="mobnav"] .mob_button {
        width: 40px;
        height: 40px;
        margin-top: 3px;
    }

    label[for="mobnav"] .mob_button span {
        left: 3px;
        width: 34px;
    }

    label[for="mobnav"] .mob_button span::before {
        transform: translateY(-10px);
    }

    label[for="mobnav"] .mob_button span::after {
        transform: translateY(10px);
    }

    .navbox {
        font-size: calc(var(--marginabstand) * 2);
    }

    .mob_sprachen {
        font-size: 16px;
    }

    .menuebox ul li[data-neu]::before {
        font-size: 8px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .menuebox ul li[data-neu]::before {
        right: -32px;
    }

    .copyright {
        text-align: left;
        max-width: 300px;
    }
}

@media (max-width: 380px) {
    h1, h2, h3,
    .strongclass, .grosseschrift,
    .frame-bild-aussen p.grosseschrift {
        --fontsize: 11px;
    }

    .news-list-impulse-container .article .impuls_box .impuls_hl {
        left: 15px;
        padding: 5px 5px;
    }

    .news-list-impulse-container .article.topnews .impuls_box .impuls_hl,
    .article_list-link a span {
        font-size: calc(var(--fontsize) * 1.6);
        line-height: 1.2em;
    }
}

/* -- Achtung: Hier Höhenabfrage -- */
@media (max-height: 750px) { 
    .navbox {
        font-size: calc(var(--marginabstand) * 2.8);
    }

    .menue_hl, .menuebox.right header .strongclass {
        margin-bottom: calc(var(--marginabstand) * 1);
    }

    .navbox .zentriert {
        display: block;
        overflow-y: auto;
        height: auto;
    }

    .navbox ul {
        margin-bottom: calc(var(--marginabstand) * 4);
    }
}

@media (max-height: 750px) and (max-width: 500px) {
    .navbox {
        font-size: calc(var(--marginabstand) * 2.5);
    }  
    
    .menue_hl, .menuebox.right header .strongclass {
        margin-bottom: calc(var(--marginabstand) * 1);
    }

    .navbox ul {
        margin-bottom: calc(var(--marginabstand) * 2);
    }
}


@media (max-height: 750px) and (max-width: 400px) {
    .navbox {
        font-size: calc(var(--marginabstand) * 2);
    }  

    .menue_hl, .menuebox.right header .strongclass {
        margin-bottom: calc(var(--marginabstand) * 1);
    }
}


@media screen and (orientation: landscape) and (max-width: 740px) {
    /* -- 2. Video -- */
    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo + .frame-headervideo, 
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo + .frame-headervideo {
        display: none;
    }

    /* -- 1. Video -- */
    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo, 
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo {
        display: block;
        padding-top: var(--hoben);
    }
}

@media screen and (orientation: portrait) and (max-width: 1200px) {
    /* -- 2. Video -- */
    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo + .frame-headervideo, 
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo + .frame-headervideo {
        display: block;
    }

    /* -- 1. Video -- */
    body:not(.unterseite) #inhaltsbereich > .frame:first-child.frame-headervideo, 
    body.unterseite #inhaltsbereich:has(> .frame.frame-headervideo) > .frame:first-child.frame-headervideo {
        display: none;
        padding-top: 0;
    }
}