/* share-regular - latin */
@font-face {
    font-family: 'Share';
    font-style: normal;
    font-weight: 400;
    src: local(''),
            url('../fonts/share-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('../fonts/share-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* share-700 - latin */
@font-face {
    font-family: 'Share';
    font-style: normal;
    font-weight: 700;
    src: local(''),
            url('../fonts/share-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('../fonts/share-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* mukta-regular - latin */
@font-face {
    font-family: 'Mukta';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/mukta-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/mukta-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

::selection {
    background: rgb(var(--clr-red));
    color: rgb(var(--clr-white));
}
.bg-red ::selection {
    background: rgb(var(--clr-white));
    color: rgb(var(--clr-red));
}

:root {
    --clr-blue: 239, 241, 250;
    --clr-gray: 112, 113, 115;
    --clr-red: 224, 46, 27;
    --clr-footer: 233, 235, 244;

    --ff-heading: 'Share', display, sans-serif;
    --ff-txt: 'Mukta', sans-serif;

    /* 320px -> 1200px */
    --fs-title: clamp(1.56rem, calc(0.99rem + 2.84vw), 3.13rem); /* 25px -> 50px */
    --fs-heading-1: clamp(1.75rem, calc(1.59rem + 0.80vw), 2.19rem); /* 28px -> 35px */
    --fs-heading-2: clamp(1.56rem, calc(1.45rem + 0.57vw), 1.88rem); /* 25px -> 30px */
    --fs-heading-3: clamp(1.13rem, calc(1.03rem + 0.45vw), 1.38rem); /* 18px -> 22px */
    --fs-txt: 18px;
    --fs-btn: 18px;

    --content-width: 1350px;
    --section-padding: clamp(3.13rem, calc(1.99rem + 5.68vw), 6.25rem); /* 50px -> 100px */
}


/* Utility Classes */
.bg-blue {
    background: rgb(var(--clr-blue));
}
.bg-white {
    background: rgb(var(--clr-white));
}
.bg-red {
    background: rgb(var(--clr-red));
}
.bg-gray {
    background: rgb(var(--clr-gray));
}
.clr-red {
    --color: rgb(var(--clr-red));
    --color-hov: rgb(var(--clr-gray));
}
.clr-white {
    --color: rgb(var(--clr-white));
}
.clr-gray {
    --color: rgb(var(--clr-gray));
}
.icon {
    transition: background 0.25s ease;
}
.icon-home {
    mask-image: url('../../media/icon_home.svg');
    -webkit-mask-image: url('../../media/icon_home.svg');
}
.icon-facebook {
    mask-image: url('../../media/icon_facebook.svg');
    -webkit-mask-image: url('../../media/icon_facebook.svg');
}
.icon-instagram {
    mask-image: url('../../media/icon_instagram.svg');
    -webkit-mask-image: url('../../media/icon_instagram.svg');
}
.icon-youtube {
    mask-image: url('../../media/icon_youtube.svg');
    -webkit-mask-image: url('../../media/icon_youtube.svg');
}
.icon-download {
    mask-image: url('../../media/icon_download.svg');
    -webkit-mask-image: url('../../media/icon_download.svg');
}
.icon-arrow {
    mask-image: url('../../media/icon_arrow.svg');
    -webkit-mask-image: url('../../media/icon_arrow.svg');
}
.icon-mail {
    mask-image: url('../../media/icon_mail.svg');
    -webkit-mask-image: url('../../media/icon_mail.svg');
}
.link-container.no-padding {
    padding: 0;   
}
.link-container {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    margin: -7.5px;
}
.link-container.clr-red {
    --color: rgb(var(--clr-red));
    --color-hov: var(--color);
    --color-bg-hov: rgb(var(--clr-white));
}
.link-container.clr-gray {
    --color: rgb(var(--clr-gray));
    --color-hov: var(--color);
    --color-bg-hov: rgb(var(--clr-white));
}
.bg-red .link-container.clr-white {
    --color: rgb(var(--clr-white));
    --color-hov: rgb(var(--clr-red));
    --color-bg-hov: rgb(var(--clr-white));
}
.link-container.clr-white {
    --color: rgb(var(--clr-white));
    --color-hov: rgb(var(--clr-gray));
    --color-bg-hov: rgb(var(--clr-white));
}
.bg-white .link-container.clr-red {
    --color: rgb(var(--clr-red));
    --color-hov: rgb(var(--clr-white));
    --color-bg-hov: rgb(var(--clr-red));
}
.link-container.clr-red a.link-download {
    --color-hov: rgb(var(--clr-gray));
}
.link-container > * {
    margin: 7.5px;
}
.link-container > *:not(.link-download) {
    font-family: var(--ff-heading);
    font-weight: var(--fw-bold);
    padding: 10px 20px;
    border: 1px solid var(--color);
    border-radius: 40px;
    position: relative;
    transition: color 0.25s ease, border-color 0.25s ease;
    z-index: 10;
    overflow: hidden;
}
.link-container > *:not(.link-download):hover, .link-container > *:not(.link-download):focus {
    border-color: transparent;
}
.link-container > *:not(.link-download)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    height: 100%;
    width: 0;
    background: var(--color-bg-hov);
    z-index: -1;
    border-radius: inherit;
    transform-origin: left;
    opacity: 1;
    transition: width 0.25s ease, background 0.25s ease, opacity 0.25s ease;
}
.link-container > *:not(.link-download):hover::before, .link-container > *:not(.link-download):focus::before {
    width: calc(100% + 20px);
    opacity: 1;
}

.fslightbox-container {
    z-index: 1000 !important;
}
.lb-custom-source:not(.visible) {
    display: none;
}
.audio-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.lb-custom-source audio {
    min-width: 50vw;
}

.lb-custom-source .yt-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yt-container .yt-player:not(.init) {
    display: none;
}
.yt-container .yt-player {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100vmin;
    max-width: 1920px;
}
.yt-container .yt-player::before {
    float: left; 
    padding-top: 56.25%;
    content: '';
}
.yt-container .yt-player:after {
    display: block;
    content: '';
    clear: both;
}
.lb-custom-source .yt-container .yt-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*Utility Classes  END */
/* General */
main {
    --header-height: 93px;
    min-height: 50vh;
    padding-top: var(--header-height);
}
body {
    --color: rgb(var(--clr-gray));
    --color-hov: rgb(var(--clr-red));
    background: rgb(var(--clr-blue));
    font-family: var(--ff-txt);
    font-size: var(--fs-txt);
    font-weight: var(--fw-regular);
}
h1, h2, h3, button, header a, h1.title {
    font-family: var(--ff-heading);
}
h1, h1.title, h2, h3, button {
    font-weight: var(--fw-bold);
}
h1, h1.title, h2, h3 {
    margin-bottom: 1em;
}
h1.title {
    font-size: var(--fs-title);
}
a {
    transition: color 0.25s ease;
}
strong {
    font-weight: var(--fw-bold);
}

ul, ol {
    padding-left: 1em;
}

.txt-container a {
    --color: rgb(var(--clr-red));
}
.clr-white .txt-container a {
    --color: rgb(var(--clr-white));
    text-decoration: underline;
}
/* General END */


/* Header & Nav */
header {
    --color: rgb(var(--clr-red));
    --color-hov: var(--color);
    padding: 15px 0 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
header .logo img {
    width: 100%;
    max-width: 200px;
}
header a, header a.active {
    --color-hov: rgb(var(--clr-gray));
}
header a.active {
    --color: rgb(var(--clr-gray));
    cursor: default;
}
header .nav-bot {
    display: none;
}
header .nav-top > a {
    display: none;
}
header .nav-icons .icon {
    width: 1em;
    height: 1em;
}
header .nav-top .nav-icons a {
    margin-right: 20px;
}
header .nav-top .nav-icons a:last-child {
    margin-right: 0;
}
header .nav-icons {
    margin-right: 30px;
}
header button {
    font-weight: var(--fw-bold);
}
header .burger {
    width: 25px;
    height: 1em;
    margin-right: 40px;
    position: relative;
}
header .burger::before, header .burger::after {
    content: '';
    position: absolute;
    border: 1px solid rgb(var(--clr-red));
    left: 0;
    width: 100%;
    height: 0;
}
header .burger::before {
    top: 0;
}
header .burger::after {
    bottom: 0;
}
header .burger span {
    width: 100%;
    border: 1px solid rgb(var(--clr-red));
}
header nav.mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: -200px;
    padding-bottom: 200px;
    background: rgb(var(--clr-blue));
    transition: opacity 0.5s ease;
}
nav.mobile .cross {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 1.5em;
    height: 1.5em;
}
nav.mobile .cross::before, nav.mobile .cross::after {
    content: '';
    position: absolute;
    border-bottom: 2px solid rgb(var(--clr-red));
    width: 100%;
    height: 0;
}
nav.mobile .cross::before {
    transform: rotate(45deg);
}
nav.mobile .cross::after {
    transform: rotate(-45deg);
}
header nav.mobile.active {
    display: flex;
}
header nav.mobile.transition {
    opacity: 0;
}
.mobile-nav-links {
    height: 100%;
    padding: 100px 45px 40px 45px;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.mobile-nav-links .level-1 {
    margin-bottom: 30px;
}
.mobile-nav-links .level-1 button.active, .mobile-nav-links .level-1 a {
    margin-bottom: 25px;
}
.mobile-nav-links .level-2 {
    display: flex;
    flex-direction: column;
}
.mobile-nav-links .level-1 > a {
    font-weight: var(--fw-bold);

}
.mobile-nav-links button {
    position: relative;
    transition: margin 0.25s ease 0.25s;
}
.mobile-nav-links button.active {
    transition: margin 0.25s ease;
}
.mobile-nav-links button::before {
    --border: 2px solid rgb(var(--clr-red));
    content: '';
    position: absolute;
    left: -1.6em;
    width: 0.8em;
    height: 0.8em;
    border-right: var(--border);
    border-bottom: var(--border);
    transform: rotate(45deg);
    transition: transform 0.25s ease;
}
.mobile-nav-links button.active::before {
    transform: rotate(45deg) scale(-1) translate(-0.4em, -0.4em);
}
.mobile-nav-links .level-2 {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
}
.mobile-nav-links .level-2.active {
    max-height: var(--height);
}
.mobile-nav-links > div:last-child a {
    margin-top: 25px;
}
/* Header & Nav END */
/* Footer */
footer {
    padding: 100px 0;
    background: rgb(var(--clr-footer));
}
footer .grid {
    row-gap: 30px;
}
footer .grid > * {
    --col-span: 12;
    --col-span-sm: 6;
    --col-span-md: 3;
}
footer .grid .footer-links {
    --col-start-md: 1;
}
footer .footer-links a {
    width: fit-content;
    font-weight: var(--fw-bold);
    font-family: var(--ff-heading);
    margin-bottom: 20px;
}
footer .content-width > h2 {
    margin-bottom: 70px;
}
footer .social-icons {
    margin-top: 10px;
}
footer .social-icons a {
    margin-right: 10%;
}
footer .social-icons .icon {
    width: 20px;
    height: 20px;
}
/* Footer END */
/* Text Modul */
.txt-modul {
    max-width: 1020px;
}
.txt-modul.width-small {
    max-width: calc(var(--content-width) * (1/3));
}
.txt-modul.width-medium {
    max-width: calc(var(--content-width) * (1/2));
}
.txt-modul.width-large {
    max-width: calc(var(--content-width) * (2/3));
}
/* Text Modul END */
/* Blocks General */
[class*="blocks-modul_"] .grid {
    gap: 30px 10px;
}
[class*="blocks-modul_"] .blocks-elem, [class*="blocks-modul_"] .blocks-elem img {
    width: 100%;
}
[class*="blocks-modul_"] .content-container {
    padding: 30px;
    padding-top: 0;
}
[class*="blocks-modul_"] img ~ .content-container, [class*="blocks-modul_"] .blocks-elem.bg-white .content-container, [class*="blocks-modul_"] .img-link ~ .content-container {
    padding-top: 30px;
}
/* Blocks General END */
/* Blocks Img Txt */
.blocks-modul_img-txt .blocks-elem {
    --col-span: 12;
    --col-span-sm: 6;
    --col-span-lg: 4;
}
.blocks-modul_img-txt .blocks-elem img {
    height: 200px;
}
.blocks-modul_img-txt .link-download {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blocks-modul_img-txt .link-download .icon {
    width: 30px;
    height: 30px;
}
/* Blocks Img Txt END */
/* Blocks News Preview */
.blocks-modul_news-preview {
    --col-span: 12;
    --col-span-sm: 6;
    --col-span-lg: 4;
}
.blocks-modul_news-preview .blocks-elem img {
    height: 300px;
    transition: filter 0.25s ease;
}
.blocks-modul_news-preview .general-link {
    margin-top: 60px;
}
.blocks-modul_news-preview .general-link a {
    font-family: var(--ff-heading);
    font-weight: var(--fw-bold);
    text-decoration: underline;
}
.blocks-modul_news-preview h1 {
    margin-bottom: 1.72em;
}
.blocks-modul_news-preview .img-link:hover img, .blocks-modul_news-preview .img-link:focus img {
    filter: grayscale(1);
}
.blocks-modul_news-preview .blocks-elem.hidden {
    display: none;
}
/* Blocks News Preview END */
/* Blocks Staff */
.blocks-modul_staff {
    --col-span: 12;
    --col-span-sm: 6;
    --col-span-md: 4;
    --col-span-lg: 3;
}
.blocks-modul_staff .blocks-elem img {
    height: 250px;
}
.blocks-modul_staff .content-container {
    padding: 30px;
}
.blocks-modul_staff .content-container h3 {
    font-size: var(--fs-txt);
    margin-bottom: 5px;
}
.blocks-modul_staff .link-mail {
    width: 30px;
    height: 30px;
    margin-top: 15px;
}
/* Blocks Staff END */
/* Splide Img Txt */
.splide-img-txt .content-container {
    min-height: 400px;
    position: relative;
    isolation: isolate;
    display: grid;
    padding-top: 100px;
}

.splide-img-txt .content-container > img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.splide-img-txt .content-width {
    height: 100%;
    padding-bottom: 15px;
}

.splide-img-txt .txt-link-container {
    width: 100%;
    padding: 15px;
    background: var(--bg-clr);
}
.splide-img-txt .title, .splide-img-txt h2 {
    margin-bottom: 0;
}
.splide-img-txt .txt-link-container {
    --bg-clr: rgba(var(--clr-black), 0.5);
}
.splide-img-txt .txt-link-container.clr-red, .splide-img-txt .txt-link-container.clr-gray {
    --bg-clr: rgba(var(--clr-white), 0.5);
}

.splide-img-txt .splide__pagination {
    display: none;
}
.splide-img-txt .splide__pagination {
    bottom: 30px;
}
.splide-img-txt .splide__pagination__page {
    opacity: 1;
    background: transparent;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    margin: 10px;
}
.splide-img-txt .splide__pagination__page.is-active {
    transform: scale(1.5);
}
/* Splide Img Txt END */
/* Splide Text */
.splide-txt .splide__arrows {
    display: none;
}
/* Splide Text END */
/* Banner Img */
.banner-modul_img img {
    width: 100%;
    max-height: 100vh;
}
/* Banner Img */
/* Img Txt */
.img-txt-modul .grid {
    --col-start: 1;
    --col-span: 12;
    --col-span-lg: 6;
    grid-auto-flow: dense;
}
.img-txt-modul .grid > .content-large {
    --col-span-lg: 8;
}
.img-txt-modul .grid > .content-small {
    --col-span-lg: 4;
}
.img-txt-modul .grid .img-container {
    max-height: 350px;
}
.img-txt-modul .content-container {
    padding: 30px;
}
/* Img Txt END */


/* Übersichtsmodul Downloads */
.download-tiles-modul {
    h2 {
        color: rgb(var(--clr-red));
    }
    .grid {
        gap: 20px;
    }
    .tile {
        --col-span: 12;
        --col-span-sm: 6;
        --col-span-md: 4;
        --col-span-xl: 3;
        padding: 20px;
        background-color: rgb(var(--clr-white));
    }
    h3 {
        color: rgb(var(--clr-red));
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .txt-container {
        --color: rgb(var(--clr-gray));
    }
    .img-container {
        overflow: hidden;
        aspect-ratio: 1;
    }
    img {
        scale: 1;
        transition: scale 0.25s ease;
        object-fit: cover;
    }
    .tile:hover img {
        scale: 1.1;
    }
}
.download-tiles-modul.bg-white .tile {
    background-color: rgb(var(--clr-blue));
}
.download-list-modul {
    h2 {
        color: rgb(var(--clr-red));
    }
    .element {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgb(var(--clr-gray));
        padding: 10px;
        padding-right: 30px;
    }
    .element:hover {
        border-color: rgb(var(--clr-red));
    }
    .element:hover .icon {
        background-color: rgb(var(--clr-red));
    }

    .icon {
        background: rgb(var(--clr-gray));
        width: 30px;
    }
    .icon::after {
        content: "";
        border-bottom: 1px solid rgb(var(--clr-gray));
        width: 100%;
        height: 100%;
        bottom: 0px;
    }
    .link-container > button:hover, .link-container > button:focus {
        border-color: rgb(var(--clr-red));
    }
}
.yform {
    --color: rgb(var(--clr-gray));
    color: var(--color);
}
.yform {
    .btn-primary {
        display: none;
    }
    #yform-formular-login {
        display: none;
    }
    .form-group {
        max-width: 500px;
    }
    input[type="checkbox"] {
        margin-right: 5px;
    }
}

/* Accordion */
.accordion-modul h2 {
    margin-bottom: 1.66em;
}
.accordion .accordion__element {
    margin-bottom: 30px;
}
.accordion .accordion__element:last-child {
    margin-bottom: 0;
}
.accordion .accordion__element__head {
    width: 100%;
    padding: 10px 30px 20px 0;
    border-bottom: 1px solid var(--color);
}
.accordion .accordion__element__head h3 {
    display: inline-block;
}
.accordion .accordion__element__head .icon {
    font-size: var(--fs-heading-3);
    width: 1em;
    height: 1em;
    transition: background 0.25s ease, transform 0.25s ease;
}
.accordion .accordion__element.open .accordion__element__head .icon {
    transform: scale(-1);
}
.accordion .accordion__element__body .txt-container {
    padding-top: 20px;
}
/* Accordion END */
/* Gallery */
.gallery .gallery-item {
    height: 200px;
}
.gallery .grid {
    gap: 30px 10px;
    width: 100%;
}
.gallery .grid > * {
    --col-span: 12;
    --col-span-sm: 6;
    --col-span-lg: 4;
}
/* Gallery END */
/* Lightbox */
.fslightbox-container {
    --lb-clr: rgb(var(--clr-blue));
    --lb-hover: rgb(var(--clr-white));
}
.fslightbox-svg-path {
    fill: var(--lb-clr) !important;
    transition: fill 0.25s ease;
}
.fslightbox-slide-btn:hover .fslightbox-svg-path, .fslightbox-slide-btn:focus .fslightbox-svg-path, .fslightbox-toolbar-button:hover .fslightbox-svg-path, .fslightbox-toolbar-button:focus .fslightbox-svg-path {
    fill: var(--lb-hover) !important;
}
.fslightbox-slide-number-container {
    color: var(--lb-clr) !important;
}
.fslightbox-slash {
    background: var(--lb-clr) !important;
}
/* Lightbox END */
/* Search */
.search_it-button {
    --color: rgb(var(--clr-red));
    --color-hov: rgb(var(--clr-blue));
    font-family: var(--ff-heading);
    font-weight: var(--fw-bold);
    padding: 10px 40px;
    border: 1px solid var(--color);
    border-radius: 40px;
    color: var(--color);
    position: relative;
    transition: background 0.25s ease, color 0.25s ease;
    z-index: 10;
    background: transparent;
    display: block;
}
.search_it-button:hover, .search_it-button:focus {
    background: var(--color);
    color: var(--color-hov);
}
.search-input-container input {
    font-family: var(--ff-txt);
    font-size: var(--fs-txt);
    color: var(--color);
    border: 1px solid rgb(var(--clr-red));
    border-radius: 40px;
    padding: 5px 15px;
    margin-bottom: 30px;
    max-width: 100%;
}
.search-result-container {
    margin-top: calc(var(--fs-heading-1) * 2);
}
.search-result-container ul {
    padding: 0;
    list-style: none;
}
.search-result-container .search_it-result {
    margin-bottom: var(--fs-heading-1);
}
.search-result-container .search_it-result > * {
    margin: 0;
}
.search-result-container .search-highlight {
    color: rgb(var(--clr-red));
}
/* Search END */

/* Back Button */
.back-btn .link-container {
    padding: 0;
}

@media (min-width: 576px) { /*sm*/
    .mobile-nav-links {
        padding-left: 80px;
        padding-right: 80px;
    }
    .blocks-modul_img-txt .blocks-elem img {
        height: 300px;
    }


    .splide-txt .splide__arrows {
        display: unset;
        height: 0;
        margin: 0;
    }
    .splide-txt .splide__arrow {
        --color: rgb(var(--clr-white));
        --distance: -15px;
        background: none;
        width: 40px;
        height: 20px;
        position: absolute;
    }
    .splide-txt .splide__arrow--prev {
        transform: rotate(90deg) translateY(-50%);
        left: var(--distance);
    }
    .splide-txt .splide__arrow--next {
        transform: rotate(-90deg) translateY(-50%);
        right: var(--distance);
    }
    .splide-txt .splide__slide {
        padding: 0 6%;
    }
    


    
}
@media (min-width: 768px) { /*md*/
    .link-container {
        padding-top: 40px;
    }
    .link-container > *:not(.link-download) {
        padding: 10px 40px;
    }

    .mobile-nav-links {
        padding-left: 100px;
        padding-right: 100px;
    }
    footer .footer-links a {
        margin-bottom: 30px;
    }
    .gallery .gallery-item {
        height: 300px;
    }

    .splide-img-txt .content-container {
        min-height: 600px;
    }
    .splide-img-txt .content-width {
        padding-bottom: 0;
    }
    .splide-img-txt .splide .content-container {
        padding-bottom: 100px;
    }
    .splide-img-txt .content-container {
        padding: 80px 0;
    }
    .splide-img-txt .txt-link-container {
        max-width: 500px;
        padding: 50px;
        background: var(--bg-clr);
    }

    .splide-img-txt .splide__pagination {
        display: flex;
    }
    .splide-img-txt .splide__pagination__page {
        opacity: 1;
        background: transparent;
        border: 2px solid white;
        width: 15px;
        height: 15px;
        margin: 10px;
    }
    .splide-img-txt .splide__pagination__page.is-active {
        transform: scale(1.5);
    }
}
@media (min-width: 992px) { /*lg*/
    main {
        --header-height: 140px;
    }
    header .logo img {
        max-width: 275px;
    }
    header > .content-width > nav {
        flex-shrink: 0;
    }
    header .nav-top {
        font-weight: var(--fw-regular);
        margin-bottom: 50px;
    }
    header .burger {
        display: none;
    }
    header .nav-top > a {
        display: inline-block;
    }
    header .nav-bot {
        display: flex;
    }
    header .nav-top a {
        margin-right: 45px;
    }
    header .nav-bot {
        font-weight: var(--fw-bold);
    }
    header .close-nav-overlay {
        position: fixed;
        top: 140px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -10;
        display: none;
    }
    header .close-nav-overlay.active {
        display: block;
    }
    header .nav-bot .level-1 {
        margin-right: 60px;
    }
	
    header .nav-bot .level-2 {
        display: none;
        background: rgb(var(--clr-blue));
        position: fixed;
        top: 139px;
        left: 0;
        right: 0;
        height: fit-content;
        padding-left: var(--pad-left);
        transition: opacity 0.5s ease;
        flex-direction: column;
    }
    header .nav-bot .level-2.active {
        display: flex;
        opacity: 1;
    }
    header .nav-bot .level-2.transition {
        display: flex;
        opacity: 0;
    }
    header .nav-bot .level-2 a {
        flex-shrink: 0;
        width: max-content;
        margin-bottom: 25px;
    }
    
    header .nav-bot button {
        position: relative;
    }
    header .nav-bot button::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        transform: scaleX(0);
        transform-origin: left;
        border-bottom: 2px solid rgb(var(--clr-red));
        transition: transform 0.25s ease;
    }
    header .nav-bot button:hover::before, header .nav-bot button:focus::before, header .nav-bot button.active::before {
        transform: scaleX(1);
    }

    .img-txt-modul .grid .img-container {
        max-height: unset;
    }
    .img-txt-modul:not(.contain-img) .grid .img-container {
        min-height: 600px;
    }
    .img-txt-modul .content-container {
        padding: 50px;
    }
    .img-txt-modul.contain-img .content-container {
        padding-top: 0;
    }
}
@media (min-width: 1200px) { /*xl*/

}
@media (min-width: 1400px) { /*xxl*/
    .splide-txt .splide__arrow {
        --distance: -40px;
    }
}