/* legal.css — Rechtsseiten (Impressum, Datenschutz, AGB, AVV, Trust Center).
   Nutzt hero-v8.css (Tokens, Header), ref.css (.rf-hero) und ft-v8.css. Nur der Satzspiegel fuer den
   woertlich uebernommenen Rechtstext; Praefix lg-. Keine Akzent-Kanten an Kaesten. */
.rf-hero .lg-eyebrow{margin:0 0 10px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.02em;color:var(--v6-blue-h)}
.lg-sec{padding:clamp(48px,5vw,72px) 0 clamp(80px,8vw,112px)}
.lg-doc{max-width:760px;font-size:16px;line-height:27px;color:var(--v6-ink-2)}
.lg-doc h2{margin-top:44px;font-size:24px;font-weight:700;line-height:32px;color:var(--v6-ink);scroll-margin-top:84px}
.lg-doc>h2:first-child{margin-top:0}
.lg-doc h3{margin-top:28px;font-size:18px;font-weight:700;line-height:26px;color:var(--v6-ink);scroll-margin-top:84px}
.lg-doc p,.lg-doc ul,.lg-doc ol,.lg-doc table{margin-top:12px}
.lg-doc ul,.lg-doc ol{padding-left:22px}
.lg-doc li+li{margin-top:6px}
.lg-doc b,.lg-doc strong{font-weight:600;color:var(--v6-ink)}
.lg-doc a{color:var(--v6-blue-h);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.lg-doc a:hover{color:var(--v6-ink)}
.lg-doc code{padding:1px 5px;border-radius:4px;background:var(--v6-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:var(--v6-ink)}
/* Inhaltsverzeichnis: neutrale Flaeche mit Rand rundum */
.lg-doc .toc{margin:0 0 44px;padding:18px 22px;border:1px solid var(--v6-line-2);border-radius:12px;background:var(--v6-surface);columns:2 260px;column-gap:32px}
.lg-doc .toc a{display:flex;align-items:center;min-height:44px;padding:4px 0;font-size:15px;line-height:22px;text-decoration:none;break-inside:avoid}
.lg-doc .toc a:hover{text-decoration:underline}
.lg-doc table{width:100%;border-collapse:collapse;font-size:15px;line-height:23px}
.lg-doc th,.lg-doc td{padding:10px 12px;border-bottom:1px solid var(--v6-line-2);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.lg-doc th{font-weight:600;color:var(--v6-ink);background:var(--v6-surface)}
.lg-doc td:first-child{color:var(--v6-ink)}
.lg-doc .note,.lg-doc .lg-stand{margin-top:28px;font-size:14px;line-height:22px;color:var(--v6-ink-2)}
.lg-doc .dsw-btn{min-height:44px;padding:8px 14px;border:1px solid var(--v6-line-2);border-radius:8px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--v6-ink);cursor:pointer}
.lg-doc .dsw-btn:hover{border-color:var(--v6-ink)}
@media(max-width:600px){
  .lg-doc h2{font-size:21px;line-height:29px}
  .lg-doc .toc{padding:14px 16px}
}
/* Handy: Die Seitentitel sind lange Komposita („Auftragsverarbeitungsvertrag" misst bei 40 px rund 570 px).
   Ohne Trennung wird die ganze Seite breiter als das Geraet und der Browser zoomt heraus. Nur der Titel:
   mit 8vw passen „Datenschutzerklärung" und „Geschäftsbedingungen" bis 280 px ungetrennt; der AVV-Titel
   trennt am weichen Trennzeichen in avv.html (­), nicht per hyphens:auto, das am Geraete-Woerterbuch haengt. */
@media(max-width:640px){
  #lg-h1{font-size:min(32px,8vw);line-height:1.12}
}