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);
}





/* 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;
    }
}