/* =======================================================================
   HeiselConnect – Rechtsseiten (Impressum, Datenschutzerklaerung)
   Bewusst die schlankste Datei im Projekt. Kein Hero, keine Kacheln,
   keine Einblend-Animation: diese Seiten werden gesucht, nicht entdeckt.
   Sie erben Farben, Schrift, Kopfleiste und Footer aus brand.css und
   page.css – hier steht nur, was ein reiner Textblock zusaetzlich braucht.
   ======================================================================= */

/* Schmaler Kopf statt Hero: gerade so viel dunkle Flaeche, dass die
   aufliegende Kopfleiste einen Grund hat, auf dem sie steht. */
.legal-head{
  background: var(--night);
  color: #fff;
  padding-block: calc(var(--header-h) + clamp(1.4rem, 1rem + 2vw, 2.6rem))
                 clamp(2rem, 1.4rem + 2vw, 3rem);
}
.legal-head h1{
  font-size: clamp(1.9rem, 1.4rem + 2vw, 3rem);
  margin-bottom: 0.5rem;
}
.legal-head .lead{ color: var(--muted-dark); max-width: 46rem; }

/* Textteil. Lesebreite kommt aus .wrap--narrow (800px). */
.legal{ padding-block: clamp(2.4rem, 1.8rem + 3vw, 4rem); }

/* Ein Abschnitt = eine Ueberschrift plus Text, getrennt durch eine
   Haarlinie. Der erste bekommt keine, sonst doppelt der Seitenkopf. */
.legal-block + .legal-block{
  margin-top: clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem);
  padding-top: clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem);
  border-top: 1px solid var(--hair);
}
.legal-block h2{
  font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  letter-spacing: 0.01em;
  margin-bottom: 0.9rem;
}
.legal-block h3{
  font-size: 1rem;
  margin: 1.4rem 0 0.4rem;
}
.legal-block h3:first-of-type{ margin-top: 0; }

.legal-block p{ color: var(--muted); }
.legal-block p + p{ margin-top: 0.7rem; }
.legal-block a{ color: var(--ink); text-underline-offset: 3px; }
.legal-block a:hover{ color: var(--green-deep); }

/* Aufzaehlungen: page.css nimmt Listen die Punkte weg, hier sind sie
   erwuenscht – es sind Aufzaehlungen von Daten und Rechten. */
.legal-list{
  list-style: disc;
  margin-block: 0.7rem;
  padding-left: 1.2rem;
  color: var(--muted);
  display: grid;
  gap: 0.3rem;
}
.legal-list li::marker{ color: rgba(85, 85, 92, 0.5); }

/* Anbieterkennzeichnung: Zeile fuer Zeile, ohne Tabelle. */
.legal-facts{
  display: grid;
  gap: 0.15rem;
  color: var(--muted);
  font-style: normal; /* <address> ist kursiv per Browser-Vorgabe - hier bewusst neutralisiert */
}
.legal-facts strong{ color: var(--ink); font-weight: 700; }

.legal-updated{
  margin-top: clamp(2rem, 1.6rem + 1.5vw, 3rem);
  padding-top: 1.2rem;
  border-top: 1px solid var(--hair);
  font-size: 0.88rem;
  color: var(--muted);
}