/* startseite-feinschliff.css — Maße der Startseite, eingestellt vom User im Mockup
   mockups/mockup-startseite-navbar.html (Werkzeug „Einstellen“, 2026-10-15). Nur index.html, als letztes Stylesheet.
   Werte: Tokens --start-* in css/premium-design-tokens.css. Nur Desktop: am Handy (≤ 760 px) gelten
   die Handy-Regeln von css/navbar.css und css/hero-gross.css unverändert — dort wurde nicht eingestellt. */
@media (min-width: 761px) {
    :root[data-hero="gross"] .unified-navbar {
        height: var(--start-nav-h);
        padding-left: var(--start-nav-pad);
        padding-right: var(--start-nav-pad);
    }
    :root[data-hero="gross"] body { padding-top: var(--start-nav-h); }
    :root[data-hero="gross"] .hero { min-height: calc(100vh - var(--start-nav-h)); }
    :root[data-hero="gross"] .unified-brand-name { font-size: var(--start-brand-fs); }
    :root[data-hero="gross"] .unified-nav-link { font-size: var(--start-link-fs); }
    :root[data-hero="gross"] .unified-nav-links { gap: var(--start-link-gap); }
    :root[data-hero="gross"] .unified-nav-actions { gap: var(--start-act-gap); }
    :root[data-hero="gross"] .unified-nav-actions a,
    :root[data-hero="gross"] .unified-nav-actions button,
    :root[data-hero="gross"] .language-switcher-btn { font-size: var(--start-act-fs); }
    :root[data-hero="gross"] .hero-content {
        transform: translate(var(--start-hero-x), var(--start-hero-y)) scale(var(--start-hero-scale));
        transform-origin: left center;
    }
    /* Foto-Rand (User 2026-10-15: „Rand immer 99,99 % mit der Hintergrundfarbe verschmelzen“): Breite aus dem
       Mockup (5 % / 2 %), Verlauf als S-Kurve (smootherstep) statt linear — am Rand exakt durchsichtig, ohne
       sichtbare Kante am Übergang. Schlägt den Foto-Block in css/theme-kirsch-hauch-blau.css. */
    :root[data-design][data-blau][data-hero="gross"] .hero-photo--soft {
        -webkit-mask-image: linear-gradient(to right,
            rgba(0,0,0,0.0000) calc(var(--start-photo-fade-x) * 0),
            rgba(0,0,0,0.0086) calc(var(--start-photo-fade-x) * 0.1),
            rgba(0,0,0,0.0579) calc(var(--start-photo-fade-x) * 0.2),
            rgba(0,0,0,0.1631) calc(var(--start-photo-fade-x) * 0.3),
            rgba(0,0,0,0.3174) calc(var(--start-photo-fade-x) * 0.4),
            rgba(0,0,0,0.5000) calc(var(--start-photo-fade-x) * 0.5),
            rgba(0,0,0,0.6826) calc(var(--start-photo-fade-x) * 0.6),
            rgba(0,0,0,0.8369) calc(var(--start-photo-fade-x) * 0.7),
            rgba(0,0,0,0.9421) calc(var(--start-photo-fade-x) * 0.8),
            rgba(0,0,0,0.9914) calc(var(--start-photo-fade-x) * 0.9),
            rgba(0,0,0,1.0000) calc(var(--start-photo-fade-x) * 1),
            rgba(0,0,0,1.0000) calc(100% - var(--start-photo-fade-x) * 1),
            rgba(0,0,0,0.9914) calc(100% - var(--start-photo-fade-x) * 0.9),
            rgba(0,0,0,0.9421) calc(100% - var(--start-photo-fade-x) * 0.8),
            rgba(0,0,0,0.8369) calc(100% - var(--start-photo-fade-x) * 0.7),
            rgba(0,0,0,0.6826) calc(100% - var(--start-photo-fade-x) * 0.6),
            rgba(0,0,0,0.5000) calc(100% - var(--start-photo-fade-x) * 0.5),
            rgba(0,0,0,0.3174) calc(100% - var(--start-photo-fade-x) * 0.4),
            rgba(0,0,0,0.1631) calc(100% - var(--start-photo-fade-x) * 0.3),
            rgba(0,0,0,0.0579) calc(100% - var(--start-photo-fade-x) * 0.2),
            rgba(0,0,0,0.0086) calc(100% - var(--start-photo-fade-x) * 0.1),
            rgba(0,0,0,0.0000) calc(100% - var(--start-photo-fade-x) * 0)),
            linear-gradient(to bottom,
            rgba(0,0,0,0.0000) calc(var(--start-photo-fade-y) * 0),
            rgba(0,0,0,0.0086) calc(var(--start-photo-fade-y) * 0.1),
            rgba(0,0,0,0.0579) calc(var(--start-photo-fade-y) * 0.2),
            rgba(0,0,0,0.1631) calc(var(--start-photo-fade-y) * 0.3),
            rgba(0,0,0,0.3174) calc(var(--start-photo-fade-y) * 0.4),
            rgba(0,0,0,0.5000) calc(var(--start-photo-fade-y) * 0.5),
            rgba(0,0,0,0.6826) calc(var(--start-photo-fade-y) * 0.6),
            rgba(0,0,0,0.8369) calc(var(--start-photo-fade-y) * 0.7),
            rgba(0,0,0,0.9421) calc(var(--start-photo-fade-y) * 0.8),
            rgba(0,0,0,0.9914) calc(var(--start-photo-fade-y) * 0.9),
            rgba(0,0,0,1.0000) calc(var(--start-photo-fade-y) * 1),
            rgba(0,0,0,1.0000) calc(100% - var(--start-photo-fade-y) * 1),
            rgba(0,0,0,0.9914) calc(100% - var(--start-photo-fade-y) * 0.9),
            rgba(0,0,0,0.9421) calc(100% - var(--start-photo-fade-y) * 0.8),
            rgba(0,0,0,0.8369) calc(100% - var(--start-photo-fade-y) * 0.7),
            rgba(0,0,0,0.6826) calc(100% - var(--start-photo-fade-y) * 0.6),
            rgba(0,0,0,0.5000) calc(100% - var(--start-photo-fade-y) * 0.5),
            rgba(0,0,0,0.3174) calc(100% - var(--start-photo-fade-y) * 0.4),
            rgba(0,0,0,0.1631) calc(100% - var(--start-photo-fade-y) * 0.3),
            rgba(0,0,0,0.0579) calc(100% - var(--start-photo-fade-y) * 0.2),
            rgba(0,0,0,0.0086) calc(100% - var(--start-photo-fade-y) * 0.1),
            rgba(0,0,0,0.0000) calc(100% - var(--start-photo-fade-y) * 0));
        -webkit-mask-composite: source-in;
        mask-image: linear-gradient(to right,
            rgba(0,0,0,0.0000) calc(var(--start-photo-fade-x) * 0),
            rgba(0,0,0,0.0086) calc(var(--start-photo-fade-x) * 0.1),
            rgba(0,0,0,0.0579) calc(var(--start-photo-fade-x) * 0.2),
            rgba(0,0,0,0.1631) calc(var(--start-photo-fade-x) * 0.3),
            rgba(0,0,0,0.3174) calc(var(--start-photo-fade-x) * 0.4),
            rgba(0,0,0,0.5000) calc(var(--start-photo-fade-x) * 0.5),
            rgba(0,0,0,0.6826) calc(var(--start-photo-fade-x) * 0.6),
            rgba(0,0,0,0.8369) calc(var(--start-photo-fade-x) * 0.7),
            rgba(0,0,0,0.9421) calc(var(--start-photo-fade-x) * 0.8),
            rgba(0,0,0,0.9914) calc(var(--start-photo-fade-x) * 0.9),
            rgba(0,0,0,1.0000) calc(var(--start-photo-fade-x) * 1),
            rgba(0,0,0,1.0000) calc(100% - var(--start-photo-fade-x) * 1),
            rgba(0,0,0,0.9914) calc(100% - var(--start-photo-fade-x) * 0.9),
            rgba(0,0,0,0.9421) calc(100% - var(--start-photo-fade-x) * 0.8),
            rgba(0,0,0,0.8369) calc(100% - var(--start-photo-fade-x) * 0.7),
            rgba(0,0,0,0.6826) calc(100% - var(--start-photo-fade-x) * 0.6),
            rgba(0,0,0,0.5000) calc(100% - var(--start-photo-fade-x) * 0.5),
            rgba(0,0,0,0.3174) calc(100% - var(--start-photo-fade-x) * 0.4),
            rgba(0,0,0,0.1631) calc(100% - var(--start-photo-fade-x) * 0.3),
            rgba(0,0,0,0.0579) calc(100% - var(--start-photo-fade-x) * 0.2),
            rgba(0,0,0,0.0086) calc(100% - var(--start-photo-fade-x) * 0.1),
            rgba(0,0,0,0.0000) calc(100% - var(--start-photo-fade-x) * 0)),
            linear-gradient(to bottom,
            rgba(0,0,0,0.0000) calc(var(--start-photo-fade-y) * 0),
            rgba(0,0,0,0.0086) calc(var(--start-photo-fade-y) * 0.1),
            rgba(0,0,0,0.0579) calc(var(--start-photo-fade-y) * 0.2),
            rgba(0,0,0,0.1631) calc(var(--start-photo-fade-y) * 0.3),
            rgba(0,0,0,0.3174) calc(var(--start-photo-fade-y) * 0.4),
            rgba(0,0,0,0.5000) calc(var(--start-photo-fade-y) * 0.5),
            rgba(0,0,0,0.6826) calc(var(--start-photo-fade-y) * 0.6),
            rgba(0,0,0,0.8369) calc(var(--start-photo-fade-y) * 0.7),
            rgba(0,0,0,0.9421) calc(var(--start-photo-fade-y) * 0.8),
            rgba(0,0,0,0.9914) calc(var(--start-photo-fade-y) * 0.9),
            rgba(0,0,0,1.0000) calc(var(--start-photo-fade-y) * 1),
            rgba(0,0,0,1.0000) calc(100% - var(--start-photo-fade-y) * 1),
            rgba(0,0,0,0.9914) calc(100% - var(--start-photo-fade-y) * 0.9),
            rgba(0,0,0,0.9421) calc(100% - var(--start-photo-fade-y) * 0.8),
            rgba(0,0,0,0.8369) calc(100% - var(--start-photo-fade-y) * 0.7),
            rgba(0,0,0,0.6826) calc(100% - var(--start-photo-fade-y) * 0.6),
            rgba(0,0,0,0.5000) calc(100% - var(--start-photo-fade-y) * 0.5),
            rgba(0,0,0,0.3174) calc(100% - var(--start-photo-fade-y) * 0.4),
            rgba(0,0,0,0.1631) calc(100% - var(--start-photo-fade-y) * 0.3),
            rgba(0,0,0,0.0579) calc(100% - var(--start-photo-fade-y) * 0.2),
            rgba(0,0,0,0.0086) calc(100% - var(--start-photo-fade-y) * 0.1),
            rgba(0,0,0,0.0000) calc(100% - var(--start-photo-fade-y) * 0));
        mask-composite: intersect;
    }
}