/* 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/haartrock_regensburg/images/background_1763047721.jpg) no-repeat center center fixed; 	

	background-color: #F8F6F2; /* Default: #000000; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logoimage {
	/*max-width: 921px;  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: #727272; /* 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: #FFFFFF; /* Default: #666666 */
}

.sidebar_header, #historie_mehr_zukunft, #historie_mehr_vergangenheit, #historie_mehr_vergangenheit_modal, #historie_minimize, #historie_minimize_modal, #ozeiten {
	background-color: #3A3A3A; /* 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 #B89A5A; /* Default: #0096d6; */
	color: #FFFFFF; /* Default: #0096d6; */
}
#slideit .nav-labels,  #slideit input.send, #slideit a.reset-pass  {
	background: none repeat scroll 0 0 #B89A5A; /* 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: #9E8245; /* Default: #757786; */
	color: #FFFFFF; /* Default: #0096d6; */
}
#terms-open .terms-window span.title {
	background: none repeat scroll 0 0 #B89A5A; /* 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: #3A3A3A;}

/* Spezifische Regel für Accordion-Buttons um style.css zu überschreiben */
#dienstleistungen_accordion .accordion-button:not(.collapsed).sektion_ueberschrift_buchung {
	background-color: #FFFFFF; !important /* Überschreibt style.css und Bootstrap */
	color: #3A3A3A; !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: #3A3A3A;}

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

/* ==================================================   HAARTROCK LUXURY FINAL   ================================================== */:root{    --gold:#A8844A;    --gold-light:#D4BC92;    --white:#FAFAFA;    --dark:#262626;}/* Hintergrund */body::before{    content:"";    position:fixed;    inset:0;    background:rgba(0,0,0,.28);    pointer-events:none;    z-index:0;}/* ==================================================   KONTAKTBOX   ================================================== */#sidebar_sektion_salon_adresse{    background:rgba(255,255,255,.97)!important;    padding:22px!important;    border-radius:22px!important;    box-shadow:    0 15px 40px rgba(0,0,0,.18)!important;    color:var(--dark)!important;    line-height:1.7!important;    border:1px solid rgba(255,255,255,.5)!important;}#sidebar_sektion_salon_adresse a{    color:var(--gold)!important;    font-weight:700!important;    text-decoration:none!important;}/* ==================================================   INFOBOX BALAYAGE   ================================================== */#sidebar_sektion_salon_adresse::after{    content:"Hinweis: Strähnen, Balayage, AirTouch und umfangreiche Farbveränderungen sind derzeit nur telefonisch unter 0941 / 49777 buchbar.";    display:block;    margin-top:18px;    padding:14px;    background:linear-gradient(        135deg,        var(--gold),        var(--gold-light)    );    color:white;    border-radius:14px;    line-height:1.4;    font-size:13px;    font-weight:600;}/* ==================================================   ÖFFNUNGSZEITEN / MAP / QR   ================================================== */.sidebar_sektion{    border-radius:18px!important;    overflow:hidden!important;    box-shadow:    0 8px 20px rgba(0,0,0,.10)!important;}/* ==================================================   KATEGORIE-BOXEN   ================================================== */.accordion-item{    background:transparent!important;    border:none!important;    margin-bottom:12px!important;}.accordion-button{    background:rgba(255,255,255,.98)!important;    border:none!important;    border-radius:18px!important;    min-height:72px!important;    color:var(--dark)!important;    font-size:18px!important;    font-weight:600!important;    box-shadow:    0 10px 28px rgba(0,0,0,.12)!important;    transition:all .25s ease!important;}.accordion-button:hover{    transform:translateY(-3px);    box-shadow:    0 18px 40px rgba(0,0,0,.18)!important;}/* Geöffnete Kategorie */.accordion-button:not(.collapsed){    background:linear-gradient(        135deg,        var(--gold),        var(--gold-light)    )!important;    color:white!important;}/* ==================================================   BUTTONS   ================================================== */button{    border-radius:18px!important;    transition:.25s ease!important;}button:hover{    transform:translateY(-2px);}/* ==================================================   WUNSCHSTYLISTEN   ================================================== */#ma_auswahl_text_btn{    color:var(--gold)!important;    font-size:18px!important;    font-weight:700!important;}/* ==================================================   WEISSE FELDER UNTEN   ================================================== */.sektion_ueberschrift_buchung{    background:rgba(255,255,255,.98)!important;    border-radius:18px!important;    box-shadow:    0 10px 28px rgba(0,0,0,.12)!important;}/* ==================================================   BILDER   ================================================== */img{    border-radius:12px!important;}/* ==================================================   LINKS   ================================================== */a{    transition:.25s ease;}a:hover{    opacity:.75;}/* ==================================================   MOBILE   ================================================== */@media(max-width:768px){    .accordion-button{        min-height:60px!important;        font-size:16px!important;    }    #sidebar_sektion_salon_adresse{        padding:18px!important;    }}/* ==========================   FOOTER PREMIUM   ========================== */a[href*="impressum"],a[href*="datenschutz"],a[href*="widerruf"]{    color:rgba(255,255,255,.75)!important;}/* Alle unteren Links */a{    color:rgba(255,255,255,.75)!important;    text-decoration:none!important;}a:hover{    color:#D4BC92!important;}/* ==========================   ÖFFNUNGSZEITEN   ========================== */.sidebar_sektion{    border-radius:18px!important;    overflow:hidden!important;    box-shadow:    0 10px 25px rgba(0,0,0,.12)!important;}/* Goldene Überschrift schöner */.sidebar_sektion strong{    letter-spacing:.3px;}/* ==========================   WUNSCHTERMIN   ========================== */.sektion_ueberschrift_buchung:last-of-type{    background:linear-gradient(    135deg,    #C2A46A,    #D4BC92    )!important;    color:white!important;    box-shadow:    0 15px 35px rgba(168,132,74,.30)!important;}/* ==================================================   HAARTROCK PREMIUM UPGRADE   ================================================== *//* Linke Seite als zusammengehöriger Bereich */#sidebar_sektion_salon_adresse,.sidebar_sektion {    background: rgba(255,255,255,.94) !important;    backdrop-filter: blur(8px);    border: none !important;}/* Kontaktbox */#sidebar_sektion_salon_adresse {    border-radius: 24px 24px 0 0 !important;    box-shadow:    0 20px 50px rgba(0,0,0,.18) !important;}/* Alle weiteren Boxen links */.sidebar_sektion {    border-radius: 0 !important;    margin-top: -2px !important;}/* Letzte Box (QR) */.sidebar_sektion:last-child {    border-radius:    0 0 24px 24px !important;}/* Gold etwas edler */:root{    --gold:#C2A46A;    --gold-light:#E0CEA8;}/* Kategorien */.accordion-button {    background: #D5BC8E !important;    border: 1px solid rgba(255,255,255,.35) !important;    box-shadow:    0 12px 32px rgba(0,0,0,.14) !important;}/* Herren leicht dunkler */button[data-bs-target="#collapse-39000002"] {    background: #C6A771 !important;}/* Hover */.accordion-button:hover {    transform: translateY(-3px);    box-shadow:    0 18px 45px rgba(0,0,0,.20) !important;}/* Geöffnete Kategorie */.accordion-button:not(.collapsed) {    background:    linear-gradient(    135deg,    #A8844A,    #D7BC8B    ) !important;    color: #fff !important;}/* Wunschstylisten schöner */#ma_auswahl_text_btn {    color: #A8844A !important;    font-size: 19px !important;    font-weight: 700 !important;}/* Wunschtermin hervorheben */.sektion_ueberschrift_buchung:last-of-type {    background:    linear-gradient(    135deg,    #A8844A,    #D7BC8B    ) !important;    color: white !important;    box-shadow:    0 15px 40px rgba(168,132,74,.35) !important;}/* Footer eleganter */a {    color:    rgba(255,255,255,.60) !important;}a:hover {    color:    #D7BC8B !important;    opacity: 1 !important;}/* QR-Code etwas moderner */img {    border-radius: 16px !important;}.accordion::before{    content:"Wichtiger Hinweis: Strähnen, Balayage, AirTouch und umfangreiche Farbveränderungen sind aktuell nicht online buchbar. Bitte vereinbaren Sie diese Termine telefonisch unter 0941 / 49777.";    display:block;    background:linear-gradient(        135deg,        #C5A56C,        #E5D3B1    );    color:white;    padding:16px;    margin-bottom:20px;    border-radius:16px;    font-weight:600;    line-height:1.5;    box-shadow:    0 10px 25px rgba(0,0,0,.15);}
#selected_services_badges .service-badge,
#selected_services_badges .service-badge.paket-badge {
    background: none !important;
    background-color: #FFFFFF !important; /* wie .sektion_ueberschrift_buchung */;
    color: #3A3A3A !important; /* wie .sektion_ueberschrift_buchung */;
}

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

#selected_mitarbeiter_badges .mitarbeiter-badge {
    background: none !important;
    background-color: #FFFFFF !important; /* wie .sektion_ueberschrift_buchung */;
    color: #3A3A3A !important; /* wie .sektion_ueberschrift_buchung */;
}

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

#selected_mitarbeiter_badges .mitarbeiter-badge .remove-mitarbeiter {
    color: #3A3A3A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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: #B89A5A !important; /* Hintergrundfarbe Login Button */
    border-color: #B89A5A !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 */
}