@media (max-width: 80rem) {

}


@media (max-width: 74rem) {

    header .center { flex-flow: column nowrap; width: 100%; }
    header .logo { position: absolute; padding: 1rem; max-width: calc(100% - 7rem); }
    header .additional-mobile { align-self: stretch; display: flex; flex-flow: column nowrap; align-items: flex-start; gap: 2rem; transition: transform 0s ease .5s, opacity 0s ease .5s; transform: translateY(1.5rem); opacity: 0; }
    header #mainmenu.opened .additional-mobile { transition: transform .4s ease .6s, opacity .4s ease .6s; transform: none; opacity: 1; }
    header .additional-mobile .button { color: var(--color-black); background: var(--color-neon-yellow); margin: 0 2rem; }
    header .additional-mobile .network { align-self: flex-end; }


    .grid-layout-onetwo-twoone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		"b b b b b b b b b b b b"
		"a a a a a a d d d d d d"
		"c c c c c c c c c c c c";
    }
    .grid-layout-onetwo-twoone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		"c c c c c c c c c c c c"
		"d d d d d d a a a a a a"
		"b b b b b b b b b b b b";
    }

    .grid-layout-twoone-onetwo:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
        "a a a a a a a a a a a a"
        "b b b b b b c c c c c c"
        "d d d d d d d d d d d d";
    }
    .grid-layout-twoone-onetwo:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
        "d d d d d d d d d d d d"
        "c c c c c c b b b b b b"
        "a a a a a a a a a a a a";
    }

}


@media (max-width: 60rem) {

    :root {
        --font-size: 1.125rem;

        --gutter-x: 2rem;
        --gutter-y: 4rem;
    }

    .slider-columns-two .slide { width: 100%; }
    .slider-columns-three .slide,
    .slider-columns-four .slide { width: 50%; }

    .grid-layout-two-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-two:not(.grid-break-none) > .wrapper,
    .grid-layout-three-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-three:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-two-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-three-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-three:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b"
		    "c c c c c c c c c c c c";
    }
    .grid-layout-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
		    "c c c c c c c c c c c c"
		    "b b b b b b b b b b b b"
		    "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-two:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a b b b b b b"
		    "c c c c c c c c c c c c";
    }
    .grid-layout-one-one-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "c c c c c c c c c c c c"
		    "b b b b b b a a a a a a";
    }

    .grid-layout-one-two-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a c c c c c c"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-one-two-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
		    "a a a a a a c c c c c c";
    }

    .grid-layout-two-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b c c c c c c";
    }
    .grid-layout-two-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "c c c c c c b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-one:not(.grid-break-none) > .wrapper,
    .grid-layout-one-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c";
    }
    .grid-layout-oneone-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper,
    .grid-layout-one-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-two:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c c c c c c c";
    }
    .grid-layout-oneone-two:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "c c c c c c c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-two-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b c c c c c c";
    }
    .grid-layout-two-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "c c c c c c b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d";
    }
    .grid-layout-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-one-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            ". . . e e e e e e . . .";
    }
    .grid-layout-one-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "e e e e e e d d d d d d"
            "c c c c c c b b b b b b"
            ". . . a a a a a a . . .";
    }

    .grid-layout-one-one-one-one-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            "e e e e e e f f f f f f";
    }
    .grid-layout-one-one-one-one-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "f f f f f f e e e e e e"
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

    .grid-layout-oneone-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "a a a a a a b b b b b b"
            "c c c c c c d d d d d d"
            "e e e e e e f f f f f f";
    }
    .grid-layout-oneone-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(3, auto);
        grid-template-areas:
            "f f f f f f e e e e e e"
            "d d d d d d c c c c c c"
            "b b b b b b a a a a a a";
    }

}


@media (max-width: 48rem) {

    :root {
        --gutter-x: 1rem;
        --gutter-y: 3rem;

        --columns-gutter-x: 1rem;
        --columns-gutter-y: 4rem;
    }

    .slider-columns-two .slide,
    .slider-columns-three .slide,
    .slider-columns-four .slide { width: 100%; }

    .mailform .group:not(:first-child:last-child) { width: 100% !important; }

    .grid-layout-one-one:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "a a a a a a a a a a a a"
		    "b b b b b b b b b b b b";
    }
    .grid-layout-one-one:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(2, auto);
        grid-template-areas:
		    "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c"
            "d d d d d d d d d d d d";
    }
    .grid-layout-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "d d d d d d d d d d d d"
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

    .grid-layout-oneone-oneone-oneone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "a a a a a a a a a a a a"
            "b b b b b b b b b b b b"
            "c c c c c c c c c c c c"
            "d d d d d d d d d d d d"
            "e e e e e e e e e e e e"
            "f f f f f f f f f f f f";
    }
    .grid-layout-oneone-oneone-oneone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "f f f f f f f f f f f f"
            "e e e e e e e e e e e e"
            "d d d d d d d d d d d d"
            "c c c c c c c c c c c c"
            "b b b b b b b b b b b b"
            "a a a a a a a a a a a a";
    }

}


@media (max-width: 24rem) {

    .grid-layout-onetwo-twoone:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
		"b b b b b b b b b b b b"
		"a a a a a a a a a a a a"
		"d d d d d d d d d d d d"
		"c c c c c c c c c c c c";
    }
    .grid-layout-onetwo-twoone:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
		"c c c c c c c c c c c c"
        "d d d d d d d d d d d d"
        "a a a a a a a a a a a a"
        "b b b b b b b b b b b b";
    }

    .grid-layout-twoone-onetwo:not(.grid-break-none) > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
        "a a a a a a a a a a a a"
        "b b b b b b b b b b b b"
        "c c c c c c c c c c c c"
        "d d d d d d d d d d d d";
    }
    .grid-layout-twoone-onetwo:not(.grid-break-none).grid-order-revert-mobile > .wrapper {
        grid-template-rows: repeat(4, auto);
        grid-template-areas:
        "d d d d d d d d d d d d"
        "c c c c c c c c c c c c"
        "b b b b b b b b b b b b"
        "a a a a a a a a a a a a";
    }

}