/* CSS mit Anpassungen des Kunden */
/* Vor die btn Klasse noch ein "e-cut_" einf�gen*/


#button-wrap-inner {
    border: 0 solid #ccc;
    padding: 35px 0;
    text-align: center;
}


body {
	

	background-color: #000000; /* Default: #000000; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logoimage {
	/*max-width: 1536px;  Default: 350px; */
		width: 100%;
}
#subheadline {
    display: block;
    width: 100%;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
		margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: rgba(, , , 0.5);	color: 
	#000000;  
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}	

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #b2a17c; /* Default: #A7EAFF; */
    color: #636363; /* Default: #333333; */
 }
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
	background-color: #ffffff; /* Default: #FFFFFF; */
    color: #636363; /* Default: #333333; */
 }
.sektion_ueberschrift_buchung {
	background-color: #b2a17c; /* Default: #666666 */
}

.sidebar_header, #historie_mehr_zukunft, #historie_mehr_vergangenheit, #historie_mehr_vergangenheit_modal, #historie_minimize, #historie_minimize_modal, #ozeiten {
	background-color: #949494; /* Default: #666666 */
    color: #ffffff; 

}
.termin_zukunft {
	background-color: #affb8b; /* Default: #00ff99; */
}
.termin_vergangenheit {
	background-color: #ababab; /* Default: #ababab; */
}
#slideit label.open {
	background: none repeat scroll 0 0 #b2a17c; /* Default: #0096d6; */
	color: #ffffff; /* Default: #0096d6; */
}
#slideit .nav-labels,  #slideit input.send, #slideit a.reset-pass  {
	background: none repeat scroll 0 0 #b2a17c; /* Default: #0096d6; */
}
/* Slideit Login / Registration						*/
/* Schriftfarbe im Login und Registrierungsfenster	*/
/* Default #999999									*/

#slideit a.reset-pass {
    color: #999999; /* Default: #999999; */
}

#slideit input.send {
    color: #999999; /* Default: #999999; */
}

#slideit input#login:checked ~ .nav-labels label.log-lb, #slideit input#register:checked ~ .nav-labels label.reg-lb {
    color: #999999; /* Default: #999999; */
}

#slideit .nav-labels label { 
	color: #ffffff; /* Default: #999999; */

}

#slideit p.info {
    color: #999999; /* Default: #999999; */
}

#slideit p.info.small {
    color: #999999; /* Default: #999999; */
}


#slideit label.open:hover,
#slideit label.open:focus,
#slideit input.send:hover,
#slideit input.send:focus,
#slideit a.reset-pass:hover,
#slideit a.reset-pass:focus {
	background: #757786; /* Default: #757786; */
	color: #ffffff; /* Default: #0096d6; */
}
#terms-open .terms-window span.title {
	background: none repeat scroll 0 0 #b2a17c; /* Default: #0096d6; */
	color: #ffffff; /* Default: #0096d6; */
}

/* ---------------------------------------------------
	SCHRIFTEN
    - Sidebar �berschrift
    - Sidebar n�chste Termine
    - Sidebar vergangene Termine
    - Dropdown Box
    - Sidebar Inhalte
    - Login Box
    - Login Header

------------------------------------------------------*/

.sidebar_header {
	color: #ffffff;}
.termin_zukunft {
	color: #636363;}
.termin_vergangenheit {
	color: #ffffff;}
.sektion_ueberschrift_buchung {
	color: #ffffff;}

/* Spezifische Regel für Accordion-Buttons um style.css zu überschreiben */
#dienstleistungen_accordion .accordion-button:not(.collapsed).sektion_ueberschrift_buchung {
	background-color: #b2a17c; !important /* Überschreibt style.css und Bootstrap */
	color: #ffffff; !important /* Überschreibt style.css und Bootstrap */
}

/* Accordion-Text linksbündig ausrichten und Icons rechts positionieren */
#dienstleistungen_accordion .accordion-button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#dienstleistungen_accordion .accordion-text {
	text-align: left;
}
#sidebar_sektion_salon_adresse, #sidebar_sektion_salon_zeiten {
	color: #000000;}

/* ------------------------------------------------------
Eigenes Webdesigner-CSS aus den Einstellungen 
------------------------------------------------------ */

body {  background-color: #f7ead5 !important;  color: #4c342a !important;  --bs-link-color: #784021;  --bs-link-color-rgb: 120, 64, 33;  --bs-link-hover-color: #6a3214;  --bs-link-hover-color-rgb: 106, 50, 20;}#subheadline,#sidebar_sektion_salon_adresse,#sidebar_sektion_salon_zeiten {  color: #4c342a;}header.header_wide {  background: linear-gradient(180deg, #70371a, #59250b);}#logoimage {  mix-blend-mode: screen;}.sektion_ueberschrift_buchung {  background-color: #70371a;  color: #fdf3e3;}#dienstleistungen_accordion .accordion-button:not(.collapsed).sektion_ueberschrift_buchung {  background-color: #70371a;  color: #fdf3e3;  box-shadow: none;}.sektion_ueberschrift_buchung.accordion-button::after {  filter: invert(1) grayscale(1) brightness(1.7);}.sidebar_header,#historie_mehr_zukunft,#historie_mehr_vergangenheit,#historie_mehr_vergangenheit_modal,#historie_minimize,#historie_minimize_modal,#ozeiten {  background-color: #804522;  color: #fdf3e3;}body .table-striped > tbody > tr:nth-child(odd) > td,body .table-striped > tbody > tr:nth-child(odd) > th {  background-color: #f0dfc0;  color: #4c342a;}body .table-striped > tbody > tr:nth-child(even) > td,body .table-striped > tbody > tr:nth-child(even) > th {  background-color: #fdf6e9;  color: #4c342a;}.btn.btn-primary {  --bs-btn-bg: #784021;  --bs-btn-border-color: #784021;  --bs-btn-color: #fdf3e3;  --bs-btn-hover-bg: #884e2c;  --bs-btn-hover-border-color: #884e2c;  --bs-btn-hover-color: #fdf3e3;  --bs-btn-active-bg: #6a3214;  --bs-btn-active-border-color: #6a3214;  --bs-btn-active-color: #fdf3e3;  --bs-btn-disabled-bg: #b49478;  --bs-btn-disabled-border-color: #b49478;  --bs-btn-disabled-color: #fdf3e3;  --bs-btn-focus-shadow-rgb: 211, 170, 100;}.btn.btn-outline-primary {  --bs-btn-color: #784021;  --bs-btn-border-color: #784021;  --bs-btn-hover-bg: #784021;  --bs-btn-hover-border-color: #784021;  --bs-btn-hover-color: #fdf3e3;  --bs-btn-active-bg: #6a3214;  --bs-btn-active-border-color: #6a3214;  --bs-btn-active-color: #fdf3e3;  --bs-btn-focus-shadow-rgb: 211, 170, 100;}.bg-primary,.text-bg-primary {  background-color: #784021 !important;}.text-primary {  color: #784021 !important;}.form-check-input.form-check-input:checked {  background-color: #784021;  border-color: #784021;}.form-check-input.form-check-input:focus,.form-control.form-control:focus,.form-select.form-select:focus {  border-color: #784021;  box-shadow: 0 0 0 0.25rem rgba(211, 170, 100, 0.35);}.dropdown-menu.dropdown-menu {  --bs-dropdown-link-active-bg: #784021;}.nav-pills.nav-pills {  --bs-nav-pills-link-active-bg: #784021;}#selected_services_badges .service-badge,#selected_services_badges .service-badge.paket-badge {  background: #784021 !important;  color: #fdf3e3 !important;}#selected_services_badges .service-badge .remove-service {  color: #fdf3e3 !important;}#selected_mitarbeiter_badges .mitarbeiter-badge {  background: #784021 !important;  color: #fdf3e3 !important;}#selected_mitarbeiter_badges .mitarbeiter-badge .mitarbeiter-name,#selected_mitarbeiter_badges .mitarbeiter-badge .remove-mitarbeiter {  color: #fdf3e3 !important;}.dienstleistung-item.selected,.mitarbeiter-item.selected {  background: linear-gradient(135deg, #f6e8cd 0%, #fdf6e9 100%);  border-left: 4px solid #784021;  box-shadow: 0 2px 8px rgba(120, 64, 33, 0.14);}.dienstleistung-item.selected .dienstleistung-name,.mitarbeiter-item.selected .mitarbeiter-name {  color: #6a3214;}.dienstleistung-item.selected .dienstleistung-preis {  color: #59250b;}.dienstleistung-item.selected::after,.mitarbeiter-item.selected::after {  color: #784021;}.dienstleistung-item:focus-within,.mitarbeiter-item:focus-within {  box-shadow: 0 0 0 2px #f7ead5, 0 0 0 4px #784021;}.termine-grid-timeslot {  background: #f3e3c3;  color: #6a3214;}.termine-grid-timeslot:hover,.termine-grid-timeslot:focus {  background: #784021;  color: #fdf3e3;}.termine-grid-timeslot[data-bs-toggle="tooltip"]:hover {  box-shadow: 0 4px 12px rgba(120, 64, 33, 0.3) !important;}.termine-grid-timeslot[data-bs-toggle="tooltip"]:focus {  outline: 2px solid #59250b;  outline-offset: 2px;}.termine-grid-block-label {  color: #784021;}.tooltip {  --bs-tooltip-bg: #59250b;}#modalLogin .nav-tabs .nav-link {  color: #784021;}#modalLogin .nav-tabs .nav-link.active {  background-color: #784021 !important;  color: #fdf3e3 !important;  border-color: #784021;  border-bottom: 3px solid #59250b !important;}#floating_login_btn.btn-primary,#floating_logout_btn.btn-danger {  background-color: #784021 !important;  border-color: #784021 !important;  color: #fdf3e3 !important;}#floating_login_btn.btn-primary:hover,#floating_login_btn.btn-primary:focus,#floating_logout_btn.btn-danger:hover,#floating_logout_btn.btn-danger:focus {  background-color: #884e2c !important;  border-color: #884e2c !important;  color: #fdf3e3 !important;}#floating_login_btn.btn-primary:active,#floating_logout_btn.btn-danger:active {  background-color: #6a3214 !important;  border-color: #6a3214 !important;}#floating_login_btn.btn-primary i,#floating_login_btn.btn-primary .btn-text,#floating_logout_btn.btn-danger i,#floating_logout_btn.btn-danger .btn-text {  color: #fdf3e3 !important;}#slideit label.open,#slideit .nav-labels,#slideit input.send,#slideit a.reset-pass {  background: #784021;}#slideit label.open,#slideit .nav-labels label,#slideit input.send,#slideit a.reset-pass {  color: #fdf3e3;}#slideit input#login:checked ~ .nav-labels label.log-lb,#slideit input#register:checked ~ .nav-labels label.reg-lb {  color: #f3d9a8;}#slideit label.open:hover,#slideit label.open:focus,#slideit input.send:hover,#slideit input.send:focus,#slideit a.reset-pass:hover,#slideit a.reset-pass:focus {  background: #6a3214;  color: #fdf3e3;}#slideit p.info,#slideit p.info.small {  color: #4c342a;}#terms-open .terms-window span.title {  background: #70371a;  color: #fdf3e3;}.termin_zukunft {  background-color: #e7f3d9;  color: #33511f;}.termin_vergangenheit {  background-color: #eadfcc;  color: #5c4a3d;}#termine_zukunft_count {  color: #d9f2c8 !important;}#termine_vergangenheit_count {  color: #ecdfc9 !important;}.col-6:has(#termine_zukunft_count) .bi {  color: #d9f2c8 !important;}.col-6:has(#termine_vergangenheit_count) .bi {  color: #ecdfc9 !important;}
#selected_services_badges .service-badge,
#selected_services_badges .service-badge.paket-badge {
    background: none !important;
    background-color: #b2a17c !important; /* wie .sektion_ueberschrift_buchung */;
    color: #ffffff !important; /* wie .sektion_ueberschrift_buchung */;
}

#selected_services_badges .service-badge .remove-service {
    color: #ffffff !important; /* wie .sektion_ueberschrift_buchung */;
}

#selected_mitarbeiter_badges .mitarbeiter-badge {
    background: none !important;
    background-color: #b2a17c !important; /* wie .sektion_ueberschrift_buchung */;
    color: #ffffff !important; /* wie .sektion_ueberschrift_buchung */;
}

#selected_mitarbeiter_badges .mitarbeiter-badge .mitarbeiter-name {
    color: #ffffff !important; /* wie .sektion_ueberschrift_buchung */;
}

#selected_mitarbeiter_badges .mitarbeiter-badge .remove-mitarbeiter {
    color: #ffffff !important; /* wie .sektion_ueberschrift_buchung */;
}

/* Statistik-Farben für Meine Termine Modal */
#termine_zukunft_count {
    color: #affb8b !important; /* wie .termin_zukunft background-color */
}

#termine_vergangenheit_count {
    color: #ababab !important; /* wie .termin_vergangenheit background-color */
}

/* Icons für die Statistik-Karten */
.col-6:nth-child(1) .bi {
    color: #affb8b !important; /* wie .termin_zukunft background-color */
}

.col-6:nth-child(2) .bi {
    color: #ababab !important; /* wie .termin_vergangenheit background-color */
}

/* Login Button Farben aus Settings übernehmen */
#floating_login_btn.btn-primary {
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    min-height: 45px !important; /* Gleiche Höhe wie Barrierefreiheit Button */
    height: 45px !important; /* Explizite Höhe wie Barrierefreiheit Button */
}

#floating_login_btn.btn-primary:hover,
#floating_login_btn.btn-primary:focus {
    /* Hover-Effekt: Etwas dunklere Variante der Login Button Farbe */
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    opacity: 0.85; /* Leichter Transparenz-Effekt beim Hover */
}

#floating_login_btn.btn-primary:active,
#floating_login_btn.btn-primary.active {
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    opacity: 0.75; /* Noch stärkerer Transparenz-Effekt beim Klick */
}

/* Auch die Icon-Farbe entsprechend anpassen */
#floating_login_btn.btn-primary i {
    color: #ffffff !important; /* Icon-Farbe wie Schriftfarbe */
}

#floating_login_btn.btn-primary .btn-text {
    color: #ffffff !important; /* Text-Farbe wie Schriftfarbe */
}

/* Logout Button Farben aus Settings übernehmen */
#floating_logout_btn.btn-danger {
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    min-height: 45px !important; /* Gleiche Höhe wie Barrierefreiheit Button */
    height: 45px !important; /* Explizite Höhe wie Barrierefreiheit Button */
}

#floating_logout_btn.btn-danger:hover,
#floating_logout_btn.btn-danger:focus {
    /* Hover-Effekt: Etwas dunklere Variante der Login Button Farbe */
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    opacity: 0.85; /* Leichter Transparenz-Effekt beim Hover */
}

#floating_logout_btn.btn-danger:active,
#floating_logout_btn.btn-danger.active {
    background-color: #b2a17c !important; /* Hintergrundfarbe Login Button */
    border-color: #b2a17c !important; /* Rahmenfarbe Login Button */
    color: #ffffff !important; /* Schriftfarbe Login Button */
    opacity: 0.75; /* Noch stärkerer Transparenz-Effekt beim Klick */
}

/* Auch die Icon-Farbe für Logout-Button entsprechend anpassen */
#floating_logout_btn.btn-danger i {
    color: #ffffff !important; /* Icon-Farbe wie Schriftfarbe */
}

#floating_logout_btn.btn-danger .btn-text {
    color: #ffffff !important; /* Text-Farbe wie Schriftfarbe */
}