/* legal.css — gemeinsamer Look für Impressum + Datenschutz.
   Ruhig, lesbar, gleiche Tokens wie die Landingpage. Kein Oxblood:
   der bleibt der Landingpage als EIN Fokus-Element vorbehalten. */

@font-face{
  font-family:"Bodoni Moda"; font-style:normal; font-weight:400 700; font-display:swap;
  src:url("assets/fonts/bodoni-moda-var-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Instrument Sans"; font-style:normal; font-weight:400 600; font-stretch:100%; font-display:swap;
  src:url("assets/fonts/instrument-sans-var-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg-0:#0E0B0A; --ox:#7A1F2B; --text-1:#EFE9DD;
  --text-2:rgba(239,233,221,0.72); --gold:#B89968;
  --hairline:rgba(239,233,221,0.12);
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg-0); color:var(--text-2);
  font-family:"Instrument Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:1rem; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{ max-width:44rem; margin:0 auto; padding:clamp(48px,9vw,96px) clamp(20px,5vw,32px) 96px; }

.back-top{ display:inline-block; color:var(--text-2); font-size:.875rem; text-decoration:none;
  margin-block-end:40px; }
.back-top:hover{ color:var(--gold); }

h1{ font-family:"Bodoni Moda",Didot,Georgia,serif; color:var(--text-1);
  font-weight:560; text-transform:uppercase; letter-spacing:.015em;
  font-size:clamp(2rem,6vw,3rem); line-height:1.05; margin:0 0 8px; hyphens:none; }
.updated{ color:var(--gold); font-size:.8125rem; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; margin:0 0 44px; }

h2{ font-family:"Bodoni Moda",Didot,Georgia,serif; color:var(--text-1);
  font-weight:560; font-size:clamp(1.25rem,3vw,1.5rem); line-height:1.2;
  margin:44px 0 12px; hyphens:none; }
h3{ color:var(--text-1); font-size:1rem; font-weight:600; margin:26px 0 6px; }
p{ margin:0 0 14px; }
address{ font-style:normal; color:var(--text-1); margin:0 0 14px; }
a{ color:var(--text-1); text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(239,233,221,0.4); }
a:hover{ color:var(--gold); text-decoration-color:var(--gold); }
ul{ margin:0 0 14px; padding-inline-start:20px; }
li{ margin-block-end:7px; }
strong,b{ color:var(--text-1); font-weight:600; }
hr{ border:0; border-top:1px solid var(--hairline); margin:44px 0; }

/* Sichtbarer Platzhalter — MUSS vor dem Live-Gang ersetzt/entfernt werden. */
.todo{ display:block; margin:0 0 16px; padding:14px 16px; border-radius:8px;
  background:rgba(122,31,43,0.28); border:1px solid rgba(184,153,104,0.5);
  color:var(--text-1); font-size:.9375rem; line-height:1.5; }
.todo b{ color:var(--gold); }

footer.legal-footer{ border-top:1px solid var(--hairline); margin-top:64px; padding-top:24px;
  font-size:.875rem; display:flex; gap:20px; flex-wrap:wrap; }