/* TEXTE*/

.time-legend:before {
    content: 'Du kannst mehrere Zeiten buchen, indem Du zunächst eine Zeit auswählst und im nächsten Schritt weitere Zeiten hinzufügst. Achtung: Merke Dir gut, welche Zeit Du als erstes gebucht hast, um Deine weiteren Zeiten direkt anschließend daran zu sichern. ​';
}

#sb_multiple_booking_list_container #sb_multiple_booking_list .current-booking-info:last-child:after {
 content: 'Den Gesamtpreis deiner Buchung siehst Du im nächsten Schritt.';
}

/* STYLES */

#sb_content {
/*padding-top: 150px;*/
}

body * {
font-family: Roboto, helvetica, arial, sans-serif;
-webkit-font-smoothing: antialiased;
}

.btn {
text-transform: uppercase;
}



#footer,
#sb_sidebar_container,
#time-settings,
#main-buttons {
display: none !important;
}
body {
background: transparent;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item {
width: 25%
}

@media(max-width: 768px){
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item {
width: 100%
}
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .timeline-sidebar .item {
width: 100%
}
#sb_sidebar_container + [class^=col] {
width: 100%
}

body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner {
    display: flex;
    height: auto;
    align-items: flex-end;
}

body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content {
overflow-y: hidden;
overflow-x: auto;
}

body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content,
body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-sidebar {
display: block
}

body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content #sb_time_flexible_provider_container .provider-col .provider-photo .photo {
    width: 200px;
    height: 160px;
    min-width: 100%;
    background-position: center center;
    margin: 0 auto;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;

}

body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content #sb_time_flexible_provider_container .provider-col {
width: 100%;
max-width: 400px;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short p {
font-weight: normal;
font-size: 16px;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content {
    display: flex;
    flex-direction: column;
}
body .service-item .tab.tab-col .txt.short {
height: auto;
flex-grow: 1;
}

#main #main-content #sb_content #sb-timeline #steps-nav #menu-active-bg,
#main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li:first-of-type,
#main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed, #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed+li {
 border-bottom: 4px solid #a51617;
}

body #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small, 
body #sb-timeline #steps-nav li:not(.passed) .title-small {
color: #666666;
}

body #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed + li:not(.passed) .content .title-small,
body #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li:first-of-type .content .title-small {
color: #ffffff;
}


#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content #sb_time_flexible_provider_container{
/*    justify-content: center; */
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content #sb_time_flexible_provider_container .provider-col .provider-item .time-slot:first-child:after,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner .inner-content #sb_time_flexible_provider_container .provider-col .provider-item .time-slot:first-child:before {
display: none;
}
body .service-item .tab.tab-col .excerpt-info .tab-pd .content .read-more {
 position: relative;
right: auto;
bottom: auto;
top: auto;
}

body .provider-item.item .read-more, 
body .tab.tab-col .excerpt-info .tab-pd .content .read-more,
body .item .read-more, 
body .membership-item .read-more {
color: #dedede;
    text-align: center;
    width: 100%;
    display: block;
    border-top: 1px solid #ffffff4a;
    padding-top: 20px;
    font-size: 15px;
    margin-top: 20px;
}


body .provider-item.item .read-more:hover, 
body .tab.tab-col .excerpt-info .tab-pd .content .read-more:hover,
body .item .read-more:hover, 
body .membership-item .read-more:hover {
color: #ffffff;
}

body .tab.tab-col .cap.short {
    border-bottom: 1px solid #ffffff4a;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
    height: 75px;
    line-height: 1.2;
    font-size: 20px;
text-align: center;
}

body .tab.tab-col .cap.full {
text-align: center;
}


.time-legend * {
display: none;
}
.time-legend .available .circle {
border: 1px solid white;
} 

.time-slot {
position: relative;
}
.time-slot:hover:after {
opacity: 0;
transform: translate(-50%, 5px);
}


#sb_multiple_booking_list_container #sb_multiple_booking_list .current-booking-info:after{
    display: block;
    white-space: normal;
    max-width: 500px;
    padding: 40px 0px;
    font-size: 20px;
    margin: 0 auto;
    line-height: 1.4;
}

.time-slot:after {
transition: all 300ms ease-out;
pointer-events: none;
opacity: 0;
background: black;
padding: 20px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 30px);
z-index:100;
width: 100%;
display: block;
white-space: normal;
}

.time-legend:before {
    display: block;
    white-space: normal;
    max-width: 500px;
    padding: 40px 0px;
    font-size: 20px;
    margin: 0 auto;
    line-height: 1.4;
    text-align: center;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .time-legend {    justify-content: center;
    flex-direction: column;
    align-items: center;
}

body .accordion .collapse {
display: block !important;
height: auto !important;
} 

body .accordion .title:after {
display: none !important;
} 

main #main-content #sb_content .section#client-login {
    background-color: transparent;
    color: white; 
}
#client-login .client-login-bar {
background: #f6f6f61f;
}

.tab.tab-col .full-info {
    max-width: 450px;
margin: 0 auto;
}
.tab.tab-col .full-info .tab-pd {
    max-height: 340px;
    overflow: auto;
}