/* Baukasten-Seiten: Hero-Nachbesserung
   Fassung 1.0 · 20.09.2026

   Warum diese Datei im Plugin liegt und nicht im Theme:
   Ein Theme-Deploy auf diesem Host ersetzt ALLE 936 Dateien in
   wp-content/themes/cex — 146 MB, keine Teil-Uebertragung (siehe DEPLOY.md).
   Der Arbeitsstand des Themes weicht am 20.09.2026 an 79 Dateien vom Live-
   Stand ab, darunter neu komprimierte Bilder, die nur halb so gross sind wie
   die Fassungen auf dem Server. Ein Theme-Deploy wuerde diese zwei Zeilen
   Nachbesserung also mit einer stillen Bildverschlechterung auf
   veroeffentlichten Seiten bezahlen. Das Plugin ist 256 KB und traegt mit
   contact-modal.css und social.css ohnehin schon Seitenstile.

   Das Plugin laedt auf Prioritaet 50, das Theme auf 10 — diese Regeln stehen
   damit sicher hinter der Theme-Kette und brauchen kein !important.

   Inhalt: die beiden Bloecke, die am 20.09.2026 im Render aufgefallen sind.
   Wortlaut unveraendert aus der Theme-Fassung uebernommen. */

/* --- Hero-Deckbild: Textfarben wie im Haus-Hero -------------------------
   Im dunklen Band stehen Kicker und Fliesstext auf charcoal, deshalb sind
   sie dort gedaempft (band-muted bzw. 74 Prozent Weiss). Im Deckbild liegt
   derselbe Text aber auf einem Foto mit 70 Prozent Abdunklung — dort trug
   band-muted am 20.09.2026 im Render nur 2,94 bis 4,19 zu 1 und fiel damit
   unter die Lesbarkeitsgrenze. Der Haus-Hero auf cex.koeln setzt an dieser
   Stelle 85 bzw. 92 Prozent Weiss; genau diese Werte stehen hier. */
.wp-block-cover .wp-block-group.is-style-cex-band .is-style-cex-eyebrow {
  color: rgba(255,255,255,.85);
}
.wp-block-cover .wp-block-group.is-style-cex-band .is-style-cex-lead {
  color: rgba(255,255,255,.92);
}

/* --- Kontaktformular im Deckbild: kompakte Handy-Fassung ----------------
   cx-components.css setzt das Formular auf dem Handy kleiner, bindet die
   Regeln aber an einen Vorfahren .hero — den gibt es nur auf den migrierten
   Seiten. Die Baukasten-Seiten liefern .hero__card ohne .hero, also fielen
   sie auf die Vollgroesse zurueck: am 20.09.2026 gemessen 695 Pixel statt
   501 auf der Startseite, was den Hero auf 1489 Pixel trieb. Hier stehen
   dieselben Werte noch einmal, gebunden an das Deckbild. Reiner Zuschnitt,
   kein Feld faellt weg: Telefon bleibt Pflicht, E-Mail bleibt freiwillig,
   der Rechtshinweis bleibt vollstaendig stehen. */
@media (max-width: 980px) {
  .wp-block-cover .hero__card { padding: 20px 18px 22px; }
  .wp-block-cover .hero__card .form__kicker {
    gap: 8px;
    margin-bottom: 6px;
    font-size: 0.6875rem;
  }
  .wp-block-cover .hero__card .form__sub {
    margin: 0 0 12px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .wp-block-cover .hero__card .form { gap: 8px; }
  .wp-block-cover .hero__card .form__label { gap: 4px; font-size: 0.75rem; }
  .wp-block-cover .hero__card .form__label > span { font-size: 0.75rem; }
  .wp-block-cover .hero__card .form__input {
    min-height: 42px;
    padding: 9px 12px;
  }
  .wp-block-cover .hero__card .form__textarea {
    min-height: 58px;
    height: 58px;
    padding: 10px 12px;
  }
  .wp-block-cover .hero__card .form__consent {
    gap: 10px;
    font-size: 0.6875rem;
    line-height: 1.35;
  }
  .wp-block-cover .hero__card .form__privacy {
    margin: 2px 0 0;
    font-size: 0.625rem;
    line-height: 1.38;
  }
  .wp-block-cover .hero__card .form__submit { min-height: 48px; width: 100%; }
  /* Leere Statuszeile nimmt keinen Platz, solange nichts zu melden ist. */
  .wp-block-cover .hero__card .form__status:empty {
    min-height: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
  }
}
