/* ============================================================
   NGenAro Web — Rechtstexte (Impressum / Datenschutz)
   Ruhiges Lesen: schmale Spalte, klare Hierarchie, keine Kästen.
   ============================================================ */
.legal{ padding-block:clamp(3rem,7vw,6rem); }
.legal__in{ max-width:76ch; }
.legal h1{ font-size:var(--step-4); margin:.4rem 0 2rem; }
.legal h2{ font-size:var(--step-2); margin:2.6rem 0 .8rem; }
.legal h3{ font-size:var(--step-1); margin:1.8rem 0 .6rem; }
.legal p, .legal li{ color:var(--ink-muted); font-size:var(--step-0); line-height:1.75; }
.legal p{ margin-bottom:1rem; }
.legal p.src{ font-size:var(--step--1); color:var(--ink-dim); }
.legal ul{ margin:0 0 1.2rem 1.2rem; display:flex; flex-direction:column; gap:.5rem; }
.legal a{ color:var(--lime); text-decoration:underline; text-underline-offset:2px; }
.legal a:hover{ color:var(--accent); }
.legal strong{ color:var(--ink); }
.legal__note{ font-size:var(--step--1); color:var(--ink-dim); border-left:2px solid var(--border); padding-left:1rem; }
.legal__meta{ font-size:var(--step--1); color:var(--ink-dim); margin-bottom:2rem; }
.legal__back{ margin-top:3rem; }
.legal table{ width:100%; border-collapse:collapse; margin-bottom:1.4rem; }
.legal th, .legal td{ text-align:left; padding:.6rem .5rem; border-bottom:1px solid var(--border-soft); font-size:var(--step--1); color:var(--ink-muted); }
.legal th{ color:var(--ink); font-weight:600; }