header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: top 0.6s ease-in-out;
    -o-transition: top 0.6s ease-in-out;
    transition: top 0.6s ease-in-out;
    /* Sanfte Bewegung */

    --header-height: 85px;
    --header-top: 0px;
    --header-height-full: calc(var(--header-height) + var(--header-top));
}

header:has(> .has-accent-4-background-color) {
    position: sticky;
}

header:has(*[aria-expanded="true"]) {
    background-color: var(--wp--preset--color--accent-4) !important;
}

.wp-site-blocks>*:not(header) {
    transition: opacity 0.1s ease;
}

html:has(.wp-site-blocks > header *[aria-expanded="true"]) {
    overflow: hidden !important;

    .wp-site-blocks>*:not(header) {
        opacity: 0.2;
        pointer-events: none;
    }
}



body.admin-bar header {
    top: 32px;
    --header-top: 32px;
}


/* megamenu */
header .wp-block-outermost-mega-menu__menu-container {
    width: 100vw !important;
    max-width: 100% !important;
    position: fixed;
    top: var(--header-height-full, 85px);
    left: 0 !important;
    box-shadow: var(--wp--preset--shadow--shadow-1);
    max-height: 100vh;
    max-height: 100svh;
    overflow-y: auto !important;
}




@media screen and (min-width: 992px) {

    /* megamenu bigmenu-container white background */
    header .wp-block-outermost-mega-menu__menu-container:has(.bigmenu-container)>div.has-accent-4-background-color {
        background: linear-gradient(90deg, rgba(246, 246, 248, 1) calc(70% - .5rem), rgba(255, 255, 255, 1) calc(70% - .5rem));
    }


    header .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle,
    header .wp-block-navigation a.wp-block-navigation-item__content {
        text-decoration: underline;
        text-decoration-color: transparent;
        transition: text-decoration-color 0.3s ease;

        &:hover,
        :active,
        :focus {
            text-decoration-color: currentColor;
        }
    }
}

@media screen and (max-width: 991px) {

    header .wp-block-site-logo {
        position: relative;
        z-index: 50000000;
    }

    /* hamburger button */
    header .wp-block-navigation__responsive-container-open {
        display: block !important;
    }

    /* full menu */
    header .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
        display: none !important;
    }


    header #mainmenu-conti {
        order: 2;
        align-items: flex-end;
        flex: 0;
        min-width: 90px;
    }

    header #transparent-header {
        background-color: var(--wp--preset--color--accent-4) !important;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: calc(4rem + var(--header-height-full, 85px));
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content>ul>li {
        font-size: 1.3rem;
    }


}