/* ============================================================
   CodeElite — legal-extras.css
   Zusatz-Styles für die zentralen Rechtstexte der Elite Partners GmbH
   (Listen, Hinweisbox, Tabellen, Teil-Überschriften).
   Grundlage: _zentrale-rechtstexte/legal-extras.css. Farben nur über die
   Tokens aus styles.css – funktioniert so im dunklen und hellen Modus.
   Eingebunden nur auf den Rechtsseiten.
   ============================================================ */
.legal .legal-list{list-style:disc;padding-left:1.4rem;margin:0 0 1rem}
.legal .legal-list li{margin:.35rem 0;color:var(--muted);line-height:1.7}
.legal .legal-list li::marker{color:var(--neon)}
.legal ol{padding-left:1.4rem;margin:0 0 1rem;color:var(--muted)}
.legal strong{color:var(--text)}
.legal h2.legal-part{font-size:1.35rem;color:var(--text);margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.legal h2[id]{scroll-margin-top:calc(var(--header-h) + 18px)}
.legal h3{font-size:1rem;margin:1.4rem 0 .6rem;color:var(--text)}
.legal p{line-height:1.75}
.legal .legal-note{border:1px solid var(--neon-2);background:var(--surface);border-radius:var(--radius);padding:1rem 1.2rem;margin:0 0 1.5rem}
.legal .legal-table-wrap{overflow-x:auto;margin:0 0 1.25rem}
.legal .legal-table{width:100%;border-collapse:collapse;font-size:.93rem;color:var(--muted)}
.legal .legal-table th,.legal .legal-table td{text-align:left;vertical-align:top;padding:.65rem .8rem;border:1px solid var(--line)}
.legal .legal-table thead th,.legal .legal-table tbody th{background:var(--surface);color:var(--text)}
.legal .legal-table tbody th{width:30%;font-weight:600}
.legal{overflow-wrap:anywhere}

/* Tabellenkopf im hellen Modus leicht abgesetzt, Hinweisbox mit Akzentkante */
html[data-theme="light"] .legal .legal-table thead th,html[data-theme="light"] .legal .legal-table tbody th{background:var(--surface-2)}
.legal .legal-note{border-left-width:3px}
.legal .legal-back{margin-top:2rem}
.legal .legal-back a{display:inline-block;padding:.5rem 0}