/* 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: #6e695c; /* Default: #000000; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logoimage {
	/*max-width: 1000px;  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: #058cd6; /* 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: #9a9a9a; /* Default: #666666 */
}

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

#qrcode, #sidebar_sektion_salon_karte { display: none;}body {color: #9a9a9a;font-size: 18px;line-height: 2rem;background-color: #292929;padding-top: 150px;background-image: url(http://www.herrenfriseur-bremerhaven.de/assets/images/noise.png);background-repeat:repeat;}#sidebar_left {min-height: auto;}#logoimage {max-width: 40rem;}.header_wide {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;background: #6e695c;padding: 0 2rem;height: 100px;min-height: 100px;}.logo {padding: 0;margin-top: -10px;}.sektion_ueberschrift_buchung {background-color: #6e695c;}.sektion_ueberschrift_buchung:hover {    color: #fff;    background-color: #a48126;}.dropdown-menu {width: 100%}.dropdown-menu>li>a:hover {color: #fff;background-color: #a48126;background-image: none;}.gew_taet_item, .gew_ma_item {color: #fff;background-color: #a48126;background-image: none;text-shadow: none;border-radius: 0;}.table-striped>tbody>tr:nth-child(odd)>td {color: #fff;background-color: #6e695c;}#kalender td:not([data-term_id]) {cursor: default;opacity: 0.7;}#kalender td:not([data-term_id=""]):hover {    background-color: #a48126;    color: #fff;}#kalender thead th {background-color: #a48126;color: #fff;border: 2px solid #ddd;}#kalender td {    border: 2px solid #ddd;}#sidebar_left {    display: none !important;}#container_buchung {    width: 100%}#loader {    border-top: 15px solid #a48126;    top: 50%;    margin-top: -60px;    position: relative;}#slideit label.open {    background-color: #a48126;    font-size: 1.5rem;    border: solid #fff 1px;}#slideit label.open:hover {    background-color: #fff !important;    border: solid #a48126 1px;    color: #a48126;}#label_oder {    display: none;}#login_registrierung_label {     top: 19px !important;}.reg-lb {    width: 100%;    text-align: center;    display: block;    line-height: initial;    border: 1px solid #fff !important;    background-color: #a48126;    padding: 1rem !important;}.reg-lb:hover {    background-color: #6e695c !important;}#slideit input#login:checked ~ .nav-labels label.log-lb, #slideit input#register:checked ~ .nav-labels label.reg-lb {    display: none;}.log-lb {    width: 100%;    text-align: center;    display: block;    line-height: initial;    border: 1px solid #fff !important;    background-color: #a48126;    padding: 1rem !important;}.log-lb:hover {        background-color: #6e695c !important;}.send {    border: 1px solid #fff !important;    background-color: #a48126 !important;    color: #fff !important;}.send:hover {    background-color: #6e695c !important;}.register-form, .login-form, form#reset {    background: #9a9a9a !important;    color: #fff;}.info {    color: #fff !important;    font-size: 16px !important;}.info small {    font-size: 12px !important;}.reset-pass {    border: 1px solid #fff !important;    background-color: #a48126 !important;    color: #fff !important;}.reset-pass:hover {    background-color: #6e695c !important;}#slideit section {    background-color: #9a9a9a !important;    border: 0 !important;}#slideit input {    padding: 1rem;    border: 1px solid #a48126;}#regAnrede {    padding: 1rem !important;    border: 1px solid #a48126 !important;}#select-arrow, #select-arrow-svg {    right: 1px !important;    top: 9px !important;}#slideit .field {    margin-top: 6px !important;}#ds_label {    color: #fff;    text-decoration: underline !important;}#ds_label:hover {    color: #a48126;}.navbar {    background: 0;    border: 0;    box-shadow: none;}.navbar-brand {    display: none !important;}.header_wide {    margin-top: 0;}.navbar-collapse {    background-color: #a48126;}.navbar-toggle {    top: 30px;    right: 15px;    position: absolute;    z-index: 9999;}ul.nav {    margin-top: 0px;    margin-bottom: 0;    padding: 5rem;    border: 2px solid #fff;}.navbar-default .navbar-nav>li>a {    color: #fff;}.glyphicon {    color: #fff;}.btn-primary {    background-color: #a48126;    color: #fff;    background-image: none;    border: 0;}#impressum_datenschutz_links_container a {    color: #a48126;}
#selected_services_badges .service-badge,
#selected_services_badges .service-badge.paket-badge {
    background: none !important;
    background-color: #9a9a9a !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: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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: #9a9a9a !important; /* Hintergrundfarbe Login Button */
    border-color: #9a9a9a !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 */
}