/* v0.4n · Impressum und Datenschutz von The Next Adventure. Farben und Schriften wie der Schluss der Seite (#rsHuelle / #drei): Grund #0E0F12, Text #F4EFE6, Orange #FF7716,
   Ueberschriften Space Grotesk, Fliesstext Inter, Mikrolabels JetBrains Mono. Aufbau nach dem Muster der PULPA-Unterseiten (d2-limonade/site/unterseite.css). */
:root { --bg:#0E0F12; --text:#F4EFE6; --leise:rgba(244,239,230,.72); --accent:#FF7716; --linie:rgba(255,255,255,.1); }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--text); font:400 17px/1.65 Inter, system-ui, sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:radial-gradient(1200px 600px at 85% -10%, rgba(255,119,22,.10), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(40,90,60,.18), transparent 60%); }
a { color:var(--accent); text-underline-offset:3px; }
a:focus-visible, button:focus-visible { outline:2px solid var(--text); outline-offset:3px; border-radius:2px; }
.sprung { position:absolute; left:-9999px; top:8px; background:var(--accent); color:#0A0B0D; padding:10px 14px; font-weight:600; z-index:9; }
.sprung:focus { left:16px; }
.mikro { font:500 13px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin:0; }
.kopf { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px max(16px, 4vw); border-bottom:1px solid var(--linie); }
.zurueck { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--text); text-decoration:none; font:500 13px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; }
.zurueck svg { width:20px; height:20px; }
.zurueck:hover { color:var(--accent); }
.kopf .mikro { color:var(--leise); }
main { padding:clamp(40px, 7vw, 96px) max(16px, 4vw) 72px; }
.titel { max-width:65ch; margin:0 auto 36px; }
h1 { font:700 clamp(40px, 6vw, 72px)/1.05 'Space Grotesk', system-ui, sans-serif; letter-spacing:-.01em; margin:12px 0 0; }
.text { max-width:65ch; margin:0 auto; }
.text h2 { font:700 clamp(22px, 2.2vw, 28px)/1.2 'Space Grotesk', system-ui, sans-serif; margin:44px 0 10px; }
.text h3 { font:600 19px/1.3 'Space Grotesk', system-ui, sans-serif; margin:28px 0 6px; }
.text p, .text address { margin:0 0 14px; color:var(--leise); font-style:normal; }
.text strong, .text b { color:var(--text); }
.text code { font:500 .88em 'JetBrains Mono', ui-monospace, monospace; background:rgba(255,255,255,.07); padding:1px 6px; border-radius:4px; color:var(--text); }
.hinweis { border:1px solid rgba(255,119,22,.4); background:rgba(255,119,22,.08); border-radius:12px; padding:14px 18px; color:var(--text) !important; }
.lead { font-size:19px; color:var(--text) !important; }
.stand { margin-top:36px !important; font:500 13px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.1em; }
.fuss { display:flex; flex-direction:column; align-items:center; gap:14px; padding:32px 16px max(32px, env(safe-area-inset-bottom)); border-top:1px solid var(--linie); background:#050d0d; color:var(--leise); text-align:center; }
.fuss img { width:180px; height:auto; }
.fuss nav { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 22px; }
.fuss nav a { display:inline-flex; align-items:center; min-height:44px; padding:0 4px; color:rgba(244,239,230,.86); text-decoration:none; font:500 13px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.1em; text-transform:uppercase; }
.fuss nav a:hover, .fuss nav a[aria-current="page"], .fuss nav a[aria-current="true"] { color:var(--accent); }
.fuss p { margin:0; font:400 12px/1.4 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.12em; }
[hidden] { display:none !important; }
@media (max-width: 600px) { body { font-size:16px; } .kopf .mikro { display:none; } }
