/* 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: #F7F4EE; /* Default: #000000; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #logoimage { /*max-width: 600px; 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(247, 244, 238, 0.5); color: #7D5F31; 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: #F1EBE0; /* Default: #A7EAFF; */ color: #1A1F2B; /* Default: #333333; */ } .table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th { background-color: #FFFFFF; /* Default: #FFFFFF; */ color: #1A1F2B; /* Default: #333333; */ } .sektion_ueberschrift_buchung { background-color: #1A1F2B; /* Default: #666666 */ } .sidebar_header, #historie_mehr_zukunft, #historie_mehr_vergangenheit, #historie_mehr_vergangenheit_modal, #historie_minimize, #historie_minimize_modal, #ozeiten { background-color: #1A1F2B; /* Default: #666666 */ color: #F6F1E6; } .termin_zukunft { background-color: #12151D; /* Default: #00ff99; */ } .termin_vergangenheit { background-color: #FFFFFF; /* Default: #ababab; */ } #slideit label.open { background: none repeat scroll 0 0 #B08C4F; /* Default: #0096d6; */ color: #14181F; /* Default: #0096d6; */ } #slideit .nav-labels, #slideit input.send, #slideit a.reset-pass { background: none repeat scroll 0 0 #12151D; /* Default: #0096d6; */ } /* Slideit Login / Registration */ /* Schriftfarbe im Login und Registrierungsfenster */ /* Default #999999 */ #slideit a.reset-pass { color: #1A1F2B; /* Default: #999999; */ } #slideit input.send { color: #1A1F2B; /* Default: #999999; */ } #slideit input#login:checked ~ .nav-labels label.log-lb, #slideit input#register:checked ~ .nav-labels label.reg-lb { color: #1A1F2B; /* Default: #999999; */ } #slideit .nav-labels label { color: #F6F1E6; /* Default: #999999; */ } #slideit p.info { color: #1A1F2B; /* Default: #999999; */ } #slideit p.info.small { color: #1A1F2B; /* 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: #D8BC85; /* Default: #757786; */ color: #14181F; /* Default: #0096d6; */ } #terms-open .terms-window span.title { background: none repeat scroll 0 0 #B08C4F; /* Default: #0096d6; */ color: #14181F; /* Default: #0096d6; */ } /* --------------------------------------------------- SCHRIFTEN - Sidebar �berschrift - Sidebar n�chste Termine - Sidebar vergangene Termine - Dropdown Box - Sidebar Inhalte - Login Box - Login Header ------------------------------------------------------*/ .sidebar_header { color: #F6F1E6;} .termin_zukunft { color: #D8BC85;} .termin_vergangenheit { color: #5F6473;} .sektion_ueberschrift_buchung { color: #F6F1E6;} /* Spezifische Regel für Accordion-Buttons um style.css zu überschreiben */ #dienstleistungen_accordion .accordion-button:not(.collapsed).sektion_ueberschrift_buchung { background-color: #1A1F2B; !important /* Überschreibt style.css und Bootstrap */ color: #F6F1E6; !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: #1A1F2B;} /* ------------------------------------------------------ Eigenes Webdesigner-CSS aus den Einstellungen ------------------------------------------------------ */ /* ============================================================ Mystic Hair & Head Spa - E-Cut Buchungsstrecke Kompletter CSS-Block (Stufe 1 + 1b + 2), Stand 20.08.2026 ============================================================ *//* Stufe 1 - Angleichung an das Design System */:root{ --m-ink:#1A1F2B; --m-dark:#12151D; --m-cream:#F7F4EE; --m-warm:#F1EBE0; --m-gold:#B08C4F; --m-gold-light:#D8BC85; --m-gold-deep:#7D5F31; --m-muted:#5F6473; --m-on-dark:#F6F1E6;}body{ background:var(--m-cream); color:var(--m-ink); line-height:1.65; }/* Logo baendigen - E-Cut setzt #logoimage auf width:100% (Container 1134 px breit) */#logoimage{ width:auto; max-width:min(420px, 90%); max-height:110px; }/* Karten und Kaesten: weiche Kante, zarte Trennlinie statt harter Grau-Rahmen */.card,.accordion-item,.alert,.modal-content{ border:1px solid rgba(26,31,43,.08); border-radius:14px;}.accordion-button{ border-radius:14px; }.accordion-button:focus{ box-shadow:none; }/* Primaeraktion */.btn-primary{ background:var(--m-gold); border-color:var(--m-gold); color:#14181F; border-radius:999px; letter-spacing:.14em; text-transform:uppercase; font-size:.82rem; padding:.7rem 1.6rem;}.btn-primary:hover,.btn-primary:focus{ background:var(--m-gold-light); border-color:var(--m-gold-light); color:#14181F;}.btn-secondary,.btn-dark{ background:var(--m-ink); border-color:var(--m-ink); border-radius:999px; }.btn-outline-primary{ color:var(--m-gold-deep); border-color:var(--m-gold); border-radius:999px; }/* Sichtbarer Fokus - Tastaturbedienung und Barrierefreiheit */a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid var(--m-gold-deep); outline-offset:2px; box-shadow:none;}/* Formularfelder */.form-control,.form-select{ border:1px solid rgba(26,31,43,.18); border-radius:10px; color:var(--m-ink);}.form-control:focus,.form-select:focus{ border-color:var(--m-gold); box-shadow:0 0 0 .18rem rgba(176,140,79,.22);}/* Bootstrap-Standardfarben neutralisieren */.bg-primary{ background-color:var(--m-ink) !important; }.text-primary{ color:var(--m-gold-deep) !important; }.alert-info{ background:var(--m-warm); border-color:rgba(26,31,43,.08); color:var(--m-ink); }/* Fusszeile - es gibt kein