/* Unterseiten (Impressum, Datenschutz, 404) im Aussehen der Startseite.
   Farben, Schriften und Kopf/Fuß entsprechen index.html; dort bitte zuerst ändern. */
@font-face{font-family:"Archivo";src:url("schriften/archivo-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("schriften/source-sans-3-variable.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{
  --marine:#011B4F;--marine-2:#0A2A66;--grund:#F7F5F0;--wechsel:#EAEFF7;
  --blau:#0155FD;--blau-h:#0843C8;--hellblau:#8AB4FF;
  --h:#0A1230;--t:#3A4560;--ged:#5C6580;--t-m:#A9B8D6;--t-hell:#C9D5EC;
  --linie:#E1E6F0;--r-knopf:9px;--ease:cubic-bezier(.16,1,.3,1);
  --kopf-h:60px;--rand:20px;
}
@media (min-width:900px){:root{--rand:32px;--kopf-h:68px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--t);font:400 1.0625rem/1.6 "Source Sans 3",system-ui,sans-serif;overflow-x:clip}
@media (min-width:900px){body{font-size:1.125rem}}
img{max-width:100%;display:block}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;color:var(--h);margin:0;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
a{color:var(--blau)}
:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
.dunkel :focus-visible{outline-color:#fff}
.wrap{width:min(1200px,100% - 2*var(--rand));margin-inline:auto}
.nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nur-sr:focus{position:fixed;z-index:99;top:8px;left:8px;width:auto;height:auto;clip-path:none;padding:10px 14px;background:#fff;color:var(--h)}
.nobr{white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-knopf);border:2px solid transparent;font:700 .9375rem/1 Archivo,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn--weiss{background:#fff;color:var(--marine)!important}
.btn--weiss:hover{background:var(--hellblau)}
.btn--primaer{background:var(--blau);color:#fff}
.btn--primaer:hover{background:var(--blau-h)}

.kopf{position:sticky;top:0;z-index:50;background:var(--marine);border-bottom:1px solid rgba(138,180,255,.14)}
.kopf__innen{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--kopf-h)}
.kopf__logo{display:inline-flex;align-items:center;min-height:44px}
.kopf__logo img{height:28px;width:auto}
@media (min-width:900px){.kopf__logo img{height:32px}}
.kopf__rechts{display:flex;align-items:center;gap:6px}
.kopf__link{display:none;color:var(--t-m);text-decoration:none;font:600 .9375rem/1 Archivo,sans-serif;padding:12px;border-radius:var(--r-knopf)}
.kopf__link:hover{color:#fff;background:var(--marine-2)}
@media (min-width:600px){.kopf__link{display:inline-block}}

.seitenkopf{background:radial-gradient(52rem 30rem at 86% -12%,rgba(1,85,253,.22),transparent 62%),var(--marine);color:var(--t-hell);padding:44px 0 40px}
@media (min-width:900px){.seitenkopf{padding:72px 0 64px}}
.seitenkopf h1{color:#fff;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);hyphens:manual;overflow-wrap:break-word}
.vorzeile{font:700 .875rem/1.3 Archivo,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--hellblau);margin-bottom:10px}
.seitenkopf p:not(.vorzeile){margin-top:12px;max-width:56ch}

.text{padding:44px 0 72px}
@media (min-width:900px){.text{padding:64px 0 104px}}
.text .wrap{max-width:760px}
.text h2{font-size:1.375rem;margin:36px 0 10px}
.text h2:first-child{margin-top:0}
.text h3{font-size:1.0625rem;margin:22px 0 6px}
.text p + p,.text ul + p,.text p + ul{margin-top:10px}
.text ul{margin:10px 0 0;padding-left:1.2em}
.text li + li{margin-top:4px}
.text .klein{font-size:.9375rem;color:var(--ged)}
.text address{font-style:normal}

/* Angaben, die vor dem Livegang ergänzt oder bestätigt werden müssen. werkzeuge/pruefen.mjs meldet jede Stelle. */
.offen{display:block;margin-top:10px;padding:8px 12px;border:1.5px dashed #C08A2E;border-radius:8px;background:#FFF6E3;color:#5A3A0C;font-size:.9375rem;line-height:1.45}
.offen::before{content:"Vor dem Livegang ergänzen: ";font-weight:700}

.fuss{background:var(--marine);color:var(--t-m);padding:40px 0 calc(40px + env(safe-area-inset-bottom));font-size:.9375rem;border-top:1px solid rgba(138,180,255,.14)}
.fuss__raster{display:grid;gap:20px}
@media (min-width:900px){.fuss__raster{grid-template-columns:1.2fr 1fr 1fr}}
.fuss img{height:30px;width:auto;margin-bottom:12px}
.fuss ul{list-style:none;margin:0;padding:0;display:grid}
.fuss a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}

.nicht-gefunden{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* Seitenwechsel ohne weißes Aufblitzen (Regel R36), bei reduzierter Bewegung ohne Überblendung */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}