/* 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: #ffffff; /* Default: #000000; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logoimage {
	/*max-width: 346px;  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: #b39c93; /* 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: #b39c93; /* Default: #666666 */
}

.sidebar_header, #historie_mehr_zukunft, #historie_mehr_vergangenheit, #historie_mehr_vergangenheit_modal, #historie_minimize, #historie_minimize_modal, #ozeiten {
	background-color: #b39c93; /* 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 #b39c93; /* Default: #0096d6; */
	color: #ffffff; /* Default: #0096d6; */
}
#slideit .nav-labels,  #slideit input.send, #slideit a.reset-pass  {
	background: none repeat scroll 0 0 #b39c93; /* Default: #0096d6; */
}
/* Slideit Login / Registration						*/
/* Schriftfarbe im Login und Registrierungsfenster	*/
/* Default #999999									*/

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

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

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

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

}

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

#slideit p.info.small {
    color: #000000; /* 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 #b39c93; /* 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: #b39c93; !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 
------------------------------------------------------ */

<style>
    /* Das Design für den Button */
    .whatsapp-button {
        display: inline-flex;
        align-items: center;
        gap: 12px; /* Abstand zwischen Icon und Text */
        background-color: #25D366; /* Das offizielle WhatsApp-Grün */
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 12px 24px;
        border-radius: 50px; /* Macht den Button pillenförmig */
        text-decoration: none;
        transition: background-color 0.3s ease;
        border: none;
        cursor: pointer;
    }

    /* Effekt, wenn man mit der Maus darüberfährt */
    .whatsapp-button:hover {
        background-color: #128C7E; /* Ein dunkleres Grün */
    }

    /* Das WhatsApp Icon */
    .whatsapp-button svg {
        width: 28px;
        height: 28px;
        fill: #fff;
    }
</style>

<a href="https://wa.me/16414359080" class="whatsapp-button" target="_blank" rel="noopener noreferrer">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.8 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
    <span>24/7 Terminbuchung</span>
</a>
#selected_services_badges .service-badge,
#selected_services_badges .service-badge.paket-badge {
    background: none !important;
    background-color: #b39c93 !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: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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: #b39c93 !important; /* Hintergrundfarbe Login Button */
    border-color: #b39c93 !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 */
}