/* Runde 17 · Farb-Vorschau (Standard seit Runde 18, html[data-t="d"]): zwei Töne mit Kontrast — DUNKEL = warmes, helleres Lila (Malve) mit weichem Verlauf,
   HELL = warmes Creme mit Rosé-Hauch. Botox & Filler (#injektionen) bleibt als einziger Abschnitt tiefes Pflaume. */
html[data-t="d"]{
  --m1:#5B3A72;--m2:#7A4E88;--m3:#94608A;               /* Malve-Verlauf: Lila → warmes Rosé-Lila */
  --mauve:radial-gradient(60% 70% at 85% 10%,rgba(240,170,170,.28),rgba(240,170,170,0) 70%),radial-gradient(50% 60% at 0% 100%,rgba(70,40,110,.35),rgba(70,40,110,0) 70%),linear-gradient(135deg,var(--m1) 0%,var(--m2) 55%,var(--m3) 100%);
  --c1:#FBF6F3;--c2:#F4EAE6;--c3:#EFE3EA;               /* Creme, Creme-Rosé, Creme-Flieder */
  --tink:#33203C;--tacc:#7C3AAB;--tlab:#9A4B78;--tcard:#FFFDFB}
html[data-t] body.design-b{--b-light-bg:radial-gradient(60% 50% at 100% 0%,rgba(236,190,200,.35),rgba(236,190,200,0) 65%),linear-gradient(180deg,var(--c1),var(--c2));
  --b-mid-bg:radial-gradient(60% 50% at 0% 0%,rgba(200,170,225,.35),rgba(200,170,225,0) 65%),linear-gradient(180deg,var(--c3),var(--c2));--b-soft-bg:linear-gradient(180deg,var(--c2),var(--c1));background:var(--c1)}
html[data-t] body.design-b .site-header.hd-scrolled:not(.hd-ondark){background:rgba(251,246,243,.92)!important}
html[data-t] body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-scrolled.hd-ondark{background:rgba(91,58,114,.9)!important}
/* dunkle Abschnitte → Malve */
html[data-t] .design-b .b-hero15,html[data-t] .design-b #hifu-spot,html[data-t] .design-b #medizin,html[data-t] .design-b #stimmen,html[data-t] .design-b #termin{background:var(--mauve)!important}
html[data-t] .design-b .b-hero15 .b-hero-kicker,html[data-t] .design-b #hifu-spot .b-kicker,html[data-t] .design-b #medizin .eyebrow{color:#F6E3F4}
html[data-t] .design-b .b-hero15 .b-h1 .b-accent,html[data-t] .design-b #hifu-spot .b-accent,html[data-t] .design-b #medizin .display em{color:#FFD9DE}
html[data-t] .design-b .b-hero15-shelf a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
html[data-t] .design-b .b-hero15-shelf a b{color:#FFE1DA}
html[data-t] .design-b .b-hero15 .b-cta-primary,html[data-t] .design-b #hifu-spot .b-cta-primary,html[data-t] .design-b #medizin .b-cta-primary,html[data-t] .design-b #termin .b-cta-primary{background:#fff;color:#4A2A60}
html[data-t] .design-b .zk-map.b-card-dark{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border-color:rgba(255,255,255,.28)}
html[data-t] .design-b #hifu-spot .zk-row{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
html[data-t] .design-b #hifu-spot .zk-row[aria-pressed="true"]{background:rgba(255,255,255,.18)}
/* Runde 19: Hero + Finder auf EINEM Grund — gleicher waagerechter Verlauf, Licht nur in den Flächenmitten, Finder wird nach unten etwas tiefer */
html[data-t] .design-b .b-hero15{background:radial-gradient(40% 46% at 78% 44%,rgba(255,190,180,.30),rgba(255,190,180,0) 72%),radial-gradient(40% 44% at 12% 36%,rgba(60,30,100,.30),rgba(60,30,100,0) 72%),linear-gradient(90deg,var(--m1) 0%,var(--m2) 55%,var(--m3) 100%)!important}
html[data-t] .design-b .b-concern-sec{background:radial-gradient(46% 50% at 50% 58%,rgba(255,200,210,.16),rgba(255,200,210,0) 72%),linear-gradient(180deg,rgba(40,15,60,0) 0%,rgba(40,15,60,.30) 100%),linear-gradient(90deg,var(--m1) 0%,var(--m2) 55%,var(--m3) 100%)}
html[data-t] .design-b .b-concern-sec .b-h2{font-size:clamp(38px,4.8vw,62px)}
html[data-t] .design-b .b-concern-sec .b-h2 .b-accent{color:#FFD9DE}
html[data-t] .design-b .b-concern-sec .b-kicker{color:#F6E3F4}
html[data-t] .design-b .b-concern-sec .b-finder-card{box-shadow:0 44px 90px -36px rgba(30,10,45,.7),0 0 0 3px rgba(255,255,255,.22)}
/* Hero-Foto natürlich: kein Lila-Schleier, warmes Tageslicht bleibt */
html[data-t] .design-b .b-hero15 .b-hero14-card::after{display:none}
html[data-t] .design-b .b-hero15 .b-hero14-card,html[data-t] .design-b .b-hero15 .b-hero-show{background:#EADFD6}
html[data-t] .design-b .b-hero15 .b-hero-slide{-webkit-mask-image:none;mask-image:none;filter:saturate(1.05) brightness(1.04)}
html[data-t] .design-b .b-hero15 .b-hero14-card{box-shadow:0 44px 90px -40px rgba(30,10,45,.7),0 0 0 6px rgba(255,255,255,.16)}
/* Bewertungsband: helles Creme mit Rosé-Licht */
html[data-t] .design-b #bewertungen-band{background:var(--b-light-bg)}
/* HIFU: Zonen-Karte und Zeitstrahl dunkler, heben sich vom Grund ab */
html[data-t] .design-b .zk-map.b-card-dark{background:linear-gradient(160deg,rgba(44,18,64,.62),rgba(44,18,64,.44));border-color:rgba(255,255,255,.22);box-shadow:0 40px 80px -40px rgba(20,5,35,.7)}
html[data-t] .design-b .ct17{background:linear-gradient(160deg,rgba(44,18,64,.58),rgba(44,18,64,.40));border-color:rgba(255,255,255,.2);box-shadow:0 40px 80px -40px rgba(20,5,35,.7)}
/* Weicher Übergang Medizinisches Botox → Weitere Injektionen: eine durchlaufende Farbe an der Nahtstelle */
html[data-t] .design-b .b-med15{background:radial-gradient(60% 40% at 100% 0%,rgba(236,190,200,.35),rgba(236,190,200,0) 65%),linear-gradient(180deg,var(--c1) 0%,var(--c2) 55%,#ECDFEA 100%)}
html[data-t] .design-b .b-inj15{background:linear-gradient(180deg,#ECDFEA 0%,#E6D6EA 100%)}
/* Infusionen: die drei Schritte kräftiger */
html[data-t] .design-b #medizin .ivm-steps li{padding:20px 18px;border-radius:16px;transition:background .35s var(--b-ease),transform .35s var(--b-ease)}
html[data-t] .design-b #medizin .ivm-steps li:hover{background:rgba(255,255,255,.1);transform:translateX(6px)}
html[data-t] .design-b #medizin .ivm-steps li b{font-family:var(--b-serif);font-weight:400;font-size:clamp(26px,2.3vw,32px);line-height:1.1;color:#fff}
html[data-t] .design-b #medizin .ivm-steps li span{font-size:17.5px;color:rgba(255,255,255,.88)}
html[data-t] .design-b #medizin .ivm-steps li::before{font-size:clamp(40px,3.6vw,54px);color:#FFD9DE;opacity:1}
html[data-t] .design-b #medizin.ivm13 .ivm-steps li{grid-template-columns:84px 1fr;align-items:center}
html[data-t] .design-b .b-concern-sec .b-finder-privacy,html[data-t] .design-b .b-concern-sec .b-lede{color:rgba(255,255,255,.88)}
/* Runde 22: HIFU-Preiszeilen dunkler, gewählte Zeile deutlich */
html[data-t] .design-b #hifu-spot .zk-row{background:rgba(40,16,58,.42);border-color:rgba(255,255,255,.16)}
html[data-t] .design-b #hifu-spot .zk-row:hover{background:rgba(40,16,58,.6)}
html[data-t] .design-b #hifu-spot .zk-row[aria-pressed="true"]{background:rgba(30,10,46,.78);border-color:rgba(255,217,222,.6)}
/* Runde 32 · Rosé: der Malve-Verlauf läuft in ein staubiges Rosé aus, helle Flächen rosé-creme, Akzente rosé */
html[data-t="d"]{--m1:#5E3A70;--m2:#8A5284;--m3:#B9738C;--c1:#FDF6F4;--c2:#F8E9E8;--c3:#F3E1EA}
html[data-t] .design-b .b-accent{color:#B4527A}
html[data-t] .design-b .b-hero15 .b-h1 .b-accent,html[data-t] .design-b #hifu-spot .b-accent,html[data-t] .design-b #medizin .display em,html[data-t] .design-b .b-concern-sec .b-h2 .b-accent,html[data-t] .design-b #injektionen .b-accent{color:#FFD3DC}
html[data-t] .design-b .b-hero27-bg::after{background:linear-gradient(90deg,rgba(78,44,98,.92) 0%,rgba(122,70,120,.8) 42%,rgba(185,115,140,.58) 100%),linear-gradient(180deg,rgba(40,18,58,.5) 0%,rgba(40,18,58,0) 28%)}
html[data-t] .design-b .b-kicker{color:#A8466F}
/* Runde 34 · KI-Hautanalyse dunkel (Malve), damit nicht drei helle Flächen aufeinander folgen */
html[data-t] .design-b #hautanalyse{background:var(--mauve);color:#fff}
html[data-t] .design-b #hautanalyse .b-h2{color:#fff}
html[data-t] .design-b #hautanalyse .b-h2 .b-accent{color:#FFD3DC}
html[data-t] .design-b #hautanalyse .b-kicker{color:#F6E3F4}
html[data-t] .design-b #hautanalyse .b-lede{color:rgba(255,255,255,.88)}
html[data-t] .design-b #hautanalyse .ha34-facts li{background:rgba(44,18,64,.5);border:1px solid rgba(255,255,255,.18)}
html[data-t] .design-b #hautanalyse .b-cta-primary{background:#fff;color:#4A2A60}
html[data-t] .design-b #hautanalyse .b-link{color:#FFD9DE;border-color:rgba(255,217,222,.5)}

/* Runde 45: Hero-Verlauf. Foto links unangetastet, ab der Mitte in Malve, oben leicht abgedunkelt für die Kopfzeile, unten weich in den Finder */
@media (min-width:1000px){
  html[data-t] .design-b .b-hero45 .b-hero27-bg::after{background:linear-gradient(90deg,rgba(60,30,80,.06) 0%,rgba(60,30,80,.04) 26%,rgba(94,58,112,.62) 44%,rgba(94,58,112,.96) 56%,#5E3A70 64%,#7A4E88 82%,#8A5284 100%),linear-gradient(180deg,rgba(40,18,58,.5) 0%,rgba(40,18,58,0) 24%),linear-gradient(180deg,rgba(94,58,112,0) 84%,rgba(94,58,112,.9) 100%)}
}

/* Runde 46: Verlauf gespiegelt (Malve links, Foto rechts). Finder-Abschnitt ruhiger und heller, nur ein sanfter Verlauf von oben nach unten */
@media (min-width:1000px){
  html[data-t] .design-b .b-hero45 .b-hero27-bg::after{background:linear-gradient(90deg,#8A5284 0%,#7A4E88 16%,#5E3A70 34%,rgba(94,58,112,.96) 43%,rgba(94,58,112,.62) 55%,rgba(60,30,80,.05) 72%,rgba(60,30,80,.06) 100%),linear-gradient(180deg,rgba(40,18,58,.5) 0%,rgba(40,18,58,0) 24%),linear-gradient(180deg,rgba(142,106,160,0) 86%,rgba(142,106,160,.95) 100%)}
}
html[data-t] .design-b .b-concern-sec{background:linear-gradient(180deg,#8E6AA0 0%,#9B7FB0 55%,#A388B6 100%)}

/* Runde 50: Verlauf über der Bildfolge rechts, links deckend Malve */
html[data-t] .design-b .b-hero50 .b-hero27-bg::after{background:linear-gradient(90deg,#5E3A70 0%,rgba(94,58,112,.92) 12%,rgba(94,58,112,.45) 34%,rgba(60,30,80,.08) 60%,rgba(60,30,80,.12) 100%),linear-gradient(180deg,rgba(40,18,58,.55) 0%,rgba(40,18,58,0) 26%),linear-gradient(180deg,rgba(142,106,160,0) 84%,rgba(142,106,160,.95) 100%)}
@media (max-width:999px){ html[data-t] .design-b .b-hero50 .b-hero27-bg::after{background:linear-gradient(180deg,rgba(78,44,98,.88) 0%,rgba(94,58,112,.82) 60%,rgba(142,106,160,.95) 100%)} }

/* Runde 54: Haus hinter dem ganzen Hero, links deckend Malve für den Text, rechts nur leicht getönt, unten weich in den Finder */
html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(90deg,rgba(94,58,112,.97) 0%,rgba(94,58,112,.94) 34%,rgba(94,58,112,.62) 52%,rgba(60,30,80,.38) 72%,rgba(60,30,80,.42) 100%),linear-gradient(180deg,rgba(30,16,48,.55) 0%,rgba(30,16,48,0) 26%),linear-gradient(180deg,rgba(142,106,160,0) 84%,rgba(142,106,160,.96) 100%)}
@media (max-width:999px){ html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(180deg,rgba(78,44,98,.9) 0%,rgba(94,58,112,.86) 60%,rgba(142,106,160,.96) 100%)} }

/* Runde 58: Finder-Abschnitt hell, weicher Verlauf von zartem Flieder ins Creme; Hero läuft unten in denselben Ton */
html[data-t] .design-b .b-concern-sec{background:linear-gradient(180deg,#E9DDEA 0%,#F5ECF1 55%,#FBF5F6 100%)}
html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(90deg,rgba(94,58,112,.97) 0%,rgba(94,58,112,.94) 34%,rgba(94,58,112,.62) 52%,rgba(60,30,80,.38) 72%,rgba(60,30,80,.42) 100%),linear-gradient(180deg,rgba(30,16,48,.55) 0%,rgba(30,16,48,0) 26%),linear-gradient(180deg,rgba(233,221,234,0) 82%,rgba(233,221,234,1) 100%)}
@media (max-width:999px){ html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(180deg,rgba(78,44,98,.9) 0%,rgba(94,58,112,.86) 60%,rgba(233,221,234,1) 100%)} }

/* Runde 60: Finder-Abschnitt auf Creme, Hero läuft unten in Creme aus */
html[data-t] .design-b .b-concern-sec{background:#FDF6F3}
html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(90deg,rgba(94,58,112,.97) 0%,rgba(94,58,112,.94) 34%,rgba(94,58,112,.62) 52%,rgba(60,30,80,.38) 72%,rgba(60,30,80,.42) 100%),linear-gradient(180deg,rgba(30,16,48,.55) 0%,rgba(30,16,48,0) 26%),linear-gradient(180deg,rgba(253,246,243,0) 84%,rgba(253,246,243,1) 100%)}
@media (max-width:999px){ html[data-t] .design-b .b-hero54 .b-hero27-bg::after{background:linear-gradient(180deg,rgba(78,44,98,.9) 0%,rgba(94,58,112,.86) 62%,rgba(253,246,243,1) 100%)} }