/* ============================================================
   Designrunde 06.11.2026 (nach der Bricks-Prüfung, mit Oliver).
   Jede Regel nennt den Befund. Stefan sieht die Punkte in seiner
   Regeldatei unter „Zum Durchsehen“ durch.
   ============================================================ */

/* 1. Pause-Knopf im Slider. Der Wechsel lief alle 6 s ohne Halt
   (WCAG 2.2.2). Quadratisch wie alles bei entra, links neben den
   Punkten, auf deren Mittellinie. Das Skript zeigt ihn nur, wenn
   der Wechsel läuft.
   Zurückhaltend (Oliver 06.11.): kein Rahmen, keine Fläche, Zeichen so
   groß und hell wie die Punkte. Die Klickfläche bleibt 28 px
   (WCAG 2.5.8 verlangt 24 px), sie ist nur unsichtbar. */
.e-slider__pause {
  position: absolute; z-index: 3;
  right: calc(var(--e-rand) + 64px + 4px);
  bottom: calc(var(--e-s5) + 5px - 14px);
  inline-size: 28px; block-size: 28px; padding: 0;
  display: grid; place-items: center;
  background: none; border: 0; border-radius: 0;
  color: rgba(255, 255, 255, .6);
  cursor: pointer; transition: color var(--e-tempo);
}
.e-slider__pause:hover { color: var(--e-weiss); }
.e-slider__pause:focus-visible { outline: 2px solid var(--e-orange); outline-offset: 0; color: var(--e-weiss); }
.e-slider__pause svg { fill: currentColor; inline-size: 10px; block-size: 10px; filter: drop-shadow(0 1px 2px rgba(0, 25, 50, .5)); }
.e-slider__pause-aus { display: none; }
.e-slider__pause[data-angehalten="true"] .e-slider__pause-an { display: none; }
.e-slider__pause[data-angehalten="true"] .e-slider__pause-aus { display: inline; }

/* 3. Kernsatz unter dem Markenwort (Startseite). Das h1 nannte nur den
   Namen. Das Markenwort bleibt das größte Element, der Satz stützt es. */
.e-slider__kern {
  color: var(--e-weiss); font-size: var(--e-h3); font-weight: 600;
  line-height: var(--e-lh-titel); letter-spacing: 0;
  margin: var(--e-s4) 0 0; max-width: 36em; text-wrap: balance;
  text-shadow: 0 1px 2px rgba(0, 25, 50, .5), 0 6px 22px rgba(0, 25, 50, .45);
}

/* 4. Silbentrennung in Überschriften nur noch auf dem Telefon. Ab
   Tablettbreite passen die Wörter, Trennstriche wie „Organisations-
   entwicklung“ in einer kurzen Zeile wirkten dort zufällig. Auf dem
   Telefon bleibt sie, sonst brechen lange Komposita ohne Strich. */
@media (min-width: 48em) {
  :where(h1, h2, h3, h4, .e-slider__wort, .e-slider__kern) { hyphens: manual; -webkit-hyphens: manual; }
}

/* 5. Teamkarten: „Mehr über …“ stand je nach Kontaktblock (1 bis 3 Zeilen)
   bis zu 26 px versetzt. Der Kontaktblock bekommt in Rastern die Höhe
   von drei Zeilen, so steht „Mehr“ in einer Reihe auf einer Linie. */
@media (min-width: 40em) {
  .e-raster .e-person .e-kontakt { min-height: calc(3lh + 4px + var(--e-s3) + 1px); }
}

/* 6. Kontrast des Markenworts. Mit dem Kernsatz darunter steht es höher,
   im helleren Teil der Lasur. Gemessen (hellste 10 % hinter der Schrift,
   mit Textschatten): Blüte 1,9:1, Raureif 2,5:1 bei 1440 px. Große
   Schrift braucht 3:1. Die Lasur setzt deshalb früher ein; jetzt
   3,2 bis 8,2:1 über alle vier Bilder, 1440 und 390 px. */
.e-slider::after {
  background: linear-gradient(180deg,
    rgba(0,58,112,.08)  0%,
    rgba(0,58,112,.28) 30%,
    rgba(0,58,112,.52) 52%,
    rgba(0,58,112,.76) 74%,
    rgba(0,58,112,.92) 100%);
}

/* 7. Barrierefreiheit (axe, 67 Seiten, 06.11.2026): orange Rubriken auf
   grauem Band hatten 4,24:1, nötig 4,5:1. Etwas dunkler: 4,76:1 auf
   #ececec, 5,63:1 auf Weiß. Gilt überall, wo --e-orange-tief steht. */
:root { --e-orange-tief: #985800; }

/* 8. Einführungssatz unter dem h1, der wie ein h3 aussehen soll, aber
   als h2 ausgezeichnet ist (keine übersprungene Ebene). */
h2.e-wie-h3 { font-size: var(--e-h3); line-height: var(--e-lh-titel); letter-spacing: normal; }