/*
 * Korrekturen für Darstellungsfehler, die schon auf der ChatGPT-Site bestanden.
 * Jede Regel greift nur in den Breiten, in denen der Fehler auftritt.
 */

/* 821–1299 px: Die Navigation ist breiter als der Platz; „Kontakt“ ragt aus dem Bild.
   Der Untertitel neben dem Logo wird hier ausgeblendet – wie es das Original schon bei 821–920 px tut. */
@media (min-width: 821px) and (max-width: 1299px) {
  .brand-copy small {
    display: none;
  }
}

/* „wie wir zusammenarbeiten.“ darf nicht umbrechen und ragt bis 520 px und bei 821–964 px
   über den Rand (auf dem Handy wird dadurch die ganze Seite breiter als der Bildschirm). */
@media (max-width: 520px), (min-width: 821px) and (max-width: 964px) {
  .no-break {
    white-space: normal;
  }
}

/* Lange Wörter („Berufshaftpflichtversicherung“, „Kommunikationsmittel“) ragen sonst aus schmalen Spalten. */
h1,
h2,
h3 {
  overflow-wrap: break-word;
}

/* Unter 360 px (z. B. iPhone SE der 1. Generation) passen „Kommunikation“ und „Organisation“ in voller Größe nicht in die Zeile. */
@media (max-width: 359px) {
  h1,
  h2,
  h3 {
    hyphens: auto;
    overflow-wrap: anywhere;
  }
}

/* Handy-Menü: Der Weichzeichner der Kopfzeile (Unterseiten und nach dem Scrollen) macht die Kopfzeile
   zum Bezugsrahmen des fest positionierten Menüs – es wurde nur so hoch wie dort Platz war, die unteren
   Punkte lagen über dem Seitentext. Bei offenem Menü entfällt der Weichzeichner; der Hintergrund deckt ganz. */
@media (max-width: 960px) {
  body.nav-open .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .site-nav {
    background: rgb(255, 253, 248);
  }
}

/* Startseite „Externe Unterstützung“: Die Überzeile ist oben ausgerichtet (für mehrzeiligen Umbruch),
   dadurch saß der Strich an der Oberkante statt mittig zur ersten Textzeile (Zeilenhöhe 1.55). */
.modes-head .eyebrow > span {
  margin-top: calc(0.775em - 1px);
}

/* Barrierefreiheit (WCAG 2.2 AA) – Befunde aus der axe-Prüfung, die schon im Original bestanden. */

/* Kontrast mind. 4,5:1 für hellen Text auf CK-Blau (vorher 4,34–4,47:1 bzw. 3,7:1 bei den Referenzen). */
.home-cta-grid > div:last-child p,
.service-close p {
  color: rgba(255, 255, 255, 0.9);
}

.reference-item-accent footer span {
  opacity: 0.9;
}

/* Telefon und E-Mail im Fuß: Tippfläche mind. 24 px hoch ohne Überlappung; das Layout wächst um 6 px je Zeile. */
.footer-contact address a {
  padding-block: 5px;
  margin-block: -2px;
}