/* =========================================================
   BKS MOBILE-OPTIMIERUNG  ·  greift NUR unter 1024px
   Desktop (>=1024px) bleibt zu 100% unverändert.
   Ziel: weniger Text, klarere Sofort-Botschaft, weniger Scrollen.
   ========================================================= */
@media (max-width: 1023px) {

  /* --- Sektions-Abstände mobil straffen (weniger Leerlauf-Scrollen) --- */
  main > section { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
  #hero { padding-top: 5.25rem !important; padding-bottom: 1.25rem !important; }

  /* --- Überschriften mobil kompakter (weniger Höhe, klarere Hierarchie) --- */
  #hero h1 { font-size: 1.72rem !important; line-height: 1.15 !important; }
  section h2 { font-size: 1.5rem !important; line-height: 1.2 !important; }
  section h2.text-2xl, section h2.text-3xl { font-size: 1.5rem !important; }

  /* --- Fließtext mobil auf das Wesentliche kürzen (3 Zeilen + …) --- */
  #ueber-uns p.m-about {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  }
  #standorte p.m-standorte-intro {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }

  /* --- FAQ-Antworten mobil etwas kleiner --- */
  #faq .faq-panel p { font-size: .9rem !important; line-height: 1.5 !important; }

  /* --- Referenzen & Ablauf mobil kompakter --- */
  #referenzen, #ablauf { padding-top: 2rem !important; padding-bottom: 2rem !important; }

  /* --- Body mobil gut lesbar, kein iOS-Zoom --- */
  body { font-size: 16px; }

  /* --- Optional per Klasse ausblendbare Elemente (mobil) --- */
  .m-hide { display: none !important; }
}

/* ===== Desktop-Schutz: ab 1024px alle Mobile-Eingriffe zurücksetzen ===== */
@media (min-width: 1024px) {
  .m-only { display: none !important; }
  #ueber-uns p.m-about,
  #standorte p.m-standorte-intro {
    -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important;
  }
}