@media (max-width: 1200px) {

    .onepage-section .frame:not(.frame-arzt) .tx_cn-columns .row>.col-20,
    .onepage-section .frame:not(.frame-arzt) .tx_cn-columns .row>.col-25,
    .onepage-section .frame:not(.frame-arzt) .tx_cn-columns .row>.col-75,
    .onepage-section .frame:not(.frame-arzt) .tx_cn-columns .row>.col-80 {
        --column-width: 50
    }

}

@media (max-width: 1100px) {
    #header .ce-bodytext h1 strong {
        font-size: 42px;
    }

    #inhaltsbereich h1,
    #inhaltsbereich h2:not(.zweizeilig),
    h3.folgt {
        font-size: 40px;
    }

    h1,
    h2,
    h3.folgt,
    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }

    .onepage-section>.frame>.rahmen,
    .onepage-section>.tx_cn-multicontent>.rahmen,
    #inhaltsbereich>.frame>.rahmen {
        /* width: min(100% - 32px, var(--kunde-content-width)); */
        width: 90%;
        margin: 0 5%;
    }

    .onepage-section .tx_cn-columns .row {
        --column-gap: 32px;
    }

    .onepage-section .tx_cn-columns[data-cols="2"] .row {
        --gap-share: 16px;
    }

    .onepage-section .tx_cn-columns[data-cols="3"] .row {
        --gap-share: 21.3333px;
    }

    .onepage-section .tx_cn-columns[data-cols="4"] .row {
        --gap-share: 24px;
    }

    #inhaltsbereich .frame-arzt .ce-textpic:has(> .ce-gallery) {
        grid-template-columns: minmax(0, 320px) 1fr;
    }

    #inhaltsbereich .frame-arzt .ce-bodytext>ul {
        display: block;
    }

    #inhaltsbereich .frame-arzt .ce-gallery img,
    #inhaltsbereich .frame-team .ce-gallery img {
        height: auto;
    }
}

@media (max-width: 900px) {
    /* .onepage-sections {
        gap: 3rem;
    } */

    #inhaltsbereich :is(.frame)+.frame:not(.frame-layout-20, .frame-layout-30) {
        margin-top: 80px;
    }

    .onepage-section>.frame>.rahmen>header h2,
    .onepage-section>.tx_cn-multicontent>.rahmen>header h2 {
        font-size: 36px;
    }

    /* .onepage-section .tx_cn-columns .row {
        --column-gap: 28px;
        --gap-share: 0px;
    } */

    /* .onepage-section .tx_cn-columns[data-cols="3"] .row>[class^="col-"],
    .onepage-section .tx_cn-columns[data-cols="4"] .row>[class^="col-"] {
        flex-basis: 100%;
    } */

    /* #inhaltsbereich .frame-arzt .ce-textpic:has(> .ce-gallery),
    #inhaltsbereich .frame-team .ce-textpic:has(> .ce-gallery) {
        grid-template-columns: 1fr;
    } */

    #inhaltsbereich .frame-arzt .ce-gallery,
    #inhaltsbereich .frame-team .ce-gallery {
        height: auto;
    }

    #inhaltsbereich .frame-arzt .ce-gallery img,
    #inhaltsbereich .frame-team .ce-gallery img {
        height: auto;
        max-height: 520px;
    }

    .onepage-section .frame-team .tx_cn-columns .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .onepage-section .frame-team .tx_cn-columns .row>div {
        border-right: 0;
    }

    #inhaltsbereich .ce-intext>* {
        float: none !important;
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !;
    }

    .onepage-section .tx_cn-columns .row>.col-40,
    .onepage-section .tx_cn-columns .row>.col-60 {
        --column-width: 50;
        flex-wrap: wrap;
    }

    .onepage-section .tx_cn-columns .row>.col-33,
    .onepage-section .tx_cn-columns .row>.col-66 {
        --column-width: 100;
        flex-wrap: wrap;
    }

    .onepage-section .tx_cn-columns[data-cols="3"] .row {
        flex-direction: column;
    }

    #inhaltsbereich .frame-arzt .ce-bodytext>ul{
        column-count: 1;
    }
}

@media (max-width: 767.98px) {

    html,
    body {
        scroll-behavior: auto;
    }

    .onepage-section {
        scroll-margin-top: 82px;
    }

    .frame-arzt .tx_cn-columns .row>.col-75 {
        order: -1;
    }

    #inhaltsbereich,
    #header {
        width: 100%;
    }

    #header {
        max-height: none;
    }

    #header .ce-textpic {
        display: grid;
    }

    #header .ce-gallery,
    #header .ce-bodytext {
        grid-area: 1 / 1;
    }

    #header .image-embed-item {
        min-height: 420px;
        max-height: none;
    }

    #header .ce-bodytext {
        position: relative;
        min-height: 420px;
        max-width: none;
        padding: 48px 24px;
        background: linear-gradient(90deg, var(--farbe4) 0%, color-mix(in srgb, var(--farbe4) 88%, transparent) 58%, color-mix(in srgb, var(--farbe4) 20%, transparent) 100%);
    }

    #header .ce-bodytext h1 {
        font-size: 20px;
    }

    #header .ce-bodytext h1 strong {
        font-size: 36px;
    }

    #header .ce-bodytext hr {
        width: 160px;
    }

    #inhaltsbereich h1,
    #inhaltsbereich h2:not(.zweizeilig),
    h1,
    h2,
    h3,
    h3.folgt {
        font-size: 34px;
    }

    h4 {
        font-size: 22px;
    }

    #inhaltsbereich .frame-layout-20,
    #inhaltsbereich .frame-layout-30,
    #inhaltsbereich .frame-layout-40 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    #inhaltsbereich .frame-layout-40 {
        padding-right: 24px;
        padding-left: 24px;
    }

    #inhaltsbereich a.more+a.text-link {
        margin-left: 0;
        margin-top: 18px;
    }

    #inhaltsbereich a.more,
    #inhaltsbereich a.more+a.text-link {
        width: fit-content;
        max-width: 100%;
    }

    #footer .frame:first-child>.rahmen .ce-bodytext {
        display: grid;
        gap: 20px;
    }


    .onepage-section .tx_cn-columns[data-cols="2"] .row {
        flex-direction: column;
    }


    .onepage-section .tx_cn-columns .row>.col-40,
    .onepage-section .tx_cn-columns .row>.col-50,
    .onepage-section .tx_cn-columns .row>.col-60 {
        --column-width: 50;
        flex-wrap: wrap;
    }

    .frame-arzt{
        opacity: 0;
    }
}

@media (max-width: 620px) {

    #team .tx_cn-columns[data-cols="1"] .frame-type-textmedia>.rahmen,
    #praxis>.frame-type-textmedia:first-child .ce-bodytext {
        grid-template-columns: 1fr;
    }

    .onepage-section .tx_cn-columns .row {
        --column-gap: 24px;
        --gap-share: 0px;
    }

    .onepage-section .tx_cn-columns .row>[class^="col-"] {
        flex-basis: 100%;
    }

    .equalize > *{
        height: auto !important;
    }

    #inhaltsbereich .frame-arzt .ce-textpic:has(> .ce-gallery),
    #inhaltsbereich .frame-team .ce-textpic:has(> .ce-gallery) {
        grid-template-columns: 1fr;
    }

    #inhaltsbereich .frame-arzt .ce-gallery img,
    #inhaltsbereich .frame-team .ce-gallery img {
        height: auto;
        max-height: none;
    }

    #inhaltsbereich .frame-arzt .ce-bodytext,
    #inhaltsbereich .frame-team .ce-bodytext {
        padding: 22px;
    }

    #inhaltsbereich .frame-arzt .ce-bodytext>ul {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 28px;
    }

    .frame-intro .row>div:first-child .ce-bodytext {
        padding-left: 24px;
    }

    .frame-intro .row>div:first-child .ce-bodytext p:first-child::before {
        left: -24px;
    }

    .onepage-section>.frame>.rahmen>header h2,
    .onepage-section>.tx_cn-multicontent>.rahmen>header h2 {
        font-size: 30px;
    }

    #team .tx_cn-columns[data-cols="2"] .ce-bodytext p:first-child img {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 16px;
    }

    .onepage-section .frame-team .tx_cn-columns .row{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {

    .onepage-section>.frame>.rahmen,
    .onepage-section>.tx_cn-multicontent>.rahmen,
    #inhaltsbereich>.frame>.rahmen {
        /* width: min(100% - 24px, var(--kunde-content-width)); */
        width: 96%;
        margin: 0 2%;
        min-width: auto;
    }

    /* .onepage-sections {
        gap: 2.25rem;
    } */

    #inhaltsbereich :is(.frame)+.frame:not(.frame-layout-20, .frame-layout-30) {
        margin-top: 56px;
    }

    #header .image-embed-item,
    #header .ce-bodytext {
        min-height: 360px;
    }

    #header .ce-bodytext {
        padding: 36px 18px;
        background: color-mix(in srgb, var(--farbe4) 86%, transparent);
    }

    #header .ce-bodytext h1 {
        font-size: 18px;
    }

    #header .ce-bodytext h1 strong {
        font-size: 30px;
    }

    #inhaltsbereich h1,
    #inhaltsbereich h2:not(.zweizeilig),
    h1,
    h2,
    h3,
    h3.folgt {
        font-size: 29px;
    }

    #inhaltsbereich h2.zweizeilig,
    #inhaltsbereich h3.zweizeilig {
        font-size: 14px;
    }

    #inhaltsbereich h2.zweizeilig::before,
    #inhaltsbereich h3.zweizeilig::before {
        width: 22px;
        margin-right: 8px;
    }

    #inhaltsbereich .frame-layout-20,
    #inhaltsbereich .frame-layout-30 {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    #inhaltsbereich .tx_cn-multicontent .row>div .frame:is(.frame-layout-20, .frame-layout-30),
    .onepage-section .frame-boxen .frame-type-textmedia,
    .onepage-section .frame-boxen .col-50 .frame-type-textmedia {
        padding: 16px;
        width: calc(100% - 32px);
    }

    #kontakt>.frame-type-textmedia:last-child>.rahmen {
        padding: 18px;
    }
}

@media (max-width: 450px) {
    #oben>.frame-type-textmedia .ce-textpic {
        gap: 10px;
        font-size: 14px;
    }
}

@media (max-width: 370px) {
    .onepage-section {
        scroll-margin-top: 116px;
    }

    #oben>.frame-type-textmedia .ce-textpic {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }

    .navbox {
        top: 84px;
        right: -10px;
        width: 100vw;
    }
}