/* ---------- Schriften, lokal ausgeliefert ---------- */
/* Kein Aufruf von Google-Servern. Dateien liegen in /fonts. */
@font-face{font-family:Saira;font-style:normal;font-weight:600;font-display:swap;
  src:url(/fonts/saira-v23-latin-600.woff2) format('woff2')}
@font-face{font-family:Saira;font-style:normal;font-weight:800;font-display:swap;
  src:url(/fonts/saira-v23-latin-800.woff2) format('woff2')}
@font-face{font-family:Saira;font-style:italic;font-weight:800;font-display:swap;
  src:url(/fonts/saira-v23-latin-800italic.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;
  src:url(/fonts/inter-v20-latin-regular.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;
  src:url(/fonts/inter-v20-latin-500.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;
  src:url(/fonts/inter-v20-latin-600.woff2) format('woff2')}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url(/fonts/ibm-plex-mono-v20-latin-500.woff2) format('woff2')}

:root{--tief:#0F1215;--karosserie:#181D21;--panel:#212930;--weiss:#F2F5F7;
      --blau:#3E8BFF;--leise:#95A3AE;--linie:rgba(255,255,255,.10);--radius:3px}
*{box-sizing:border-box}
body{margin:0;background:var(--karosserie);color:var(--weiss);
     font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.7}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{background:var(--tief);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:10}
.kopf{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-family:Saira,sans-serif;font-style:italic;font-weight:800;font-size:1.32rem;
      letter-spacing:.06em;text-transform:uppercase;color:var(--weiss);text-decoration:none}
.logo em{font-style:normal;font-weight:600;font-size:.62rem;letter-spacing:.32em;color:var(--leise);display:block;margin-top:-.15rem}
.zurueck{font-size:.9rem;color:var(--leise);text-decoration:none}
.zurueck:hover{color:var(--weiss)}
main{padding:clamp(40px,6vw,72px) 0 90px}
h1{font-family:Saira,sans-serif;font-weight:800;text-transform:uppercase;
   font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.01em;margin:0 0 2rem}
h2{font-family:Saira,sans-serif;font-weight:600;font-size:1.2rem;margin:2.4rem 0 .7rem;color:var(--weiss)}
p,li{color:#C9D3DA}
a{color:var(--blau)}
footer{border-top:1px solid var(--linie);padding:28px 0 60px;font-size:.88rem;color:var(--leise)}
footer a{color:#C3CDD5;text-decoration:none;margin-right:1.2rem}
:where(a):focus-visible{outline:2px solid var(--blau);outline-offset:3px}