/* Gemeinsame Gestaltung der öffentlichen und persönlichen Desktop-Navigation. */
@media (min-width: 1061px) {
    .site-header {
        border-top-width: 4px;
        border-bottom: 1px solid #dce5df;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 7px 24px rgba(20, 37, 31, .05);
        animation: none;
    }
    .site-header::before {
        content: "";
        position: absolute;
        top: -4px; left: 0; right: 0; height: 4px;
        background: linear-gradient(90deg, #dff4ea, #73c59f 18%, #297354 32%, #d9f7c6 46%, #297354 60%, #123c2e 78%, #9ed8bf);
        background-size: 240% 100%;
        background-position: 0% 0;
        animation: navigation-light-sweep 7s ease-in-out infinite alternate;
        pointer-events: none;
    }
    .site-header .nav-wrap,
    .site-header.is-compact .nav-wrap {
        width: calc(100% - 44px);
        min-height: 77px;
        gap: 22px;
    }
    .site-header .nav-wrap > .brand .site-brand-logo,
    .site-header.is-compact .nav-wrap > .brand .site-brand-logo { height: 56px; }
    .primary-navigation,
    .portal-sidebar .dashboard-tabs { gap: 22px; }
    .primary-navigation a,
    .portal-sidebar .dashboard-tabs .tab-button,
    .portal-sidebar .dashboard-tabs .portal-offer-link {
        min-height: 42px;
        padding: 0 0 3px;
        border-bottom: 1px solid transparent;
        color: #294538;
        font-size: .75rem;
        font-weight: 750;
        line-height: 1.3;
        letter-spacing: 0;
        text-decoration: none;
    }
    .primary-navigation a::after { display: none; }
    .primary-navigation a:hover,
    .primary-navigation a[aria-current],
    .portal-sidebar .dashboard-tabs .tab-button:hover,
    .portal-sidebar .dashboard-tabs .portal-offer-link:hover,
    .portal-sidebar .dashboard-tabs .active,
    .portal-sidebar .dashboard-tabs .werbestudio-trigger[aria-expanded="true"] {
        border-bottom-color: #297354;
        color: #123c2e;
    }
    .primary-navigation a:focus-visible,
    .portal-sidebar .dashboard-tabs .portal-offer-link:focus-visible {
        outline: 2px solid #287456;
        outline-offset: 5px;
    }
    .portal-sidebar .portal-user-card { border-left-color: #eef2ef; }
}

@keyframes navigation-light-sweep {
    from { background-position: 0% 0; }
    to { background-position: 100% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .site-header::before { animation: none; }
}

/* Bestehende Kunden erreichen ihren persönlichen Bereich ohne Einladungslink. */
.home-account { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.customer-access-link {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:46px; padding:0 4px; color:var(--green-dark);
    font:700 .76rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;
    text-decoration:none; white-space:nowrap;
}
.customer-access-link:hover { text-decoration:underline; text-underline-offset:5px; }
.customer-access-link:focus-visible,.mobile-customer-access:focus-visible {
    outline:3px solid var(--green); outline-offset:4px; border-radius:4px;
}
@media(min-width:1061px) and (max-width:1240px) {
    .site-header .nav-wrap { gap:14px; }
    .primary-navigation { gap:14px; }
    .home-account { gap:12px; }
}
@media(max-width:1060px) {
    .home-account .customer-access-link { display:none; }
    .mobile-navigation-cta a.mobile-customer-access {
        margin-top:9px; border:1px solid var(--line);
        background:transparent; color:var(--green-dark); min-height:50px;
    }
    .mobile-navigation-cta a.mobile-customer-access b { color:var(--green-dark); }
    .mobile-navigation-cta a.mobile-customer-access:hover { background:var(--mint); }
}