.site-header {
    background-color: var(--wp--preset--color--base);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    transition: all 0.3s ease;
    transform: translate(0, 0);

    --site-header-height: 188px;
}

body.home.scroll-progress-start .site-header {
    background: none;
}

body.scroll-direction-down .site-header {
    transform: translate(0, -100%);
}

body:is(.scroll-direction-up, .scroll-direction-up-down) .site-header {
    transform: translate(0, 0);
}

body:not(.scroll-progress-start) .site-header {
    box-shadow: var(--wp--custom--box-shadow--regular);
    transform: translate(0, 0);
}

body .site-header .wp-block-site-logo {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

body .site-header .wp-block-site-logo img {
    transition: all 0.3s ease;
}

body:not(.scroll-progress-start) .site-header .wp-block-site-logo img {
    transform-origin: center left;
    transform: scale(0.85);
    margin-top: -14px;
}

body .site-header .wp-block-vektorrausch-classic-menu:has(#menu-meta) {
    transition: all 0.3s ease;
}

body:not(.scroll-progress-start) .site-header .wp-block-vektorrausch-classic-menu:has(#menu-meta) {
    transform: translate(0, -100%);
}

@media (min-width: 992px) {
    body:not(.scroll-progress-start) .site-header {
        transform: translate(0, calc(-1 * var(--site-header-height) * 0.4237));
    }

    body:not(.scroll-progress-start) .site-header .wp-block-site-logo {
        transform: translate(0, calc(var(--site-header-height) * 0.3616));
    }

    body .site-header #menu-primary {
        justify-content: center;
    }

    body:not(.scroll-progress-start) .site-header #menu-primary {
        justify-content: flex-end;
    }
}

@media (min-width: 1280px) {
    body:not(.scroll-progress-start) .site-header #menu-primary {
        justify-content: center;
    }
}