/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}
li:nth-child(1) {
  display: none !important;
}
a[href*="reviews"] {
  display: none !important;
}
/* Google Translate Banner (blaue Leiste oben) ausblenden + Layout fixen */
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
}

body.skiptranslate,
body {
  top: 0 !important;
  margin-top: 0 !important;
  position: static !important;
}

/* Falls noch ein kleiner Rest bleibt (manchmal bei manchen Themes) */
.skiptranslate > iframe,
.goog-te-combo + iframe {
  height: 0 !important;
  display: none !important;
}
/* Nur Abdunkel-Overlays deaktivieren – Scroll bleibt erhalten */

#sb_content::before,
#sb_content::after,
#content-view::before,
#content-view::after,
.masked::before,
.masked::after,
body::before,
body::after,
.overlay,
.dark-overlay,
.scroll-overlay,
[class*="overlay"],
[class*="darken"] {
  opacity: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

#sb_content,
#content-view,
#main-buttons,
.data_wrap,
.inner,
.company-logo-and-name,
.default,
#main_description {
  opacity: 1 !important;
  filter: brightness(100%) !important;
  background: transparent !important;
  mask: none !important;
  -webkit-mask: none !important;
}
p.title-small.filter--header_hint {
    white-space: pre-line !important;
    line-height: 1.7 !important;          /* etwas mehr Luft pro Zeile */
    margin: 0 !important;
    padding: 0 !important;
}

/* Jede Leerzeile (doppelter Umbruch) → deutlich mehr Abstand */
p.title-small.filter--header_hint br + br {
    display: block !important;
    margin-bottom: 1.8em !important;      /* ← hier den Abstand einstellen: 1.5em = normaler Absatz, 2.5em = sehr groß */
    content: "";
}

/* Für die Liste: Simuliere Bullets mit ::before (funktioniert nur, wenn du vor jedem Paket z. B. ein Leerzeichen + - oder * setzt) */
p.title-small.filter--header_hint {
    counter-reset: list;                   /* falls du nummerieren willst */
}