/* ============================================================
   Seidenhaut · HELLES DESIGN (Beige & Weiß)
   Wird als LETZTES Stylesheet auf allen Seiten eingebunden und
   überschreibt das dunkle Standard-Design – einheitlich überall.
   ============================================================ */

:root{
  --bg:#FAF6EF;            /* warmes Off-White */
  --bg-card:#FFFFFF;       /* Karten weiß */
  --bg-card2:#F5EFE5;      /* zweite Karte beige */
  --text:#2B2520;          /* warmes Dunkelbraun */
  --text-muted:#6E6253;    /* gedämpfter Text */
  --gold:#B8902F;          /* tieferes Gold – lesbar auf hell */
  --gold-light:#C9A84C;
  --gold-pale:#8C6E22;     /* dunkleres Gold für Labels */
  --border:rgba(184,144,47,0.30);
  --shadow:0 12px 40px rgba(120,100,60,0.12);
}

/* Grund-Hintergrund hell (Start + Unterseiten) */
body{ background:var(--bg) !important; color:var(--text); }
/* ALLE Sektionen generell hell – spezielle #id-Verläufe (unten) gewinnen per Spezifität */
section{ background:var(--bg) !important; }
.testimonials, #bewertungen, #kontakt, #raeume, #schulungen, #social{ background:var(--bg) !important; }
/* dunkle dekorative Pseudo-Layer abdimmen */
section::before, section::after{ filter:none; }

/* ── Display-Überschriften: cremeweiß mit dunkler Schattenkante ── */
.hero-title, .hero-title span, .section-title{
  background:none !important;
  -webkit-text-fill-color:#141414 !important;   /* schwarz */
  color:#141414 !important;
  -webkit-text-stroke:0 !important;             /* keine Kontur */
  text-shadow:none !important;                  /* kein Schatten */
  /* Schreibschrift (Great Vibes) -> elegante Serifen-Kursive */
  font-family:'Cormorant Garamond', serif !important;
  font-style:italic !important;
  font-weight:600 !important;
  font-size:clamp(2.1rem, 4vw, 3.1rem) !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}
/* Inhalts-Überschriften auf Unterseiten: dunkel & klar lesbar (kein Creme auf Creme) */
.section h2{
  background:none !important;
  -webkit-text-fill-color:var(--text) !important;
  color:var(--text) !important;
  text-shadow:none !important;
}

/* ── Karten-/Foto-Überschriften: dunkel (lesbar auf weißen Karten) ── */
.team-name, .qual-title, .qual-cert .qc-text b,
.schulung-body h3, .schulung-card.wide .schulung-body h3,
.langen-card h3, .map-card b, .gb-score,
.fact .value, .step h3, .cta h2{
  background:none !important;
  -webkit-text-fill-color:var(--text) !important;
  color:var(--text) !important;
}
/* Gold-Zahl-Verläufe (Stats) → dunkel */
.stat-number{ background:none !important; -webkit-text-fill-color:var(--text) !important; color:var(--text) !important; }
/* gold-pale Labels (waren sehr hell) → dunkleres Gold */
.section-label, .qual-seal span, .pcat-head h2{ color:var(--gold-pale) !important; }
/* Seitentitel „Preise & Leistungen" → dunkel & klar lesbar */
.pl-title h1{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; text-shadow:none !important; }
/* großes Zitat „Ihr Wohlbefinden ist unsere Leidenschaft" → dunkel lesbar */
.big-quote{ color:var(--text) !important; }
.big-quote span{ color:var(--gold-pale) !important; filter:none !important; }

/* ── Schwebender/sticky Header → helles Glas ── */
.site-header{ background:rgba(255,253,248,0.72) !important; border-color:var(--border) !important; }
.site-header.scrolled{ background:rgba(255,252,245,0.94) !important; }
.nav-links a{ color:var(--text); }
.nav-logo-text{ filter:brightness(0) !important; }              /* Schriftzug SEIDENHAUT → schwarz */
.sub-header{ background:rgba(255,253,248,0.85) !important; border-color:var(--border) !important; }
.sub-logo img.wm{ filter:brightness(0.22) saturate(0.4); }

/* ── Hero (Start) hell, Deko dezent ── */
#hero{
  background:
    radial-gradient(ellipse 78% 105% at 50% 50%, rgba(250,246,239,0.58) 0%, rgba(250,246,239,0.46) 55%, rgba(250,246,239,0.34) 100%),
    url('Behandlungsraum2.jpeg') center 32% / cover no-repeat !important;
}
/* Untertitel & Ort auf dem sichtbareren Foto klar lesbar halten */
.hero-sub{
  font-family:'Cormorant Garamond', serif !important;
  font-style:italic !important;
  font-weight:600 !important;
  font-size:clamp(1.3rem, 2vw, 1.65rem) !important;
  color:#160f07 !important;
  background:none !important;              /* kein Schleier-Kasten mehr */
  padding:0 !important; border-radius:0 !important;
  /* schmaler, scharfer heller Rand um die Buchstaben – lesbar auf dem Foto */
  text-shadow:
    0 0 3px rgba(255,255,255,0.98),
    0 0 6px rgba(255,255,255,0.85),
    0 1px 2px rgba(255,255,255,0.98) !important;
}
.hero-location{ color:#4a3d1e !important; text-shadow:0 1px 8px rgba(250,246,239,0.95) !important; }
.hero-location-pin{ stroke:#4a3d1e !important; }

/* Hero-Buttons identisch: rechter Button („Alle Behandlungen") = wie der linke */
.hero-btns .btn-ghost{
  background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important;
  color:#7A5F1E !important; -webkit-text-fill-color:#7A5F1E !important;
  border:1px solid rgba(140,110,40,0.45) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55), 0 4px 14px rgba(120,95,45,0.16) !important;
}
.hero-btns .btn-ghost::before{ display:none !important; }
.hero-btns .btn-ghost svg{ stroke:#7A5F1E !important; }
.hero-btns .btn-ghost:hover{ box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7), 0 8px 22px rgba(120,95,45,0.24) !important; }
/* gleiche Höhe/Größe für beide Hero-Buttons */
.hero-btns .btn-primary, .hero-btns .btn-ghost{
  padding:0.9rem 2.1rem !important; font-size:0.9rem !important; line-height:1.2 !important;
}
/* großes Logo: original gold mit Verläufen (Schriftzug SEIDENHAUT ist im Bild schwarz) + sanfter goldener Verlauf dahinter */
.hero-logo{
  filter:none !important;
  /* helles Backing, damit das Logo auf dem sichtbaren Foto klar steht */
  background:radial-gradient(ellipse 62% 58% at 50% 46%, rgba(250,246,239,0.92) 0%, rgba(250,246,239,0.7) 45%, transparent 72%) !important;
}
/* keine abdunkelnden Schattierungen mehr im Hero-Hintergrund */
.hero-bokeh-canvas{ opacity:.28 !important; mix-blend-mode:normal !important; }
.orb{ opacity:0 !important; }

/* ── Sektions-Hintergründe (Start) ── */
#leistungen{
  background:
    radial-gradient(48% 42% at 10% 6%, rgba(201,168,76,0.10), transparent 70%),
    radial-gradient(45% 48% at 92% 96%, rgba(201,168,76,0.08), transparent 70%),
    linear-gradient(180deg,#FBF7F0 0%, #F4EEE3 100%) !important;
}
#about{
  background:
    radial-gradient(55% 50% at 85% 10%, rgba(201,168,76,0.12), transparent 70%),
    linear-gradient(190deg,#F8F2E9 0%, #F2EBDF 100%) !important;
}
#qualifikationen, #langen, #standorte{
  background:
    radial-gradient(46% 44% at 88% 10%, rgba(201,168,76,0.12), transparent 70%),
    linear-gradient(180deg,#FBF7F0,#F3ECE0) !important;
}
#about::before, #qualifikationen::before, #langen::before{ opacity:.4 !important; }

/* ── Unterseiten: dunkler Body-Verlauf → hell ── */
/* Split-Layout: Text steht auf hellem Grund neben dem Foto → dunkle Schrift */
.b-hero h1{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; text-shadow:none !important; }
.b-hero .lead{ color:var(--text-muted) !important; -webkit-text-fill-color:var(--text-muted) !important; text-shadow:none !important; }

/* ── Footer hell (Start + Unterseiten) ── */
footer{ background:#F1E9DC !important; color:var(--text) !important; }
footer a, .footer-tagline, .footer-copy, .footer-links a{ color:var(--text-muted) !important; }
footer .footer-heading{ color:var(--text) !important; }
.footer-socials a{ background:#fff !important; border-color:var(--border) !important; }
.sub-footer{ background:#F1E9DC !important; color:var(--text-muted) !important; border-color:var(--border) !important; }

/* ── Buttons: heller mit dunkler Randkante ── */
.btn-primary, .header-cta, .sub-cta, .btn-gold, .book-fab, .drawer-cta, .gb-btn-primary, .gb-btn-rate, .kurs .kurs-cta{
  background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important;
  color:#7A5F1E !important;
  -webkit-text-fill-color:#7A5F1E !important;
  border:1px solid rgba(140,110,40,0.45) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55), 0 4px 14px rgba(120,95,45,0.16) !important;
}
.btn-primary svg, .header-cta svg, .sub-cta svg, .btn-gold svg, .book-fab svg, .drawer-cta svg{ stroke:#7A5F1E !important; }
.btn-primary:hover, .header-cta:hover, .sub-cta:hover, .btn-gold:hover, .book-fab:hover{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7), 0 8px 22px rgba(120,95,45,0.24) !important;
}
.btn-line{ border-color:rgba(140,110,40,0.45) !important; color:var(--text) !important; }
.btn-line:hover{ border-color:var(--gold) !important; color:var(--gold) !important; }

/* „Mehr erfahren" (Leistungskarten): Hover hell statt dunkelgold */
.card-cta{ border-color:rgba(140,110,40,0.45) !important; color:#7A5F1E !important; }
.card-cta::before{ background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important; }
.service-card:hover .card-cta{
  color:#7A5F1E !important;
  border-color:rgba(140,110,40,0.55) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6), 0 8px 22px rgba(120,95,45,0.20) !important;
}
.card-cta svg{ stroke:#7A5F1E !important; }

/* „Alle Leistungen" (Hero): Hover hell statt dunkelgold */
.btn-ghost{ color:#7A5F1E !important; border-color:rgba(140,110,40,0.45) !important; }
.btn-ghost::before{ background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important; }
.btn-ghost:hover{
  color:#7A5F1E !important;
  border-color:rgba(140,110,40,0.55) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6), 0 8px 22px rgba(120,95,45,0.20) !important;
}

/* ── Kontaktformular hell ── */
.contact-form input, .contact-form select, .contact-form textarea{
  background:#fff !important; color:var(--text) !important; border-color:var(--border) !important;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{ color:#a89c8b !important; }

/* ── Mobiles Menü (Drawer) hell ── */
.menu-drawer{ background:#FBF7F0 !important; box-shadow:none !important; }
/* Schatten nur wenn das Menü geöffnet ist – sonst ragt er als dunkler Rand rechts ins Bild */
body.menu-open .menu-drawer{ box-shadow:-30px 0 70px rgba(120,100,60,0.22) !important; }
.drawer-nav a, .drawer-foot, .drawer-contact a{ color:var(--text) !important; }
.menu-toggle-bars span{ background:var(--text) !important; }

/* ── dezentere Schatten auf hell ── */
.team-card, .qual-card, .schulung-card, .map-card, .langen-card, .social-card, .stat-item,
.review-card, .gb-card, .fact, .step, .faq details, .related-grid a{
  box-shadow:0 10px 28px rgba(120,100,60,0.08);
}
.nisv-info{ background:rgba(184,144,47,0.05); }

/* ── Gütesiegel „Geprüfte Premium Qualität" – edel & hell ── */
.about-card-float{
  background:linear-gradient(180deg,#FFFFFF 0%, #FBF4E4 100%) !important;
  color:var(--text) !important;
  border:1px solid rgba(140,110,40,0.35) !important;
  border-radius:1.1rem !important;
  padding:1rem 1.5rem 1rem 3.3rem !important;       /* Platz fürs Siegel links */
  box-shadow:0 16px 40px rgba(120,95,45,0.20), inset 0 0 0 1px rgba(255,255,255,0.65) !important;
}
/* kleines goldenes Siegel mit Häkchen */
.about-card-float::before{
  content:'' !important;
  position:absolute; left:1rem; top:50%; transform:translateY(-50%);
  width:1.6rem; height:1.6rem; border-radius:50%;
  background:linear-gradient(135deg, var(--gold), var(--gold-light));
  box-shadow:0 2px 8px rgba(184,144,47,0.45), inset 0 0 0 1px rgba(255,255,255,0.5);
}
.about-card-float::after{
  content:'' !important;
  position:absolute; left:1.5rem; top:50%;
  width:0.34rem; height:0.62rem; margin-top:-0.04rem;
  border:solid #fff; border-width:0 2px 2px 0;
  transform:translateY(-50%) rotate(45deg);
}
/* „Geprüfte"-Label in dezentem Gold */
.about-card-float div{ color:var(--gold-pale) !important; opacity:1 !important; font-weight:600 !important; letter-spacing:.04em; }

/* ── Team-Karten: glitchenden Gold-Lichtstrahl-Hover entfernen ── */
.team-card::after{ display:none !important; content:none !important; }
/* Schleier über dem Team-Foto entfernen → klare, scharfe Grenze zur Karte */
.team-photo::after{ display:none !important; content:none !important; }
/* auf Touch-Geräten keinen klebenden Hover beim Scrollen */
@media (hover:none){
  .team-card:hover{ transform:none !important; box-shadow:0 10px 28px rgba(120,100,60,0.08) !important; border-color:var(--border) !important; }
  .team-card:hover .team-photo img{ transform:scale(var(--team-zoom,1)) !important; }
}

/* ── Team-Rollen-Badges (auf Fotos) heller ── */
.team-role{
  background:rgba(255,251,244,0.88) !important;
  color:#7A5F1E !important;
  border-color:rgba(140,110,40,0.40) !important;
}
/* gleiches helles Pillen-Design für andere Badges auf Fotos/Karten */
.schulung-badge, .b-tag, .gallery-cap{
  background:rgba(255,251,244,0.88) !important;
  color:#7A5F1E !important;
  border:1px solid rgba(140,110,40,0.40) !important;
  -webkit-text-fill-color:#7A5F1E !important;
}
/* Bildunterschrift „Einblick ins Studio" als abgerundete Pille */
.gallery-cap{
  padding:.4rem 1rem !important;
  border-radius:2rem !important;
  font-size:1rem !important;
  text-shadow:none !important;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  box-shadow:0 6px 18px rgba(120,95,45,0.18) !important;
}

/* „Folgen ↗"-Labels auf den Social-Cards entfernen (wirkten billig) */
.social-go{ display:none !important; }

/* ── Langen: moderne Bild-Galerie ── */
.langen-gallery{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem;
  max-width:940px; margin:0 auto 2.8rem;
}
.langen-shot{ overflow:hidden; border-radius:1.1rem; border:1px solid var(--border);
  box-shadow:0 14px 34px rgba(120,100,60,0.12); cursor:pointer; }
.langen-shot img{ width:100%; height:100%; aspect-ratio:3/4; object-fit:cover; display:block;
  transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.langen-shot:hover img{ transform:scale(1.06); }
@media(max-width:640px){
  .langen-gallery{ grid-template-columns:1fr 1fr; gap:.8rem; }
  .langen-shot:first-child{ grid-column:1 / -1; }        /* erstes Bild groß über volle Breite */
  .langen-shot:first-child img{ aspect-ratio:16/10; }
  .langen-shot img{ aspect-ratio:1/1; }
}

/* ── Qualifikationen: dekorative Icon-Kreise entfernt (wirkten billig) ── */
.qual-icon{ display:none !important; }

/* ── Qualifikations-Kacheln hochwertiger gestalten ── */
.qual-card{
  background:linear-gradient(180deg,#FFFFFF 0%, #FCF6EA 100%) !important;
  border:1px solid rgba(140,110,40,0.20) !important;
  border-radius:1.4rem !important;
  box-shadow:0 12px 30px rgba(120,100,60,0.08) !important;
}
/* Gold-Akzent oben – immer sichtbar, wächst beim Hover */
.qual-card::before{
  transform:translateX(-50%) scaleX(1) !important;
  width:38% !important; height:2px !important;
  background:linear-gradient(90deg, transparent, var(--gold), transparent) !important;
  opacity:.55 !important;
  transition:width .45s ease, opacity .45s ease !important;
}
.qual-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(140,110,40,0.42) !important;
  box-shadow:0 26px 54px rgba(120,95,45,0.16) !important;
}
.qual-card:hover::before{ width:72% !important; opacity:1 !important; }
/* Titel schwarz + feine Gold-Unterlinie */
.qual-title{ position:relative !important; padding-bottom:.75rem !important; margin-bottom:.4rem !important;
  color:#141414 !important; -webkit-text-fill-color:#141414 !important; }
.qual-issuer{ color:#3a352e !important; }
.qual-title::after{ content:'' !important; position:absolute !important; left:50% !important; bottom:0 !important;
  transform:translateX(-50%) !important; width:26px !important; height:1px !important;
  background:rgba(140,110,40,0.40) !important; }
/* „Sicherheit nach NiSV" gleich wie alle anderen Kacheln (kein Sonder-Gold) */
.qual-note-card{
  background:linear-gradient(180deg,#FFFFFF 0%, #FCF6EA 100%) !important;
  border:1px solid rgba(140,110,40,0.20) !important;
  box-shadow:0 12px 30px rgba(120,100,60,0.08) !important;
}

/* ── "So finden Sie uns": Karten-Platzhalter hell ── */
.map-holder{
  background:linear-gradient(135deg,#F6EFE2,#EFE6D5) !important;
  border-color:var(--border) !important;
}
.map-load{ color:var(--gold-pale) !important; }
.map-load svg{ stroke:var(--gold-pale) !important; }

/* ── Leistungen: premium Kacheln (warmer Verlauf + Gold-Akzent) ── */
.service-card,
.service-card--laser, .service-card--hydra, .service-card--carbon,
.service-card--micro, .service-card--biomicro, .service-card--radio,
.service-card--ems, .service-card--emsface, .service-card--laserrf,
.service-card--warzen, .service-card--milien, .service-card--sanft{
  background-image:
    linear-gradient(90deg, transparent, var(--gold), transparent),
    linear-gradient(180deg,#FFFFFF 0%, #FCF6EA 100%) !important;
  background-repeat:no-repeat !important;
  background-position:center top, center center !important;
  background-size:44% 2.5px, 100% 100% !important;
  border:1px solid rgba(140,110,40,0.16) !important;
  border-radius:1.5rem !important;
  box-shadow:0 14px 34px rgba(120,100,60,0.09) !important;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease, background-size .45s ease !important;
}
.service-card:hover,
.service-card--laser:hover, .service-card--hydra:hover, .service-card--carbon:hover,
.service-card--micro:hover, .service-card--biomicro:hover, .service-card--radio:hover,
.service-card--ems:hover, .service-card--emsface:hover, .service-card--laserrf:hover,
.service-card--warzen:hover, .service-card--milien:hover, .service-card--sanft:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(140,110,40,0.42) !important;
  box-shadow:0 30px 62px rgba(120,95,45,0.18) !important;
  background-size:78% 2.5px, 100% 100% !important;
}
/* dekorative Icon-Kreise bei den Behandlungen entfernt (wirkten billig) */
.service-icon{ display:none !important; }
/* Überschriften dunkel + feine Gold-Linie darunter */
.service-name{
  color:var(--text) !important; -webkit-text-fill-color:var(--text) !important;
  text-shadow:none !important; position:relative !important; padding-bottom:.7rem !important;
}
.service-name::after{
  content:'' !important; position:absolute !important; left:50% !important; bottom:0 !important;
  transform:translateX(-50%) !important; width:30px !important; height:1px !important;
  background:rgba(140,110,40,0.42) !important;
}
.service-card .service-desc{ color:var(--text-muted) !important; }
/* Tag heller, ohne dunkle Schatten */
.service-tag{
  color:#7A5F1E !important;
  background:rgba(184,144,47,0.10) !important;
  border-color:rgba(140,110,40,0.40) !important;
  box-shadow:none !important; text-shadow:none !important;
}
.service-tag::before{ background:var(--gold-pale) !important; box-shadow:none !important; }

/* ── Rechtstexte (Impressum/Datenschutz/AGB) ── */
.legal h1{ color:#FBF6EC !important; -webkit-text-fill-color:#FBF6EC !important;
  text-shadow:0 1px 0 #e3d6ba, 0 2px 4px rgba(74,55,27,.45), 0 4px 12px rgba(74,55,27,.22) !important; }
.legal h3{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
.legal h2{ color:var(--gold-pale) !important; }
.legal .box{ background:#fff !important; }
.legal .ph{ color:#7A5F1E !important; background:rgba(201,168,76,.14) !important; }

/* ── Kurs-Preise (Schulungen-Unterseite) ── */
.kurs{ background:#fff !important; }
.kurs h3{ color:var(--text) !important; }
.kurs .preis .now{ color:var(--gold-pale) !important; }
.kurs .badge{ color:var(--gold-pale) !important; }

/* ============================================================
   COOKIE-BANNER hell
   ============================================================ */
.ck-banner{
  background:linear-gradient(165deg,#FFFFFF 0%, #FBF6EC 100%) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 24px 60px rgba(120,100,60,0.18), 0 0 0 1px rgba(255,255,255,0.6) inset !important;
}
.ck-title{ color:var(--text) !important; }
.ck-head svg{ stroke:var(--gold-pale) !important; }
.ck-text{ color:var(--text-muted) !important; }
.ck-text a{ color:var(--gold-pale) !important; }
.ck-cat{ border-top-color:var(--border) !important; }
.ck-cat-name{ color:var(--text) !important; }
.ck-cat-desc{ color:var(--text-muted) !important; }
/* primärer Button = helles Site-CTA */
.ck-btn-gold{
  background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important;
  color:#7A5F1E !important; border:1px solid rgba(140,110,40,0.45) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55), 0 4px 14px rgba(120,95,45,0.16) !important;
}
.ck-btn-line{ border:1px solid var(--border) !important; color:var(--text) !important; background:#fff !important; }
.ck-btn-line:hover{ border-color:var(--gold) !important; color:var(--gold-pale) !important; }
.ck-btn-text{ color:var(--text-muted) !important; }
.ck-btn-text:hover{ color:var(--gold-pale) !important; }
/* Toggle hell */
.ck-slider{ background:#E7DCC8 !important; border-color:var(--border) !important; }
.ck-slider::before{ background:#fff !important; box-shadow:0 1px 3px rgba(0,0,0,.2) !important; }
.ck-switch input:checked + .ck-slider{ background:linear-gradient(135deg,var(--gold),var(--gold-light)) !important; }
.ck-switch input:checked + .ck-slider::before{ background:#fff !important; }
/* Re-Open-Button hell */
.ck-reopen{
  background:rgba(255,253,248,0.92) !important; border:1px solid var(--border) !important;
  color:var(--gold-pale) !important; box-shadow:0 6px 20px rgba(120,100,60,0.18) !important;
}
/* Platz unten, damit der Cookie-Button nicht über der Footer-Zeile liegt */
footer .footer-bottom{ padding-bottom:4.2rem !important; }
.sub-footer{ padding-bottom:4.2rem !important; }

/* ============================================================
   CHAT-WIDGET hell
   ============================================================ */
.chat-panel{
  background:#FBF7F0 !important; border:1px solid var(--border) !important;
  box-shadow:0 24px 60px rgba(120,100,60,0.22) !important;
}
/* heller Kopf */
.chat-head{
  background:linear-gradient(135deg,#FFFFFF, #F4EBDC) !important;
  border-bottom:1px solid var(--border) !important;
}
.chat-head-name{ color:var(--text) !important; }
.chat-head-status{ color:var(--text-muted) !important; }
.chat-close{ color:var(--text-muted) !important; }
.chat-close:hover{ background:rgba(140,110,40,0.10) !important; color:var(--text) !important; }
/* Nachrichten */
.chat-body{ background:#FBF7F0 !important; }
.chat-msg.bot{
  background:#FFFFFF !important; border:1px solid var(--border) !important; color:var(--text) !important;
}
.chat-msg.user{
  background:linear-gradient(135deg,var(--gold),var(--gold-light)) !important; color:#241c08 !important;
}
.chat-msg.bot a{ color:var(--gold-pale) !important; }
.chat-typing{ background:#FFFFFF !important; border:1px solid var(--border) !important; }
.chat-typing span{ background:var(--gold-pale) !important; }
/* Chips */
.chat-chip{
  color:#7A5F1E !important; background:rgba(184,144,47,0.10) !important;
  border:1px solid rgba(140,110,40,0.35) !important;
}
.chat-chip:hover{ background:rgba(184,144,47,0.20) !important; color:var(--gold-pale) !important; }
/* Eingabezeile */
.chat-input-row{ background:#F4EEE3 !important; border-top:1px solid var(--border) !important; }
.chat-input{ background:#FFFFFF !important; color:var(--text) !important; border:1px solid var(--border) !important; }
.chat-input::placeholder{ color:#a89c8b !important; }
.chat-input:focus{ border-color:var(--gold) !important; }
.chat-foot{ color:var(--text-muted) !important; }
.chat-foot a{ color:var(--gold-pale) !important; }
/* Floating-Buttons (Chat + Termin) einheitlich hell mit Goldkante */
.chat-fab{
  background:linear-gradient(180deg,#FBF5EA 0%, #ECDFC8 100%) !important;
  border:1px solid rgba(140,110,40,0.45) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55), 0 6px 18px rgba(120,95,45,0.20) !important;
}
.chat-fab svg{ stroke:#7A5F1E !important; }
.chat-fab .chat-dot{ border-color:#FBF5EA !important; }
/* Avatar + Senden bleiben golden als Akzent (guter Kontrast) */
.chat-avatar{ color:#241c08 !important; }
.chat-send svg{ stroke:#241c08 !important; }