/* Ersatz für das, was auf der Joomla-Seite zur Laufzeit per JavaScript
   (SP Page Builder / Helix) gesetzt wurde. */
.sp-slider{height:450px}
@media (min-width:768px){.sp-slider{height:600px}}
.sp-slider .sp-item.active{visibility:visible;opacity:1}
.js .sppb-wow{visibility:hidden}
.js .sppb-wow.animated{visibility:visible}
@media (prefers-reduced-motion:reduce){.js .sppb-wow{visibility:visible}}
/* Einblenden: Transitions kurz aussetzen, damit die Sichtbarkeit sofort umspringt */
.wow-instant, .wow-instant * { transition: none !important; }

/* ---- Feinschliff Mobil (nach dem 1:1-Nachbau ergaenzt) ---- */
@media (max-width: 575.98px) {
  /* Textbloecke ohne Seitenrand: Abstand zum Bildschirmrand */
  .sppb-container-inner .sppb-addon-wrapper:not(.addon-root-js-slideshow) { padding-left: 16px; padding-right: 16px; }
  /* lange E-Mail-Adresse in den Kontakt-Ueberschriften passt sonst nicht auf den Schirm */
  .fi-mail { display: inline-block; max-width: 100%; font-size: min(1em, 4.6vw); overflow-wrap: anywhere; }
}
/* Hero-Ausschnitte auf schmalen Schirmen (Bildhoehe 450 px): wichtige Motive im Bild halten */
@media (max-width: 767.98px) {
  .sp-slider .sp-background[style*="shutterstock_485074303"] { background-position: 11% center; }
  .sp-slider .sp-background[style*="fridays-for-franchising-header"] { background-position: 80% center; }
}

/* ---- Feinschliff Karten (Tablet/Desktop) ---- */
/* eine oder zwei Karten in der Reihe stehen mittig statt links mit leerem Rest */
.sppb-row:has(.sppb-addon-feature) { justify-content: center; }
/* Tablet: zwei statt drei Karten pro Reihe, damit der Text nicht in schmalen Spalten bricht */
@media (min-width: 768px) and (max-width: 991.98px) {
  .sppb-row > .sppb-row-column:has(.sppb-addon-feature) { max-width: 50% !important; flex-basis: 50% !important; }
}
/* leere Platzhalter-Spalten (SP Page Builder) ausblenden, sonst stehen 1-2 Karten links mit leerem Rest */
.sppb-row > :is(.sppb-row-column, [class*="sppb-col-md"]):has(> .sppb-column > .sppb-column-addons:empty) { display: none; }

/* Laenderflaggen auf dem Handy: drei pro Reihe statt einzeln untereinander (Seite war >10.000 px lang) */
@media (max-width: 575.98px) {
  .sppb-row:has(.sppb-addon-image-shape) > .sppb-row-column { max-width: 33.3333% !important; flex-basis: 33.3333% !important; }
  .sppb-section:has(.sppb-addon-image-shape) { padding-top: 14px !important; padding-bottom: 14px !important; }
}

/* Flaggen-Beschriftungen: auf Tablet und Handy kleiner, sonst laufen die Namen ineinander */
@media (max-width: 991.98px) {
  .sppb-row:has(.sppb-addon-image-shape) .sppb-addon-title { font-size: 15px !important; line-height: 20px !important; overflow-wrap: anywhere; }
  .sppb-section:has(.sppb-addon-image-shape) { padding-top: 30px !important; padding-bottom: 30px !important; }
  /* Partner-Logos auf den Laenderseiten nicht ueber die ganze Kartenbreite aufziehen */
  .sppb-addon-feature .sppb-img-container img[src*="/files/2025/09/18/"],
  .sppb-addon-feature .sppb-img-container img[src*="/files/2025/09/22/bildschirmfoto"],
  .sppb-addon-feature .sppb-img-container img[src*="/files/2025/09/22/cropped-logo"] { max-width: 300px; height: auto; }
}
@media (max-width: 575.98px) {
  .sppb-section:has(.sppb-addon-image-shape) { padding-top: 14px !important; padding-bottom: 14px !important; }
}

/* Datenschutzerklaerung: Zwischenueberschriften (h2 im Textblock) etwas abheben */
.sppb-addon-text-block .sppb-addon-content h2 { font-weight: 600; margin-top: 1.6em; margin-bottom: .4em; }