/* Rechtstexte: Impressum, Datenschutz, AGB.
 *
 * DIESE SEITEN HAT DER ENTWURF NICHT. Sie sind im Fuß jeder Seite verlinkt,
 * im Screendesign aber nie gezeichnet worden - deshalb hier das Nötigste,
 * gebaut aus den vorhandenen Token und ohne neue Gestaltungsidee.
 *
 * DIE LESEBREITE IST DER GANZE PUNKT. Ohne sie laufen die Absätze über die
 * volle Inhaltsbreite: gemessen am 14.09.2026 waren das 1320 px, also rund
 * 200 Zeichen je Zeile. 46rem sind rund 75 Zeichen - dieselbe Breite, die der
 * Entwurf im Bio-Abschnitt der Produktseite benutzt (736 px, gemessen).
 *
 * DER INHALT KOMMT AUS DEM BLOCKEDITOR, nicht aus einer Vorlage im Theme:
 * Rechtstexte ändern sich, und zwar ohne uns. Deshalb greifen die Regeln auf
 * die Standardelemente und nicht auf eigene Klassen.
 */

.rechtstext {
  /* LESEBREITE AN EINER STELLE. Angefangen bei 46rem (rund 75 Zeichen, die
     klassische Empfehlung), am 14.09.2026 auf 52rem und am 15.09.2026 auf
     58rem - rund 95 Zeichen je Zeile, beide Male auf Wunsch von Thorsten.
     Ohne diese Grenze laufen die Absaetze ueber die volle Inhaltsbreite:
     gemessen waren das 1320 px, also rund 200 Zeichen. */
  --rechtstext-breite: 58rem;

  padding-block: var(--sp-8) var(--sp-9);
}

/* LINKSBUENDIG AM RAND DER INHALTSBAHN, nicht mittig - Wunsch vom
   15.09.2026. Vorher stand der Text mit `margin-inline: auto` in der Mitte
   und begann bei 304 px, waehrend jede andere Seite bei 60 px anfaengt.
   Rechtstexte werden gelesen wie eine Seite Papier, nicht betrachtet wie
   eine Bildstrecke: die linke Kante gehoert dorthin, wo das Auge sie auf
   allen anderen Seiten schon sucht. */
/* GROESSE WIE IN EINEM DOKUMENT, nicht wie auf einer Bildseite. Vorher
   stand hier --fs-700, gemessen 69,6 px - groesser als die H1 JEDER anderen
   Seite, die 48 px misst. Auf einem Impressum aus vier Zeilen wirkte das
   wie ein Plakat. Erst --fs-500 (28 px), auf Wunsch vom 15.09.2026 dann
   --fs-550: gemessen 40 px, Verhaeltnis 2,5 zum Fliesstext statt 4,35.
   Immer noch kleiner als die H1 der uebrigen Seiten, und das ist richtig -
   ein Rechtstext ist ein Dokument, kein Auftritt. */
.rechtstext__titel {
  max-width: var(--rechtstext-breite);
  margin: 0 0 var(--sp-6);
  font-size: var(--fs-550);
  line-height: 1.2;
  color: var(--toem-blau);
}

.rechtstext__inhalt {
  max-width: var(--rechtstext-breite);
  margin-inline: 0;
  /* DIESELBE VORSORGE WIE IM BLOG, 15.09.2026. Rechtstexte stecken voller
     Woerter wie "Verbraucherschlichtungsstelle" und werden ohne uns
     geaendert. Heute passt alles - gemessen bei 320 px -, aber der naechste
     Satz kommt von aussen.
     Im Blog hat genau das gefehlt: ein langes Hauptwort schob die Seite um
     25 px seitwaerts, ohne dass ein einziges Element ueber den Rand ragte. */
  hyphens: auto;
  overflow-wrap: break-word;
}

/* ABSTAENDE: die Liveseite setzt jede Zeile einer Anschrift als eigenen
   Absatz - "Teutoburger Oelmuehle GmbH", "Gutenbergstrasse 16a", "49479
   Ibbenbueren" sind drei <p>. Mit einem grossen Absatzabstand zerfaellt die
   Anschrift dadurch optisch. Deshalb ein knapper Grundabstand; Luft kommt
   ueber die fetten Zwischenueberschriften und die echten Ueberschriften,
   die weiter unten mehr Abstand bekommen. */
.rechtstext__inhalt > * + * {
  margin-block-start: var(--sp-2);
}

/* Zwei aufeinanderfolgende Absaetze, von denen der zweite mit Fettschrift
   beginnt, sind in diesen Texten ein neuer Abschnitt - dort ist die Luft
   richtig. */
.rechtstext__inhalt > p:has(> strong:only-child) {
  margin-block-start: var(--sp-6);
}

.rechtstext__inhalt h2,
.rechtstext__inhalt h3,
.rechtstext__inhalt h4 {
  margin-block-start: var(--sp-7);
  color: var(--toem-blau);
  line-height: 1.25;
}

/* DIE ZWISCHENUEBERSCHRIFTEN EBENFALLS EINE DOKUMENTSTUFE KLEINER. Die AGB
   hat acht davon (㤠1 Allgemeines - Geltungsbereich"); mit 40 px standen
   sie wie Kapitelanfaenge im Weg. 20 px, fett und in Markenblau, heben sich
   vom 16-px-Text deutlich genug ab. */
.rechtstext__inhalt h2 { font-size: var(--fs-450); }
.rechtstext__inhalt h3 { font-size: var(--fs-400); }
.rechtstext__inhalt h4 { font-size: var(--fs-300); }

.rechtstext__inhalt p,
.rechtstext__inhalt li {
  font-size: var(--fs-300);
  line-height: 1.65;
  color: var(--c-ink-soft);
}

.rechtstext__inhalt ul,
.rechtstext__inhalt ol {
  padding-inline-start: var(--sp-5);
}

.rechtstext__inhalt li + li {
  margin-block-start: var(--sp-2);
}

/* Ein Absatz, der nur aus Fettschrift besteht, ist in diesen Texten faktisch
   eine Überschrift - die Liveseite arbeitet durchgehend so. Bis der Kunde
   echte Überschriften freigibt, bekommt er wenigstens den Abstand davor. */
.rechtstext__inhalt p > strong:only-child {
  display: inline-block;
  margin-block-start: var(--sp-3);
  color: var(--toem-blau);
}

/* TEXTLINKS: Markenblau mit einer feinen goldenen Unterstreichung.
   WARUM GOLD NUR DIE LINIE TRAEGT UND NICHT DIE SCHRIFT: --c-gold-text-dark
   gibt es nicht mehr, die dunklen Goldvarianten sind am 02.09.2026 auf
   Kundenwunsch entfallen - es bleibt der eine Ton #d7b35f, und der hat auf
   Weiss rund 1,9:1. Als Textfarbe waere er unlesbar. Als Linie ist er genau
   richtig: er zeigt den Link, ohne den Text zu schwaechen.
   DIE LINIE BLEIBT IM HOVER GLEICH DICK - Vorgabe von Thorsten am
   14.09.2026. Ein Sprung in der Staerke laesst die Zeile zucken, weil sich
   die Unterlaengen neu ausrichten. Der Hover wechselt deshalb nur die
   Schriftfarbe. */
.rechtstext__inhalt a {
  color: var(--toem-blau);
  text-decoration: underline;
  text-decoration-color: var(--toem-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  /* Lange Mailadressen duerfen umbrechen, sonst schieben sie auf dem
     Telefon die ganze Seite in die Breite. */
  overflow-wrap: anywhere;
  transition: color .15s ease;
}

.rechtstext__inhalt a:hover,
.rechtstext__inhalt a:focus-visible {
  color: var(--c-schwarz);
}

/* DIE ERSTE UEBERSCHRIFT BRAUCHT KEINEN EIGENEN ABSTAND: der Titel bringt
   seinen schon mit. Zusammen waren es gemessen 109 px zwischen „Allgemeine
   Lieferbedingungen" und 㤠1" - bei einem Titel von 28 px eine Luecke,
   kein Abstand. */
/* ZWEI EBENEN, weil WordPress einen Rahmen dazwischenschiebt: der Inhalt
   steckt in `div.entry-content`, und die erste Ueberschrift ist deshalb
   nicht das erste Kind, sondern das erste Enkelkind. Die Regel nur auf der
   ersten Ebene traf den Rahmen, dessen Abstand ohnehin null war - gemessen
   blieben die 48 px der Ueberschrift stehen. */
.rechtstext__inhalt > :first-child,
.rechtstext__inhalt > :first-child > :first-child {
  margin-block-start: 0;
}