/* Mandatum – Impressum und Datenschutz (Tokens aus styles.css) */
.legal { max-width: 860px; padding-top: 140px; padding-bottom: 96px; display: grid; gap: 28px; }
.legal h1 { margin: 4px 0 0; }
.legal h2 { font-size: 20px; font-weight: 500; letter-spacing: -0.01em; margin: 0 0 8px; }
.legal section { padding-top: 24px; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.legal p { margin: 0 0 12px; color: var(--ink-80); line-height: 1.6; font-size: 16px; }
.legal a { color: var(--accent); text-underline-offset: 3px; }
.legal-toc { display: flex; flex-wrap: wrap; gap: 8px; }
.legal-toc a { font-size: 13px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 99px; color: var(--ink); text-decoration: none; }
.legal-toc a:hover { border-color: var(--accent-line); color: var(--accent); }
.legal-table-wrap { overflow-x: auto; margin-bottom: 12px; }
.legal-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.legal-table th { text-align: left; font-weight: 500; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); }
.legal-table td { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line-soft); color: var(--ink-80); vertical-align: top; }
.legal-stand { font-size: 12px; }
.footer .footer-bottom a { color: inherit; }
@media (max-width: 640px) { .legal { padding-top: 110px; } }