/* Rechtstexte der Buchseite, Farben und Schriften wie index.html */
:root{
  --nacht:#0a1424;
  --schiefer:#101d33;
  --stahl:#8fa0b8;
  --gold:#cf9a5e;
  --gold-hell:#e0b47c;
  --creme:#f1ede2;
  --gedimmt:#5d6c82;
  --haarlinie:rgba(143,160,184,.18);
  --display:"Outfit","Segoe UI",system-ui,sans-serif;
  --ui:"DM Sans","Segoe UI",system-ui,sans-serif;
  --rand:clamp(20px,5vw,72px);
  --breite:1120px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--nacht);color:var(--stahl);font-family:var(--ui);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--gold-hell);outline-offset:4px}
.innen{max-width:var(--breite);margin:0 auto;padding:0 var(--rand)}
.marke{font-family:var(--ui);font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hell)}
h1,h2{font-family:var(--display);font-weight:400;color:var(--creme);margin:0;line-height:1.12}
.strich{width:72px;height:1px;background:var(--gold);border:0;margin:26px 0}

.leiste{border-bottom:1px solid var(--haarlinie)}
.leiste .innen{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px}
.leiste nav{font-size:14px}
.leiste nav a{text-decoration:none;color:var(--stahl)}
.leiste nav a:hover{color:var(--gold-hell)}

.recht{padding:clamp(56px,9vw,110px) 0 clamp(72px,10vw,130px)}
.recht .innen > *{max-width:44em}
.recht h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.01em;margin-top:18px}
.recht h2{font-size:clamp(21px,2.6vw,26px);margin:52px 0 14px}
.recht p{margin:0 0 1em}
.recht ul{margin:0 0 1em;padding-left:1.2em}
.recht li{margin:0 0 .3em}
.recht a{color:var(--gold-hell);text-underline-offset:3px}
.recht .vorspann{font-size:19px;color:var(--creme)}
.recht .grundlage{font-size:14px;color:var(--gedimmt);letter-spacing:.02em}
.recht .schluss{margin-top:52px;padding-top:22px;border-top:1px solid var(--haarlinie)}

footer{background:var(--nacht);border-top:1px solid var(--haarlinie);padding:34px 0;font-size:14px;color:var(--gedimmt)}
footer .innen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px}
footer a{text-decoration:none}
footer a:hover{color:var(--gold-hell)}