/* ============================================================
   AVEYA — Rechtsseiten (Impressum, Datenschutz, AGB, Widerruf)
   Ergänzt das globale Design-System (style.css) um Langtext-Layout.
   ============================================================ */
.legal{padding:clamp(40px,6vw,72px) 0 clamp(56px,8vw,96px);
  font-size:clamp(1.05rem,1rem + .2vw,1.13rem)}
.legal .wrap{max-width:880px}
.legal h1{font-size:clamp(2.1rem,1.5rem + 2.4vw,3.2rem);line-height:1.07}
.legal h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.85rem);line-height:1.18;margin-top:2.6em;margin-bottom:.7em}
.legal h3{font-size:1.2rem;font-weight:500;margin-top:1.8em;margin-bottom:.4em}
.legal p,.legal ul,.legal ol{margin:0 0 1.1em}
.legal ul,.legal ol{padding-left:1.4em}
.legal li{margin-bottom:.4em}
.legal a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:3px}
.legal a:hover{color:var(--ink)}
.legal strong,.legal b{font-weight:600;color:var(--ink)}
.legal h1 + p{margin-top:1.4em}
.legal .updated{color:var(--ink-3);font-size:.95rem;margin-top:1.4em}

/* Datentabelle (Impressum etc.) */
.legal .dl{display:grid;grid-template-columns:max-content 1fr;gap:.5em 2em;margin:0 0 1.4em}
.legal .dl dt{color:var(--ink-2);font-weight:500}
.legal .dl dd{margin:0;color:var(--ink)}
@media(max-width:560px){.legal .dl{grid-template-columns:1fr;gap:.1em 0}.legal .dl dd{margin-bottom:.9em}}

/* Platzhalter sichtbar markieren – beim Befüllen ersetzen */
.legal .ph{background:#FFF3BF;color:#5c4d00;padding:1px 6px;border-radius:3px;font-weight:500;
  font-family:var(--sans);font-size:.95em;white-space:nowrap}
.legal .ph-note{display:block;background:var(--sage-soft);border:1px solid var(--sage);padding:14px 18px;
  margin:0 0 2em;font-size:.96rem;color:var(--ink-2);border-radius:2px}
.legal .form-box{border:1px solid var(--line);padding:clamp(20px,2.4vw,28px);background:var(--bg-soft);border-radius:2px}