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

/* ✅ Kleiner Abstand oben im Inhalt – nur mobil */
@media (max-width: 768px) {
	div.ui-widget-content {
		padding-top: 10px !important;
	}
}


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


/* ✅ Schriftfarbe aller Pseudo-Buttons auf Weiß */
div.btn a,
div.btn.select a,
div.btn.custom a {
	color: #ffffff !important;
}

/* ✅ Icon zentrieren in mobiler Ansicht */
@media (max-width: 768px) {
	.item-container__icon--sign-in {
		display: block !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
}
/* ✅ Weiße Schriftfarbe & semi-bold für alle Buttons */
a.btn {
    color: #ffffff !important;
    font-weight: 500 !important;
}

#about-us .title.title--h3 {
   
    font-weight: bold;         /* Optional */
    font-size: 1.5rem;         /* Optional */
}

/* Originaltext ausblenden */
#about-us .title.title--h3 {
    font-size: 0 !important;
}

/* Neuer Text einfügen */
#about-us .title.title--h3::after {
    content: "Unsere Standorte";
    font-size: 1.5rem;
}

/* Rote Farbe für fette Studio-Namen im About-Us-Bereich */
#about-us .txt b {
    color: #53252e !important;
}

/* ✅ "Buchen"-Button volle Containerbreite */
.buttons-container,
.sb-book-btn-container {
    width: 100% !important;
    max-width: 100% !important;
}

.sb-book-btn-container button#sb_book_btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* ✅ Hide only the invoice date & due date section */
#sb_invoice_container .invoice-info {
    display: none !important;
}

/* ✅ Push Notification Bereich nur im Buchungs-Popup ausblenden */
.modal-dialog.subscribe-component--popup .subscribe-component.in {
    display: none !important;
}