/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

.info-bar.bar-service{margin-top:0px !important;}

.promotion-item__tag{display:none !important;}

/* Anzahlung ausblenden */
.service-deposit__price .badge-line {
  display: none;
}

.service-deposit__price .txt.badge + .txt.badge {
  display: none;
}

.show-all:hover{color:black !important;}
.show-all{
background-color:black;}

.current-booking-info .calendar .header{
background-color:black;
color:white;}

.current-booking-info .booking-btns .btn.sb-book:after{
color:black;}

.current-booking-info .booking-btns .btn.sb_add_to_cal{
background-color:black;
}


.is-holiday{
color:#A579A8 !important;
}

.remember-me__small-text,
#sb_invoice_buttons_container,
.invoice-info{display:none;}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
 font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
font-size:16px;
}

#header .nav-trigger{
background:#F89C94;}

.btn-primary{
background-color:#120302;}

.current-booking-info .booking-btns .btn.sb-reschedule{
color:white !important;}


.modal-dialog .modal-content .modal-footer .btn,
#sb_sign_out_btn,
#sb_cancellation_cancel,
#sb_cancellation_confirm{
background-color:white;
border:1px  solid #1a1a1a;color:#1a1a1a !important;
}

#membership-plugin .btn-with-icon{display:none;}
.btn-with-icon:hover a{color:white !important;}

.btn-with-icon:hover,
.invoice-notification--pay:hover,
.btn-round-mask a:hover,
.btn-invoice:hover,
#sb_pay_btn:hover,
#sb_book_btn:hover,
.sb-next:hover,
.item.panel .btn-bar .custom.btn:hover,
.btn-primary:hover{
background-color:black !important;color:white !important;
opacity:1;}

label{font-weight:400;}

#membership-filters{display:none;}
.invoice-pay-page-grid_item.right-block .right-block--section-pd{border-radius:30px;box-shadow:none !important;border:0px;}

/* Preise */
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .info-bar .bar-flex-item.price .txt {
    font-size: 16px;
    font-weight: 400;
}

.recurring-sessions-count{display:none !important;}

.txt .badge-line{margin-right:4px;}

.sidebar-list-attribute-info{
font-size:10px;}

 .panel .btn-bar .wrap-read-more .read-more .part,
.to-invoices-list,
a{
color:#1a1a1a !important;
}

#main-content{padding-bottom:40px;}

/* Service Items */

@media (min-width: 481px) {
.service-item img,
.category-item img,
.product-item .img img,
.membership-item img{
border-radius: 30px 0px 0px 30px !important;
}
}

/* MOBILE */
@media(max-width:480px){
#sb_invoice_buttons_container{
display:none;}


#sb-timeline #steps #steps-content #sb_booking_content .item.panel .mobile-title .title {
    justify-content: center;
font-weight:800;

}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container{
display:inherit !important;
overflow-x:hidden;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container{
max-width:98%;}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container{
max-height:inherit;}

}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content .collapse-content:before,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel>.wrap-collapse-content .collapse-content:before,
.collapse-content:before
{
content:"";height:0px !important;}
.collapse-content .biggest-previev{display:none;}
.service-item .biggest-previev img{
border-radius:0px !important;}

.timeline-sidebar .service-item img{
border-radius: 4px !important;
}


/* Navigation */
#sb-timeline #steps-nav{
box-shadow: 0 0 1px .75px rgba(0, 0, 0, .2);
}

#sb_main #sb-main-container .return-btn a:hover, #sb_main #sb-main-container #sb_back_button a:hover {
    color: #030403 !important;
}

/* Panel */
#sb-timeline #steps #steps-content #sb_booking_content .item.panel,
.slots-weekly-view-section,
#sb_dateview_container,
.detail-step-wrap,
#booking-result-view .tab,
.paid-attribute-wrapper,
.membership-item {
border-radius:30px !important;
box-shadow:none;
background: white;
}

.paid-attr__item{
border-radius:30px !important;
box-shadow:none !important;
background: #F7F7F7 !important;
}

#main-content{
background-color:#f7f7f7;}

/* Checkboxen */
#sb-main-container .custom-checkbox input:checked + .custom-label{
background-color:black !important;
border-color:#black !important;
}

/* Terminauswahl */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col{
min-width:inherit;}

/* Navigation */
#sb-timeline #steps-nav{min-height:60px;}
#sb-timeline #steps-nav #menu-active-bg,
#sb-timeline #steps-nav li{
height:60px;
min-height:60px;}

#sb-timeline #steps-nav li:first-child:after,
#sb-timeline #steps-nav li.passed+li:not(.passed):after{
border-top: 30px solid;
    border-left: 20px solid;
    border-bottom: 30px solid;
}

/* Textfarben */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header span{
color:#130403 !important;
}

#footer a{
color:#130403 !important;
}

/* Textgrößen */
.title-main, h4{
font-size:22px;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .license-links-container{
font-size:14px;
font-weight:400;}

/* Eingabefelder */
#sb_google_translate .custom-form select.goog-te-combo, .custom-form #sb_google_translate select.goog-te-combo, .custom-form input:not([type=checkbox]), .custom-form select.form-control{
    border: 0px;
    border-bottom: 1px solid gray;
}

.control-label.required:after{
font-size:16px;
}

/* Buttons */
.sb-cell.free.hovered, .sb-cell.free:hover{
background-color:#F7E8F8 !important;}
#main-buttons{
display:none !important;
}

.sb-book{
    background-color: #fff !important;
    border-color: #ccc;}

#sb_terms_and_conditions a{
color:#130403 !important;
}

#sb_menu_list_items_container > .menu-item:nth-child(2) {
  display: none !important;
}

/* Buttons abrunden */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected{
border-radius:50%;
}


#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell{
border-radius:25px;
padding:10px 3px;
min-height:10px;
}

.btn{
border-radius:25px !important;
padding:10px 64px;
min-height:10px !impportant; 
color: white !important;
}


/* BESTÄTIGUNGSSEITE */
#booking-result-view #sb_bookings_list>div .booking-item{
width:100%;
}

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

@media(max-width:767px){
body{
font-family: "Inter", sans-serif !important;
}
}