@media (max-width: 1750px){
    .frame-training .owl-nav{
        display: none;
    }

    #inhaltsbereich > .frame > .rahmen, #inhaltsbereich > .rahmen, #footer > .frame > .rahmen, #inhaltsbereich > .tx_cn-multicontent > .rahmen, #footer > .tx_cn-multicontent > .rahmen {
        width: 96%;
    }
}

@media (max-width: 1550px){
    #oben.scroll{
        padding: 10px 2%;
    }

    #header .infoleiste .frame:first-child,
    #header .frame-type-ce_counter{
        right: 2%;
    }
    
    #header > .frame-type-textmedia .ce-bodytext{
        left: 2%;
    }

    #header .frame-type-ce_counter {
        right: 2%;
    }

    .frame-boxen .ce-gallery{
        gap: 10px;
    }
}

@media (max-width: 1440px){
    #header .frame-type-ce_counter {
        bottom: 20px;
    }
}

@media (max-width: 1270px){
    .frame-boxen .ce-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px){
    h1{
        font-size: 50px;
    }

    h2{
        font-size: 50px;
    }

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

    #oben > .frame-type-textmedia .ce-gallery,
    #oben > .frame-type-textmedia .ce-row:last-child img,
    #oben > .frame-type-textmedia .ce-gallery .ce-row:last-child img,
    #oben > .frame-type-textmedia .ce-row:first-child img{
        height: 120px;
        width: 120px;
    }

    ul.ebene1 > li > a,
    ul.ebene2 > li.ifsub > a{
        font-size: 24px;
        padding: 15px 0;
    }

    ul.ebene2{
        margin: 0 0 10px !important;
    }

    #header .frame-type-ce_counter{
        z-index: 4;
    }

    #header::after,
    #header.sub::after {
        background-size: 140% auto;
    }

    #header > .frame-type-textmedia .ce-bodytext{
        text-shadow: 0 0 15px var(--weiss);
        line-height: normal;
        font-size: 30px !important;
    }

    #header > .frame-type-textmedia .ce-bodytext strong {
        font-size: 40px;
    }

    #inhaltsbereich > .frame-training .owl-carousel button.owl-dot {
        padding: 20px 25px !important;
        margin: 0;
    }

    #inhaltsbereich > .frame-training .tx_cn-columns .row .col- .frame-type-shortcut > .rahmen {
        display: flex;
        flex-direction: column;
        gap: 80px;
    }

    #inhaltsbereich > .frame-training .frame-type-shortcut > .rahmen .frame-default .ce-bodytext a{
        max-width: 320px;
        margin: 50px auto 0;
    }

    #inhaltsbereich > .frame-training .frame-type-shortcut > .rahmen .frame-default .ce-bodytext a{
        font-size: 20px;
    }

    #header > .frame-type-textmedia .ce-bodytext a {
        font-size: 18px;
    }

    .tx-counter-layout-default .tx-cecounter-datewrap .number {
        font-size: 30px !important;
    }

    .zweispaltig{
        flex-direction: column;
    }

    .links, .rechts{
        width: 98%;
        margin: 10px 2%;
    }

    .rechts{
        margin-top: 40px;
    }

    #header.sub {
        margin-bottom: 50px;
    }
}

@media(max-width: 850px){
    .frame-boxen .ce-gallery .image-caption, .menu-mit-bildern li .box{
        padding: 15px;
    }

    ul.ebene2 {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.ebene2 > li, ul.ebene2 > li:first-child {
        width: auto;
        text-align: center;
    }
}

@media (max-width: 800px){
    #header::after, #header.sub::after{
        display: block !important;
    }

    #oben[data-toggled="on"] + #header .infoleiste .frame:last-child{
        display: none;
    }

    #mobnav:checked ~ ul.ebene1{
        padding-top: 145px;
    }
}

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

    h2{
        font-size: 30px;
    }

    h2.folgt, h3{
        font-size: 20px;
    }
    
    .frame-boxen .ce-gallery {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .frame-boxen .ce-gallery .ce-row{
        max-width: 320px;
        width: 100%;
    }

    #inhaltsbereich > .frame-training .owl-dots{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));;
    }

    #inhaltsbereich > .frame-training .owl-carousel button.owl-dot{
        justify-content: center;
    }
}

@media (max-width: 650px){
    html, body{
        font-size: 16px;
    }
    
    #oben > .frame-type-textmedia .ce-gallery,
    #oben > .frame-type-textmedia .ce-row:last-child img,
    #oben > .frame-type-textmedia .ce-gallery .ce-row:last-child img,
    #oben > .frame-type-textmedia .ce-row:first-child img,
    #oben.scroll > .frame-type-textmedia,
    #oben.scroll > .frame-type-textmedia .ce-gallery .ce-row:last-child img,
    #oben.scroll > .frame-type-textmedia .ce-gallery .ce-row:first-child img {
        height: 60px;
        width: 60px;
    }
    
    label[for="mobnav"] .mob_button {
        width: 60px;
        height: 60px;
    }

    #header .ce-gallery {
        margin-top: 0;
    }

    #header.sub .frame-type-ce_counter {
        bottom: 10px;
        right: 0;
    }

    #header::after, #header.sub::after {
        background-size: 170% auto;
    }

    #header > .frame-type-textmedia .ce-gallery .image-embed-item {
        object-position: right;
        height: 500px;
    }

    #oben + #header .infoleiste .frame:first-child,
    #header .infoleiste .frame:last-child{
        display: none;
    }

    #mobnav:checked ~ ul.ebene1 {
        padding-top: 80px;
    }

    ul.ebene1 > li > a {
        padding: 5px 0;
    }

    ul.ebene1 > li > a{
        font-size: 24px;
    }

    ul.ebene2 > li.ifsub > a{
        font-size: 20px;
        padding: 5px 0 15px;
    }
    ul.ebene2{
        margin: 0 0 15px !important;
        gap: 5px;
    }

    ul.ebene3 {
        margin-top: 0px !important;
    }

    #footer > div:last-child.frame-type-textmedia .ce-textpic {
        flex-direction: column;
        align-items: center;
    }

    .frame-layout-3, .frame-bg_schwarz{
        padding: 35px 0;
    }

    #inhaltsbereich > .frame + .frame{
        margin-top: 40px;
    }

    #inhaltsbereich > .frame-training .owl-dots {
        margin: 30px 0;
    }
    #inhaltsbereich > .frame-training .frame-type-shortcut > .rahmen .frame-default ul{
        gap: 20px;
    }

    #inhaltsbereich > .frame-training .frame-type-shortcut > .rahmen .frame-default ul li {
        padding-top: 60px;
        background-size: 50px auto;
    }

    .links .image-caption{
        font-size: 20px;
    }

    #inhaltsbereich .links .frame-type-textmedia .ce-gallery .image-embed-item{
        max-width: 80px;
    }

    a.more{
        padding: 15px 25px;
    }

    .ui-accordion-header{
        font-size: 18px;
    }

    #header.sub {
        margin-bottom: 20px;
    }
}

@media (max-width: 500px){
    ul.ebene2 {
        grid-template-columns: repeat(1, 1fr);
    }

    #header .frame-type-ce_counter {
        bottom: 0px;
    }

    .frame-type-ce_counter header h2,
    .tx-counter-layout-default .tx-cecounter-datewrap .label {
        font-size: 16px !important;
    }

    .links .ce-gallery .ce-row {
        gap: 20px;
    }

    h1,
    h2{
        font-size: 30px;
    }

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

@media (max-width: 450px){
    #header::after, #header.sub::after {
        background-size: 210% auto;
    }
}