/* SPADT Bauunternehmen – Layout- & Mobil-Optimierung (Migration von one.com)
   1) Behebt einen minimalen horizontalen Überlauf auf allen Geräten.
   2) Behebt den nicht-responsiven Header, der auf Smartphones horizontales
      Scrollen verursachte (Menü + Kontakt-Buttons liefen auf ~1071px Breite).
   Wir nutzen `overflow-x: clip` (nicht `hidden`), damit die klebende
   (sticky) Kopfzeile weiterhin funktioniert. Der Desktop bleibt optisch
   unverändert; die Header-Umbrüche greifen nur bis 768px. */

html, body {
  overflow-x: clip;
  max-width: 100%;
}

@media (max-width: 768px) {
  /* Kopfzeile: die zwei Blöcke (Menü / Kontakt) untereinander stapeln */
  .con-kit-molecule-header-v2__atoms {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
    justify-content: center !important;
  }
  .con-kit-molecule-header-v2__atoms > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Navigationsmenü über volle Breite, Einträge umbrechen und zentrieren */
  .con-kit-atom-menu-v2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .con-kit-atom-menu-v2 ul {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Kontakt-Button-Gruppe umbrechen statt überlaufen */
  .con-kit-component-link-group {
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: center !important;
  }
}