/* ============================================================
   RECHTSSEITEN (Impressum, Datenschutz) und Fehlerseite.

   Bewusst eigenes, kleines Stylesheet: landing.css und tour.css sind zwei
   vollstaendige, gegensaetzliche Entwuerfe der Klasse: eines von beiden hier
   mitzuladen wuerde entweder das Layout kapern oder die Schriften nachziehen.
   Diese Seiten kommen mit Systemschriften aus - kein Webfont, kein Nachladen.
   ============================================================ */
:root{
  --ink:#1A1A18;
  --paper:#FBFAF7;
  --gold:#F2B105;
  --sun:#FBB900;
  --muted:#6F6E68;
  --line:#E3E2DC;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
::selection{background:var(--sun);color:#1A1A18}

.legal-head{background:var(--ink);color:var(--paper);padding:22px clamp(18px,5vw,48px)}
.legal-head a{text-decoration:none;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  font-family:ui-monospace,Menlo,Consolas,monospace}
.legal-head a:hover{color:var(--sun)}

main.legal{max-width:760px;margin:0 auto;padding:clamp(32px,6vh,72px) clamp(18px,5vw,32px) 90px}
main.legal .kicker{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--muted);margin:0 0 10px}
main.legal h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,5vw,48px);
  line-height:1.05;margin:0 0 8px}
main.legal .rule{width:64px;height:4px;background:var(--gold);margin:0 0 28px}
main.legal h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:22px;margin:34px 0 8px}
main.legal p{margin:0 0 14px}
main.legal ul{margin:0 0 14px;padding-left:20px}
main.legal li{margin:4px 0}
main.legal .note{font-size:14px;color:var(--muted)}

.legal-foot{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;gap:16px;flex-wrap:wrap;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.1em;color:var(--muted)}
.legal-foot a{text-decoration:none;border-bottom:1px solid transparent}
.legal-foot a:hover{border-color:var(--gold);color:var(--ink)}