/* Rechtstexte (Impressum, Datenschutz, legal notice, privacy).
   Kopf- und Fusszeile kommen seit 21.08.2026 aus site.css und den gemeinsamen Vorlagen.
   Vorher trugen diese Seiten eine eigene, dunkle Kopfzeile mit der Wortmarke
   "H24 IMMOBILIEN", ohne Logos, ohne Navigation und ohne Aufruf. Mitten im Besuch sah das
   aus wie eine fremde Seite. Hier steht deshalb nur noch die Typografie des Textkoerpers.
   Die Datei wird VOR site.css geladen: Grundflaeche, Verweisfarben und Marke kommen von
   dort, die `.legal-*`-Regeln bleiben unberuehrt, weil site.css sie nicht kennt. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.legal-main {
  width: min(100%, 52rem);
  margin-inline: auto;
  padding: clamp(3rem, 7vw, 7rem) 1.25rem;
}

.legal-main h1 {
  margin: 0 0 2rem;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 7vw, 5.8rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.95;
}

/* Schriftart und Gewicht stehen hier ausdruecklich, seit site.css mitgeladen wird: dessen
   `h2`-Regel setzt sonst die Caslon-Display fuer die kleinen Zwischentitel, und die
   Rechtstexte lasen sich damit wie ein Buchtitelblatt. */
.legal-main h2 {
  margin: 2.5rem 0 0.6rem;
  color: var(--navy);
  font-family: var(--font-ui);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
}

.legal-main p,
.legal-main li {
  color: var(--ink-soft);
}

.legal-main p {
  margin: 0 0 1rem;
}

.legal-main ul {
  padding-left: 1.2rem;
}

.legal-note {
  margin: 2rem 0;
  padding: 1.4rem;
  border-left: 3px solid var(--gold);
  background: var(--gold-pale);
}

.legal-note p:last-child {
  margin-bottom: 0;
}