/* Handy 180: feste Leiste „Nächste Ausgabe“ und Chat-Knopf kompakt, keine Inhalte über den Rand. */
@media (max-width: 760px) {
  /* Leiste: links Ausgabe + Anzeigenschluss, rechts „Anzeige buchen“. Rund 64 px statt 282 px. */
  html body .site-deadline-spacer { height: 68px !important; }
  html body .site-deadline-bar { border-top-width: 3px !important; }
  html body .site-deadline-inner {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 2px 10px !important;
    min-height: 0 !important; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important; align-items: center !important;
  }
  html body .site-deadline-title { grid-column: 1 !important; grid-row: 1 !important; padding: 0 !important; border: 0 !important; display: block !important; min-width: 0 !important; }
  html body .site-deadline-title span { display: none !important; }
  html body .site-deadline-title strong { display: block; font-size: 14px !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
  html body .site-deadline-dates { grid-column: 1 !important; grid-row: 2 !important; display: block !important; gap: 0 !important; min-width: 0 !important; }
  html body .site-deadline-dates > span:first-child { display: none !important; }
  html body .site-deadline-dates > span { display: flex !important; gap: 5px !important; align-items: baseline; white-space: nowrap; overflow: hidden; }
  html body .site-deadline-dates small { display: none !important; }
  html body .site-deadline-dates b { font-size: 12px !important; font-weight: 700; }
  html body .site-deadline-dates b::before { content: 'Schluss '; color: #bce88e; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
  html body .site-deadline-actions { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: flex !important; }
  html body .site-deadline-bar .site-deadline-schedule { display: none !important; }
  html body .site-deadline-bar .site-deadline-book { min-height: 40px !important; padding: 9px 12px !important; font-size: 11px !important; }

  /* Chat: nur noch die runde Fori-Taste. Text bleibt für Screenreader lesbar. */
  html body .fc47-widget { right: 10px !important; width: auto !important; }
  html body .fc47-widget .fc47-launch {
    width: 58px !important; height: 58px !important; padding: 4px !important; border-radius: 50% !important;
    justify-content: center !important; gap: 0 !important; margin-left: auto !important;
  }
  html body .fc47-widget .fc58-launch-copy {
    position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; white-space: nowrap !important;
  }
  html body .fc47-widget .fori59-chat-launch .fori59-image { max-width: 46px !important; max-height: 46px !important; }
  /* Geöffneter Chat nutzt die volle Breite */
  html body .fc47-widget:has(#fc47-panel:not([hidden])) { left: 10px !important; width: auto !important; }

  /* Spiegelsaal: bündig von Rand zu Rand, ohne seitliches Scrollen */
  html body .mh179 { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }

  /* Lange Wörter in Überschriften umbrechen statt abschneiden */
  html body main h1, html body main h2 { overflow-wrap: break-word; }
  html body .schedule-hero .wrap > div { min-width: 0; }
  html body .schedule-hero h1 { font-size: min(8.2vw, 40px) !important; }
}