/* /legal im Startseiten-Design (23.10.2026). Nur Rahmen und Optik; die Texte stehen unveraendert in legal.html
   (erzeugt aus legal/*.md). legal.css und home.css bleiben fuer /next/legal unangetastet (tools/sync-legal-styles.mjs). */
.lg-hero{padding-bottom:24px}
.lg-hero h1{max-width:14ch}
.lg-anker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.lg-anker .button{min-height:40px;font-size:12px}
.lg-sprache{justify-content:center;margin-top:22px}
.lg-sprache button{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:8px;font-size:12px;color:#8f8f8a}
.lg-sprache button[aria-pressed=true]{color:var(--text);background:#ffffff0d}
.lg-sprache button:hover{color:var(--text)}

.zl-legal-doc{display:block;padding:56px 0;border-top:1px solid var(--line);overflow-wrap:anywhere;scroll-margin-top:24px}
.zl-legal-doc>.hp-sheet{min-width:0;max-width:78ch;margin-inline:auto}
.zl-legal-doc h2{margin:0 0 20px;max-width:none;font-size:clamp(28px,3.4vw,42px);font-weight:520;line-height:1.1;letter-spacing:-.026em;text-wrap:balance}
.zl-legal-doc h3{margin:44px 0 14px;font-size:clamp(19px,2vw,23px);font-weight:560;line-height:1.25;letter-spacing:-.025em;scroll-margin-top:24px}
.zl-legal-doc h4{margin:30px 0 10px;font-size:16px;font-weight:560}
.zl-legal-doc p,.zl-legal-doc ul,.zl-legal-doc ol{margin:0 0 16px;max-width:72ch;font-size:15.5px;line-height:1.7;color:var(--muted)}
.zl-legal-doc ul{padding-left:22px;list-style:disc}
.zl-legal-doc ol{padding-left:24px}
.zl-legal-doc li{margin-bottom:8px;padding-left:4px}
.zl-legal-doc li::marker{color:#8f8f8a}
.zl-legal-doc strong,.zl-legal-doc b{font-weight:560;color:var(--text)}
.zl-legal-doc a{color:#b3b3af;text-decoration:underline;text-decoration-color:#f2f2f066;text-underline-offset:3px}
.zl-legal-doc a:hover{color:#ffffff}
.zl-legal-doc .muted{font-size:13.5px;color:var(--dim)}
.zl-legal-doc code{font:13px var(--mono);color:#b3b3af}

/* Tabellen: Haarlinien statt Gitter, scrollen im eigenen Kasten (per Tastatur erreichbar, wenn zu breit). */
.zl-legal-doc .lg-scroll,.zl-legal-doc .table-wrapper{overflow-x:auto;max-width:100%;margin:28px 0}
.zl-legal-doc .lg-table,.zl-legal-doc table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;color:var(--muted)}
.zl-legal-doc th,.zl-legal-doc td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}
.zl-legal-doc th{font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom-color:#f2f2f038}
.zl-legal-doc td:first-child{color:var(--text)}

@media (max-width:650px){
  .zl-legal-doc{padding:44px 0}
  .zl-legal-doc p,.zl-legal-doc ul,.zl-legal-doc ol{font-size:15px}
}