/* Versteckt  die Kapazität und die Termindauer */
.service-card-dc{
  display: none !important;
}

.ui-filter.sfh__left__sort {
  display: none !important;
}
@media (min-width: 1024px) {
  .ui-filter.sfh__left__sort {
    display: none !important;
  }
} 
/* Versteckt  die Kapazität und die Termindauer
div.ser-mob-filters__content__section {
    display: none !important;
}

div#el-id-1024-2 {
    display: none !important;
}
 */

.ser-mob-filters__content__section h6 {

display: none !important;

}


div#el-id-1024-2 {
    display: none !important;
}


/* ausblenden add termin zu kalender auf der dankesseite */

.bs-success__bottom {
    display: none!important;
}

.services__header__title {
    display: none!important;
}











/* --------------------------------------------------
   TRAFFT HEADER: "Jetzt Buchen" sofort ausblenden
   Wichtig: Dieser Teil gehört ins CSS-Feld, nicht ins JS.
   Dadurch wird der Link bereits vor dem JavaScript versteckt.
-------------------------------------------------- */

.header__content__primary__left__items a[href="/booking"],
.header__content__primary__left__items a[href*="/booking"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Versteckt auch das umschliessende Menü-Element */
.header__content__primary__left__items > div:has(a[href="/booking"]),
.header__content__primary__left__items > div:has(a[href*="/booking"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Fallback, falls :has() nicht greift:
   Im gelieferten HTML ist "Jetzt Buchen" der 4. Menüpunkt. */
.header__content__primary__left__items > div:nth-child(4) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Eigene neue Header-Links */
#semera-trafft-custom-header-links {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin-left: 0 !important;
  flex-wrap: wrap !important;
}

#semera-trafft-custom-header-links a {
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

#semera-trafft-custom-header-links a:hover {
  text-decoration: underline !important;
}


/* --------------------------------------------------
   TRAFFT MOBILE + DESKTOP:
   "Jetzt Buchen" sofort ausblenden
   -------------------------------------------------- */

/* Blendet alle direkten Booking-Links aus.
   Wichtig für Mobile, weil das Hamburger-Menü separat gerendert wird. */
a[href="/booking"],
a[href*="/booking"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Blendet auch das umschliessende Element aus,
   sofern der Browser :has() unterstützt. */
div:has(> a[href="/booking"]),
div:has(> a[href*="/booking"]),
li:has(> a[href="/booking"]),
li:has(> a[href*="/booking"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Desktop Linkgruppe */
#semera-trafft-custom-header-links {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

#semera-trafft-custom-header-links a {
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#semera-trafft-custom-header-links a:hover {
  text-decoration: underline !important;
}

/* Mobile Linkgruppe im Hamburger-Menü */
.semera-trafft-custom-mobile-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 14px 0 !important;
}

.semera-trafft-custom-mobile-links a {
  display: inline-block !important;
  color: inherit !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.semera-trafft-custom-mobile-links a:hover {
  text-decoration: underline !important;
}

/* --------------------------------------------------
   TRAFFT MOBILE BREAKPOINT
   Mobile Menü bereits unter 1065px verwenden
-------------------------------------------------- */

@media (max-width: 1064.98px) {

  /* Desktop-Menü ausblenden */
  .header__content__primary__left__items,
  #semera-trafft-custom-header-links {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Hamburger-Menü einblenden */
  .header__content__primary__right__hamburger {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Mobile Zusatzlinks als H5 darstellen */
.semera-trafft-custom-mobile-links h5 {
  margin: 0 !important;
  padding: 0 !important;
}

.semera-trafft-custom-mobile-links h5 a {
  color: inherit !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.semera-trafft-custom-mobile-links h5 a:hover {
  text-decoration: underline !important;
}