/* Unterseiten (Impressum, Datenschutz, 404) – gleiche Tokens wie die Startseite */
@font-face{font-family:'Inter';src:url(/assets/fonts/inter-latin-wght.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/assets/fonts/geist-mono-latin-wght.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{
  --color-glow:#5ce1e6;
  --color-glow-muted:#1d4a4c;
  --color-white:#f3f2ee;
  --color-ash:#8a8e96;
  --color-cloud:#c9cbcf;
  --color-graphite-light:#303236;
  --color-graphite:#242628;
  --color-graphite-deep:#151617;
  --color-black:#000000;
  --font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pill:9999px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{background:var(--color-black);color:var(--color-cloud);font-family:var(--font-sans);font-size:16px;line-height:1.65;letter-spacing:-0.2px;-webkit-font-smoothing:antialiased}
a{color:var(--color-glow);text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--color-glow);outline-offset:3px}
header{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-graphite)}
.bar{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar img{height:38px;width:auto;display:block;mix-blend-mode:screen}
.btn{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--font-sans);text-decoration:none;border-radius:var(--pill);padding:11px 20px;background:var(--color-white);color:#151617;white-space:nowrap}
.btn:hover{background:#fff}
main{max-width:760px;margin:0 auto;padding:72px 24px 96px}
.tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ash);display:inline-flex;align-items:center;gap:8px}
.tag::before{content:"";width:6px;height:6px;background:var(--color-glow);border-radius:1px}
h1{color:var(--color-white);font-weight:500;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-0.035em;margin:18px 0 32px}
h2{color:var(--color-white);font-weight:500;font-size:22px;letter-spacing:-0.4px;margin:44px 0 12px}
h3{color:var(--color-white);font-weight:500;font-size:17px;margin:26px 0 8px}
p,ul{margin:0 0 14px}
ul{padding-left:20px}
li{margin-bottom:6px}
address{font-style:normal}
.card{background:var(--color-graphite-deep);border:1px solid var(--color-graphite);border-radius:4px;padding:24px;margin:0 0 16px}
.muted{color:var(--color-ash);font-size:14px}
footer{border-top:1px solid var(--color-graphite);padding:36px 24px 44px}
.foot{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;color:var(--color-ash)}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot nav a{color:var(--color-cloud);text-decoration:none}
.foot nav a:hover,.foot nav a[aria-current="page"]{color:var(--color-white)}
.err{min-height:calc(100vh - 68px - 120px);display:flex;flex-direction:column;justify-content:center}
.err .code{font-family:var(--font-mono);font-size:clamp(72px,16vw,160px);line-height:1;letter-spacing:-0.05em;color:var(--color-glow);text-shadow:0 0 40px rgba(92,225,230,.45)}
.err .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.err .ghost{background:transparent;color:var(--color-white);border:1px solid var(--color-graphite-light)}