/*
 * Öffentliche Rechtsseiten (Impressum, Datenschutzerklärung).
 * Prosa-Layout auf Basis der Design-System-Tokens; Schrift, Farben und
 * Dark-Mode werden aus design-system.css/typography.css geerbt.
 */

.legal-page {
    max-width: var(--container-prose);
    margin-inline: auto;
    padding: var(--space-10) var(--space-5) var(--space-16);
}

.legal-page h1 {
    margin-bottom: var(--space-4);
}

.legal-page h2 {
    margin-top: var(--space-8);
}

.legal-page p,
.legal-page ul,
.legal-page ol {
    color: var(--text-body);
    max-width: var(--prose-width-wide);
}

.legal-page ul,
.legal-page ol {
    padding-left: var(--space-6);
}

.legal-page li + li {
    margin-top: var(--space-1);
}

/* Zurück-Schaltfläche mit Abstand zur Überschrift */
.legal-back {
    margin-bottom: var(--space-6);
}

/* Tabellen auf schmalen Viewports horizontal scrollbar halten */
.legal-page .table-scroll {
    overflow-x: auto;
    margin: var(--space-4) 0;
}

/* Fußzeile mit Querverweisen, analog zu den übrigen öffentlichen Seiten */
.legal-foot {
    margin-top: var(--space-12);
    text-align: center;
    color: var(--text-muted);
}