@media screen and (width>=1200px) {
    .mob {display: none !important;}
    .sc1 .row > figure picture {
        width: 120%;
        margin-left: -20%;
    }
    .sc3 .row > .wrapper-form {margin-block: calc(min(5rem,10vw) * -1);}
}
@media screen and (width<1200px) {
    .desk {display: none !important;}
    .sc6 .container-full {width: 68vw;}
    header nav.site-nav {
        scale: .8;
        opacity: 0;
        position: fixed;
        top: min(1rem,5vw);
        visibility: hidden;
        transition: all .3s;
        width: min(300px,70vw);
        right:  min(.7rem,3vw);
        transform-origin: right top;
        border-radius: min(20px,4vw);
        background-color: var(--cLgoldSoft);
    }
    header.nav-is-open nav.site-nav {
        scale: 1;
        opacity: 1;
        visibility: visible;
    }
    ul.primary {
        padding: min(4rem,20vw) min(2rem,5vw) min(2rem,5vw);
        flex-direction: column;
    }
}
@media screen and (width>=700px) {
    .sc2 .pagination {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 0;
        z-index: 4;
        display: flex;
        align-items: center;
        width: min(1600px,90vw);
        transform: translateX(-50%);
        justify-content: space-between;
    }
}
@media screen and (width<700px) {
    .sc2 .container-xl:has( .galerie) {width: 100%;}
    .sc2 .carousel {
        padding-inline: 7vw;
        overflow: hidden;
    }
    .sc2 .carousel .swiper {overflow: visible;}
    .sc2 .pagination {
        display: flex;
        column-gap: 15%;
        justify-content: center;
        margin-top: min(5rem,15vw);
    }
}