/*
 * Rechts- und Inhaltsseiten (Impressum, Datenschutz, AGB, Cookies, Über uns).
 *
 * Bisher trug jede dieser Seiten ihr eigenes `<style>`-Element mit denselben Regeln. Ab der
 * vierten Seite ist das keine Bequemlichkeit mehr, sondern eine Fehlerquelle: Eine Änderung an der
 * Zeilenhöhe müsste man fünfmal nachziehen, und beim zweiten Mal vergisst man eine.
 *
 * Rechtstexte brauchen Lesbarkeit, keine Gestaltung: eine Spalte, ruhige Abstände, klare
 * Überschriften. Alles Übrige kommt aus formular.css.
 */

.r-text{max-width:64ch}
.r-text h2{font-size:1.05rem;margin:34px 0 10px}
.r-text h3{font-size:.95rem;margin:22px 0 8px;color:var(--porcelain-dim)}
.r-text p{margin:0 0 12px;line-height:1.65}
.r-text ul,.r-text ol{margin:0 0 14px;padding-left:22px}
.r-text li{margin:0 0 7px;line-height:1.6}
.r-text dl{margin:0 0 18px}
.r-text dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--porcelain-mute);margin-top:14px}
.r-text dd{margin:2px 0 0;line-height:1.6}
.r-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Datum der Fassung. Bei Rechtstexten gehört es nach oben — wer prüft, ob eine Klausel noch
   gilt, sucht zuerst danach. */
.r-stand{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--porcelain-mute);margin:14px 0 0}

/* Inhaltsverzeichnis: reine Ankerlinks, kein Skript. */
.r-inhalt{margin:34px 0 8px;padding:18px 22px;border:1px solid var(--hair);border-radius:3px;
  background:rgba(15,30,51,.5)}
.r-inhalt-titel{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--periwinkle);margin:0 0 10px}
.r-inhalt ol,.r-inhalt ul{margin:0;padding-left:20px;columns:2;column-gap:28px}
.r-inhalt li{margin:0 0 6px;font-size:.9rem;break-inside:avoid}
.r-inhalt a{color:var(--porcelain-dim);text-decoration:none}
.r-inhalt a:hover{color:var(--porcelain)}
/* Zwei Spalten sind auf dem Telefon eine Spalte mit halber Breite — also eine. */
@media(max-width:560px){.r-inhalt ol,.r-inhalt ul{columns:1}}

/* Sprungziele nicht unter die Kopfzeile schieben. */
.r-text h2[id]{scroll-margin-top:24px}

.r-fuss{margin-top:40px;padding-top:18px;border-top:1px solid var(--hair);
  font-size:.85rem;color:var(--porcelain-mute)}

/* Rechtstexte sind breiter als ein Formular — 680px würde die Zeilen zerhacken. */
.f-wrap.r-breit{max-width:820px}

/* Technische Bezeichner im Fließtext (Cookie-Attribute, Feldnamen). */
.r-mono{font-family:var(--mono);font-size:.85em;color:var(--porcelain-dim)}