/* Rechtliche Seiten (Impressum, Datenschutz) – Farben und Schriften aus dem Design System */
:root{
  --ground:#f2f4f8; --surface:#ffffff; --line:#d9dfea; --ink:#0a0f1f; --ink-muted:#586176;
  --on-dark:#ffffff; --cobalt:#1d3cff; --lime:#c8f53c;
  --font-display:"Sofia Sans Extra Condensed","Arial Narrow",system-ui,sans-serif;
  --font-body:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius-s:4px; --radius-m:10px; --skew:-12deg;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--cobalt)}
a:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header{background:var(--surface);box-shadow:0 1px 0 var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1180px}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:26px;line-height:1;text-transform:uppercase}
.logo b{color:var(--cobalt)}
.logo .tld{color:var(--ink-muted);font-weight:700;font-size:.7em}
.logo .mark{position:relative;width:30px;height:24px;transform:skewX(var(--skew));background:var(--cobalt);border-radius:var(--radius-s);overflow:hidden}
.logo .mark::after{content:"";position:absolute;top:0;bottom:0;right:6px;width:6px;background:var(--lime)}
.back{font-weight:700;font-size:14px;text-decoration:none}
main{padding-block:32px 48px}
h1{margin:0 0 20px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:48px;line-height:.95;text-transform:uppercase}
h2{margin:32px 0 8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:24px;line-height:1.1;text-transform:uppercase}
h3{margin:20px 0 4px;font-size:16px}
p,ul{margin:0 0 12px;max-width:68ch}
.card{background:var(--surface);border-radius:var(--radius-m);box-shadow:0 1px 0 var(--line),0 6px 20px rgba(10,15,31,.05);padding:24px}
.muted{color:var(--ink-muted);font-size:14px}
footer{background:var(--ink);color:var(--on-dark);font-size:13px}
footer .wrap{padding-block:24px;display:flex;gap:20px;flex-wrap:wrap;max-width:1180px}
footer a{color:var(--on-dark);opacity:.8;text-decoration:none}
footer a:hover{opacity:1}
@media(max-width:560px){h1{font-size:38px}.card{padding:18px}}