/* Duo Atemlos – Mobil-Optimierung 25.10.2026 (nach atemlos-v2.css laden) */
@media(max-width:720px){
  /* Kopfzeile einzeilig: Cookie-Einstellungen wandern in den Fußbereich */
  header .nav,header .nav.nav-mobile-ready{min-height:72px!important;padding:8px 0!important;grid-template-areas:"logo burger phone"!important}
  header .cookie-nav-button,.cookie-consent-settings-link{display:none!important}
  /* Größere Tippflächen im Fußbereich und bei Telefon/E-Mail im Text */
  footer .foot a,.cookie-footer-link{display:inline-block;padding:11px 2px}
  .cookie-footer-link{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
  main a[href^="tel:"]:not(.btn):not(.phone),main a[href^="mailto:"]:not(.btn){display:inline-block;padding:8px 0}
}

/* iPad / kleine Laptops (721–1100 px): Menü passte nicht in eine Zeile, „Presse“, „Kontakt“
   und die Telefonnummer lagen außerhalb des Bildschirms. Jetzt: Logo + Telefon oben, Menü darunter. */
@media(min-width:721px) and (max-width:1100px){
  header .nav,header .nav.nav-mobile-ready{grid-template-columns:auto 1fr auto!important;grid-template-areas:"logo . phone" "menu menu menu"!important;row-gap:2px!important;padding-bottom:6px!important}
  header .nav .menu{grid-area:menu!important;flex-wrap:wrap!important;justify-content:center!important;width:auto!important}
  header .nav .phone{grid-area:phone!important;justify-self:end!important}
  header .cookie-nav-button,.cookie-consent-settings-link{display:none!important}
  #programme .panel h3{font-size:clamp(18px,2.6vw,24px)!important;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
}