/* AIPERIA · sitewide Nachtraege
   Wird in jeder Seite direkt nach assets/tailwind.css eingebunden, laedt also nach dem
   Tailwind-Build und vor dem Seiten-<style>. Regeln, die auf ALLEN Seiten gelten sollen,
   gehoeren hierher; alles Seitenspezifische bleibt im jeweiligen <style>.
   Hintergrund: assets/tailwind.css ist ein generierter Build und darf nicht handgepflegt
   werden, und der Build kennt nur die Breakpoints 640 / 768 / 1024px. */

/* ---------- Hauptnavigation: Hamburger frueher ----------
   Tailwind schaltet bei 1024px auf die Desktop-Leiste. Gemessen am 14.08.2026 (ada.html,
   Fensterbreiten 1024 / 1100 / 1180 / 1280px) war sie dort randvoll:
     1024px → 0px Luft, "Ueber uns" und "Let's talk" brechen auf zwei Zeilen um
     1100px → 13px Luft (der Button bleibt einzeilig, aber es sieht gequetscht aus)
     1180px → 86px Luft
   Deshalb blieb das Hamburger-Menue bis 1179.98px stehen.

   Nachgemessen am 07.09.2026, nachdem der Nav-Punkt "ADA" dazukam (index.html,
   Fensterbreiten 1200 / 1280 / 1320 / 1440px): der ADA-Eintrag kostet 60px plus
   28px Spaltenabstand, die deutsche Leiste braucht damit 1082px Inhaltsbreite.
     1200px → zweizeilig ("Ueber uns" bricht um, "Let's talk" wird 62px hoch)
     1277px → 0px Luft (Kipppunkt)
     1340px → 63px Luft
   Die englische Fassung braucht 1039px, ist also nicht der Engpass.
   Umschaltpunkt deshalb von 1179.98px auf 1339.98px angehoben. */
@media (max-width:1339.98px){
  /* die Desktop-Linkleiste ist das nav direkt in der Kopfzeile (das mobile nav liegt
     in #mobileMenu und wird davon nicht getroffen) */
  #nav .justify-between > nav{ display:none !important; }
  /* "Let's talk" (Desktop-CTA) */
  #nav .justify-between > div > a.btn{ display:none !important; }
  #nav #burger{ display:flex !important; }
  /* das Menue selbst bleibt durch max-height:0 geschlossen, bis das Skript es oeffnet */
  #mobileMenu{ display:block !important; }
}