/* =========================================================
   Mi Piel – Laser & Cosmetic | Gemeinsames Stylesheet
   Hochglanz Weiß & Creme · Champagner-Gold-Akzent
   ========================================================= */
:root{
  --rose:#bfa06a;          /* Akzent: warmes Champagner-Gold */
  --rose-dark:#a4854f;
  --gold:#d9c08a;
  --cream:#fbf8f3;
  --cream-2:#f4ede2;
  --ink:#2b2620;
  --muted:#8a7f72;
  --white:#ffffff;
  --shadow:0 22px 60px -24px rgba(120,100,60,.35);
  --gloss:linear-gradient(155deg,#ffffff 0%,#fbf8f3 45%,#f4ede2 100%);
  --sheen:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0) 40%);
  --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:84px}
body{
  font-family:'Mulish',system-ui,sans-serif;color:var(--ink);
  background:radial-gradient(120% 60% at 50% 0%,#ffffff 0%,var(--cream) 55%,var(--cream-2) 100%);
  background-attachment:fixed;line-height:1.7;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.15;letter-spacing:.3px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1140px,92%);margin-inline:auto}

.grid-host{position:relative}
.eyebrow{font-family:'Marcellus',serif;font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:var(--rose);margin-bottom:.9rem;display:inline-block}

/* ---------- Header / Nav ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,192,138,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center}
.logo .script{font-family:'Parisienne',cursive;font-size:2.1rem;color:var(--ink);font-weight:400}
.logo .tag{font-family:'Marcellus',serif;font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rose);margin-top:1px}
.nav-links{display:flex;gap:2.1rem;align-items:center;font-size:.95rem}
.nav-item{position:relative}
.nav-item>a{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 0;transition:color .25s;
  font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--ink);line-height:1.2}
.nav-item>a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--gold),var(--rose));transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.nav-item:hover>a{color:var(--rose-dark)}
.nav-item:hover>a::after{transform:scaleX(1)}
.nav-item .caret{width:7px;height:7px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .25s;opacity:.7}
.nav-item:hover .caret{transform:rotate(225deg);margin-top:1px}
.dropdown{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
  background:var(--white);border:1px solid rgba(217,192,138,.35);border-radius:14px;
  box-shadow:var(--shadow);padding:.5rem;min-width:240px;opacity:0;visibility:hidden;transition:.22s;z-index:60;
}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.dropdown a{display:block;padding:.65rem 1rem;border-radius:10px;font-size:.92rem;color:var(--ink);transition:.18s;border-left:2px solid transparent}
.dropdown a:hover{background:var(--cream);color:var(--rose-dark);border-left-color:var(--rose)}
.dropdown a strong{font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--rose)}
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(160deg,var(--gold),var(--rose) 60%,var(--rose-dark));
  color:#fff;padding:.78rem 1.7rem;border-radius:999px;font-size:.8rem;
  font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.12em;
  transition:.25s;border:1px solid var(--rose-dark);cursor:pointer;
  box-shadow:0 8px 20px -10px rgba(164,133,79,.7),inset 0 1px 0 rgba(255,255,255,.5);
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-ghost{background:transparent;color:var(--rose);box-shadow:none}
.btn-ghost:hover{background:linear-gradient(160deg,var(--gold),var(--rose) 60%,var(--rose-dark));color:#fff}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.menu-toggle span{width:26px;height:2px;background:var(--ink);transition:.3s}

/* ---------- Hero (Start) ---------- */
.hero{position:relative;overflow:hidden;padding:5rem 0 4.5rem}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 85% 15%,rgba(217,192,138,.22),transparent 60%),radial-gradient(50% 70% at 10% 90%,rgba(191,160,106,.16),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}
.hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.2rem}
.hero h1 em{font-style:italic;color:var(--rose)}
.hero p.lead{font-size:1.12rem;color:var(--muted);max-width:42ch;margin-bottom:2rem}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-visual{position:relative}
.hero-card{background:var(--gloss);border-radius:30px;padding:2.5rem;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.95);border:1px solid rgba(217,192,138,.4);position:relative;overflow:hidden}
.hero-card::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--sheen);pointer-events:none}
.hero-card>*{position:relative;z-index:1}
.hero-card .badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--cream);border:1px solid var(--cream-2);padding:.4rem .9rem;border-radius:999px;font-size:.8rem;color:var(--rose);font-weight:500;margin-bottom:1.3rem}
/* Hero-Foto */
.hero-photo{position:relative}
.hero-photo img{width:100%;height:auto;object-fit:cover;border-radius:30px;box-shadow:var(--shadow);border:5px solid #fff;outline:1px solid rgba(217,192,138,.5);aspect-ratio:9/7}
.float-tag{position:absolute;background:#fff;border-radius:14px;padding:.6rem .95rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;z-index:2}
.float-tag svg{width:20px;height:20px;color:var(--rose)}
.float-tag.t1{top:18px;left:-18px}
.float-tag.t2{bottom:18px;right:-14px}

/* ---------- Full-Bleed Hero (Startseite) ---------- */
.hero-full{position:relative;min-height:min(90vh,860px);display:flex;align-items:center;overflow:hidden;text-align:center}
.hero-bg{position:absolute;inset:0;z-index:-2;background:#f4ede2 url("images/hero.jpg") center center/cover no-repeat}
.hero-tint{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(70% 85% at 50% 46%,rgba(251,248,243,.93) 0%,rgba(251,248,243,.72) 55%,rgba(251,248,243,.55) 100%),
    linear-gradient(0deg,rgba(251,248,243,.65),rgba(251,248,243,0) 45%);}
.hero-inner{width:min(1140px,92%);margin:0 auto;display:flex;justify-content:center}
.hero-content{max-width:720px;margin:0 auto;display:inline-flex;flex-direction:column;align-items:center}
.hero-content .eyebrow{margin-bottom:1rem}
.hero-content::before{content:"";width:54px;height:2px;background:var(--rose);margin-bottom:1.3rem;border-radius:2px}
.hero-full h1{font-size:clamp(2.6rem,5.6vw,4.8rem);line-height:1.07;margin:.2rem 0 .3rem}
.hero-full h1 em{font-style:italic;color:var(--rose)}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--muted);margin-bottom:2rem}
.hero-ctarow{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}
.hero-statlabel{font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.24em;font-size:.82rem;color:var(--rose);margin-top:3rem}
.hero-statbar{display:flex;gap:2.4rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}
.hstat{display:flex;align-items:center;gap:.65rem;font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--ink)}
.hstat svg{width:26px;height:26px;color:var(--rose);flex:none}
.hstat+.hstat{padding-left:2.4rem;border-left:1px solid rgba(164,133,79,.3);margin-left:0}
@media(max-width:760px){
  .hero-full{min-height:auto;padding:4.5rem 0}
  .hero-bg{background-position:center center}
  .hero-tint{background:
    radial-gradient(90% 80% at 50% 45%,rgba(251,248,243,.92),rgba(251,248,243,.78) 60%,rgba(251,248,243,.62)),
    linear-gradient(0deg,rgba(251,248,243,.8),rgba(251,248,243,0) 55%);}
  .hero-statbar{gap:1rem}
  .hstat+.hstat{padding-left:1rem}
}
.hero-stats{display:flex;gap:1.6rem;margin-top:1.8rem;flex-wrap:wrap}
.stat b{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--rose);display:block}
.stat small{color:var(--muted);font-size:.82rem}

/* ---------- Subpage Hero ---------- */
.subhero{position:relative;overflow:hidden;padding:3.2rem 0 2.6rem;text-align:center}
.subhero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 120% at 50% 0%,rgba(217,192,138,.2),transparent 65%)}
.subhero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);margin:.4rem 0 .8rem}
.subhero p{color:var(--muted);max-width:60ch;margin:0 auto;font-size:1.08rem}
/* Kompakte Variante + Intro, damit der Button ohne Scrollen sichtbar ist */
.subhero-compact{padding:1.9rem 0 1rem}
.subhero-compact h1{margin:.2rem 0 .5rem}
.subhero-compact p{font-size:1rem}
.svc-intro{padding:.6rem 0 2.2rem}
.svc-intro .split-row{align-items:start}
.svc-intro .split-media{align-self:center}
.svc-intro .split-text p{margin-bottom:.7rem}
.svc-intro .split-text .btn{margin-top:1.2rem}
.breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:.4rem}
.breadcrumb a:hover{color:var(--rose)}
.breadcrumb span{color:var(--rose)}

/* ---------- Willkommen / Über uns (2. Bereich) ---------- */
.welcome-intro{max-width:900px;margin:0}
.welcome-intro h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:1rem}
.welcome-intro h2 strong{color:var(--rose);font-weight:600}
.welcome-intro p{color:var(--muted);font-size:1.05rem;max-width:760px}
.divider{border:none;border-top:1px solid rgba(217,192,138,.55);margin:2.6rem 0}
.about-split{display:grid;grid-template-columns:1fr .82fr;gap:3rem;align-items:center;margin:2.4rem 0 0}
.about-text p{color:#5f564e;margin-bottom:1rem}
.about-text p strong{color:var(--ink)}
.about-lead{font-family:'Cormorant Garamond',serif;font-size:1.5rem;line-height:1.3;color:var(--ink);margin:1.4rem 0 !important}
.about-sign-text{color:var(--muted);margin-bottom:.15rem !important}
.about-sign{font-family:'Parisienne',cursive;font-size:1.95rem;color:var(--rose);margin:0 0 1.5rem !important}

/* Bild-Platzhalter */
.img-ph{display:flex;flex-direction:column;gap:.7rem;align-items:center;justify-content:center;text-align:center;
  background:var(--gloss);border:2px dashed rgba(201,169,106,.6);border-radius:20px;padding:1.2rem;
  color:var(--muted);font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.img-ph svg{width:48px;height:48px;color:rgba(201,169,106,.85)}
.photo-box{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:5px solid #fff;outline:1px solid rgba(217,192,138,.5)}
.photo-box img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.photo-box:hover img{transform:scale(1.04)}

/* Behandlungen (Accordion-Bereich) */
.treat-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:start}
.treat-left{display:flex;flex-direction:column}
.treat-left p{color:#5f564e;margin-bottom:1.3rem;max-width:40ch}
.treat-media{margin-top:1.8rem}
.treat-media .photo-box{aspect-ratio:4/3}
@media(max-width:860px){
  .about-split{grid-template-columns:1fr;gap:2rem}
  .treat-split{grid-template-columns:1fr;gap:2rem}
  .treat-media{flex:0 0 auto;min-height:0}
  .treat-media .photo-box{aspect-ratio:4/3;height:auto}
}

/* ---------- Technologie-Bereich ---------- */
.tech-split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:stretch}
.tech-left{display:flex;flex-direction:column}
.tech-left h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.8rem;max-width:15ch}
.tech-media{flex:1 1 auto;min-height:300px}
.tech-media .photo-box{height:100%;aspect-ratio:auto}
.tech-text{display:flex;flex-direction:column}
.tech-text p{color:#5f564e;margin:0 0 1rem}
.tech-text p:first-of-type{margin-top:auto}
.tech-text p:last-of-type{margin-bottom:0}
.tech-text p strong{color:var(--ink);font-weight:600}
.tech-text .btn{align-self:flex-start;margin-top:auto}
@media(max-width:860px){
  .tech-split{grid-template-columns:1fr;gap:2rem}
  .tech-left h2{max-width:none}
  .tech-media{flex:0 0 auto;min-height:0}
  .tech-media .photo-box{aspect-ratio:4/3;height:auto}
  .tech-text{justify-content:flex-start}
  .tech-text p:first-of-type{margin-top:0}
  .tech-text .btn{margin-top:.6rem}
}

/* ---------- Ablauf-Schritte (Beratung & Arbeitsweise) ---------- */
.process{max-width:920px;margin:0 auto}
.process-row{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding:1.9rem 0;border-bottom:1px solid rgba(217,192,138,.45)}
.process-row:first-child{border-top:1px solid rgba(217,192,138,.45)}
.process-row h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ink);margin:0;font-weight:600}
.process-row p{color:#5f564e;margin:0;font-size:.98rem}
@media(max-width:680px){.process-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0}}

/* ---------- SEO-Textblock (aufklappbar) ---------- */
.seo-block h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1rem;max-width:24ch}
.seo-teaser{color:#5f564e;font-size:1.05rem;max-width:90ch;margin:0}
.seo-more{max-height:0;overflow:hidden;transition:max-height .6s ease}
.seo-more.open{max-height:1600px}
.seo-more p{color:#5f564e;margin:1.1rem 0 0;max-width:90ch}
.seo-more p strong{color:var(--ink);font-weight:600}
#seoToggle{margin-top:1.4rem}

/* ---------- Anreise / Karte ---------- */
.anreise-text{max-width:820px;margin:0}
.anreise-text p{color:#5f564e;margin-bottom:1.1rem}
.anreise-text p strong{color:var(--ink);font-weight:600}
.map-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(217,192,138,.5);margin-top:2.4rem}
.map-wrap iframe{display:block;width:100%;height:460px;border:0}
.map-consent{min-height:460px;display:grid;place-items:center;padding:2rem;text-align:center;
  background:linear-gradient(160deg,#f1e8d6,#e7d9bd);position:relative}
.map-consent::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 1px,transparent 1px 40px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 40px);opacity:.5}
.map-consent-inner{position:relative;max-width:520px}
.map-consent strong{font-family:'Cormorant Garamond',serif;font-size:1.4rem;display:block;margin-bottom:.6rem;color:var(--ink)}
.map-consent p{color:#6f6457;font-size:.92rem;margin-bottom:1.3rem}
.map-consent a{color:var(--rose-dark);text-decoration:underline}

/* ---------- Kundenstimmen / Bewertungen ---------- */
.reviews-bar{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;background:var(--gloss);border:1px solid rgba(217,192,138,.45);border-radius:16px;padding:1.1rem 1.6rem;margin-bottom:2.4rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.rb-score{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.rb-num{font-family:'Cormorant Garamond',serif;font-size:1.9rem;color:var(--ink);font-weight:600;line-height:1}
.rb-stars{color:#e8b923;letter-spacing:2px;font-size:1.15rem}
.rb-count{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}
.rb-count svg{width:16px;height:16px}
.reviews-grid{columns:3;column-gap:1.4rem}
.review-card{break-inside:avoid;background:#fff;border:1px solid rgba(217,192,138,.35);border-radius:16px;padding:1.4rem 1.5rem;margin-bottom:1.4rem;box-shadow:0 10px 26px -20px rgba(120,100,60,.4)}
.rc-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.rc-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1rem;flex:none;font-family:'Cormorant Garamond',serif}
.rc-meta{display:flex;flex-direction:column;line-height:1.25;flex:1}
.rc-meta strong{font-size:.95rem}
.rc-meta small{color:var(--muted);font-size:.78rem}
.rc-g{flex:none}
.rc-g svg{width:19px;height:19px}
.rc-stars{color:#e8b923;letter-spacing:1px;font-size:.98rem;margin-bottom:.5rem}
.review-card p{color:#5f564e;font-size:.92rem;margin:0;line-height:1.6}
@media(max-width:900px){.reviews-grid{columns:2}}
@media(max-width:600px){.reviews-grid{columns:1}}

/* Bewertungs-Slider */
.reviews-slider{position:relative}
.rs-track{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.4rem .2rem 1rem;scrollbar-width:none;-ms-overflow-style:none}
.rs-track::-webkit-scrollbar{display:none}
.rs-track .review-card{scroll-snap-align:start;flex:0 0 calc((100% - 2.8rem)/3);min-width:280px;margin:0}
@media(max-width:900px){.rs-track .review-card{flex:0 0 calc((100% - 1.4rem)/2)}}
@media(max-width:600px){.rs-track .review-card{flex:0 0 100%}}
.rs-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(217,192,138,.6);background:#fff;color:var(--rose);font-size:1.7rem;cursor:pointer;box-shadow:var(--shadow);display:grid;place-items:center;line-height:1;transition:.2s}
.rs-arrow:hover{background:var(--rose);color:#fff}
.rs-prev{left:-12px}
.rs-next{right:-12px}
@media(max-width:600px){.rs-arrow{display:none}}

/* ---------- Sections ---------- */
section{padding:4.5rem 0}
.section-head{text-align:center;max-width:640px;margin:0 auto 3rem}
.section-head h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.8rem}
.section-head p{color:var(--muted)}
.alt{background:var(--cream-2)}

/* Cards grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.card{
  background:var(--gloss);border-radius:var(--radius);padding:2rem 1.8rem;
  border:1px solid rgba(217,192,138,.35);transition:.35s;position:relative;overflow:hidden;
  box-shadow:0 10px 30px -18px rgba(120,100,60,.4),inset 0 1px 0 rgba(255,255,255,.9);display:flex;flex-direction:column;
}
.card::after{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:var(--sheen);pointer-events:none;border-radius:var(--radius) var(--radius) 60% 40%}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--rose),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:2}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(217,192,138,.6)}
.card:hover::before{transform:scaleX(1)}
.card>*{position:relative;z-index:1}
.icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;margin-bottom:1.2rem;background:linear-gradient(145deg,#ffffff,var(--cream-2));color:var(--rose);box-shadow:0 6px 16px -8px rgba(120,100,60,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 6px rgba(217,192,138,.25);border:1px solid rgba(217,192,138,.4)}
.icon svg{width:30px;height:30px}
.card h3{font-size:1.5rem;margin-bottom:.5rem}
.card p{color:var(--muted);font-size:.96rem}
.card .more{margin-top:auto;padding-top:1.1rem;font-size:.85rem;font-weight:500;color:var(--rose);display:inline-flex;align-items:center;gap:.4rem;letter-spacing:.04em}

/* ---------- Text neben Bild (Split-Rows) ---------- */
.split{display:grid;gap:3.5rem}
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:center}
.split-row.reverse .split-media{order:2}
.split-text .eyebrow{margin-bottom:.5rem}
.split-text h3{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.7rem}
.split-text p{color:var(--muted);margin-bottom:1.2rem;max-width:46ch}
.split-text ul{list-style:none;display:grid;gap:.55rem;margin:0 0 1.6rem}
.split-text li{position:relative;padding-left:1.9rem;color:#5f564e}
.split-text li::before{content:"";position:absolute;left:0;top:.4em;width:13px;height:8px;border-left:2px solid var(--rose);border-bottom:2px solid var(--rose);transform:rotate(-45deg)}
.split-media{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow);border:5px solid #fff;outline:1px solid rgba(217,192,138,.5)}
.split-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.split-row:hover .split-media img{transform:scale(1.04)}
.split-media.panel{display:grid;place-items:center;background:var(--gloss)}
.split-media.panel::after{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:var(--sheen);pointer-events:none}
.media-glow{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(217,192,138,.4),transparent 70%);animation:floaty 7s ease-in-out infinite}
.media-icon{position:relative;z-index:1;width:120px;height:120px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,var(--cream-2));color:var(--rose);box-shadow:0 18px 40px -16px rgba(120,100,60,.5),inset 0 1px 0 #fff;border:1px solid rgba(217,192,138,.5);animation:floaty 6s ease-in-out infinite}
.media-icon svg{width:56px;height:56px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ---------- Behandlungszonen: Full-Width-Grid ---------- */
.zones-section{background:var(--gloss);border-top:1px solid rgba(217,192,138,.5);border-bottom:1px solid rgba(217,192,138,.5)}
/* Gold-Variante: nur für die Behandlungszonen */
.zones-section.gold{background:linear-gradient(160deg,#fbf2df 0%,#f3e3c0 55%,#ecd8ae 100%);border-color:rgba(201,169,106,.6)}
.zones-section.gold .zones{border-color:rgba(201,169,106,.55)}
.zones-section.gold .zone-col{border-color:rgba(201,169,106,.55)}
.zones-section.gold .zone-col:hover{background:rgba(255,250,238,.45)}
.zones{display:grid;grid-template-columns:repeat(3,1fr);width:100%;
  border-top:1px solid rgba(217,192,138,.45);border-left:1px solid rgba(217,192,138,.45)}
.zone-col{padding:2.6rem clamp(1.4rem,3vw,2.6rem);
  border-right:1px solid rgba(217,192,138,.45);border-bottom:1px solid rgba(217,192,138,.45);
  transition:background .3s}
.zone-col:hover{background:rgba(255,255,255,.5)}
a.zone-col{color:inherit;display:flex;flex-direction:column}
a.zone-col .zmore{margin-top:auto;padding-top:1rem;color:var(--rose);font-size:.85rem;font-weight:500;letter-spacing:.03em}
a.zone-col:hover h4{color:var(--rose)}
.zone-col h4{font-family:'Cormorant Garamond',serif;font-size:1.6rem;margin-bottom:.7rem;color:var(--rose-dark)}
.zone-col p{color:#5f564e;font-size:.95rem;margin:0}
.zone-col ul{list-style:none;display:grid;gap:.5rem}
.zone-col li{position:relative;padding-left:1.6rem;color:#5f564e;font-size:.95rem}
.zone-col li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:7px;border-left:2px solid var(--rose);border-bottom:2px solid var(--rose);transform:rotate(-45deg)}
@media(max-width:860px){.zones{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.zones{grid-template-columns:1fr}}

/* ---------- Ablauf-Schritte (Accordion) ---------- */
.steps{display:grid;gap:.7rem;margin:.4rem 0 1.4rem}
.steps details{background:var(--white);border:1px solid rgba(217,192,138,.4);border-radius:13px;padding:.2rem 1.1rem;box-shadow:0 8px 22px -18px rgba(120,100,60,.4)}
.steps summary{cursor:pointer;font-weight:500;padding:.85rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:'Cormorant Garamond',serif;font-size:1.25rem}
.steps summary::-webkit-details-marker{display:none}
.steps summary::after{content:"+";color:var(--rose);font-size:1.3rem;transition:.2s}
.steps details[open] summary::after{transform:rotate(45deg)}
.steps p{color:#5f564e;font-size:.94rem;padding-bottom:.9rem;margin:0}

/* ---------- Premium-Aufklapp-Infobereich ---------- */
.info-acc{max-width:920px;margin:0 auto;display:grid;gap:1rem}
.info-item{background:var(--gloss);border:1px solid rgba(217,192,138,.4);border-radius:18px;overflow:hidden;box-shadow:0 10px 26px -20px rgba(120,100,60,.4);transition:box-shadow .35s,border-color .35s,transform .35s;position:relative}
.info-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold),var(--rose));transform:scaleY(0);transform-origin:top;transition:transform .4s}
.info-item:hover{border-color:rgba(217,192,138,.75)}
.info-item.open{box-shadow:var(--shadow)}
.info-item.open::before{transform:scaleY(1)}
.info-head{display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.6rem;cursor:pointer;user-select:none;outline:none}
.info-head:focus-visible{box-shadow:inset 0 0 0 2px rgba(191,160,106,.6)}
.info-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:700;color:var(--rose);min-width:2.3rem;line-height:1;transition:color .25s}
.info-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:600;color:var(--ink);margin:0;flex:1;line-height:1.25;transition:color .25s}
.info-item:hover .info-title,.info-item.open .info-title{color:var(--rose-dark)}
.info-plus{position:relative;width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(145deg,#fff,var(--cream-2));border:1px solid rgba(217,192,138,.5);box-shadow:inset 0 1px 0 #fff;transition:.3s}
.info-item.open .info-plus{background:linear-gradient(145deg,var(--gold),var(--rose-dark));border-color:var(--rose-dark)}
.info-plus::before,.info-plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--rose-dark);border-radius:2px;transition:transform .3s,background .3s}
.info-plus::before{width:13px;height:2px;transform:translate(-50%,-50%)}
.info-plus::after{width:2px;height:13px;transform:translate(-50%,-50%)}
.info-item.open .info-plus::before,.info-item.open .info-plus::after{background:#fff}
.info-item.open .info-plus::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.info-panel{max-height:0;overflow:hidden;transition:max-height .45s ease}
.info-item.open .info-panel{max-height:660px}
.info-inner{padding:0 1.7rem 1.5rem 5.7rem;color:#5f564e}
.info-inner p{margin:0;line-height:1.75;font-size:.97rem}
@media(max-width:560px){
  .info-head{gap:.8rem;padding:1.1rem 1.1rem}
  .info-num{font-size:1.5rem;min-width:1.8rem}
  .info-title{font-size:1.2rem}
  .info-inner{padding:0 1.2rem 1.3rem 1.2rem}
  .info-item.open .info-panel{max-height:900px}
}

/* ---------- Haarwachstumszyklus ---------- */
.cycle{max-width:940px;margin:0 auto;display:grid;gap:2.4rem}
.cycle-row{display:grid;grid-template-columns:2.2rem 1fr 150px;gap:1.6rem;align-items:center;padding-bottom:2.2rem;border-bottom:1px solid rgba(217,192,138,.35)}
.cycle-row:last-child{border-bottom:none;padding-bottom:0}
.cycle-num{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--rose);font-weight:600}
.cycle-body h3{font-size:1.55rem;margin-bottom:.5rem}
.cycle-body p{color:#5f564e;font-size:.94rem;margin-bottom:.7rem}
.cycle-body p:last-child{margin-bottom:0}
.cycle-illu{display:grid;place-items:center}
.cycle-illu svg{width:120px;height:auto;filter:drop-shadow(0 14px 26px rgba(120,100,60,.28))}
@media(max-width:760px){
  .cycle-row{grid-template-columns:2rem 1fr;gap:.8rem 1rem}
  .cycle-illu{grid-column:1 / -1;justify-self:start;margin-top:.6rem}
}

/* ---------- Scroll-Reveal (leichtgewichtig) ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.media-icon,.media-glow{animation:none}}
@media(max-width:860px){
  .split-row{grid-template-columns:1fr;gap:1.6rem}
  .split-row.reverse .split-media{order:0}
  .split-media{aspect-ratio:16/10}
}

/* ---------- Prose / Detailseite ---------- */
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:1.9rem;margin:2.4rem 0 .8rem}
.prose h2:first-child{margin-top:0}
.prose p{color:#5f564e;margin-bottom:1rem}
.prose ul{list-style:none;margin:1rem 0 1.6rem;display:grid;gap:.7rem}
.prose ul li{position:relative;padding-left:2rem;color:#5f564e}
.prose ul li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:9px;border-left:2px solid var(--rose);border-bottom:2px solid var(--rose);transform:rotate(-45deg)}
.feature-split{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:start;max-width:980px;margin:0 auto}
.feature-split.ablauf-split{align-items:center}
.feature-panel{background:var(--gloss);border:1px solid rgba(217,192,138,.4);border-radius:20px;padding:2rem;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9);position:relative;overflow:hidden}
.feature-panel::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:var(--sheen);pointer-events:none}
.feature-panel>*{position:relative;z-index:1}
.feature-panel h4{font-family:'Cormorant Garamond',serif;font-size:1.7rem;margin:0;padding-bottom:.95rem;border-bottom:1px solid rgba(217,192,138,.45)}
.feature-panel .row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px dashed rgba(160,140,90,.3);font-size:.95rem}
.feature-panel .row:last-child{border-bottom:none}
.feature-panel .row span:last-child{color:var(--rose-dark);font-weight:500}
.feature-panel .panel-list{list-style:none;display:grid;gap:.95rem;margin:1.1rem 0 0}
.feature-panel .panel-list li{position:relative;padding-left:2.5rem;min-height:24px;display:flex;align-items:center;color:var(--ink);font-size:.97rem}
.feature-panel .panel-list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--rose-dark));box-shadow:0 5px 12px -5px rgba(164,133,79,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.feature-panel .panel-list li::after{content:"";position:absolute;left:8px;top:50%;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(-45deg)}
.feature-panel .panel-btn{margin-top:1.8rem;width:100%;justify-content:center;gap:.55rem;letter-spacing:.1em;padding:.95rem 1.2rem;font-size:.78rem}
.btn .btn-arrow{display:inline-block;transition:transform .25s ease}
.btn:hover .btn-arrow{transform:translateX(5px)}

/* FAQ */
.faq{max-width:760px;margin:0 auto;display:grid;gap:.8rem}
.faq-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;max-width:1040px;margin:0 auto}
.faq-split .faq{max-width:none;margin:0}
.faq-media{position:sticky;top:96px}
@media(max-width:860px){.faq-split{grid-template-columns:1fr;gap:2rem}.faq-media{position:static;max-width:480px;margin:0 auto}}
.faq details{background:var(--white);border:1px solid rgba(217,192,138,.35);border-radius:14px;padding:.4rem 1.2rem;box-shadow:0 8px 22px -18px rgba(120,100,60,.4)}
.faq summary{cursor:pointer;font-weight:500;padding:.9rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rose);font-size:1.3rem;transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:#5f564e;padding-bottom:1rem;font-size:.96rem}

/* Why / Trust */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem}
.why{display:flex;gap:1rem;align-items:flex-start;background:var(--gloss);border-radius:var(--radius);padding:1.6rem;border:1px solid rgba(217,192,138,.35);box-shadow:0 10px 26px -18px rgba(120,100,60,.4),inset 0 1px 0 rgba(255,255,255,.9)}
.why .icon{width:46px;height:46px;margin:0;flex:none}
.why .icon svg{width:24px;height:24px}
.why h4{font-family:'Mulish',sans-serif;font-size:1.05rem;margin-bottom:.2rem;font-weight:700}
.why p{font-size:.88rem;color:var(--muted)}

/* CTA / Contact */
.cta{background:linear-gradient(rgba(251,248,243,.82),rgba(251,248,243,.72)),#f4ede2 url("images/cta-bg.jpg") center/cover;color:var(--ink);border-radius:30px;padding:3.5rem;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(217,192,138,.5);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.95)}
.cta h2,.cta p{text-shadow:0 1px 3px rgba(255,255,255,.55)}
.cta::before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:var(--sheen);pointer-events:none}
.cta::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(217,192,138,.22),transparent 70%);top:-120px;right:-80px}
.cta h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.8rem;position:relative;z-index:1}
.cta p{color:var(--muted);max-width:46ch;margin:0 auto 2rem;position:relative;z-index:1}
.cta .btn{position:relative;z-index:1}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}
.contact-item{display:flex;gap:.9rem;align-items:center;justify-content:center;font-size:.95rem;text-align:center}
.contact-item svg{width:22px;height:22px;color:var(--rose);flex:none}
.contact-item a:hover{color:var(--rose)}

/* Footer */
footer{background:var(--ink);color:#e9e0d9;padding:3rem 0 1.5rem;margin-top:2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.2rem;margin-bottom:2rem}
footer h5{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-bottom:.9rem;color:#fff}
footer a{color:#cdbfb6;font-size:.92rem;display:block;padding:.18rem 0;transition:.2s}
footer a:hover{color:var(--gold)}
footer .logo{align-items:flex-start;text-align:left;margin-bottom:.8rem}
footer .logo .script{color:#fff}
footer .logo .tag{color:var(--gold)}
footer p.sm{font-size:.88rem;color:#a99a90;max-width:34ch}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.3rem;font-size:.82rem;color:#a99a90;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}

/* Responsive */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .feature-split{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .nav-links{position:fixed;inset:62px 0 auto 0;background:var(--cream);flex-direction:column;gap:0;padding:1rem 6%;box-shadow:var(--shadow);transform:translateY(-130%);transition:.35s;max-height:85vh;overflow-y:auto}
  .nav-links.open{transform:translateY(0)}
  .nav-item{width:100%}
  .nav-item>a{padding:.85rem 0;border-bottom:1px solid rgba(217,192,138,.25);width:100%;justify-content:space-between}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 .6rem 1rem;min-width:0;background:transparent}
  .nav-item .caret{display:none}
  .nav-links .btn{margin-top:.8rem;justify-content:center}
  .menu-toggle{display:flex}
  .cta{padding:2.5rem 1.5rem}
  .foot-grid{grid-template-columns:1fr}
}

/* =========================================================
   ✦ PREMIUM LIGHT LUXURY — Elfenbein · Champagner · Satin-Gold
   Polish + Motion + FX (Override; gewinnt per Quellreihenfolge)
   ========================================================= */
:root{
  --ink:#241f17;            /* dunkler für besseren Kontrast (AA) */
  --muted:#7d7264;
  --rose:#bfa06a;
  --rose-dark:#8f6f33;       /* dunkleres Gold für Text/Hover (Kontrast) */
  --gold:#d4af37;
  --shadow:0 30px 70px -34px rgba(120,95,45,.30);
}
body{font-family:'Plus Jakarta Sans','Mulish',system-ui,sans-serif;background:#f8f4ec;animation:pageIn .7s ease both}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
/* Heller Luxus-Hintergrund: weiche Gold-Aurora + Vignette + feines Noise */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(42% 34% at 10% 4%,rgba(212,175,55,.12),transparent 60%),
  radial-gradient(46% 38% at 92% 0%,rgba(201,169,106,.10),transparent 62%),
  radial-gradient(70% 55% at 50% 116%,rgba(212,175,55,.07),transparent 60%),
  linear-gradient(180deg,#fbf8f2 0%,#f3ebdd 100%);}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(135% 100% at 50% -8%,transparent 62%,rgba(120,95,45,.07) 100%);}
.fx-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* Header — helles Glas, beim Scrollen fester */
header{background:rgba(250,246,239,.7);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(212,175,55,.22);transition:background .35s,box-shadow .35s}
header.scrolled{background:rgba(250,246,239,.93);box-shadow:0 14px 40px -26px rgba(120,95,45,.4)}

/* Logo — dezenter Gold-Shine + Hover */
.logo{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.logo:hover{transform:rotate(-1deg)}
.logo .script{
  background:linear-gradient(100deg,#2b2620 0%,#2b2620 38%,#c79a4e 50%,#2b2620 62%,#2b2620 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  display:inline-block;padding:.08em .28em;line-height:1.35;overflow:visible;
  animation:logoShine 9s linear infinite}
@keyframes logoShine{0%{background-position:130% 0}100%{background-position:-130% 0}}

/* Buttons — Glanz-Sweep + Ripple (Gold-Look bleibt) */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}
.btn:hover::after{left:135%}
.btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}
@keyframes ripple{to{transform:scale(2.4);opacity:0}}

/* Glas-Blur auf Karten + edlere Hover */
.card,.feature-panel,.info-item,.reviews-bar,.why{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.card:hover{transform:translateY(-8px)}
.info-item{transition:transform .35s,box-shadow .35s,border-color .35s}

/* Schönere Scroll-Reveal-Animation */
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* Premium-FX: Scroll-Progress + warmer Cursor-Glow */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:100;background:linear-gradient(90deg,var(--gold),var(--rose-dark));box-shadow:0 0 12px rgba(212,175,55,.55)}
.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(212,175,55,.16),transparent 62%);opacity:0;transition:opacity .45s}
@media(hover:none){.cursor-glow{display:none}}

/* Fokus-Sichtbarkeit + Reduced Motion */
a:focus-visible,.btn:focus-visible,.info-head:focus-visible,summary:focus-visible{outline:2px solid var(--rose-dark);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.logo .script{animation:none}.btn::after{display:none}.reveal{transition:none;opacity:1;transform:none}body{animation:none}}

/* =========================================================
   ✦ FEINSCHLIFF — satteres Elfenbein, mehr Glanz, Button-Strahl, Formular
   ========================================================= */
/* Etwas dunkleres, glänzenderes Champagner-Elfenbein */
body{background:#ece1cf}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(44% 36% at 10% 2%,rgba(212,175,55,.18),transparent 60%),
  radial-gradient(48% 40% at 92% 0%,rgba(201,169,106,.15),transparent 62%),
  radial-gradient(72% 56% at 50% 118%,rgba(212,175,55,.10),transparent 60%),
  linear-gradient(180deg,#f3ebdb 0%,#e7dac3 100%);}
:root{--sheen:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.25) 28%,rgba(255,255,255,0) 56%)}

/* Glänzendere Satin-Oberflächen */
.card,.feature-panel,.info-item,.why,.reviews-bar,.lead-form,.steps details,.faq details{
  background:linear-gradient(155deg,#ffffff 0%,#fdf7ec 48%,#f2e6cf 100%);
  border:1px solid rgba(212,175,55,.34);
  box-shadow:0 24px 56px -28px rgba(120,90,40,.42),inset 0 1px 0 rgba(255,255,255,1),inset 0 -14px 30px rgba(212,175,55,.07)}
.zones-section.gold{background:linear-gradient(160deg,rgba(212,175,55,.16),rgba(201,169,106,.06) 60%,rgba(212,175,55,.04))}

/* Button — umkreisender Lichtstrahl */
@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;
  background:conic-gradient(from var(--beam),transparent 0 66%,rgba(255,250,235,.95) 80%,#ffffff 86%,rgba(212,175,55,.95) 93%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none}
.btn:hover::before{opacity:1;animation:beamspin 2.4s linear infinite}
@keyframes beamspin{to{--beam:1turn}}

/* =========================================================
   ✦ Mehrstufiges Kontaktformular
   ========================================================= */
.lead-form{max-width:760px;margin:0 auto;border-radius:26px;padding:clamp(1.5rem,4vw,2.8rem);position:relative;overflow:hidden}
.lead-form::after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:var(--sheen);pointer-events:none;border-radius:26px 26px 60% 40%}
.lead-form>*{position:relative;z-index:1}
.lf-steps{list-style:none;display:flex;align-items:center;gap:.4rem;margin:0 0 2.2rem;padding:0}
.lf-steps li{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.lf-steps li span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.5);font-size:.88rem;flex:none;background:#fff;color:var(--muted);transition:.35s}
.lf-steps li.active span{background:linear-gradient(145deg,var(--gold),var(--rose-dark));color:#fff;border-color:transparent;box-shadow:0 7px 16px -7px rgba(164,133,79,.75)}
.lf-steps li.active{color:var(--ink)}
.lf-steps li em{font-style:normal}
.lf-steps li:not(:last-child)::after{content:"";width:clamp(14px,4vw,46px);height:1px;background:rgba(212,175,55,.35);margin-left:.3rem}
.lf-h{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 .35rem}
.lf-sub{color:var(--muted);margin:0 0 1.5rem;font-size:.96rem}
.lf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.lf-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:1.4rem .8rem;border:1px solid rgba(212,175,55,.32);border-radius:18px;background:linear-gradient(160deg,#fff,#f7efe0);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.lf-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.6);box-shadow:0 16px 32px -18px rgba(120,90,40,.5)}
.lf-card input{position:absolute;opacity:0;pointer-events:none}
.lf-emoji{font-size:1.9rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(120,90,40,.18))}
.lf-card b{font-size:.92rem;color:var(--ink);font-weight:600;letter-spacing:.01em}
.lf-card.sel,.lf-card:has(input:checked){background:linear-gradient(160deg,#fff,#f3e6c9);border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,175,55,.4),0 16px 32px -16px rgba(164,133,79,.55)}
.lf-card.sel::after,.lf-card:has(input:checked)::after{content:"✓";position:absolute;top:.55rem;right:.7rem;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),var(--rose-dark));color:#fff;font-size:.7rem;font-weight:700}
.lf-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.lf-field{display:flex;flex-direction:column;gap:.4rem}
.lf-field.lf-full{grid-column:1 / -1}
.lf-field>span{font-size:.78rem;font-weight:600;color:var(--ink);letter-spacing:.02em}
.lf-field input,.lf-field select,.lf-field textarea{font-family:inherit;font-size:1rem;color:var(--ink);min-height:46px;padding:.7rem .95rem;border:1px solid rgba(212,175,55,.4);border-radius:13px;background:rgba(255,255,255,.85);transition:border-color .2s,box-shadow .2s,background .2s;width:100%}
.lf-field textarea{min-height:auto}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.2);background:#fff}
.lf-invalid{border-color:#c0552f !important;box-shadow:0 0 0 3px rgba(192,85,47,.16) !important}
.lf-note{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.28);border-radius:13px;padding:.95rem 1.15rem;font-size:.9rem;color:#6e6353;margin:1.4rem 0 0;line-height:1.6}
.lf-note strong{color:var(--rose-dark)}
.lf-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.7rem}
.lf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.6rem;margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid rgba(212,175,55,.22);color:var(--muted);font-size:.82rem}
.lf-success{text-align:center;padding:1.5rem 0}
.lf-check{display:inline-grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--rose-dark));color:#fff;font-size:2rem;margin-bottom:1.1rem;box-shadow:0 14px 30px -12px rgba(164,133,79,.7)}
.lf-success h3{font-size:1.9rem;margin:0 0 .5rem}
.lf-success p{color:var(--muted);max-width:44ch;margin:0 auto 1.5rem}
.lf-contactbar{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 2.4rem;margin-top:2rem}
.lf-contactbar a,.lf-contactbar .lf-cb-static{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-size:.93rem}
.lf-contactbar svg{width:20px;height:20px;color:var(--rose-dark)}
.lf-contactbar a:hover{color:var(--rose-dark)}
@media(max-width:620px){
  .lf-grid{grid-template-columns:1fr 1fr}
  .lf-fields{grid-template-columns:1fr}
  .lf-steps li em{display:none}
  .lf-steps{justify-content:space-between}
}

/* =========================================================
   ✦✦ HOCHGLANZ-HINTERGRUND — poliert, lebendig, „>10.000 €"-Look ✦✦
   ========================================================= */
.fx-noise{display:none}                 /* kein mattes Noise mehr */
body{background:#efe3d0}
/* Helle Lichtblüten + Gold-Glow, langsam driftend (poliertes Material) */
body::before{content:"";position:fixed;inset:-12%;z-index:-3;pointer-events:none;
  background:
    radial-gradient(36% 30% at 16% 10%,rgba(255,255,255,.96),transparent 58%),
    radial-gradient(48% 40% at 86% 4%,rgba(216,180,96,.34),transparent 60%),
    radial-gradient(40% 34% at 74% 92%,rgba(255,255,255,.78),transparent 60%),
    radial-gradient(62% 52% at 26% 106%,rgba(216,180,96,.22),transparent 60%),
    linear-gradient(165deg,#f9f2e6 0%,#efe2cd 55%,#e6d6bd 100%);
  background-size:165% 165%;
  animation:glossDrift 20s ease-in-out infinite alternate;will-change:background-position}
@keyframes glossDrift{0%{background-position:0% 0%}100%{background-position:100% 100%}}
/* Wandernder Glanz-/Lichtstreifen über die ganze Seite (Spiegelung) */
body::after{content:"";position:fixed;inset:-35%;z-index:-2;pointer-events:none;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.45) 46%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.45) 54%,transparent 64%);
  background-size:260% 260%;mix-blend-mode:soft-light;opacity:.75;
  animation:glossSweep 12s linear infinite;will-change:background-position}
@keyframes glossSweep{0%{background-position:120% -20%}100%{background-position:-40% 120%}}
/* Zweiter, feiner Gold-Schimmer-Sweep für Tiefe */
.fx-noise{display:none}
.scroll-progress{box-shadow:0 0 16px rgba(216,180,96,.85)}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}

/* =========================================================
   ✦✦✦ DEEP BRUSHED GOLD THEME — finales Override
   Tiefes gebürstetes Gold · Elfenbein-Text · poliert · performant (GPU)
   ========================================================= */
:root{
  --ink:#f7f0de;--muted:#d9c8a2;--rose:#ecd292;--rose-dark:#f6e7b4;--gold:#f0d488;
  --line:rgba(245,224,150,.24);--shadow:0 34px 80px -36px rgba(0,0,0,.72);
  --gloss:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.045) 45%,rgba(255,255,255,.02) 100%);
  --sheen:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,0) 42%);
}
body{font-family:'Plus Jakarta Sans','Mulish',system-ui,sans-serif;color:var(--ink);background:#3f2f13;animation:none}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;animation:none;background:
  radial-gradient(40% 32% at 16% 8%,rgba(255,242,205,.32),transparent 60%),
  radial-gradient(46% 38% at 86% 4%,rgba(255,226,150,.24),transparent 60%),
  radial-gradient(70% 60% at 50% 122%,rgba(60,44,18,.55),transparent 60%),
  linear-gradient(155deg,#705423 0%,#54401a 46%,#3c2d12 100%);}
.fx-noise{display:block !important;position:fixed;left:-65%;top:-30%;width:55%;height:160%;z-index:-2;pointer-events:none;opacity:.55;mix-blend-mode:screen;
  background:linear-gradient(100deg,transparent,rgba(255,248,225,.45) 44%,rgba(255,255,255,.85) 50%,rgba(255,248,225,.45) 56%,transparent);
  transform:translateX(0) skewX(-12deg);animation:goldSweep 9s linear infinite;will-change:transform}
@keyframes goldSweep{0%{transform:translateX(0) skewX(-12deg)}100%{transform:translateX(340%) skewX(-12deg)}}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;animation:none;
  background:radial-gradient(130% 100% at 50% -6%,transparent 54%,rgba(0,0,0,.42) 100%)}

h1,h2,h3{color:var(--ink)}
.section-head p,.subhero p,.welcome-intro p,.hero-sub,.card p,.why p,.stat small{color:var(--muted)}
.about-text p,.treat-left p,.tech-text p,.process-row p,.seo-teaser,.seo-more p,.anreise-text p,.review-card p,.split-text li,.split-text p,.zone-col p,.zone-col li,.info-inner,.info-inner p,.cycle-body p,.prose p,.prose ul li,.faq p,.steps p,.lf-sub{color:#ecdfc4}
.about-text p strong,.tech-text p strong,.seo-more p strong,.anreise-text p strong,.prose strong,.welcome-intro h2 strong,.info-inner strong{color:var(--rose-dark)}

header{background:rgba(40,30,14,.72);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--line)}
header.scrolled{background:rgba(34,25,11,.92);box-shadow:0 14px 40px -22px rgba(0,0,0,.6)}
.nav-item>a{color:var(--ink)}
.nav-item:hover>a{color:var(--rose-dark)}
.menu-toggle span{background:var(--ink)}
.dropdown{background:rgba(48,36,16,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow)}
.dropdown a{color:var(--ink)}
.dropdown a:hover{background:rgba(255,255,255,.06);color:var(--rose-dark);border-left-color:var(--gold)}
@media(max-width:820px){.nav-links{background:rgba(34,25,11,.97)}.nav-item>a{border-bottom-color:var(--line)}}

.logo .script{background:linear-gradient(100deg,#f7f0de 0%,#f7f0de 36%,#fff8e6 50%,#e7cf8c 60%,#f7f0de 74%,#f7f0de 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.card,.feature-panel,.info-item,.reviews-bar,.review-card,.why,.steps details,.faq details,.lead-form,.hero-card{
  background:var(--gloss);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:0 22px 56px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.card h3,.feature-panel h4,.info-title,.cycle-body h3,.process-row h3,.rb-num,.rc-meta strong,.about-lead{color:var(--ink)}
.card:hover,.info-item:hover{border-color:rgba(245,224,150,.5)}
.zone-col h4,.info-num,.cycle-num{color:var(--rose-dark)}
.feature-panel h4,.feature-panel .row{border-bottom-color:var(--line)}
.steps summary,.faq summary{color:var(--ink)}
.steps details,.faq details{background:rgba(255,255,255,.05)}

.icon,.media-icon,.info-plus{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--line);color:var(--rose-dark)}
.info-plus::before,.info-plus::after{background:var(--rose-dark)}
.info-item.open .info-plus{background:linear-gradient(145deg,var(--gold),#b8902f);border-color:var(--gold)}
.info-item.open .info-plus::before,.info-item.open .info-plus::after{background:#3a2c12}

.photo-box,.split-media,.hero-photo img{border:1px solid var(--line);outline:none}
.map-wrap{border:1px solid var(--line)}
.divider{border-top-color:var(--line)}
.split-media.panel{background:var(--gloss)}

.alt{background:rgba(255,255,255,.045)}
.zones-section{background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zones-section.gold{background:linear-gradient(160deg,rgba(245,224,150,.16),rgba(180,140,60,.07) 60%,rgba(245,224,150,.04));border-color:rgba(245,224,150,.32)}
.zones,.zone-col{border-color:var(--line) !important}
.zone-col:hover,.zones-section.gold .zone-col:hover{background:rgba(255,255,255,.06)}

.hero-tint{background:linear-gradient(180deg,rgba(40,30,14,.62),rgba(30,22,9,.84)),radial-gradient(60% 60% at 50% 38%,rgba(245,224,150,.14),transparent 70%)}
.hero-content::before{background:linear-gradient(90deg,var(--gold),var(--rose-dark))}
.subhero::before{background:radial-gradient(70% 120% at 50% 0%,rgba(245,224,150,.16),transparent 65%)}

.cta{background:linear-gradient(160deg,rgba(34,25,11,.76),rgba(28,20,8,.86)),#3c2d12 url("images/cta-bg.jpg") center/cover;border:1px solid rgba(245,224,150,.32)}
.cta h2{color:var(--ink);text-shadow:0 2px 14px rgba(0,0,0,.55)}
.cta p{color:#e7dcc2;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.cta::after{background:radial-gradient(circle,rgba(245,224,150,.2),transparent 70%)}

footer{background:#241a08;border-top:1px solid var(--line);color:#cdbf9c}
footer h5{color:var(--ink)}
footer a{color:#bcab86}
footer a:hover{color:var(--gold)}

.rs-arrow{background:rgba(48,36,16,.9);border:1px solid var(--line);color:var(--rose-dark)}
.rs-arrow:hover{background:linear-gradient(135deg,var(--gold),#b8902f);color:#2a2009}
.rb-stars,.rc-stars{color:#ffd76a}

.lead-form::after{background:var(--sheen)}
.lf-steps li{color:var(--muted)}
.lf-steps li.active{color:var(--ink)}
.lf-steps li span{background:rgba(255,255,255,.08);color:var(--muted);border-color:var(--line)}
.lf-h{color:var(--ink)}
.lf-field>span{color:var(--ink)}
.lf-field input,.lf-field select,.lf-field textarea{background:rgba(255,255,255,.94);color:#241f17;border-color:rgba(245,224,150,.4)}
.lf-field input::placeholder,.lf-field textarea::placeholder{color:#8a7f6c}
.lf-card{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border-color:var(--line)}
.lf-card b{color:var(--ink)}
.lf-card.sel,.lf-card:has(input:checked){background:linear-gradient(160deg,rgba(245,224,150,.22),rgba(245,224,150,.08));border-color:var(--gold)}
.lf-note{background:rgba(245,224,150,.1);border-color:var(--line);color:#e7dcc2}
.lf-trust,.lf-contactbar a,.lf-contactbar .lf-cb-static{color:var(--muted)}
.lf-contactbar svg{color:var(--rose-dark)}
.lf-success h3{color:var(--ink)}
.lf-success p{color:var(--muted)}

.cursor-glow{background:radial-gradient(circle,rgba(255,245,210,.14),transparent 62%);mix-blend-mode:screen}
/* Wandernder Glanz-Streifen entfernt (ruhiger, performanter) */
.fx-noise{display:none !important}

/* Buttons: tieferes Brass-Gold, damit weiße Schrift klar lesbar ist */
.btn{background:linear-gradient(135deg,#c89b3f 0%,#9a7327 52%,#7c5b1c 100%);color:#fff;border:1px solid rgba(255,240,205,.4);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -8px 18px rgba(0,0,0,.12);text-shadow:0 1px 2px rgba(60,40,10,.35)}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px -14px rgba(0,0,0,.6),0 0 0 1px rgba(245,224,150,.45),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-ghost{background:transparent;color:var(--rose-dark);border:1px solid rgba(245,224,150,.5);text-shadow:none;box-shadow:none}
.btn-ghost:hover{background:linear-gradient(135deg,#c89b3f,#7c5b1c);color:#fff}

/* Nicht-klickbares Menü-Label (z. B. Hautbehandlungen) */
.nav-item>.nav-parent{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 0;cursor:default;color:var(--ink);user-select:none}
.nav-item:hover>.nav-parent{color:var(--rose-dark)}
@media(max-width:820px){.nav-item>.nav-parent{padding:.85rem 0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between}}

/* Footer: Impressum & Datenschutz nebeneinander */
.foot-legal{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap}
.foot-legal .sep{opacity:.5}
/* Agentur-Credit im Footer */
.foot-credit{flex-basis:100%;text-align:center;margin-top:.3rem;font-size:.8rem;opacity:.85}

/* Rechtsseiten (Impressum / Datenschutz) */
.container.legal{max-width:900px}
.legal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-bottom:2.8rem}
.legal-card{background:var(--gloss);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.5rem;box-shadow:0 18px 44px -28px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1)}
.legal-card h3{font-family:'Marcellus',serif;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-dark);margin:0 0 .6rem}
.legal-card p{margin:0;color:#ecdfc4;line-height:1.75;font-size:.97rem}
.legal-card a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.legal-card a:hover{color:var(--gold)}
.legal-prose{max-width:none}
.legal-prose h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);margin:2.6rem 0 .5rem;color:var(--ink)}
.legal-prose h3{font-size:1.05rem;margin:0 0 .35rem;color:var(--ink)}
.legal-prose p{color:#ecdfc4;line-height:1.8;margin:.5rem 0}
.legal-prose ul{color:#ecdfc4;line-height:1.85;padding-left:1.2rem;margin:.5rem 0}
.legal-prose a{color:var(--rose-dark);word-break:break-word}
.legal-prose a:hover{color:var(--gold)}
.ds-services{display:grid;gap:1rem;margin:1.2rem 0}
.ds-service{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem}
.ds-service p{margin:.2rem 0;font-size:.93rem}
.ds-service em{color:var(--rose-dark);font-style:normal}

/* PMU-Technik-Bildkarten */
.pmu-techs{grid-template-columns:repeat(3,1fr)}
.card.pmu-tech{padding:0;overflow:hidden}
.pmu-tech-img{display:block;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)}
.pmu-tech-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.card.pmu-tech:hover .pmu-tech-img img{transform:scale(1.06)}
.card.pmu-tech h3{font-size:1.35rem;margin:1.2rem 1.5rem .35rem}
.card.pmu-tech p{margin:0 1.5rem;color:#ecdfc4;font-size:.94rem}
.card.pmu-tech .more{margin:1rem 1.5rem 1.4rem;padding-top:0}
@media(max-width:860px){.pmu-techs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pmu-techs{grid-template-columns:1fr}}

/* =========================================================
   ✦✦✦ MARKEN-THEME HELL — Weiß · Schwarz · Taupe (finales Override)
   Klar, minimalistisch, luftig – wie das echte MiPiel-Branding
   ========================================================= */
:root{
  --ink:#1c1a18;--muted:#6f6864;--rose:#a8938b;--rose-dark:#8a736b;--gold:#bfa06a;
  --line:rgba(28,24,20,.12);--shadow:0 30px 70px -44px rgba(30,20,15,.28);
  --gloss:#ffffff;--sheen:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 42%);
  --cream:#f6f2ef;
}
body{background:#ffffff;color:var(--ink)}
body::before{background:#ffffff !important;animation:none !important}
body::after{background:none !important;animation:none !important}
.fx-noise,.cursor-glow{display:none !important}
.scroll-progress{background:linear-gradient(90deg,var(--rose),var(--rose-dark));box-shadow:none}

/* Text */
h1,h2,h3{color:var(--ink)}
.section-head p,.subhero p,.welcome-intro p,.hero-sub,.card p,.why p,.stat small{color:var(--muted)}
.about-text p,.treat-left p,.tech-text p,.process-row p,.seo-teaser,.seo-more p,.anreise-text p,.review-card p,.split-text li,.split-text p,.zone-col p,.zone-col li,.info-inner,.info-inner p,.cycle-body p,.prose p,.prose ul li,.faq p,.steps p,.lf-sub{color:#4a4744}
.about-text p strong,.tech-text p strong,.seo-more p strong,.anreise-text p strong,.prose strong,.welcome-intro h2 strong,.info-inner strong{color:var(--rose-dark)}

/* Header / Nav */
header{background:rgba(255,255,255,.85);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 10px 30px -20px rgba(0,0,0,.18)}
.nav-item>a,.nav-item>.nav-parent{color:var(--ink)}
.nav-item:hover>a,.nav-item:hover>.nav-parent{color:var(--rose-dark)}
.menu-toggle span{background:var(--ink)}
.dropdown{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:var(--shadow)}
.dropdown a{color:var(--ink)}
.dropdown a:hover{background:var(--cream);color:var(--rose-dark);border-left-color:var(--rose)}
@media(max-width:820px){.nav-links{background:rgba(255,255,255,.98)}.nav-item>a,.nav-item>.nav-parent{border-bottom-color:var(--line)}}

/* Logo schwarz (kein Gold-Verlauf) */
.logo .script{background:none;-webkit-text-fill-color:currentColor;color:#141210}
.logo .tag{color:#141210}

/* Karten / Flächen — weiß */
.card,.feature-panel,.info-item,.reviews-bar,.review-card,.why,.steps details,.faq details,.lead-form,.hero-card{
  background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:0 26px 60px -46px rgba(30,20,15,.4)}
.card h3,.feature-panel h4,.info-title,.cycle-body h3,.process-row h3,.rb-num,.rc-meta strong,.about-lead{color:var(--ink)}
.card:hover,.info-item:hover{border-color:rgba(168,147,139,.55)}
.zone-col h4,.info-num,.cycle-num{color:var(--rose-dark)}
.feature-panel h4,.feature-panel .row{border-bottom-color:var(--line)}
.steps summary,.faq summary{color:var(--ink)}
.steps details,.faq details{background:#fff}
.card.pmu-tech p{color:#4a4744}

/* Icons */
.icon,.media-icon,.info-plus{background:var(--cream);border:1px solid var(--line);color:var(--rose-dark)}
.info-plus::before,.info-plus::after{background:var(--rose-dark)}
.info-item.open .info-plus{background:var(--rose);border-color:var(--rose)}
.info-item.open .info-plus::before,.info-item.open .info-plus::after{background:#fff}

/* Foto-Rahmen / Trenner */
.photo-box,.split-media,.hero-photo img,.map-wrap{border:1px solid var(--line)}
.divider{border-top-color:var(--line)}
.split-media.panel{background:var(--cream)}

/* Sektionen */
.alt{background:#f7f4f1}
.zones-section{background:#f7f4f1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zones-section.gold{background:#f4efe9;border-color:var(--line)}
.zones,.zone-col{border-color:var(--line) !important}
.zone-col:hover,.zones-section.gold .zone-col:hover{background:#fff}

/* Hero — heller Wash, dunkle Schrift */
.hero-tint{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.74))}
.hero-full h1{color:var(--ink);text-shadow:0 1px 14px rgba(255,255,255,.7)}
.hero-content,.hero-sub{color:var(--ink)}
.hero-content::before{background:var(--rose)}
.hstat{color:var(--ink)}
.hstat svg{color:var(--rose-dark)}
.hero-statlabel{color:var(--rose-dark)}
.hstat+.hstat{border-left-color:var(--line)}
.subhero::before{background:none}

/* CTA — helles Panel */
.cta{background:#f4efe9;border:1px solid var(--line)}
.cta h2{color:var(--ink);text-shadow:none}
.cta p{color:var(--muted);text-shadow:none}
.cta::after{background:none}

/* Footer weiß */
footer{background:#fff;border-top:1px solid var(--line);color:var(--muted)}
footer h5{color:var(--ink)}
footer a{color:var(--muted)}
footer a:hover{color:var(--rose-dark)}
.foot-bottom{border-top-color:var(--line);color:var(--muted)}

/* Bewertungen */
.rs-arrow{background:#fff;border:1px solid var(--line);color:var(--rose-dark)}
.rs-arrow:hover{background:var(--rose);color:#fff}
.rb-stars,.rc-stars{color:#d3a24a}

/* Buttons — Taupe gefüllt */
.btn{background:var(--rose);color:#fff;border:1px solid var(--rose);box-shadow:0 14px 30px -16px rgba(138,115,107,.6);text-shadow:none}
.btn:hover{background:var(--rose-dark);border-color:var(--rose-dark);box-shadow:0 18px 40px -16px rgba(138,115,107,.7)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);text-shadow:none}
.btn-ghost:hover{background:var(--ink);color:#fff}

/* Kontaktformular */
.lf-steps li{color:var(--muted)}
.lf-steps li.active{color:var(--ink)}
.lf-steps li span{background:var(--cream);color:var(--muted);border-color:var(--line)}
.lf-h,.lf-field>span{color:var(--ink)}
.lf-field input,.lf-field select,.lf-field textarea{background:#fff;color:var(--ink);border-color:var(--line)}
.lf-field input::placeholder,.lf-field textarea::placeholder{color:#9a938d}
.lf-card{background:#fff;border-color:var(--line)}
.lf-card b{color:var(--ink)}
.lf-card.sel,.lf-card:has(input:checked){background:#f6efe9;border-color:var(--rose)}
.lf-note{background:#f7f4f1;border-color:var(--line);color:var(--muted)}
.lf-trust,.lf-contactbar a,.lf-contactbar .lf-cb-static{color:var(--muted)}
.lf-contactbar svg{color:var(--rose-dark)}
.lf-success h3{color:var(--ink)}.lf-success p{color:var(--muted)}

/* Rechtsseiten hell */
.legal-card{background:#fff;border-color:var(--line);box-shadow:0 20px 46px -34px rgba(30,20,15,.3)}
.legal-card h3{color:var(--rose-dark)}
.legal-card p{color:#4a4744}
.legal-card a{color:var(--ink);border-bottom-color:var(--line)}
.legal-card a:hover{color:var(--rose-dark)}
.legal-prose h2,.legal-prose h3{color:var(--ink)}
.legal-prose p,.legal-prose ul{color:#4a4744}
.legal-prose a{color:var(--rose-dark)}
.legal-prose a:hover{color:var(--rose-dark)}
.ds-service{background:#f7f4f1;border-color:var(--line)}
.ds-service em{color:var(--rose-dark)}

/* ✦ Logo-Grafik + Schimmer */
.logo{position:relative;overflow:hidden;display:inline-flex;padding:.15em .25em}
.logo-img{display:block;height:52px;width:auto;max-width:min(62vw,240px)}
footer .logo{display:inline-flex}
footer .logo-img{height:56px}
.logo::after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;pointer-events:none;z-index:2;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.92) 50%,transparent 100%);
  transform:translateX(-180%) skewX(-16deg);animation:logoSheen 6s ease-in-out infinite}
@keyframes logoSheen{0%{transform:translateX(-180%) skewX(-16deg)}14%{transform:translateX(340%) skewX(-16deg)}100%{transform:translateX(340%) skewX(-16deg)}}
@media(max-width:820px){.logo-img,footer .logo-img{height:44px}}
@media(prefers-reduced-motion:reduce){.logo::after{animation:none;opacity:0}}

/* ✦ Produkt-/Foto-Galerie (z. B. Reviderm) */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.gallery-item{overflow:hidden;border-radius:16px;border:1px solid var(--line);aspect-ratio:4/5;background:#f4efe9;box-shadow:0 22px 50px -38px rgba(30,20,15,.4)}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.gallery-item:hover img{transform:scale(1.05)}
@media(max-width:820px){.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gallery-grid{gap:.8rem}}

/* Text-Einstieg ohne Bild (z. B. Maniküre & Pediküre) */
.svc-intro-text{max-width:840px;margin-inline:auto;text-align:center}

/* Header: einzeilig, in die Breite gezogen, Abstand zwischen Logo & Menü */
header .container.nav{width:min(1320px,96%)}
.nav{gap:2.5rem}
.nav-links{gap:1.6rem;flex-wrap:nowrap}
@media(min-width:821px){.nav-links>.btn{margin-left:1.1rem}}
@media(min-width:821px) and (max-width:1180px){
  .nav-links{gap:1.05rem;font-size:.88rem}
  .nav-links .btn{padding:.58rem .95rem;font-size:.78rem}
  .logo-img{height:46px}
}

/* Frauen-Sektion: Bildausschnitt nach oben, damit die Zehen sichtbar sind */
#frauen .split-media img{object-position:center 12%}

/* Hero-Eyebrow besser lesbar (mehr Kontrast über hellem Hero) */
.hero-full .eyebrow{color:#6b5349;font-weight:600;text-shadow:0 1px 12px rgba(255,255,255,.92),0 1px 4px rgba(255,255,255,.7)}
.hero-full .hero-statlabel{color:#6b5349;text-shadow:0 1px 10px rgba(255,255,255,.85)}

/* ✦ Cookie-Banner (Theme-Farben) */
.cookie-banner{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%) translateY(24px);z-index:1000;width:min(700px,92%);
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 26px 64px -30px rgba(30,20,15,.5);
  padding:1.1rem 1.35rem;display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .5s ease}
.cookie-banner.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.cookie-text{margin:0;flex:1 1 280px;font-size:.88rem;line-height:1.6;color:var(--muted)}
.cookie-text a{color:var(--rose-dark);text-decoration:underline}
.cookie-actions{display:flex;gap:.6rem;flex:0 0 auto}
.cookie-banner .btn{padding:.62rem 1.15rem;font-size:.8rem}
@media(max-width:560px){.cookie-banner{bottom:.7rem;padding:1rem}.cookie-actions{width:100%}.cookie-banner .btn{flex:1}}