/* Vollton-Kopfzeile mit kompakter Scrollansicht. */
body.hagen-modern header.hagen-header {
    position:sticky;
    top:var(--hg-admin-offset,0px);
    z-index:1000;
    width:100%;
    background:var(--hagen-header);
    border:0;
    box-shadow:0 3px 14px color-mix(
        in srgb,var(--hagen-heading) 15%,transparent
    );
}
body.hagen-modern header.hagen-header::before {
    display:none;
}
html.hg-has-sticky-header body.hagen-modern header.hagen-header {
    position:fixed;
    left:0;
    right:0;
}
.hg-header-spacer {
    height:var(--hg-header-expanded,0px);
    pointer-events:none;
}
html.hg-has-sticky-header {
    scroll-padding-top:calc(
        var(--hg-admin-offset,0px) +
        var(--hg-header-height,0px) + 16px
    );
}
body.hagen-modern header.hagen-header .hagen-top {
    padding-top:22px;
    padding-bottom:22px;
    transition:padding .24s ease;
}
body.hagen-modern header.hagen-header .hagen-brand,
body.hagen-modern header.hagen-header .hagen-menu a {
    color:var(--hagen-header-text);
}
body.hagen-modern header.hagen-header .hagen-brand strong {
    font-size:1.35rem;
    transition:font-size .24s ease;
}
body.hagen-modern header.hagen-header .hagen-brand small {
    color:var(--hagen-header-text);
    opacity:.85;
    max-height:35px;
    overflow:hidden;
    transition:max-height .24s ease,opacity .2s ease,margin .24s ease;
}
body.hagen-modern header.hagen-header .hagen-brand img {
    height:72px;
    width:auto;
    max-width:180px;
    transition:height .24s ease;
}
body.hagen-modern header.hagen-header .hagen-nav {
    padding-bottom:18px;
    transition:padding .24s ease;
}
body.hagen-modern header.hagen-header .hagen-menu ul {
    background:var(--hagen-header);
    border-color:color-mix(
        in srgb,var(--hagen-header-text) 30%,transparent
    );
}
body.hagen-modern header.hagen-header .hagen-menu a:hover,
body.hagen-modern header.hagen-header .hagen-menu a:focus-visible,
body.hagen-modern header.hagen-header .current-menu-item > a,
body.hagen-modern header.hagen-header .current-menu-ancestor > a,
body.hagen-modern header.hagen-header .current_page_item > a {
    background:color-mix(
        in srgb,var(--hagen-header-text) 16%,var(--hagen-header)
    );
}
body.hagen-modern header.hagen-header .hagen-search input {
    background:var(--hagen-header-text);
    color:var(--hagen-header);
    border-color:var(--hagen-header-text);
}
body.hagen-modern header.hagen-header .hagen-search input::placeholder {
    color:var(--hagen-header);
    opacity:.75;
}
body.hagen-modern header.hagen-header .hagen-search button {
    background:var(--hagen-header-text);
    color:var(--hagen-header);
    border-color:var(--hagen-header-text);
}
body.hagen-modern header.hagen-header .hagen-toggle {
    background:transparent;
    color:var(--hagen-header-text);
    border-color:color-mix(
        in srgb,var(--hagen-header-text) 65%,transparent
    );
}
body.hagen-modern header.hagen-header a:focus-visible,
body.hagen-modern header.hagen-header button:focus-visible,
body.hagen-modern header.hagen-header input:focus-visible {
    outline:3px solid var(--hagen-header-text);
    outline-offset:4px;
}

/* Kompakte Ansicht; sämtliche Funktionen bleiben erhalten. */
body.hagen-modern header.hagen-header.hg-header-compact .hagen-top {
    padding-top:10px;
    padding-bottom:10px;
}
body.hagen-modern header.hagen-header.hg-header-compact .hagen-brand img {
    height:44px;
}
body.hagen-modern header.hagen-header.hg-header-compact .hagen-brand strong {
    font-size:1.08rem;
}
body.hagen-modern header.hagen-header.hg-header-compact .hagen-brand small {
    max-height:0;
    opacity:0;
    margin-top:0;
}
body.hagen-modern header.hagen-header.hg-header-compact .hagen-nav {
    padding-bottom:8px;
}
body.hagen-modern .hagen-skip:focus {
    position:fixed;
    top:calc(var(--hg-admin-offset,0px) + 12px);
    z-index:10002;
}

/* Bei Größenänderungen ohne sichtbare Zwischenanimation messen. */
header.hagen-header.hg-header-measuring,
header.hagen-header.hg-header-measuring * {
    transition:none!important;
}

@media(max-width:900px) {
    body.hagen-modern header.hagen-header .hagen-top {
        padding-top:16px;
        padding-bottom:16px;
    }
    body.hagen-modern header.hagen-header .hagen-brand img {
        height:52px;
        max-width:110px;
    }
    body.hagen-modern header.hagen-header .hagen-brand strong {
        font-size:1.1rem;
    }
    body.hagen-modern header.hagen-header.hg-header-compact .hagen-brand img {
        height:38px;
    }
    body.hagen-modern header.hagen-header .hagen-nav:not([hidden]) {
        max-height:calc(100dvh - var(--hg-admin-offset,0px) - 96px);
        overflow-y:auto;
        overscroll-behavior:contain;
    }
}
@media(prefers-reduced-motion:reduce) {
    body.hagen-modern header.hagen-header * {
        transition:none!important;
    }
}