/* Datenschutzerklärung: ruhiger Fließtext mit Einstellungen und Tabelle */
.legal{max-width:46rem;margin:0 auto;padding:28px 20px 44px}
.legal h2{font-size:1.5rem;line-height:1.2;margin:2.6rem 0 .7rem;scroll-margin-top:96px}
.legal h3{font-size:1.02rem;line-height:1.3;margin:1.5rem 0 .35rem}
.legal p,.legal li{line-height:1.65}
.legal ul{padding-left:1.3rem}
.legal li{margin:.25em 0}
.legal a{color:var(--color-accent-text);text-underline-offset:2px}
.legal code{font-size:.88em;background:var(--color-surface-2);border-radius:6px;padding:.1em .4em;overflow-wrap:anywhere}
.legal .mini{margin-top:.6rem}
.legal-toc{margin:6px 0 0;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px}
.legal-toc ol{margin:0;padding-left:1.3rem;columns:2 16rem;column-gap:28px}
.legal-toc li{margin:0;padding:.15em 0}
.legal-toc a{display:inline-block;padding:.25em 0}
.legal-note{margin:1rem 0 0;padding:14px 18px;background:var(--color-accent-tint);border:1px solid var(--color-line);border-left:4px solid var(--color-accent);border-radius:12px;line-height:1.6}
/* Ohne Themenfarbe ist die Standardfarbe für Text und Umrisse zu hell: Knöpfe und Zurück-Link in Textfarbe */
.page-head .back-btn,.legal-settings .d-btn{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 45%,transparent);background:transparent}
.page-head .back-btn:hover,.legal-settings .d-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 8%,transparent);border-color:var(--color-text);color:var(--color-text)}
.legal-settings .d-btn:disabled{opacity:.55}
/* Einstellungen */
.legal-settings{display:grid;gap:14px;margin-top:14px}
.legal-settings .setting{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 18px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px}
.legal-settings .setting>div{flex:1 1 18rem}
.legal-settings h3{margin:0 0 .25rem}
.legal-settings p{margin:0;color:var(--color-muted)}
.legal-settings .d-btn{min-height:44px;height:auto}
.legal-settings .store-list{margin:.4rem 0 0;color:var(--color-muted)}
.legal-settings .setting-msg{min-height:1.4em;margin:0;color:var(--color-text);font-weight:600}
/* Tabelle: am Handy seitlich scrollbar statt die Seite zu verbreitern */
.legal-table-wrap{overflow-x:auto;margin:.6rem 0 1rem;border:1px solid var(--color-line);border-radius:12px}
.legal-table-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.legal-table{width:100%;min-width:38rem;border-collapse:collapse;font-size:.92rem}
.legal-table th,.legal-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line)}
.legal-table thead th{background:var(--color-surface);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}
.legal-table tbody th{font-weight:600}
.legal-table tbody tr:last-child>*{border-bottom:0}
@media print{.legal-settings{display:none}}