/* ============================================================
   Pruevio — gemeinsame obere Navigationsleiste (alle Unterseiten)
   Selbst-enthalten (eigene Farben/Schrift), KEIN JavaScript noetig.
   Mobile-Menue per CSS (Checkbox-Hack).  Eine Quelle fuer alle Seiten.
   ============================================================ */
/* Scrollbalken-Platz immer reservieren -> zentrierte Inhalte verspringen NICHT
   beim Seitenwechsel (lange Seite mit Scrollbalken <-> kurze Seite ohne).
   overflow-y:scroll = bulletproof (klassische Scrollbalken), gutter:stable als Ergaenzung. */
html{overflow-y:scroll;scrollbar-gutter:stable;}
/* Trust-Topbar (wie Startseite) - eigener Namespace .site-topbar -> keine Kollision mit Seiten-eigenen .topbar */
.site-topbar{position:fixed;top:0;left:0;right:0;z-index:201;background:#0A1D3D;color:rgba(255,255,255,.85);font-size:13px;font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;}
.site-topbar .stb-wrap{max-width:1200px;margin:0 auto;padding:9px clamp(20px,5vw,40px);display:flex;align-items:center;justify-content:center;gap:26px;min-height:42px;box-sizing:border-box;}
.site-topbar ul{display:flex;gap:24px;list-style:none;flex-wrap:nowrap;margin:0;padding:0;}
.site-topbar li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.site-topbar .tick{color:#22C55E;flex:0 0 auto;}
.site-topbar .stb-contact{display:flex;gap:22px;opacity:.85;white-space:nowrap;padding-left:26px;border-left:1px solid rgba(255,255,255,.18);}
@media(max-width:1180px){.site-topbar li:nth-child(3){display:none;}}
@media(max-width:1000px){.site-topbar .stb-contact{display:none;}}
@media(max-width:780px){.site-topbar li:nth-child(2){display:none;}}
.site-nav{position:fixed;top:42px;left:0;right:0;z-index:200;
  background:rgb(251,250,247);
  border-bottom:1px solid rgba(10,29,61,.12);
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;}
.site-nav *{box-sizing:border-box;}
.site-nav-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,40px);
  height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto;}
.site-logo svg{width:36px;height:36px;display:block;flex:0 0 auto;}
.site-wm{font-weight:700;font-size:25px;letter-spacing:-.03em;color:#0A1D3D;line-height:1;}
.site-wm span{color:#22C55E;}
/* Reset gegen evtl. vorhandene blanke `nav{position:fixed;...}`-Regeln der Einzelseiten:
   .site-links IST ein <nav> und wuerde sonst gekapert. Klassen-Spezifitaet (0,1,0)
   schlaegt den blanken Tag-Selektor `nav` (0,0,1) -> gilt auf ALLEN Seiten zentral. */
.site-links{display:flex;align-items:center;gap:24px;
  position:static;inset:auto;z-index:auto;background:none;border:none;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;max-height:none;overflow:visible;padding:0;margin:0;}
.site-links a{font-size:15px;font-weight:500;color:#5A6473;text-decoration:none;
  white-space:nowrap;transition:color .15s;}
.site-links a:hover{color:#0A1D3D;}
.site-cta{display:inline-flex;align-items:center;white-space:nowrap;font-weight:700;font-size:16px !important;color:#fff !important;background:#15803D;
  padding:15px 24px;border:1.5px solid transparent;border-radius:12px;box-shadow:0 10px 24px -8px rgba(21,128,61,.5);
  transition:background .15s,transform .15s;}
.site-cta:hover{background:#127039;transform:translateY(-1px);}
/* Mobile-Umschalter (rein CSS) */
.site-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;margin:-8px;flex:0 0 auto;}
.site-burger span{width:24px;height:2px;background:#0A1D3D;border-radius:2px;transition:transform .25s,opacity .25s;}
.site-nav-toggle:checked~.site-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.site-nav-toggle:checked~.site-burger span:nth-child(2){opacity:0;}
.site-nav-toggle:checked~.site-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* Desktop (>1024px): Navi-Links MITTIG wie auf der Startseite.
   Logo links + CTA rechts werden absolut gesetzt -> die reinen Links stehen
   in der vollen Navi-Breite zentriert und springen beim Wechsel
   Start <-> Unterseite NICHT mehr nach rechts. Mobile bleibt unberuehrt. */
@media(min-width:1081px){
  .site-nav-inner{position:relative;justify-content:center;}
  .site-logo{position:absolute;left:clamp(20px,5vw,40px);top:50%;transform:translateY(-50%);}
  .site-cta{position:absolute;right:clamp(20px,5vw,40px);top:50%;transform:translateY(-50%);margin:0;}
  .site-cta:hover{transform:translateY(-50%) translateY(-1px);}
}
@media(max-width:1080px){
  .site-burger{display:flex;}
  .site-links{position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;
    gap:0;background:#FBFAF7;border-bottom:1px solid rgba(10,29,61,.10);
    box-shadow:0 22px 44px -22px rgba(10,29,61,.4);max-height:0;overflow:hidden;
    transition:max-height .28s ease;}
  .site-nav-toggle:checked~.site-links{max-height:82vh;}
  .site-links a{padding:15px clamp(20px,5vw,40px);border-top:1px solid rgba(10,29,61,.06);font-size:16px;}
  .site-cta{margin:14px clamp(20px,5vw,40px);text-align:center;border-radius:12px;}
}