/* Mehrabi Mobile – Lesbarkeit, 2026-10-29. Nur Darstellung.
   Keine Änderungen an Fix6, Navigation, Bildern, Buchung oder JavaScript. */
@media (max-width: 760px) {
  /* Auf schmalen Displays erzeugt Blocksatz unregelmäßige Wortlücken. */
  body main p:not(.section-kicker):not(.eyebrow):not(.hero-eyebrow):not(.section-label):not(.treatment-eyebrow):not(.septic-urgent-title):not(.fees-group-title),
  body main li {
    text-align: left !important;
    overflow-wrap: break-word;
  }
  /* Überschriftenhierarchie vereinheitlichen, ohne Kartenlabels zu vergrößern. */
  main > section h2,
  main > .fees-page h2 {
    font-size: clamp(26px, 6.8vw, 32px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.018em;
    text-wrap: balance;
  }
  main > section h3 {
    line-height: 1.3;
    text-wrap: balance;
  }
  main :is(.page-hero h1, .page-hero-septic h1, .home-hero h1) {
    font-size: clamp(31px, 8.4vw, 38px) !important;
    line-height: 1.13 !important;
    text-wrap: balance;
  }
  /* Ruhigerer Übergang auf den besonders text- und kartenreichen Seiten. */
  main > .septic-overview-section { padding-top: 46px !important; padding-bottom: 46px !important; }
  /* Formulare und längere Bezeichnungen auch auf 320 px nicht abschneiden. */
  main :is(input, textarea, select) { max-width: 100%; }
  main a.button, main button.button, main .booking-grid a { min-height: 44px; }
}
@media (max-width: 359px) {
  main > section h2, main > .fees-page h2 { font-size: 26px !important; }
  main :is(.page-hero h1, .page-hero-septic h1, .home-hero h1) { font-size: 30px !important; }
}