/* MARO Design-Anpassungen – zentral für alle Seiten (Datei löschen = alles wie vorher) */

/* Fließtext: größer und luftiger */
body { font-size: 17px; }
.sppb-addon-text-block .sppb-addon-content,
.sppb-addon-text-block .sppb-addon-content p,
.sppb-addon-feature .sppb-addon-text,
.sppb-addon-feature .sppb-addon-text p {
  font-size: 17px !important;
  line-height: 1.65 !important;
}
.sppb-addon-text-block .sppb-addon-content p { margin-bottom: 1em; }

/* Überschriften: feste Stufen auf allen Seiten */
/* große Titel nur im Titelbild (erster Abschnitt), sonst normale Hauptüberschrift */
h1.sppb-addon-title { font-size: clamp(30px, 3.2vw, 44px) !important; line-height: 1.2 !important; }
.maro-hero h1.sppb-addon-title, h1.sppb-addon-title.maro-hero { font-size: clamp(36px, 6.5vw, 86px) !important; line-height: 1.1 !important; }
h2.sppb-addon-title,
.sppb-addon-text-block h3.sppb-addon-title,
.sppb-addon-text-block h2.sppb-addon-title { font-size: clamp(24px, 3vw, 34px) !important; line-height: 1.25 !important; }
.sppb-addon-feature .sppb-addon-title { font-size: 21px !important; line-height: 1.3 !important; }


/* Menü: „Termin vereinbaren“ als gelber Knopf */
.sp-megamenu-parent > li.item-385 > a,
.sp-megamenu-parent > li > a[href$="termin-vereinbaren"] {
  background: #ffea00;
  color: #0b125a !important;
  border-radius: 8px;
  padding: 0 18px !important;
  line-height: 42px !important;
  font-weight: 700;
  transition: background .2s;
}
.sp-megamenu-parent > li.item-385 > a:hover,
.sp-megamenu-parent > li > a[href$="termin-vereinbaren"]:hover { background: #0b125a; color: #fff !important; }
.offcanvas-menu .menu-child > li.item-385 > a,
.offcanvas-menu li.item-385 > a { color: #0b125a !important; background: #ffea00; border-radius: 8px; padding: 8px 14px !important; display: inline-block; font-weight: 700; }

/* Handy */
@media (max-width: 767px) {
  body { font-size: 16px; }
  .sppb-addon-text-block .sppb-addon-content,
  .sppb-addon-text-block .sppb-addon-content p,
  .sppb-addon-feature .sppb-addon-text,
  .sppb-addon-feature .sppb-addon-text p { font-size: 16px !important; }
  h1.sppb-addon-title { font-size: 28px !important; }
  .maro-hero h1.sppb-addon-title, h1.sppb-addon-title.maro-hero { font-size: 36px !important; }
}

/* anklickbare Telefonnummern / E-Mails übernehmen die Textfarbe (z. B. weiß im Footer) */
a.maro-mail, a[href^="tel:"] { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }