/* Darstellung der Rechtstexte (Impressum, Datenschutz).
   Bewusst schmale Spalte: Fliesstext liest sich bei ~70 Zeichen je Zeile am besten. */

.legal{padding:64px 0 88px;background:linear-gradient(180deg,var(--bg-warm),#fff)}
.legal .wrap{max-width:840px}
.legal .kicker{color:var(--red);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem}
.legal h1{font-size:clamp(2.1rem,4.5vw,3rem);font-weight:800;margin:10px 0 14px}
.legal .lead{color:var(--slate);font-size:1.08rem;margin-bottom:14px}
.legal h2{font-size:1.32rem;font-weight:800;margin:42px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
.legal h3{font-size:1.05rem;font-weight:700;margin:26px 0 8px}
.legal p{margin-bottom:14px}
.legal ul{margin:0 0 16px 22px}
.legal li{margin-bottom:7px}
.legal a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--red-dark)}

/* Anbieterangaben als Beschreibungsliste: Bezeichnung links, Wert rechts */
.legal dl{display:grid;grid-template-columns:220px 1fr;gap:10px 24px;margin:0 0 16px}
.legal dt{font-weight:700;color:var(--anthracite)}
.legal dd{color:var(--ink)}
@media(max-width:640px){
  .legal dl{grid-template-columns:1fr;gap:2px}
  .legal dt{margin-top:12px}
}

/* Noch zu ergaenzende Angabe — soll beim Ueberfliegen ins Auge springen */
.todo{display:inline-block;background:#fff4d6;border:1px dashed #d9a400;color:#7a5a00;padding:3px 9px;border-radius:6px;font-weight:600;font-size:.93rem}

.legal .hinweis{margin-top:34px;padding:16px 18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);font-size:.92rem;color:var(--slate)}
.legal .zurueck{margin-top:34px}
.legal .zurueck a{font-weight:600}
.legal .stand{color:var(--slate);font-size:.9rem;margin-top:30px}