/* =================================================================
   UXOVIA · DATENSCHUTZ
   Satz der Rechtsseite. Bewusst nicht mit impressum.css zusammengelegt:
   .legal h2 und .legal a weichen dort ab.
   Ausgelagert am 21.08.2026 aus dem <style>-Block der Seite. Die
   Einbindung steht an derselben Stelle im Dokument wie vorher der
   Block, damit die Kaskade unveraendert bleibt.
   ================================================================= */

.legal { padding-top: clamp(9rem, 16vw, 12rem); }
    /* Der eRecht24-Text ist vier Ebenen tief (h2 bis h5). Ohne sichtbare Abstufung
       liest sich das als eine einzige Textwand, deshalb traegt jeder Hauptabschnitt
       oben eine Trennlinie und die Ebenen darunter werden schrittweise leiser. */
    .legal h2 { font-size: var(--t-h3); margin: var(--s-8) 0 var(--s-4); padding-top: var(--s-6); border-top: 1px solid var(--border); }
    .legal h2:first-of-type { margin-top: var(--s-6); padding-top: 0; border-top: none; }
    .legal h3 { font-size: var(--t-h4); margin: var(--s-6) 0 var(--s-2); color: var(--text); }
    .legal h4 { font-size: var(--t-body); font-weight: var(--w-medium); margin: var(--s-5) 0 var(--s-2); color: var(--text-legible); }
    .legal h5 { font-size: var(--t-small); font-weight: var(--w-medium); margin: var(--s-4) 0 var(--s-2); color: var(--text-legible); text-transform: uppercase; letter-spacing: var(--tr-eyebrow); }
    .legal p, .legal li { color: var(--text-2); line-height: var(--lh-body); margin-bottom: var(--s-3); }
    /* Der Rechtstext verlinkt volle URLs als sichtbaren Text (Data Privacy Framework,
       Google-Bedingungen). Ohne Umbruchpunkt schieben die auf dem Telefon die ganze
       Seite seitlich heraus — gemessen 436px Inhalt auf 375px Fensterbreite. */
    .legal a { color: var(--brand); overflow-wrap: anywhere; }
    .legal ul { padding-left: var(--s-5); }
    /* Die Widerspruchsklausel steht im Original in Grossbuchstaben. Das ist so gewollt,
       aber ueber mehrere Absaetze hinweg schwer lesbar — etwas mehr Laufweite hilft. */
    .legal .grossschrift { letter-spacing: 0.01em; }