/* Gemeinsame Hülle für Datenschutzerklärung und Impressum.
 *
 * Bewusst nicht die CSS der Landingpage: Die trägt tausend Zeilen für
 * Scrollytelling, Themenwelten und Nachtsektionen — nichts davon braucht ein
 * Rechtstext, und mitzuschleppen hieße, ihn bei jeder Designänderung erneut
 * zu prüfen. Dieselben Marken, eigene Hülle. */
:root{
  --cream:#f6f1e9; --karte:#fdfaf5; --linie:#e3d9c9;
  --ink:#2a231c; --ink-mid:#5a4f45; --ink-soft:#8a7e71;
  --gold:#b8882a; --gold-tief:#8e6718; --gold-hauch:#f4ead6;
  --sage:#7a9b8a; --sage-hauch:#e7efe9;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding:2.6rem 1.2rem 5rem}
a{color:var(--gold-tief)}
a:hover{color:var(--gold)}

.zurueck{display:inline-block;font-size:.82rem;color:var(--ink-soft);text-decoration:none;margin-bottom:1.6rem}
.zurueck:hover{color:var(--ink)}

h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:2.5rem;line-height:1.1;
  margin:0 0 .4rem;text-wrap:balance}
.stand{color:var(--ink-soft);font-size:.85rem;margin:0 0 2.2rem}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.55rem;line-height:1.2;
  margin:2.6rem 0 .5rem}
h3{font-size:1rem;font-weight:600;margin:1.6rem 0 .3rem}
p{margin:.7rem 0}
ul,ol{margin:.7rem 0;padding-left:1.3rem}
li{margin:.35rem 0}
code{background:var(--gold-hauch);padding:.1em .35em;border-radius:4px;font-size:.88em}

.kurz{background:var(--sage-hauch);border:1px solid var(--sage);border-radius:14px;padding:1.1rem 1.3rem;margin:1.8rem 0}
.kurz h2{margin-top:0;font-size:1.25rem}
.kurz p:last-child{margin-bottom:0}

.karte{background:var(--karte);border:1px solid var(--linie);border-radius:14px;padding:1rem 1.2rem;margin:1rem 0}
.karte h3{margin-top:0}
.karte p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem}
th,td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--linie)}
th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.tabellenrahmen{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Die Anschrift des Verantwortlichen. Aufrecht statt kursiv: Browser setzen
   <address> von sich aus schräg, und eine Postanschrift ist keine Betonung. */
address{font-style:normal;line-height:1.7;margin:1rem 0}

/* Der Block, der ausgefüllt werden muss, bevor die Seite online geht.
   Steht heute leer — beide Seiten sind ausgefüllt. Die Regel bleibt, weil
   ein neuer Platzhalter sonst unauffällig wäre; ein Riegel in
   src/lib/rechtstexte.pruef.test.ts hält es zusätzlich fest. */
.auszufuellen{background:#fdeaea;border:2px solid #c0392b;border-radius:14px;padding:1rem 1.2rem;margin:1rem 0}
.auszufuellen strong{color:#a5301f}

footer{margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid var(--linie);
  font-size:.82rem;color:var(--ink-soft)}
footer a{margin-right:1rem}