/* legal.css — Impressum and Datenschutz. Documents, not journeys: no canvas, no
   script. Tokens are the page's own (css/vollbild.css :root); the faint light at
   the top is the counter-glow, still. See docs/legal/08-integration-plan.md §4. */
:root {
  --ground: #04050b;
  --lum: #ece5d8;
  --lum-soft: #a8a294;
  --lum-faint: #7d786c;
  --gold: #e8c98a;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
  --grotesk: "Space Grotesk", system-ui, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { background: var(--ground); }
body {
  min-height: 100vh;
  color: var(--lum);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.7;
  background:
    radial-gradient(ellipse 46rem 15rem at 50% 9rem, rgba(232, 201, 138, 0.085), rgba(232, 201, 138, 0) 70%),
    var(--ground);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gold); text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
a:hover { color: var(--lum); }
a:focus-visible { outline: 1px solid var(--gold); outline-offset: 4px; }

.top, main, .foot { max-width: 44rem; margin: 0 auto; padding: 0 clamp(1.4rem, 5vw, 2rem); }
.top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: clamp(1.6rem, 4vh, 2.6rem);
  font-family: var(--grotesk);
  font-size: 0.76rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.top a { color: var(--lum-soft); text-decoration: none; }
.top a:hover { color: var(--lum); }
.top nav a { margin-left: 1.6em; }

main { padding-top: clamp(5rem, 16vh, 9rem); }
section + section { margin-top: 6rem; padding-top: 4.5rem; border-top: 1px solid rgba(236, 229, 216, 0.12); }
h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2.4rem, 6vw, 3.6rem);
  line-height: 1.1;
  margin-bottom: 2.6rem;
}
h3 {
  font-family: var(--grotesk);
  font-weight: 500;
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--lum-soft);
  margin: 3.2rem 0 1rem;
}
p { margin-top: 1.1rem; max-width: 68ch; }
p strong { font-weight: 500; }
/* a bold first line is the label of its paragraph (the Impressum's rubrics) */
p > strong:first-child { color: var(--lum); }
ul { margin: 1rem 0 0 1.2rem; }
li { margin-top: 0.4rem; padding-left: 0.3rem; }
li::marker { color: var(--lum-faint); }
hr { border: 0; border-top: 1px solid rgba(236, 229, 216, 0.12); margin: 2.4rem 0 1.4rem; }
em { color: var(--lum-soft); }

.foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 2rem;
  margin-top: 7rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
  border-top: 1px solid rgba(236, 229, 216, 0.12);
  font-family: var(--grotesk);
  font-size: 0.76rem;
  letter-spacing: 0.14em;
}
.foot a { color: var(--lum-soft); text-decoration: none; }
.foot a:hover { color: var(--lum); }