/* ═══════════════════════════════════════════════════════════════════════════
   RECHTSSEITEN — Impressum und Datenschutzerklärung

   Diese Seiten haben eine einzige Aufgabe: gelesen und verstanden werden. Sie
   bekommen deshalb KEINE Bühne, kein Motiv und keinen Auftritt beim Scrollen.
   Was sie mit dem Rest der Website teilen, ist der Kopf, das Korn und die
   Typografie — sie sind erkennbar dieselbe Seite, nur ohne Inszenierung.

   Kopf, Grund und Korn kommen aus `formate/assets/format.css`. Das ist
   bewusst wiederverwendet statt kopiert: Ändert sich die Navigation, darf sie
   sich nicht an zwei Stellen unterschiedlich ändern. Der Dateiname ist dafür
   ungenau — die Datei trägt längst die gemeinsamen Teile aller Unterseiten.

   Lesbarkeit vor Dichte: 68 Zeichen Zeilenlänge, 1.75 Zeilenabstand, und
   Fließtext in Cremeweiß statt Grau. Rechtstexte werden ohnehin ungern
   gelesen; sie schwer lesbar zu setzen, wäre ein zweites Hindernis.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Der Kopf ist hier DAUERHAFT deckend, nicht erst nach 40px Scrollweg.
   Auf den Formatseiten übernimmt das `format.js` — dieses Skript binden die
   Rechtsseiten nicht ein, weil sie seine übrige Aufgabe (Auftritt beim
   Scrollen) nicht brauchen. Ohne die Regel liefe der Text sichtbar hinter der
   Navigation durch. Eine Zeile CSS statt 4 KB JavaScript. */
.head{background:rgba(10,10,11,.97);border-bottom-color:var(--linie)}

.recht{max-width:min(68ch,100%)}

.recht h1{font:700 clamp(30px,5vw,46px)/1.06 var(--display);letter-spacing:-.01em;
  text-transform:uppercase;color:var(--creme-hell);margin:0 0 8px}

.recht section{margin-top:38px}

.recht h2{font:600 clamp(16px,2vw,19px)/1.25 var(--display);letter-spacing:.03em;
  text-transform:uppercase;color:var(--creme-hell);margin:0 0 12px;
  padding-bottom:9px;border-bottom:1px solid var(--linie)}

.recht p{color:var(--creme);font-size:15px;line-height:1.75;margin:0 0 14px}
.recht p:last-child{margin-bottom:0}

/* Anschriften stehen als zusammenhängender Block. Fünf Einzelabsätze
   zerfielen optisch und lasen sich wie eine Aufzählung. */
.recht .anschrift{font-family:var(--tafel);font-size:14px;line-height:1.85;
  color:var(--creme-hell)}

/* ── Entwurfsbalken ─────────────────────────────────────────────────────────
   Nur sichtbar, solange Musterdaten in der Datei stehen. Er darf nicht
   dezent sein: Ein Impressum mit Musteranschrift, das jemand für fertig
   hält, ist gefährlicher als eine fehlende Seite. */
.entwurfsbalken{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
  margin-bottom:34px;padding:14px 16px;
  border:1px solid var(--rot);background:rgba(163,18,26,.14)}
.entwurfsbalken b{font:700 12px var(--display);letter-spacing:.14em;
  text-transform:uppercase;color:var(--creme-hell);white-space:nowrap}
.entwurfsbalken span{color:var(--creme);font-size:13px;line-height:1.6;
  flex:1;min-width:26ch}

/* ── Fußweg ────────────────────────────────────────────────────────────────
   Kein Rückweg im Sinne der Formatseiten: Diese Seiten sind Sackgassen, aus
   denen alle drei Richtungen gleich wahrscheinlich sind. */
.recht-fuss{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:52px;
  padding-top:20px;border-top:1px solid var(--linie)}
.recht-fuss a{display:inline-flex;align-items:center;min-height:44px;
  font:600 12px var(--display);letter-spacing:.1em;text-transform:uppercase;
  color:var(--grau);text-decoration:none;transition:color .15s}
.recht-fuss a:hover,.recht-fuss a:focus-visible{color:var(--creme-hell)}