/* =====================================================================
   Kontaktseite /kontakt (DE+EN, eigene Seite seit 2026-10-03, Yusuf)
   Hero Navy, darunter Formular + Standort/Karte als weiße Kachel (gad-sheet).
   ===================================================================== */
main #content-start.kp-hero {
  background: linear-gradient(180deg, #0c2149 0%, #0b1c3d 100%) !important;
  color: #fff; padding: 72px 0 64px; --hero-lead-color: rgba(255,255,255,.8);
}
main #content-start.kp-hero .eyebrow { color: #7fb4ff; }
main #content-start.kp-hero h1 { color: #fff; }
body main #content-start.kp-hero .kontakt-hero-sub { color: rgba(255,255,255,.8) !important; }
main #content-start.kp-hero h1 .accent-blue { color: #5aa6ff; }
.kp-hero .kontakt-hero-mini-inner { align-items: flex-end; }
.kp-quick { display: flex; flex-direction: column; gap: 10px; min-width: 280px; }
.kp-hero .kontakt-hero-mail { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); }
.kp-hero .kontakt-hero-mail:hover { border-color: rgba(255,255,255,.45); }
.kp-hero .kontakt-hero-mail-label { color: rgba(255,255,255,.72); }
.kp-hero .kontakt-hero-mail-addr { color: #fff; }

/* Formular-Kachel: Felder 16 px (kein Zoom auf iOS) */
.kp-anfrage .contact-form .form-group :is(input, select, textarea) { font-size: 16px; }
.kp-anfrage .kontakt-sidebar { scroll-margin-top: 90px; }

@media (max-width: 760px) {
  main #content-start.kp-hero { padding: 44px 0 40px; }
  .kp-quick { min-width: 0; width: 100%; }
}
@media (hover: none) {
  .kp-hero .kontakt-hero-mail:hover { transform: none; }
}