/* Gemeinsames Aussehen für Impressum und Datenschutz: dieselben drei Töne wie die Startseite. */
@font-face { font-family: "Commit Mono"; src: url("fonts/CommitMonoVariable.woff2") format("woff2"); font-weight: 200 700; font-display: swap; }
:root {
  color-scheme: dark;
  --bg: #000;
  --ink: #f2f5f3;
  --ink-soft: #9aa49e;
  --code: #00ff66;
  --line: rgba(0, 255, 102, 0.22);
  --mono: "Commit Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 400 16px/1.7 var(--mono);
  background-image: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(0, 255, 102, 0.09), transparent 70%);
  background-repeat: no-repeat;
}
.page { max-width: 46rem; margin: 0 auto; padding: 28px 20px 72px; }
.back {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  font: 400 15px/1 var(--mono);
  color: var(--code); text-decoration: none;
}
.back:hover { text-decoration: underline; text-underline-offset: 5px; }
.back:focus-visible, a:focus-visible { outline: 2px dashed var(--code); outline-offset: 4px; }
.kicker { margin: 36px 0 6px; font: 400 14px/1.4 var(--mono); color: var(--ink-soft); }
h1 { margin: 0 0 8px; font-size: clamp(30px, 7vw, 44px); line-height: 1.15; font-weight: 400; letter-spacing: -0.03em; }
.stand { margin: 0 0 36px; color: var(--ink-soft); font-size: 15px; }
h2 { margin: 40px 0 10px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 20px; line-height: 1.3; font-weight: 500; }
h3 { margin: 24px 0 6px; font-size: 16px; font-weight: 600; }
p, ul, address { margin: 0 0 14px; }
address { font-style: normal; }
ul { padding-left: 1.2em; }
li { margin-bottom: 4px; }
li::marker { color: var(--code); }
a { color: var(--code); text-underline-offset: 3px; overflow-wrap: anywhere; }
.soft { color: var(--ink-soft); }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--line); font: 400 13px/1.8 var(--mono); color: var(--ink-soft); }
footer a { color: var(--ink-soft); }
footer a:hover, footer a[aria-current] { color: var(--code); }
code { font: 500 0.9em/1 var(--mono); color: var(--code); }