/* Rechtstexte /impressum/, /datenschutz/, /cookie-richtlinie-eu/, /unterauftragsverarbeiter/ (Präfix recht-),
   nach style.css einbinden. Seitenkopf .page-hero ohne Foto, Fließtext .prose in .container--schmal,
   Tabelle .tabelle-wrap/.tabelle (alles style.css). */

/* Kompakter Seitenkopf: unten weniger Abstand, der Text folgt direkt auf dem Seitengrund */
.recht-hero { padding-bottom: clamp(1.5rem, 3vw, 2rem); }
.recht-hero__stand { margin-top: 1rem; color: var(--muted); font-size: .875rem; }

/* Inhaltsverzeichnis als Kachel über dem Text, ab 600 px zweispaltig */
.recht-inhalt { max-width: 46rem; margin-bottom: clamp(2.5rem, 6vw, 3.5rem); padding: clamp(1.25rem, 3vw, 1.75rem); border-radius: var(--radius); background: var(--tile); box-shadow: var(--shadow-s); font-size: .9375rem; }
.recht-inhalt__titel { color: var(--primary); font-size: .8125rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.recht-inhalt ol { margin-top: .6rem; padding-left: 1.6em; list-style: decimal; }
.recht-inhalt li { break-inside: avoid; }
.recht-inhalt li::marker { color: var(--accent-700); font-weight: 600; }
.recht-inhalt a { display: block; padding: .3rem 0; line-height: 1.45; text-decoration: none; }
.recht-inhalt a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 600px) { .recht-inhalt ol { columns: 2; column-gap: 2.5rem; } }

/* Abschnitte (Abstände in <section> setzt .prose in style.css) */
.recht-text > section:first-child > h2:first-child { margin-top: 0; }
.recht-text a { overflow-wrap: anywhere; }
.recht-stand { margin-top: 2.5rem; padding-top: 1.1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .875rem; }
.recht-adresse { padding: 1rem 1.25rem; border-left: 4px solid var(--accent); border-radius: 0 var(--radius-s) var(--radius-s) 0; background: var(--tile); box-shadow: var(--shadow-s); }
.prose .recht-quellen { display: block; columns: 2 12rem; column-gap: 2rem; }
.recht-quellen li { break-inside: avoid; margin-bottom: .6rem; }

/* Tabelle (Unterauftragsverarbeiter): Zeilenköpfe ohne Hintergrund, Zeilen abwechselnd hell, auf dem Handy seitlich wischen */
.recht-tabelle { min-width: 780px; }
.recht-tabelle thead th { white-space: nowrap; }
.recht-tabelle tbody th { background: none; }
.recht-tabelle tbody tr:nth-child(even) > * { background: var(--tile-hell); }
.recht-tabelle__hinweis { display: none; margin-bottom: .75rem; color: var(--muted); font-size: .875rem; }
@media (max-width: 859.98px) { .recht-tabelle__hinweis { display: block; } }
.recht-nachsatz { margin-top: clamp(2rem, 5vw, 2.5rem); }