/* Gemeinsames Aussehen für Impressum und Datenschutz */
:root { --royal: #2a1f4d; --gold: #e3b341; --bg: #f5f3fa; --surface: #ffffff; --fg: #1f1a2e; --muted: #6b6480; --line: #e3dfee; --todo: #fff1b8;
  --display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; --body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
@media (prefers-color-scheme: dark) { :root { --bg: #15121f; --surface: #211c31; --fg: #efecf7; --muted: #a49cbc; --line: #352e4c; --todo: #5a4a12; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 var(--body); }
header { background: var(--royal); color: #fff; padding: calc(12px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) 12px max(16px, env(safe-area-inset-left, 0px)); display: flex; align-items: center; gap: 12px; }
header .brand { display: flex; align-items: center; gap: 10px; flex: 1; color: inherit; text-decoration: none; font: 800 19px/1 var(--display); }
header .brand svg { width: 30px; height: 30px; }
header .brand span { color: var(--gold); }
header a.lang { color: rgba(255,255,255,.85); text-decoration: none; font-weight: 700; font-size: 13px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; padding: 5px 10px; }
main { max-width: 760px; margin: 0 auto; padding: 32px max(16px, env(safe-area-inset-right, 0px)) calc(48px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
h1 { font: 800 clamp(28px, 5vw, 38px)/1.1 var(--display); margin: 0 0 8px; text-wrap: balance; }
h2 { font: 700 20px/1.25 var(--display); margin: 32px 0 8px; }
p, li { max-width: 68ch; }
a { color: inherit; }
.muted { color: var(--muted); font-size: 14px; }
.todo { background: var(--todo); padding: 0 4px; border-radius: 4px; font-weight: 600; }
.card { background: var(--surface); border-radius: 16px; padding: 4px 22px 20px; margin-top: 20px; }
nav.back { margin-top: 32px; display: flex; gap: 18px; flex-wrap: wrap; font-weight: 600; }