/* ============================================================
   LEGAL — Impressum / Datenschutz
   Abschnitt 13 aus css/redesign.css. Wird nur auf Seiten mit
   dem Template "Rechtstext" geladen.
   ============================================================ */

/* ------------------------------------------------------------
   13. BLOCK: legal  (Impressum / Datenschutz — schlankes Gerüst)
   ------------------------------------------------------------ */
.legal { padding-block: clamp(56px, 8vw, 104px); }
.legal__inner { max-width: 720px; }
.legal h1 {
  font-family: var(--font-head);
  font-weight: 540;
  font-size: clamp(2.1rem, 4vw, 3.25rem);
  line-height: 1.04;
  letter-spacing: -0.02em;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-wrap: balance;
}
.legal h2 {
  font-family: var(--font-head);
  font-weight: 540;
  font-size: 1.25rem;
  margin: 2.2rem 0 .6rem;
}
.legal p { max-width: 65ch; }
.legal__placeholder {
  margin-top: .4rem;
  padding: .9rem 1.1rem;
  border: 1px dashed var(--feldrand);
  color: var(--muted);
  font-size: .95rem;
}
.legal__back { display: inline-block; margin-top: 2.6rem; }


/* ------------------------------------------------------------
   WORDPRESS-ANPASSUNG
   ------------------------------------------------------------ */

/* Im Entwurf war der Platzhalter ein <div> und lief damit über die
   volle Spaltenbreite. Im Block-Editor entsteht ein <p>, das die
   Lesebreite von .legal p (65ch) erbt und dadurch schmaler ausfällt.
   Der gestrichelte Kasten soll aber die Spalte füllen — er markiert
   eine Lücke im Dokument, er ist kein Fließtext. */
.legal p.legal__placeholder { max-width: none; }