/* Top-Level-Nav: nie zweizeilig umbrechen (User-Report 2026-07-23).
   Fund: die Theme-Basis-CSS setzt .site-navigation ul.menu{flex-wrap:wrap} --
   generisch fuer beliebige WP-Menues gedacht. Der Text hier skaliert bereits
   ueber vw-Einheiten mit dem Viewport (gemessen: proportional von 1920px bis
   800px, immer 1 Zeile) OHNE sichtbaren Clamp -- ein Browser mit einer
   Mindest-Schriftgroesse (Bedienungshilfen-Einstellung) oder der kurze
   Font-Swap-Moment (Space Grotesk laedt extern via Google Fonts mit
   display:swap, Fallback "Sans-serif" ist breiter) kann die Zeile dann kurz
   ueber die verfuegbare Breite treiben -> Umbruch auf 2 Zeilen. Erzwingt
   stattdessen nowrap; im ungewoehnlichen Fall wird die Pille minimal breiter,
   statt umzubrechen -- deutlich unauffaelliger. */
.site-navigation ul.menu {
  flex-wrap: nowrap !important;
}
.site-navigation ul.menu > li {
  white-space: nowrap;
}
/* white-space vererbt sich -- das nowrap oben landet sonst auch in den
   Dropdown-Karten, deren Titel dadurch nicht umbrechen, aus ihrer Spalte
   laufen und sich gegenseitig ueberlagern. Innerhalb der Dropdowns also
   wieder normal setzen. */
.site-navigation ul.menu .sub-menu,
.site-navigation ul.menu .mega_dropdown,
.site-navigation ul.menu .menu_dropdown {
  white-space: normal;
}

/* Solutions-Dropdown (hieß bis 2026-07-27 "Formats"): thematische Spalten
   statt einer flachen Liste aus 19 Textlinks (Nutzer-Hinweis: "viel zu
   unuebersichtlich"). Bewusst weiter ohne Bilder, damit neue Solutions
   einfach dazukommen koennen. Gruppen kommen aus site-taxonomy.json. */
#menu-item-solutions .sub-menu.level-0 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.2rem 2rem !important;
  align-items: start;
}
#menu-item-solutions .sfx-fmt-group {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
}
#menu-item-solutions .sfx-fmt-group-title {
  margin: 0 0 .7rem;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #FF8585;
  white-space: nowrap;
}
/* Das Theme stylt JEDE verschachtelte Liste in der Nav als aufklappbares
   Untermenue: ".site-navigation ul.menu li ul" setzt weissen Hintergrund,
   position:absolute und display:none. Unsere Gruppenliste ist aber kein
   Flyout, sondern normaler Inhalt der Spalte -- diese vier Eigenschaften
   muessen deshalb gezielt zurueckgesetzt werden (sonst steht dort ein
   weisser Kasten). */
#menu-item-solutions .sfx-fmt-group-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .1rem;
  position: static !important;
  background: transparent !important;
  min-width: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#menu-item-solutions .sfx-fmt-group-list .menu-text > span:first-child {
  font-size: .95rem;
  letter-spacing: .01em;
  text-transform: none;
}
@media (max-width: 1100px) {
  #menu-item-solutions .sub-menu.level-0 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* "Work" und "Solutions" fuehren zu keiner eigenen Seite. Ein Klick auf den
   Menuepunkt oeffnet deshalb sein Untermenue (nav-submenu-click.js setzt die
   Klasse); der Hover des Themes bleibt unveraendert daneben bestehen. */
@media (min-width: 768px) {
  .main_header .site-navigation ul.menu li.sfx-menu-open > .menu_dropdown,
  .main_header .site-navigation ul.menu li.sfx-menu-open > .mega_dropdown { display: block; }
}