/* styles_impressum.css — Lesetypografie für Rechtstexte (Impressum).
   Angelegt 24.08.2026 mit dem Firmenwechsel auf die Kontor Intelligence GmbH.
   Nach dem Muster von styles_rueckblick.css: eigene Datei statt Wildwuchs in
   styles.css, Prefix "imp-", damit nichts mit bestehenden Klassen kollidiert.
   Farben kommen ausschliesslich aus den Tokens von styles.css. */

.imp-seite {
  padding: calc(var(--header-height, 72px) + var(--space-10, 3rem)) 0 var(--space-16, 5rem);
  background: var(--kr-grund, #F4F7FA);
  min-height: 70vh;
}

.imp-bahn {
  max-width: 48rem;          /* ~70 Zeichen Lesebreite */
  margin: 0 auto;
}

.imp-kopf { margin-bottom: var(--space-10, 3rem); }

.imp-kopf h1 {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  color: var(--jobst-blue, #0F265C);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: var(--space-3, .75rem) 0 var(--space-4, 1rem);
}

.imp-kopf p {
  color: var(--kr-text-leise, #566A82);
  font-size: 1.05rem;
  margin: 0;
}

/* Ein Abschnitt = eine Pflichtangabe. Die Karte trennt sie sichtbar,
   damit man beim Prüfen nichts überliest. */
.imp-block {
  background: var(--white, #fff);
  border: 1px solid var(--kr-linie, #E0E8F1);
  border-radius: var(--radius-lg, 14px);
  padding: var(--space-6, 1.5rem) var(--space-7, 1.75rem);
  margin-bottom: var(--space-5, 1.25rem);
}

.imp-block h2 {
  font-size: 1.05rem;
  color: var(--jobst-blue, #0F265C);
  margin: 0 0 var(--space-3, .75rem);
  letter-spacing: -0.005em;
}

.imp-block p,
.imp-block address {
  margin: 0 0 var(--space-2, .5rem);
  font-style: normal;
  line-height: 1.7;
  color: var(--kr-text, #17293F);
}

.imp-block p:last-child,
.imp-block address:last-child { margin-bottom: 0; }

.imp-block a { color: var(--jobst-cyan-tief, #00648A); }
.imp-block a:focus-visible { outline: 2px solid var(--jobst-cyan, #00AADB); outline-offset: 2px; }

/* Kleingedrucktes am Fuss des Blocks — Erläuterung, kein Pflichttext. */
.imp-notiz {
  font-size: .88rem;
  color: var(--kr-text-leise, #566A82);
  line-height: 1.65;
}

/* Offene Pflichtangabe: MUSS auffallen, damit sie nicht versehentlich
   veroeffentlicht wird. Wird mit den echten Daten ersatzlos entfernt. */
.imp-offen {
  display: block;
  background: #FDF3E3;
  border: 1px dashed #A85F00;
  border-radius: 8px;
  padding: .55rem .75rem;
  color: #7A4600;
  font-size: .9rem;
  font-weight: 600;
}

.imp-offen::before {
  content: "Noch zu ergänzen: ";
  font-weight: 800;
  letter-spacing: .02em;
}

@media (max-width: 40rem) {
  .imp-block { padding: var(--space-5, 1.25rem); }
}

/* Der geteilte Header aus styles.css ist fuer Seiten mit DUNKLEM Hero gebaut:
   .header--scrolled setzt rgba(...,0.95) plus backdrop-filter. Ueber dem hellen
   Grund dieser Rechtstextseite blieb davon nichts uebrig -- gemessen im Render:
   Kopfbereich #F4F7FA statt Blau, weisse Schrift auf hell, praktisch unlesbar.
   Deshalb hier ein eigener, voll deckender Kopf. Kein Eingriff in styles.css,
   damit die anderen Seiten unberuehrt bleiben. */
.header--fest {
  background-color: var(--jobst-blue, #0F265C);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}