/* styles.css | https://orangewerk.simplybook.it/v2/themes/classic/css/styles.css?r=std9ddde */

body {
  /* font-family: PT-Sans,sans-serif; */
  font-family: Arial, serif;
}


/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr985j */

.h1, h1 {
  color: #f47523;
}

.preloader.__default-svg-icon{display: none;}

/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr9uc5 */

.custom-form input, .custom-form select, .custom-form textarea {
  /* background-color: #fff; */
  background-color: #f2f2f2;
}

cap short{
padding:20px;}

/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr985j */

/* Textcontainer anpassen */
.tab.tab-col .txt.short {
    height: 200px;               /* Höhe reduziert, damit weniger Text angezeigt wird */
    overflow: hidden;           /* Überschüssigen Text verstecken */
    text-overflow: ellipsis;    /* "..." anzeigen */
    position: relative;
    z-index: 1;
    padding-bottom: 40px;       /* Platz schaffen, damit der Link nicht den Text überlappt */
}

/* "Mehr erfahren"-Link unter den Text verschieben */
.tab.tab-col .txt.short .read-more {
    position: absolute !important;  /* Absolut positionieren, unabhängig vom Textfluss */
    bottom: 0px;
                   /* 5px Abstand vom unteren Rand des Containers */
    left: 0;
    right: 0;
    text-align: center;             /* Linktext zentrieren */
    color: #ff6600 !important;      /* Linkfarbe Orange */
    font-weight: bold !important;
    font-size: 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2;                     /* Link über dem Text anzeigen */
    background-color: #fff;
    padding: 10px 0;                 /* Vertikaler Abstand innerhalb des Links */
    cursor: pointer;
}




/* Überschrift-Container zentrieren */
.tab.tab-col .cap.short {
    display: flex;                 /* Flexbox aktivieren */
    justify-content: center;       /* Horizontal zentrieren */
    align-items: center;           /* Vertikal zentrieren */
    text-align: center;            /* Text innerhalb des Divs zentrieren */
    width: 100%;                   /* Volle Breite sicherstellen */
    margin: 0 auto;                /* Zentrierung, falls Margin Probleme verursacht */
    font-weight: bold;             /* Optional: Überschrift hervorheben */
    font-size: 18px;               /* Optional: Schriftgröße anpassen */
    padding: 0 !important;         /* Störende Abstände entfernen */
}


/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr985j */

.timeline-sidebar .tab .txt.short {
  /* max-height: 68px; */
  max-height: 170px;
}

/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr985j */

.timeline-sidebar .tab .txt.short {
  /* max-height: 68px; */
  max-height: 180px;
}


/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr985j */

@media (min-width: 992px) {
  .col-md-3 {
    /* width: 25%; */
    width: 35%;
  }
  .col-md-9 {
    /* width: 75%; */
    width: 65%;
  }
}


@media (max-width: 767px) {
  .tab.tab-col .txt.short, .tab_provider-col .txt.short {
    /* max-height: 68px; */
    /* max-height: 69px; */
    max-height: 274px !important;
  }
}



/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h2   {
	font-size: 25px;
}


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


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

/* styles.css | https://orangewerk.simplybook.it/v2/themes/space/css/styles.css?r=sr5lmh */

.is-widget #sb-main-container {
  /* padding-bottom: 25px; */
  padding-bottom: 0px;
padding-top:0px;
}


 #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 */
}


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


 #widget_container #widget_header   {
	/* add your css rule here */
}


 #widget_container #widget_footer   {
	/* add your css rule here */
}


 #widget_container h1.title a   {
	font-family: roboto condensed;
font-size: 12px;
}


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


 #eventForm dd.extention_data   {
	/* add your css rule here */
}


 dd.extention_data dl.zend_form dt, dd.extention_data dl.zend_form dd label   {
	/* add your css rule here */
}

#sb_sidebar_container{width: 38%}

span.read-more(marging-top: 2%}


/* widget.css | https://orangewerk.simplybook.it/uploads/orangewerk/custom_css/widget.css?r=st20czde&v=65 */

@media (min-width: 992px) {
  .col-md-9 {
    /* width: 65%; */4
    width: 40%;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {
  text-decoration:none;
  color:#f47523}


/* styles.css | https://orangewerk.simplybook.it/v2/themes/classic/css/styles.css?r=std9ddde */

.current-booking-info .cap.mg {
  /* font-family: PlayfairDisplay; */
  font-family: opensans;
}


#sb-timeline #steps #steps-content #sb_booking_content .provider-item .photo {
  position:absolute;
  top:0;
  left:0;
  width:59%;
  height:100%;
  text-align:center;
  background-repeat:no-repeat;
  border-radius:3px
}

.preloader img-full{
width: 50%;
}

txt short{
font-size: 23px;}