.site-header-frame{border-radius:10px 24px 24px 10px;box-shadow:0 18px 45px -28px rgba(15,23,42,.35),inset 4px 0 0 #14b8a6}
        .site-header-actions{display:none}
        .site-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border-radius:14px;border:none;background:transparent;color:#263b38;cursor:pointer;flex:none;}
        .site-burger:hover{background:#ecfdfa;color:#0f766e;}
        @media(min-width:920px){.site-header-actions{display:flex}.site-burger{display:none}}
        .site-nav{display:none}
        /* align-items:stretch, damit die Menupunkt-Gruppen die volle Hoehe der Leiste einnehmen
           koennen (Hover-Flyout ueber die gesamte Header-Hoehe). */
        @media(min-width:920px){ .site-nav{display:flex;align-items:stretch;gap:8px;margin-left:1.75rem;} }
        /* Ab ausreichend Breite die Menupunkte mittig in der Leiste zentrieren (nicht am Logo klebend)
           und ueber top:0/bottom:0 auf die volle Leisten-Innenhoehe strecken. */
        @media(min-width:1080px){ .site-nav{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);margin-left:0;} }
        .site-nav-link{display:inline-flex;align-items:center;padding:9px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#334155;text-decoration:none;line-height:1;transition:background-color .18s ease,color .18s ease;}
        /* Desktop: Punkte OHNE Dropdown hovern (fast) identisch zu den Dropdown-Punkten - weisser
           Hintergrund ueber die volle Leisten-Hoehe (via align-items:stretch der Nav), aber als
           geschlossene Pille oben UND unten abgerundet, da kein Popup darunter haengt. */
        .site-nav a.site-nav-link:hover{color:#0f766e;background:#e8f7f3;border-radius:9px;}
        /* Mobile-Panel (weisser Hintergrund): dezenter violetter Hover bleibt, weiss waere unsichtbar. */
        .site-nav-panel a.site-nav-link:hover{color:#0f766e;background:#ecfdfa;border-radius:12px;}
        .site-nav-link--dead{color:#94a3b8;cursor:default;}

        /* Funktionen-Dropdown (Mega-Menü, Desktop). Öffnet per Hover und per Tastatur-Fokus
           (focus-within), kein JS nötig. Aktiviert, seit die Feature-/Lösungs-Seiten existieren. */
        .site-nav-group{position:relative;display:flex;}
        .site-nav-trigger{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#334155;background:none;border:none;cursor:pointer;line-height:1;font-family:inherit;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;}
        /* Beim Hover fuellt der Menupunkt die VOLLE Leisten-Hoehe weiss (wie das Popup), oben
           abgerundet wie die Leiste, unten kantig; er sitzt per z-index ueber der Dropdown-
           Oberkante, sodass Punkt und Popup ohne Naht/Linie zu einer Flaeche verschmelzen. */
        .site-nav-trigger:hover,.site-nav-group:hover .site-nav-trigger,.site-nav-group:focus-within .site-nav-trigger{color:#0f766e;background:#e8f7f3;border-radius:9px;position:relative;z-index:91;box-shadow:none;}
        .site-nav-trigger svg{width:13px;height:13px;transition:transform .2s ease;}
        .site-nav-group:hover .site-nav-trigger svg,.site-nav-group:focus-within .site-nav-trigger svg{transform:rotate(180deg);}
        /* Dropdown beginnt an der Unterkante der Header-Leiste (top:100% der auf volle Hoehe
           gestreckten Gruppe) und dockt ohne Spalt an den weissen Menupunkt an. KEIN Rahmen
           (sonst grauer Strich an der Naht); Kontur nur ueber den Schatten. Obere linke Ecke
           kantig (schliesst an den Punkt an), restliche Ecken abgerundet -> fliessender Uebergang. */
        .site-nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:320px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:8px 22px 22px 8px;box-shadow:0 24px 60px -12px rgba(15,23,42,.24);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;z-index:90;}
        .site-nav-group:hover .site-nav-dropdown,.site-nav-group:focus-within .site-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
        .site-nav-dd-link{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:11px;text-decoration:none;transition:background-color .15s ease;}
        .site-nav-dd-link:hover{background:#ecfdfa;}
        .site-nav-dd-link .t{font-size:13.5px;font-weight:600;color:#1f2937;line-height:1.2;}
        .site-nav-dd-link:hover .t{color:#0f766e;}
        .site-nav-dd-link .d{font-size:11.5px;color:#94a3b8;line-height:1.3;}
        /* Coming-Soon-Eintrag: nicht klickbar, kein Hover-Highlight */
        .site-nav-dd-link--soon{cursor:default;}
        .site-nav-dd-link--soon:hover{background:none;}
        .site-nav-dd-link--soon .t,.site-nav-dd-link--soon:hover .t{color:#94a3b8;}
        .soon-badge{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#ccfbf1;color:#0d9488;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;}

        /* Mobile-Panel: Gruppen-Überschriften + Trenner für die neue Funktionen-/Lösungs-Liste */
        .site-nav-mob-hd{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:12px 14px 4px;margin:0;}
        .site-nav-mob-sep{height:1px;background:#eef2f7;margin:10px 6px;}

        /* Hero-Section direkt unter dem Header: Hintergrund/Verlauf bis hinter den
           (halbtransparenten, sticky) Header ziehen. Negatives margin-top = Header-Hoehe,
           gleiche padding-top zurueck, damit der Inhalt an Ort und Stelle bleibt.
           Jede oberste Hero-Section bekommt die Klasse .page-hero. */
        .page-hero{margin-top:-64px;padding-top:64px;}
        @media(min-width:640px){ .page-hero{margin-top:-76px;padding-top:76px;} }

        .site-nav-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:70;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;}
        .site-nav-backdrop.show{opacity:1;visibility:visible;}
        .site-nav-panel{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:86vw;z-index:80;display:flex;flex-direction:column;gap:2px;background:#fff;padding:18px 16px 28px;overflow:auto;box-shadow:-24px 0 60px -18px rgba(15,23,42,.35);transform:translateX(100%);transition:transform .25s ease;}
        .site-nav-panel.show{transform:translateX(0);}
        .site-nav-panel .site-nav-link{padding:12px 14px;}
        .site-nav-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid #eef2f7;background:#fff;color:#475569;cursor:pointer;margin:0 0 12px auto;flex:none;}
        body.site-nav-open{overflow:hidden;}
        @media(max-width:1023px){.kb-nav-open .kb-side{left:auto!important;right:0!important;box-shadow:-24px 0 60px -18px rgba(15,23,42,.35)!important}}
        @media(min-width:920px){ .site-nav-panel,.site-nav-backdrop{display:none!important;} }

.site-header{padding:0!important}
        .site-header-frame{max-width:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid transparent!important;box-shadow:none!important;padding:.8rem clamp(1.5rem,9vw,10rem)!important;transition:background-color .35s ease,border-color .35s ease}
        html.nav-scrolled .site-header-frame{background:rgba(255,255,255,.85)!important;border-bottom-color:rgba(15,23,42,.07)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
        html:not(.nav-scrolled) .site-header-frame{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
        .gradient-text{background:linear-gradient(105deg,#3db9aa 8%,#177e76 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0}
        .gradient-text.tabular-nums{font-family:'Instrument Sans',Figtree,sans-serif;font-style:normal;font-weight:650;letter-spacing:inherit}

/* Auf ImmoFluss-UI abgestimmter Dunkel-Ton: tiefes Violett-Ink wie die KI-Sektion (#kiStage.theater),
           statt kaltem Slate. Violetter Radial-Glow oben, wie in der App/den Hero-Washes. */
        .site-footer{position:relative;overflow:hidden;background-color:#17122e;color:#cdefe8;
            background-image:radial-gradient(75% 70% at 50% 0%,rgba(20, 184, 166,.22) 0%,rgba(20, 184, 166,0) 68%);}
        .newsletter-widget{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(28px,6vw,80px);align-items:center;margin-bottom:64px;padding:clamp(26px,4vw,46px);border:1px solid rgba(205,239,232,.14);border-radius:28px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px)}
        .newsletter-widget h2{margin:0;color:#fff;font-size:clamp(25px,3vw,36px);line-height:1.08;letter-spacing:-.035em}.newsletter-widget__copy>p{max-width:520px;margin:12px 0 0;color:#8fb3ab;font-size:14px;line-height:1.6}
        .newsletter-form{position:relative}.newsletter-form>label{display:block;margin-bottom:8px;color:#cdefe8;font-size:12px;font-weight:650}.newsletter-form__row{display:flex;gap:8px;padding:6px;border:1px solid rgba(205,239,232,.18);border-radius:999px;background:rgba(5,13,24,.28)}.newsletter-form input[type=email]{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:10px 14px;color:#fff;font:inherit}.newsletter-form input[type=email]::placeholder{color:#648e86}.newsletter-form__row:focus-within{border-color:rgba(94,234,212,.65);box-shadow:0 0 0 3px rgba(45,212,191,.1)}.newsletter-form button{flex:none;border:0;border-radius:999px;background:#fff;padding:11px 18px;color:#142421;font-size:13px;font-weight:750;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.newsletter-form button:hover{transform:translateY(-1px);background:#eafaf6}.newsletter-form button:disabled{cursor:wait;opacity:.65}.newsletter-form__legal{margin:10px 8px 0;color:#6f9991;font-size:10px;line-height:1.5}.newsletter-form__legal a{color:#9fc6be;text-decoration:underline;text-underline-offset:2px}.newsletter-form__status{min-height:20px;margin:8px 8px 0;color:#99f6e4;font-size:12px;font-weight:650}.newsletter-form__status.is-error{color:#fda4af}.newsletter-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
        .app-downloads{display:flex;flex-direction:column;gap:8px;width:100%;max-width:250px;}
        .app-download{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;height:58px;padding:0 11px;border:1px solid rgba(205,239,232,.13);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;}
        .app-download:hover{transform:translateX(2px);border-color:rgba(45,212,191,.5);background:rgba(20,184,166,.12);box-shadow:0 10px 26px -18px rgba(45,212,191,.8),inset 0 1px 0 rgba(255,255,255,.06);}
        .app-download:focus-visible{outline:3px solid rgba(45,212,191,.42);outline-offset:3px;}
        .app-download__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,255,255,.09);}
        .app-download__icon svg{width:21px;height:21px;}
        .app-download__icon--apple{color:#fff;}
        .app-download__icon--apple svg{width:19px;height:19px;}
        .app-download__icon--play{color:#fff;}
        .app-download__icon--play svg{width:18px;height:18px;}
        .app-download__copy{display:flex;min-width:0;flex-direction:column;line-height:1.1;}
        .app-download__copy span{color:#8fb3ab;font-size:10px;font-weight:500;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .app-download__copy strong{margin-top:3px;color:#fff;font-size:13px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .app-download__arrow{width:14px;height:14px;color:#648e86;transition:transform .18s ease,color .18s ease;}
        .app-download:hover .app-download__arrow{transform:translateX(2px);color:#5eead4;}
        @media(max-width:780px){.newsletter-widget{grid-template-columns:1fr}.newsletter-form__row{align-items:stretch;border-radius:20px}.newsletter-form button{border-radius:15px}}
        @media(max-width:480px){.newsletter-form__row{flex-direction:column}.newsletter-form button{width:100%}}
        @media(prefers-reduced-motion:reduce){.app-download,.app-download__arrow,.newsletter-form button{transition:none;}}