/* Impressum und Datenschutz: dieselben Farben und Schriften wie index.html, nur Text */
:root {
  --bg: #0d0b09; --panel: #17130e; --line: #3b3122; --fg: #e6dfcc; --dim: #9b927f; --gold: #c7b377; --rune: #ffa800;
  --display: "IM Fell English SC", "Palatino Linotype", Georgia, serif;
  --body: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 400 17px/1.6 var(--body); }
a { color: var(--gold); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--rune); outline-offset: 3px; }
.wrap { max-width: 760px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
html[data-lang="de"] [lang="en"], html[data-lang="en"] [lang="de"] { display: none !important; }
html:not([data-lang]) section[lang="en"] { display: none !important; }
header.top { border-bottom: 1px solid var(--line); }
header.top .wrap { display: flex; align-items: center; gap: 20px; padding-block: 10px; }
.brand { font: 400 22px/1 var(--display); color: var(--gold); letter-spacing: .04em; text-decoration: none; margin-right: auto; }
.lang { display: flex; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.lang button { background: none; border: 0; color: var(--dim); font: 600 13px var(--mono); padding: 4px 9px; cursor: pointer; }
.lang button[aria-pressed="true"] { background: var(--panel); color: var(--gold); }
main { padding-block: 32px 60px; }
h1 { font: 400 34px/1.2 var(--display); color: var(--gold); margin: 0 0 16px; }
h2 { font: 600 19px/1.3 var(--body); margin: 28px 0 6px; }
p { margin: 0 0 12px; }
code { font: 400 15px var(--mono); color: var(--dim); }
.stand { color: var(--dim); font-size: 15px; }
.back { margin-top: 36px; font-size: 15px; }