/* Gemeinsame kleinere Typografie fuer Datenschutz und Impressum. */
.legal-header .header-content { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.legal-header .header-brand { min-width: 0; max-width: 100%; }
.legal-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-left: auto; }
.legal-toc { padding: 1rem; margin-block: 1.5rem; background: var(--color-surface-muted); border-radius: var(--radius-small); }
.legal-toc h2 { margin-top: 0; }
.legal-content [id] { scroll-margin-top: 1rem; }
.legal-content > .card { margin-bottom: 1.5rem; }
.header-brand a { white-space: normal; overflow-wrap: anywhere; }
.legal-content {
    font-size: var(--font-size-legal-body);
    line-height: 1.4;
}

.legal-content h1,
.legal-content h2 {
    font-size: var(--font-size-legal-title);
}

.legal-content h3 {
    font-size: var(--font-size-legal-heading);
}

.legal-content h4,
.legal-content h5,
.legal-content h6 {
    font-size: var(--font-size-legal-subheading);
}