/* 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: url(../../salons_api2/ihr_friseur_gummersbach/images/background_1722432540.JPG) no-repeat center center fixed; 	

	background-color: #ffffff; /* Default: #000000; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logoimage {
	/*max-width: 853px;  Default: 350px; */
		width: 100%;
}
#subheadline {
    display: block;
    width: 100%;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
	display: none;	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: #081014; /* 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: #120f0f; /* Default: #666666 */
}

.sidebar_header, #historie_mehr_zukunft, #historie_mehr_vergangenheit, #historie_mehr_vergangenheit_modal, #historie_minimize, #historie_minimize_modal, #ozeiten {
	background-color: #100202; /* 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 #1a1212; /* Default: #0096d6; */
	color: #ffffff; /* Default: #0096d6; */
}
#slideit .nav-labels,  #slideit input.send, #slideit a.reset-pass  {
	background: none repeat scroll 0 0 #211c1c; /* 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 #1a1212; /* 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: #120f0f; !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 
------------------------------------------------------ */


#selected_services_badges .service-badge,
#selected_services_badges .service-badge.paket-badge {
    background: none !important;
    background-color: #120f0f !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: #120f0f !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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: #1a1212 !important; /* Hintergrundfarbe Login Button */
    border-color: #1a1212 !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 */
}