/* =========================================================
   Responsive-Tweaks (custom, additiv)
   Verbessert die Darstellung auf mobilen Geräten, ohne das
   Mobirise-Theme zu verändern. Wird NACH mbr-additional.css
   eingebunden.
   ========================================================= */

/* --- Preis-/Nebenkosten-/Zusatzleistungs-Tabellen ---------
   Auf schmalen Screens brachen die Saison-Begriffe mitten im
   Wort um ("Hochsais on"). Kompaktere Zellen + kleinere Schrift
   + kein Umbruch innerhalb eines Wortes. */
@media (max-width: 575px) {
  .section-table table th,
  .section-table table td {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .section-table table th {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .section-table table td {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
  }
  .section-table table {
    width: 100% !important;
  }
  .section-table table .head-item,
  .section-table table .body-item {
    font-size: 0.9rem !important;
    line-height: 1.3;
    word-break: keep-all;     /* Wörter wie "Hochsaison" nicht zerreißen */
    overflow-wrap: normal;
  }
}

/* Sehr schmale Geräte (z. B. 320 px): noch etwas kompakter */
@media (max-width: 360px) {
  .section-table table .head-item,
  .section-table table .body-item {
    font-size: 0.8rem !important;
  }
  .section-table table th,
  .section-table table td {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }
}

/* --- Wohnungs-Karten: Buttons auf kleinen Screens -----------
   "Bildergalerie / Belegung / Preise" sauberer umbrechen und
   gleichmäßige Abstände statt unregelmäßigem Wrapping. */
@media (max-width: 575px) {
  .features2 .card-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
  }
  .features2 .card-btn .btn {
    margin: 0 !important;
    flex: 1 1 auto;
    text-align: center;
  }
}

/* --- Anfrageformular: Vorname/Name nicht zu eng nebeneinander */
@media (max-width: 420px) {
  #formbuilder-2i .text-multiple {
    margin-bottom: 0.5rem;
  }
}

/* --- Datenschutz-Überschrift: langes Wort "Datenschutzerklärung"
   passte auf dem Handy nicht einzeilig (brach zu "…erklärun/g").
   Flüssig skaliert, damit es von schmalen bis breiteren Handys
   einzeilig bleibt; nach oben wie das Theme gedeckelt. */
@media (max-width: 575px) {
  .cid-rRwclBCAsu .mbr-section-title {
    font-size: clamp(1.3rem, calc(11.43vw - 14.17px), 1.9rem) !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word;
  }
}