/* ══════════════════════════════════════════════════════════════
   DESIGN B · hell  —  nur Startseite (body.design-b)
   Wird nach index.css geladen. Unterseiten laden diese Datei nicht.
   Heller Grund (Weiß / Bone / Lila-Ton), Pflaume nur als Akzent
   (Bewertungsband, Botox & Filler), Knöpfe in Markenlila als Pille,
   Gold nur für Bewertungssterne.
   ══════════════════════════════════════════════════════════════ */

body.design-b{
  --b-white:#FFFFFF; --b-bone:#FAF8FC; --b-lilac:#EDE5F3; --b-tint:#F5F0F9;
  --b-plum:#2A1138; --b-plum-2:#3A1850; --b-dlilac:#46215F; --b-purple:#7C3AAB; --b-purple-dk:#6B2F96;
  --b-ink:#2A1138; --b-text:#3A2E44; --b-muted:#5E4E6A;
  --b-rule:rgba(124,58,171,.2); --b-rule-soft:rgba(42,17,56,.1);
  --b-on-dark:#F7F2FB; --b-on-dark-muted:#D5C6E2; --b-lilac-lt:#E6CCF5;
  --b-star:#C99A52;
  --b-serif:"Prata", Georgia, "Times New Roman", serif;
  --b-sans:"Source Sans 3", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --b-pad:clamp(20px,5.2vw,64px); --b-max:1240px; --b-radius:16px;
  --b-ease:cubic-bezier(.2,.7,.2,1);
  --b-dark-bg:linear-gradient(160deg,#2A1138 0%,#1F0C2B 100%);
  --b-soft-bg:radial-gradient(120% 90% at 12% 0%,rgba(164,107,203,.16),transparent 62%),linear-gradient(180deg,#F7F2FB 0%,#EFE6F5 100%);
}
.design-b .b-wrap{max-width:var(--b-max);margin:0 auto;padding-inline:var(--b-pad)}

/* ─── Gemeinsames System: Knöpfe, Überschriften, Linien, Karten ─── */
.design-b .b-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:50px;padding:0 28px;
  font:600 15.5px/1 var(--b-sans);letter-spacing:.02em;text-decoration:none;border-radius:999px;white-space:nowrap;cursor:pointer;
  transition:background .25s var(--b-ease),color .25s var(--b-ease),border-color .25s var(--b-ease)}
.design-b .b-cta svg{width:17px;height:17px;flex:none}
.design-b .b-cta-primary{background:var(--b-purple);color:#fff;border:1.5px solid var(--b-purple)}
.design-b .b-cta-primary:hover,.design-b .b-cta-primary:focus-visible{background:var(--b-purple-dk);border-color:var(--b-purple-dk)}
.design-b .b-cta-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85)}
.design-b .b-cta-light:hover,.design-b .b-cta-light:focus-visible{background:rgba(255,255,255,.14)}
.design-b .b-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.design-b .b-link{color:var(--b-purple);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(124,58,171,.35);padding-bottom:2px}
.design-b .b-link:hover{border-color:var(--b-purple)}
.design-b :focus-visible{outline:2px solid var(--b-purple);outline-offset:3px}

.design-b .b-sec{position:relative;padding:clamp(76px,9vw,128px) 0;color:var(--b-text)}
.design-b .b-bg-white{background:var(--b-white)}
.design-b .b-bg-bone{background:var(--b-bone)}
/* Kicker wie die „Eyebrows“ unten (Stimmen, Credo): klein, gesperrt, mit Linie */
.design-b .b-kicker{display:flex;align-items:center;gap:16px;margin:0;color:var(--b-purple);font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.design-b .b-kicker::before{content:"";width:42px;height:1px;background:currentColor;flex:none;opacity:.6}
.design-b .b-h2{font-family:var(--b-serif);font-weight:400;font-size:clamp(38px,5.4vw,66px);line-height:1.06;margin:18px 0 0;color:var(--b-ink);letter-spacing:-.01em;text-wrap:balance}
.design-b .b-h3{font-family:var(--b-serif);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.12;margin:0;color:var(--b-ink)}
.design-b .b-accent{color:var(--b-purple)}
.design-b .b-lede{margin:18px 0 0;color:var(--b-muted);max-width:36em;font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.62}
.design-b .b-head{max-width:760px}
.design-b .b-card{background:#fff;border:1px solid var(--b-rule);border-radius:var(--b-radius);box-shadow:0 24px 60px -44px rgba(42,17,56,.35)}
.design-b .b-card-dark{background:radial-gradient(120% 80% at 50% 0%,var(--b-plum-2) 0%,var(--b-plum) 65%);border:1px solid rgba(230,204,245,.18);
  border-radius:var(--b-radius);color:var(--b-on-dark);box-shadow:0 30px 70px -40px rgba(42,17,56,.7)}
.design-b .b-copy p{margin:16px 0 0;color:var(--b-muted);max-width:32em;line-height:1.65}
.design-b .b-note{font-size:14.5px!important;color:var(--b-muted)!important;line-height:1.6}
.design-b .b-facts{display:flex;margin:26px 0 0;padding:0;border-top:1px solid var(--b-rule);border-bottom:1px solid var(--b-rule);max-width:30em}
.design-b .b-facts div{flex:1 1 50%;padding:14px 0}
.design-b .b-facts div+div{border-left:1px solid var(--b-rule);padding-left:20px}
.design-b .b-facts dt{font-size:14px;color:var(--b-muted);letter-spacing:.03em}
.design-b .b-facts dd{margin:4px 0 0;font-family:var(--b-serif);font-size:clamp(21px,2.2vw,26px);color:var(--b-ink)}
.design-b .b-stars{color:var(--b-star);letter-spacing:1.5px;font-size:13px}

/* Preiszeilen im Menü-Stil */
.design-b .b-menu{list-style:none;margin:0;padding:0}
.design-b .b-row{display:grid;grid-template-columns:auto minmax(14px,1fr) auto;align-items:baseline;gap:4px 10px;padding:13px 0;border-top:1px solid var(--b-rule-soft)}
.design-b .b-row>.b-name{min-width:0}
.design-b .b-row>.b-sub{grid-column:1/-1}
.design-b .b-name{font-family:var(--b-serif);font-size:clamp(18px,1.9vw,21px);line-height:1.25;color:var(--b-ink);text-decoration:none}
.design-b a.b-name:hover{color:var(--b-purple)}
.design-b .b-dots{border-bottom:1px dotted rgba(124,58,171,.4);transform:translateY(-5px)}
.design-b .b-price{font-family:var(--b-serif);font-size:clamp(18px,1.9vw,21px);color:var(--b-purple);white-space:nowrap}
.design-b .b-sub{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:14px;font-size:15px;color:var(--b-muted)}
.design-b .b-sub em{font-style:normal;color:var(--b-text);white-space:nowrap}

/* ─── Kopfzeile: Wortmarke links, drei gleiche Icon-Knöpfe rechts ─── */
.design-b .hd-wordsub{font-size:12px;text-transform:none;letter-spacing:.03em;opacity:.85;margin-top:3px}
.design-b .site-header .hd-actions{display:flex;align-items:center;gap:8px;position:relative}
.design-b .site-header .hd-ig,.design-b .site-header .hd-phone,.design-b .site-header .hd-burger{
  width:44px;height:44px;flex:none;align-items:center;justify-content:center;border-radius:10px;
  background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;box-shadow:none;transform:none}
.design-b .site-header .hd-ig,.design-b .site-header .hd-phone{display:inline-flex}
.design-b .site-header.hd-scrolled .hd-ig,.design-b .site-header.hd-scrolled .hd-phone,.design-b .site-header.hd-scrolled .hd-burger,
body.design-b:has(#menuToggle:checked) .site-header .hd-ig,body.design-b:has(#menuToggle:checked) .site-header .hd-phone,
body.design-b:has(#menuToggle:checked) .site-header .hd-burger{border-color:rgba(42,17,56,.3);color:var(--b-ink)}
.design-b .site-header .hd-burger span{background:#fff}
.design-b .site-header.hd-scrolled .hd-burger span,body.design-b:has(#menuToggle:checked) .site-header .hd-burger span{background:var(--b-ink)}
.design-b .site-header .hd-ig svg{fill:currentColor}
.design-b .site-header .hd-phone svg{stroke:currentColor}
.design-b .site-header .hd-ig:hover,.design-b .site-header .hd-ig:focus-visible,.design-b .site-header .hd-ig:active,
.design-b .site-header.hd-scrolled .hd-ig:hover,.design-b .site-header.hd-scrolled .hd-ig:focus-visible,.design-b .site-header.hd-scrolled .hd-ig:active,
.design-b .site-header:not(.hd-scrolled) .hd-ig:hover,.design-b .site-header:not(.hd-scrolled) .hd-ig:focus-visible{
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 22%,#D62976 52%,#962FBF 76%,#4F5BD5 100%);border-color:transparent;color:#fff;transform:none}
.design-b .site-header .hd-phone:hover,.design-b .site-header .hd-phone:focus-visible,.design-b .site-header .hd-phone:active,
.design-b .site-header.hd-scrolled .hd-phone:hover,.design-b .site-header.hd-scrolled .hd-phone:focus-visible,.design-b .site-header.hd-scrolled .hd-phone:active,
.design-b .site-header:not(.hd-scrolled) .hd-phone:hover,.design-b .site-header:not(.hd-scrolled) .hd-phone:focus-visible{
  background:#1E7A45;border-color:#1E7A45;color:#fff;transform:none}
.design-b .site-header .hd-ig:hover svg,.design-b .site-header .hd-ig:focus-visible svg,.design-b .site-header .hd-ig:active svg{fill:#fff}
.design-b .site-header .hd-phone:hover svg,.design-b .site-header .hd-phone:focus-visible svg,.design-b .site-header .hd-phone:active svg{stroke:#fff}
.design-b .site-header .hd-cta.hd-doc,.design-b .site-header:not(.hd-scrolled) .hd-cta.hd-doc,.design-b .site-header.hd-scrolled .hd-cta.hd-doc{
  height:44px;padding:0 22px;background:var(--b-purple);border:1px solid var(--b-purple);color:#fff;
  font:600 15px/1 var(--b-sans);letter-spacing:.02em!important;text-transform:none;box-shadow:none;transform:none}
.design-b .site-header .hd-cta.hd-doc:hover,.design-b .site-header .hd-cta.hd-doc:focus-visible,
.design-b .site-header:not(.hd-scrolled) .hd-cta.hd-doc:hover,.design-b .site-header:not(.hd-scrolled) .hd-cta.hd-doc:focus-visible,
.design-b .site-header.hd-scrolled .hd-cta.hd-doc:hover,.design-b .site-header.hd-scrolled .hd-cta.hd-doc:focus-visible{
  background:var(--b-purple-dk);border-color:var(--b-purple-dk);color:#fff;box-shadow:none;transform:none}
.design-b .site-header .hd-nav a{font-size:15px;font-weight:500;white-space:nowrap}
.design-b .site-header .hd-nav a:after{background:currentColor}
.design-b .menu-toggle{right:0!important;top:50%!important;margin:-22px 0 0!important;width:44px!important;height:44px!important}
.design-b .mm-nav a:hover{color:var(--b-purple)}
.design-b .mobile-menu .btn{font:600 16px/1 var(--b-sans);text-transform:none;min-height:50px}
@media (max-width:840px){
  .design-b .site-header .hd-ig,.design-b .site-header .hd-phone{display:inline-flex!important}
}
@media (max-width:420px){
  .design-b .hd-inner{padding-left:14px;padding-right:14px;gap:8px}
  .design-b .hd-left-end{display:none}
  .design-b .hd-wordmark{font-size:14.5px!important}
  .design-b .hd-wordsub{font-size:10px!important;letter-spacing:0}
  .design-b .site-header .hd-actions{gap:6px}
}

/* ─── Hero (Runde 6): hell, editorial — Text links, Tageslicht-Foto Neuer Wall 61 rechts ───
   Handy: Text zuerst, Foto (4:5) darunter. Ab 900: zwei Spalten ~55/45, Höhe = Inhalt (max. ~86vh / 780px). */
.design-b .b-hero{position:relative;overflow:hidden;color:var(--b-text);
  background:radial-gradient(60% 50% at 100% 0%,rgba(164,107,203,.10),rgba(164,107,203,0) 70%),linear-gradient(180deg,#FFFFFF 0%,var(--b-bone) 100%)}
.design-b .b-hero-in{display:grid;gap:34px;padding-top:calc(var(--hd-h) + 16px);padding-bottom:52px}
.design-b .b-hero-in>*{min-width:0}
.design-b .b-hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-purple)}
.design-b .b-hero-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6;flex:none}
@media (max-width:519px){ .design-b .b-hero-kicker-name{display:none} }
.design-b .b-h1{font-family:var(--b-serif);font-weight:400;font-size:clamp(34px,9.1vw,54px);line-height:1.08;margin:0;max-width:15ch;text-wrap:balance;color:var(--b-ink);letter-spacing:-.01em}
.design-b .b-h1 .b-accent{color:var(--b-purple)}
.design-b .b-hero-sub{margin:14px 0 0;max-width:30em;font-size:clamp(16.5px,4.3vw,19px);line-height:1.5;color:var(--b-muted)}
.design-b .b-hero .b-cta-row{gap:10px;margin-top:22px}
.design-b .b-hero-trust{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:40px;padding:0 16px 0 14px;border-radius:999px;
  background:#fff;border:1px solid var(--b-rule);box-shadow:0 12px 28px -22px rgba(42,17,56,.45);
  font-size:14.5px;color:var(--b-text);text-decoration:none;white-space:nowrap;transition:border-color .25s var(--b-ease)}
.design-b .b-hero-trust .b-stars{color:#B9853C;font-size:13px;letter-spacing:1.5px}
.design-b .b-hero-trust b{color:var(--b-ink);font-weight:700}
.design-b .b-hero-trust:hover{border-color:rgba(124,58,171,.5)}
.design-b .b-hero-sub>span{white-space:nowrap}
/* Textkante = Wortmarke: gleiche Innenabstände wie die Kopfzeile (bis 420px: 14px, sonst --pad) */
.design-b .b-hero-in{padding-inline:var(--pad)}
@media (max-width:420px){ .design-b .b-hero-in{padding-inline:14px} }
.design-b .b-hero-photo{position:relative;margin:0}
.design-b .b-hero-photo picture{display:block}
.design-b .b-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:30% 62%;
  border-radius:20px;background:#E6E1E8;box-shadow:0 40px 80px -56px rgba(42,17,56,.55)}
.design-b .b-hero-label{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);
  padding:10px 14px 10px 12px;border-radius:12px;background:#fff;box-shadow:0 18px 40px -18px rgba(42,17,56,.45);
  font-size:14px;font-weight:600;line-height:1.25;color:var(--b-ink);letter-spacing:.01em}
.design-b .b-hero-label svg{width:17px;height:17px;flex:none;color:var(--b-purple)}
.design-b .b-lg-only{display:none}
@media (min-width:600px) and (max-width:899px){
  /* Tablet/schmale Fenster: Text auf lesbarer Breite, Foto quer statt riesigem Hochformat */
  .design-b .b-hero-in{padding-top:calc(var(--hd-h) + 28px);gap:40px;padding-bottom:64px}
  /* zwei Zeilen: „HIFU, Hautverjüngung / & Botox in Hamburg.“ (Zeile 1 ≈ 10,4 em) */
  .design-b .b-h1{font-size:min(60px,calc((100vw - 2 * var(--b-pad)) / 11));max-width:none}
  .design-b .b-hero-photo img{aspect-ratio:3/2;object-position:0% 72%}
  .design-b .b-hero-label{left:18px;bottom:18px}
}
@media (min-width:900px){
  .design-b .b-hero{--hero-h:min(86vh,780px);--hero-pt:calc(var(--hd-h) + clamp(28px,4.5vh,48px));--hero-pb:clamp(36px,5.5vh,64px);--hero-gap:clamp(48px,5.6vw,104px)}
  @supports (height:1svh){ .design-b .b-hero{--hero-h:min(86svh,780px)} }
  .design-b .b-hero-in{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:center;column-gap:var(--hero-gap);
    padding-top:var(--hero-pt);padding-bottom:var(--hero-pb)}
  .design-b .b-hero-kicker{font-size:12.5px;letter-spacing:.16em;gap:14px;margin-bottom:20px}
  .design-b .b-hero-kicker::before{width:36px}
  /* zwei Zeilen, Zeile 1 füllt die Textspalte (55 % abzüglich Spaltenabstand) */
  .design-b .b-h1{font-size:clamp(38px,calc((min(100vw,var(--maxw)) - 2 * var(--pad) - var(--hero-gap)) * .55 / 11),66px);max-width:none}
  .design-b .b-hero-sub{margin-top:20px;font-size:clamp(17.5px,1.35vw,20px)}
  .design-b .b-hero .b-cta-row{margin-top:32px;gap:12px}
  .design-b .b-hero-trust{margin-top:24px}
  .design-b .b-hero-photo img{max-height:max(440px,calc(var(--hero-h) - var(--hero-pt) - var(--hero-pb)));object-position:30% 58%;border-radius:24px}
  .design-b .b-hero-label{left:-24px;bottom:32px;padding:12px 18px 12px 14px;font-size:14.5px}
}
@media (min-width:900px) and (max-width:1139px){ .design-b .b-hero-kicker-name{display:none} }

/* ─── Bewertungsband (dunkel, Runde 6): Überschrift + Zitate, keine Wertungszahl, keine Sterne ─── */
.design-b .b-rev{background:linear-gradient(180deg,#2A1138 0%,#1F0C2B 100%);color:var(--b-on-dark);padding:clamp(56px,7vw,104px) 0 clamp(52px,6.4vw,100px)}
.design-b .b-rev-in{--bp:var(--b-pad);display:grid;gap:28px}
.design-b .b-rev-in>*{min-width:0}
.design-b .b-rev-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 40px}
.design-b .b-rev .b-kicker{color:var(--b-lilac-lt)}
.design-b .b-rev-h{margin:14px 0 0;font-family:var(--b-serif);font-weight:400;font-size:clamp(30px,4.2vw,48px);line-height:1.1;color:#fff;letter-spacing:-.005em;text-wrap:balance}
.design-b .b-rev-link{display:inline-block;padding:10px 0 2px;color:var(--b-lilac-lt);font-weight:600;font-size:15.5px;text-decoration:none;border-bottom:1px solid rgba(230,204,245,.4);white-space:nowrap}
.design-b .b-rev-link:hover{border-color:var(--b-lilac-lt)}
/* Karussell bis an den Bildschirmrand, Einrasten, gleichmäßiger Anschnitt der nächsten Karte */
.design-b .b-rev-cards{list-style:none;display:flex;gap:14px;margin:0 calc(var(--bp) * -1);padding:4px var(--bp) 8px;scroll-padding-inline:var(--bp);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.design-b .b-rev-cards::-webkit-scrollbar{display:none}
.design-b .b-rev-cards:focus-visible{outline-offset:-2px}
.design-b .b-rcard{flex:0 0 calc(100% - 44px);scroll-snap-align:start;margin:0;padding:22px 22px 20px;border-radius:var(--b-radius);background:rgba(255,255,255,.06);border:1px solid rgba(230,204,245,.18);display:flex;flex-direction:column}
.design-b .b-rq{display:block;height:34px;margin:0 0 4px;font-family:var(--b-serif);font-size:72px;line-height:.9;color:var(--b-lilac-lt);opacity:.75}
.design-b .b-rcard blockquote{margin:0;font-family:var(--b-serif);font-size:18.5px;line-height:1.5;color:#fff}
.design-b .b-rname{margin:auto 0 0;padding-top:18px;white-space:nowrap;font-size:14.5px;font-weight:600;color:var(--b-lilac-lt)}
.design-b .b-rev-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.design-b .b-rev-dots{display:flex;align-items:center;gap:6px}
.design-b .b-rev-dots i{width:6px;height:6px;border-radius:3px;background:rgba(230,204,245,.32);transition:width .3s var(--b-ease),background .3s var(--b-ease)}
.design-b .b-rev-dots i.is-on{width:20px;background:var(--b-lilac-lt)}
.design-b .b-rev-btns{display:flex;gap:8px}
.design-b .b-rev-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(230,204,245,.4);background:transparent;color:#fff;cursor:pointer;transition:background .25s var(--b-ease),border-color .25s var(--b-ease),opacity .25s}
.design-b .b-rev-btn svg{width:18px;height:18px}
.design-b .b-rev-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:var(--b-lilac-lt)}
.design-b .b-rev-btn:disabled{opacity:.35;cursor:default}
@media (min-width:760px){ .design-b .b-rcard{flex-basis:calc(50% - 38px)} }

/* ─── Anliegen ─── */
.design-b .b-concern-sec{background:var(--b-white)}

/* ─── Bewertungs-Streifen (Komponente, Stil wie „Stimmen“, hell) ─── */
.design-b .b-review{background:var(--b-soft-bg);padding:clamp(52px,6.4vw,92px) 0;color:var(--b-ink)}
.design-b .b-review-in{display:grid;gap:22px;align-items:center}
.design-b .b-review-in>*{min-width:0}
.design-b .b-review-score{display:grid;justify-items:start;gap:4px}
.design-b .b-review-stars{margin:0;display:flex;align-items:center;gap:14px}
.design-b .b-review-stars .b-stars{font-size:17px;letter-spacing:3px}
.design-b .b-review-stars b{font-family:var(--b-serif);font-weight:400;font-size:clamp(34px,3.4vw,44px);line-height:1;color:var(--b-ink)}
.design-b .b-review-src{margin:0 0 8px;font-size:15px;color:var(--b-muted)}
.design-b .b-review-score .b-link{font-size:15px}
.design-b .b-review-card{margin:0;background:#fff;border:1px solid var(--b-rule);border-radius:var(--b-radius);padding:clamp(24px,3vw,38px);box-shadow:0 24px 60px -46px rgba(42,17,56,.4)}
.design-b .b-rv-text{margin:0}
.design-b .b-rv-text p{margin:0;font-family:var(--b-serif);font-size:clamp(20px,2.2vw,27px);line-height:1.45;color:var(--b-ink)}
.design-b [data-review].is-collapsed .b-rv-lead::after{content:" …";color:var(--b-muted)}
.design-b .b-rv-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:18px;font-size:15px;color:var(--b-muted)}
.design-b .b-rv-foot strong{color:var(--b-ink);font-weight:600}
.design-b .b-rv-toggle{min-height:44px;padding:0 20px;border:1.5px solid rgba(124,58,171,.5);border-radius:999px;background:transparent;color:var(--b-purple);font:600 15px/1 var(--b-sans);cursor:pointer;transition:background .25s var(--b-ease),border-color .25s var(--b-ease)}
.design-b .b-rv-toggle:hover{border-color:var(--b-purple);background:rgba(124,58,171,.06)}
.design-b .b-rv-toggle[hidden]{display:none}

/* ─── HIFU + Zonen-Karte ─── */
.design-b .zk{display:grid;gap:34px;grid-template-areas:"copy" "map" "menu"}
.design-b .zk>*{min-width:0}
.design-b .zk-copy{grid-area:copy}
.design-b .zk-map{grid-area:map;padding:18px 16px}
.design-b .zk-menu{grid-area:menu}
.design-b .zk-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px 6px}
.design-b .zk-title{margin:0;font-family:var(--b-serif);font-size:22px;color:#fff}
.design-b .zk-hint{margin:0;font-size:14px;color:var(--b-on-dark-muted)}
.design-b .zk-stage{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:400/560}
.design-b .zk-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.design-b .zk-art{fill:none;stroke:rgba(247,242,251,.7);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.design-b .zk-art .soft{stroke:rgba(247,242,251,.34)}
.design-b .zk-bracket{fill:none;stroke:rgba(230,204,245,.36);stroke-width:1;stroke-dasharray:2 4}
.design-b .zk-zone{opacity:0;transition:opacity .45s var(--b-ease)}
.design-b .zk-zone path,.design-b .zk-zone ellipse{fill:url(#zkFill);stroke:var(--b-lilac-lt);stroke-width:1.2;stroke-dasharray:3 5}
.design-b .zk-zone .zk-bracket-on{fill:none;stroke:var(--b-lilac-lt);stroke-width:1.6;stroke-dasharray:none}
.design-b .zk-zone circle{fill:var(--b-lilac-lt);stroke:none}
.design-b .zk-zone .zk-ring{fill:none;stroke:var(--b-lilac-lt);stroke-width:1;transform-box:fill-box;transform-origin:center;opacity:0}
.design-b .zk-zone.is-hover{opacity:.55}
.design-b .zk-zone.is-active{opacity:1}
.design-b .zk-zone.is-active .zk-ring{animation:zkPulse 2.6s ease-out infinite}
.design-b .zk-zone.is-active .zk-ring:nth-of-type(2n){animation-delay:.9s}
@keyframes zkPulse{0%{transform:scale(.5);opacity:.9}80%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}
.design-b .zk-hot{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
.design-b .zk-hot::before{content:"";width:14px;height:14px;border-radius:50%;background:rgba(42,17,56,.8);border:1.5px solid var(--b-lilac-lt);box-shadow:0 0 0 4px rgba(230,204,245,.14);transition:transform .3s var(--b-ease),background .3s}
.design-b .zk-hot:hover::before,.design-b .zk-hot.is-hover::before{transform:scale(1.25);background:var(--b-purple)}
.design-b .zk-hot.is-active::before{background:var(--b-lilac-lt);transform:scale(1.15)}
.design-b .zk-tip{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%,4px);white-space:nowrap;pointer-events:none;font-size:13.5px;font-weight:600;color:var(--b-ink);background:#fff;border-radius:999px;padding:4px 10px;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.design-b .zk-hot:hover .zk-tip,.design-b .zk-hot.is-hover .zk-tip{opacity:1;transform:translate(-50%,0)}
.design-b .zk-sel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:10px;padding:16px 4px 4px;border-top:1px solid rgba(230,204,245,.2)}
.design-b .zk-sel-live{flex:1 1 auto;display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.design-b .zk-sel-k{margin:0;font-size:13.5px;color:var(--b-on-dark-muted);letter-spacing:.03em}
.design-b .zk-sel-n{margin:2px 0 0;font-family:var(--b-serif);font-size:clamp(20px,2.2vw,24px);color:#fff;line-height:1.2}
.design-b .zk-sel-p{margin:0;font-family:var(--b-serif);font-size:clamp(24px,2.8vw,32px);color:var(--b-lilac-lt);white-space:nowrap}
.design-b .zk-legal{margin:12px 4px 0;font-size:13.5px;color:var(--b-on-dark-muted);line-height:1.5}
.design-b .zk-menu-head{margin:0 0 6px;font-family:var(--b-serif);font-size:22px;color:var(--b-ink)}
.design-b .zk-list{list-style:none;margin:0;padding:0}
.design-b .zk-row{width:100%;display:flex;align-items:baseline;gap:10px;padding:13px 12px;margin:0;border:0;border-top:1px solid var(--b-rule-soft);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;position:relative;border-radius:10px;transition:background .3s var(--b-ease)}
.design-b .zk-row .b-dots{flex:1;min-width:14px}
.design-b .zk-list li:last-child .zk-row{border-bottom:1px solid var(--b-rule-soft)}
.design-b .zk-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--b-purple);transform:scaleY(0);transition:transform .3s var(--b-ease)}
.design-b .zk-row:hover,.design-b .zk-row.is-hover{background:var(--b-bone)}
.design-b .zk-row[aria-pressed="true"]{background:var(--b-tint)}
.design-b .zk-row[aria-pressed="true"]::before{transform:scaleY(1)}
.design-b .zk-row[aria-pressed="true"] .b-name{color:var(--b-purple)}

/* ─── Vorher/Nachher-Slider (groß, mit Begleittext) ─── */
.design-b .b-feature{display:grid;align-items:center}
.design-b .b-feature>*{min-width:0}
.design-b .b-case{margin:clamp(36px,5vw,56px) 0 0;min-width:0}
.design-b .b-case .cmp{margin:0;border:0;padding:0;background:#fff;border-radius:var(--b-radius);overflow:hidden;box-shadow:0 30px 70px -40px rgba(42,17,56,.5)}
.design-b .b-case .cmp-frame{border-radius:var(--b-radius);aspect-ratio:4/5}
.design-b .b-case .cmp-chip{background:rgba(42,17,56,.72);color:#fff;border-radius:999px;font-size:13.5px;letter-spacing:.03em;text-transform:none;font-weight:600;padding:6px 12px;top:16px}
.design-b .b-case .cmp-chip-l{left:16px}.design-b .b-case .cmp-chip-r{right:16px}
.design-b .b-case .cmp-line{width:2px;background:#fff}
.design-b .b-case .cmp-handle{background:var(--b-purple);border:2px solid #fff;color:#fff;width:52px;height:52px;box-shadow:0 8px 24px -8px rgba(42,17,56,.6)}
.design-b .b-case-cap{margin:18px 0 0}
.design-b .b-case-title{margin:0;font-family:var(--b-serif);font-size:clamp(22px,2.2vw,26px);line-height:1.2;color:var(--b-ink)}
.design-b .b-case-foot{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--b-muted);max-width:34em}

/* ─── Hautbehandlungen ─── */
.design-b .b-skin{display:grid;gap:28px;margin-top:clamp(48px,6vw,80px)}
.design-b .b-skin>*{min-width:0}
.design-b .b-photo{position:relative;margin:10px 0 0 10px}
.design-b .b-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:52% 60%;border-radius:var(--b-radius);display:block;position:relative;z-index:1}
.design-b .b-photo::after{content:"";position:absolute;inset:0;z-index:2;border-radius:var(--b-radius);background:linear-gradient(180deg,transparent 60%,rgba(42,17,56,.55));pointer-events:none}
.design-b .b-photo figcaption{position:absolute;left:18px;bottom:14px;z-index:3;font-size:14px;color:#fff;letter-spacing:.03em}
.design-b .b-photo .b-edge{position:absolute;inset:-10px 10px 10px -10px;border:1px solid var(--b-rule);border-radius:var(--b-radius);z-index:0}
.design-b .b-skin-card{padding:6px 20px 24px}
.design-b .b-item{padding:17px 0;border-bottom:1px solid var(--b-rule-soft)}
.design-b .b-item .b-row{border:0;padding:0}
.design-b .b-item .b-sub{margin-top:6px}
.design-b .b-kuren{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.design-b .b-kur{padding:16px 14px;border:1px solid var(--b-rule);border-radius:12px;background:var(--b-tint)}
.design-b .b-kur .pct{font-family:var(--b-serif);font-size:clamp(28px,3.2vw,38px);color:var(--b-purple);line-height:1}
.design-b .b-kur .what{margin-top:8px;font-size:15px;color:var(--b-text);line-height:1.35}
.design-b .b-skin-card .b-note{margin:14px 0 0}

/* ─── Ergebnisse ─── */
.design-b .b-results{background:var(--b-soft-bg)}
.design-b .b-results .case-second-row{max-width:none;margin:clamp(48px,6vw,80px) 0 0;padding-top:0;border-top:0;gap:24px}
.design-b .b-results .case-second{background:#fff;border:1px solid var(--b-rule);border-radius:var(--b-radius);padding:16px;gap:12px;min-width:0}
.design-b .b-results .cs-item{min-width:0}
.design-b .b-results .cs-item img{border-radius:10px}
.design-b .b-results .cs-item figcaption{font-size:13.5px;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--b-muted);margin-top:8px}
.design-b .b-results .cs-note{font-size:14px;letter-spacing:0;color:var(--b-muted);max-width:none;margin-top:6px}
.design-b .b-results .cs-note b{color:var(--b-ink)}

/* ─── Botox & Filler (dunkel wie Bewertungsband) ─── */
.design-b .b-inj{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b .b-inj .b-kicker{color:var(--b-lilac-lt)}
.design-b .b-inj .b-h2{color:#fff}
.design-b .b-inj .b-accent{color:var(--b-lilac-lt)}
.design-b .b-inj .b-lede{color:var(--b-on-dark-muted)}
.design-b .b-inj-top{display:grid;gap:30px;align-items:center}
.design-b .b-inj-top>*{min-width:0}
.design-b .b-portrait{position:relative;margin:10px 0 0 10px;width:240px;max-width:100%}
.design-b .b-portrait img{position:relative;z-index:1;display:block;width:240px;height:300px;max-width:100%;object-fit:cover;object-position:57% 30%;border-radius:var(--b-radius)}
.design-b .b-portrait .b-edge{position:absolute;left:-10px;top:-10px;width:240px;height:300px;border:1px solid rgba(230,204,245,.3);border-radius:var(--b-radius);z-index:0}
.design-b .b-portrait figcaption{margin-top:14px;font-family:var(--b-serif);font-size:19px;color:#fff;line-height:1.3}
.design-b .b-portrait figcaption span{display:block;font-family:var(--b-sans);font-size:14.5px;color:var(--b-on-dark-muted);margin-top:2px}
.design-b .b-inj-cards{display:grid;gap:20px;margin-top:clamp(44px,5.4vw,68px)}
.design-b .b-inj-cards>*{min-width:0}
.design-b .b-tcard{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--b-radius);background:rgba(255,255,255,.06);border:1px solid rgba(230,204,245,.18)}
.design-b .b-tcard-media{aspect-ratio:12/5;overflow:hidden;background:var(--b-plum-2)}
.design-b .b-tcard-media img{width:100%;height:100%;object-fit:cover;display:block}
.design-b .b-tcard-body{display:flex;flex-direction:column;flex:1;padding:24px 22px 24px}
.design-b .b-tcard-t{margin:0;font-family:var(--b-serif);font-weight:400;font-size:clamp(26px,2.8vw,32px);line-height:1.1;color:#fff}
.design-b .b-inj .b-tags{margin:6px 0 14px;font-size:15px;color:var(--b-on-dark-muted)}
.design-b .b-inj .b-row{border-top-color:rgba(230,204,245,.16)}
.design-b .b-inj .b-menu .b-row:last-child{border-bottom:1px solid rgba(230,204,245,.16)}
.design-b .b-inj .b-name{color:#fff}
.design-b .b-inj .b-price{color:var(--b-lilac-lt)}
.design-b .b-inj .b-dots{border-bottom-color:rgba(230,204,245,.35)}
.design-b .b-tcard-cta{width:100%;margin-top:auto}
.design-b .b-tcard .b-menu{margin-bottom:24px}
.design-b .b-inj-note{margin:22px 0 0;font-size:14.5px;color:var(--b-on-dark-muted)}

/* ─── Medizinisches Botox + weitere Injektionen: ein ruhiger Block ─── */
.design-b .b-medsec{padding:clamp(64px,8vw,112px) 0}
.design-b .b-med2{display:grid;gap:40px;background:var(--b-bone);border:1px solid var(--b-rule);border-radius:var(--b-radius);padding:clamp(24px,4vw,52px)}
.design-b .b-med2>*{min-width:0}
.design-b .b-med2-h{margin:0;font-family:var(--b-serif);font-weight:400;font-size:clamp(24px,2.4vw,30px);line-height:1.15;color:var(--b-ink)}
.design-b .b-med2-list{list-style:none;margin:18px 0 0;padding:0}
.design-b .b-med2-list li{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:2px;padding:13px 0;border-top:1px solid var(--b-rule-soft)}
.design-b .b-med2-list li:last-child{border-bottom:1px solid var(--b-rule-soft)}
.design-b .b-med2-list .b-ico{width:30px;height:30px;flex:none;fill:none;stroke:var(--b-purple);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.design-b .b-med2-n{font-family:var(--b-serif);font-size:clamp(18px,1.8vw,20px);line-height:1.3;color:var(--b-ink)}
.design-b .b-med2-t{font-size:15px;color:var(--b-muted)}
.design-b .b-med2-t::before{content:"· ";color:var(--b-rule)}
.design-b .b-med2-note{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:var(--b-muted)}
.design-b .b-med2-link{margin:26px 0 0}

/* ─── Hinweis für neue Besucher ─── */
.design-b .b-toast{position:fixed;right:24px;bottom:24px;z-index:3900;max-width:340px;width:calc(100% - 48px);background:#fff;color:var(--b-text);
  border:1px solid var(--b-rule);border-radius:var(--b-radius);box-shadow:0 24px 60px -24px rgba(42,17,56,.45);padding:16px 48px 16px 18px;
  opacity:0;transform:translateY(12px);transition:opacity .35s var(--b-ease),transform .35s var(--b-ease)}
.design-b .b-toast.is-in{opacity:1;transform:none}
.design-b .b-toast-t{margin:4px 0 0;font-size:15.5px;line-height:1.45;color:var(--b-ink)}
.design-b .b-toast-link{display:inline-block;margin-top:8px;color:var(--b-purple);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(124,58,171,.35)}
.design-b .b-toast-x{position:absolute;top:6px;right:6px;width:40px;height:40px;border:0;background:transparent;border-radius:50%;color:var(--b-muted);cursor:pointer;display:grid;place-items:center}
.design-b .b-toast-x:hover{background:var(--b-tint);color:var(--b-ink)}
.design-b .b-toast-x svg{width:18px;height:18px}

/* ─── Unterer Teil: angeglichen ─── */
.design-b .ivm{background:var(--b-bone)}
.design-b .btn{font:600 15px/1.2 var(--b-sans);letter-spacing:.02em!important;text-transform:none}
.design-b .btn-primary{background:var(--b-purple);border-color:var(--b-purple);color:#fff}
.design-b .btn-primary:hover{background:var(--b-purple-dk);border-color:var(--b-purple-dk)}
.design-b .btn-ghost{border-color:rgba(124,58,171,.5);color:var(--b-purple);background:transparent}
.design-b .btn-ghost:hover{border-color:var(--b-purple);color:var(--b-purple)}
.design-b .display em{font-style:normal;color:var(--b-purple)}
.design-b .eyebrow:not(.eyebrow-light){color:var(--b-purple)}
.design-b .eyebrow:before{background:currentColor;opacity:.6}
.design-b .voices .eyebrow-light{color:var(--b-lilac-lt)}
.design-b .voices-stars{color:var(--b-star)}
.design-b .voices-rating strong{color:#fff}
.design-b .ivm-steps li::before{color:var(--b-purple)}
.design-b .revpop-close{background:var(--b-purple)}
.design-b .mbar-book{background:var(--b-purple);color:#fff}
.design-b .mbar-book:hover,.design-b .mbar-book:active{background:var(--b-purple-dk)}
.design-b .mbar a{font:600 16px/1 var(--b-sans);letter-spacing:.02em;text-transform:none}

/* ─── Größen ─── */
@media (max-width:480px){
  .design-b .b-kicker{font-size:12px;letter-spacing:.12em;gap:12px}
  .design-b .b-kicker::before{width:24px}
}
@media (max-width:420px){
  .design-b .b-name,.design-b .b-price{font-size:17.5px}
  .design-b .b-skin-card{padding-inline:16px}
  .design-b .b-facts div+div{padding-left:14px}
  .design-b .b-facts dd{font-size:20px}
  .design-b .zk-map{padding-inline:10px}
  .design-b .zk-row{padding-inline:8px}
  .design-b .b-sub{font-size:14.5px}
  .design-b .b-hero .b-cta{padding:0 20px;flex:1 1 auto}
}
@media (min-width:700px){
  .design-b .b-kuren{gap:16px}
  .design-b .b-skin-card{padding:12px 32px 30px}
  .design-b .zk-map{padding:24px}
  .design-b .b-inj-top{grid-template-columns:auto minmax(0,1fr);gap:56px}
  .design-b .b-inj-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-b .b-lg-only{display:inline}
  .design-b .b-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
  .design-b .b-feature .b-case{margin:0}
  .design-b .b-feature-flip .b-head{order:2}
  .design-b .b-med2{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
}
@media (min-width:1024px){
  .design-b .b-review-in{grid-template-columns:260px minmax(0,1fr);gap:56px}
  .design-b .zk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy map" "menu map";gap:44px 72px;align-items:start}
  .design-b .zk-map{position:sticky;top:104px}
  .design-b .b-feature{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:96px}
  .design-b .b-feature-flip{grid-template-columns:minmax(0,560px) minmax(0,1fr)}
  .design-b .b-skin{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
  .design-b .b-photo img{aspect-ratio:4/5}
  .design-b .b-inj-top{gap:80px}
  .design-b .b-inj-cards{gap:28px}
}
@media (prefers-reduced-motion:reduce){
  .design-b .zk-zone.is-active .zk-ring{animation:none;opacity:.5;transform:scale(1.6)}
  .design-b .zk-zone,.design-b .zk-row,.design-b .zk-hot::before,.design-b .zk-tip,.design-b .b-toast{transition:none}
}

/* Portraet: versetzter Rahmen wirkte auf dem Handy verrutscht — ruhiger ohne */
.design-b .b-portrait{margin:0}
.design-b .b-portrait .b-edge{display:none}
.design-b .b-portrait img{box-shadow:0 0 0 1px rgba(230,204,245,.28),0 18px 40px rgba(0,0,0,.28)}

/* ─── Behandlungsfinder (#anliegen, Logik in finder.js) ─── */
.design-b .b-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.design-b .b-finder{margin:clamp(30px,4vw,48px) 0 0;padding:clamp(20px,3.4vw,40px);border-radius:calc(var(--b-radius) + 6px);background:var(--b-soft-bg);border:1px solid var(--b-rule);min-width:0}
.design-b .b-finder-form{margin:0;min-width:0}
.design-b .b-finder-label{display:block;margin:0 0 12px;font-family:var(--b-serif);font-size:clamp(20px,2.2vw,26px);line-height:1.25;color:var(--b-ink)}
.design-b .b-finder-box{display:flex;flex-direction:column;background:#fff;border:1.5px solid rgba(124,58,171,.28);border-radius:var(--b-radius);box-shadow:0 24px 50px -40px rgba(42,17,56,.45);
  transition:border-color .25s var(--b-ease),box-shadow .25s var(--b-ease);min-width:0}
.design-b .b-finder-box:focus-within{border-color:var(--b-purple);box-shadow:0 0 0 4px rgba(124,58,171,.14),0 24px 50px -40px rgba(42,17,56,.45)}
.design-b .b-finder-ta{display:block;width:100%;min-width:0;box-sizing:border-box;resize:none;border:0;background:transparent;margin:0;padding:18px 18px 6px;
  font:400 clamp(18px,1.6vw,20px)/1.45 var(--b-sans);color:var(--b-ink);min-height:calc(2 * 1.45em + 24px)}
.design-b .b-finder-ta:focus,.design-b .b-finder-ta:focus-visible{outline:none}
.design-b .b-finder-ta::placeholder{color:var(--b-muted);opacity:1}
.design-b .b-finder-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:8px 10px 10px 18px}
.design-b .b-finder-count{font-size:13.5px;color:var(--b-muted);font-variant-numeric:tabular-nums}
.design-b .b-finder-go{min-width:0}
.design-b .b-finder-go[disabled]{opacity:.75;cursor:progress}
.design-b .b-finder-privacy{margin:10px 2px 0;font-size:14px;color:var(--b-muted)}
.design-b .b-finder-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;min-width:0}
.design-b .b-chip{min-height:44px;padding:0 16px;border:1px solid var(--b-rule);border-radius:999px;background:#fff;color:var(--b-dlilac);font:600 15px/1.2 var(--b-sans);cursor:pointer;max-width:100%;
  transition:background .2s var(--b-ease),border-color .2s var(--b-ease),color .2s var(--b-ease)}
.design-b .b-chip:hover{border-color:var(--b-purple);color:var(--b-purple);background:var(--b-tint)}
.design-b .b-finder-out{min-width:0}
.design-b .b-finder-out:empty{display:none}
.design-b .b-finder-out.is-in{margin-top:clamp(22px,3vw,32px);padding-top:clamp(22px,3vw,30px);border-top:1px solid var(--b-rule)}
.design-b .b-finder-sum,.design-b .b-finder-msg{margin:0 0 14px;font-size:15.5px;font-weight:600;color:var(--b-dlilac)}
.design-b .b-finder-msg{margin:0;font-weight:400;color:var(--b-text)}
.design-b .b-finder-loading{margin:0;font-size:15.5px;color:var(--b-muted)}
.design-b .b-finder-dots{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}
.design-b .b-finder-dots i{width:5px;height:5px;border-radius:50%;background:var(--b-purple);animation:bFinderDot 1.1s ease-in-out infinite}
.design-b .b-finder-dots i:nth-child(2){animation-delay:.15s}.design-b .b-finder-dots i:nth-child(3){animation-delay:.3s}
@keyframes bFinderDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.design-b .b-fcards{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.design-b .b-fcards>li{min-width:0}
.design-b .b-fcard{display:flex;flex-direction:column;padding:20px 20px 20px;background:#fff;border:1px solid var(--b-rule);border-radius:var(--b-radius);box-shadow:0 24px 60px -46px rgba(42,17,56,.4)}
.design-b .b-fcard:first-child{border-color:rgba(124,58,171,.45)}
.design-b .b-finder-out.is-in .b-fcard{animation:bFinderIn .5s var(--b-ease) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes bFinderIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.design-b .b-fcard-tag{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--b-muted)}
.design-b .b-fcard-best{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--b-purple);color:#fff;letter-spacing:.06em}
.design-b .b-fcard-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px}
.design-b .b-fcard-head>*{min-width:0}
.design-b .b-fcard-t{margin:0;font-family:var(--b-serif);font-weight:400;font-size:clamp(22px,2.2vw,26px);line-height:1.15;color:var(--b-ink);overflow-wrap:anywhere}
.design-b .b-fcard-p{margin:0;font-family:var(--b-serif);font-size:clamp(18px,1.8vw,20px);color:var(--b-purple)}
.design-b .b-fcard-r{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--b-text)}
.design-b .b-fcard-h{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--b-muted)}
.design-b .b-fcard-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px}
.design-b .b-fcard-act .b-cta{min-height:46px;padding:0 20px;font-size:15px;flex:1 1 auto}
.design-b .b-cta-ghost{background:transparent;color:var(--b-purple);border:1.5px solid rgba(124,58,171,.5)}
.design-b .b-cta-ghost:hover,.design-b .b-cta-ghost:focus-visible{border-color:var(--b-purple);background:rgba(124,58,171,.06)}
.design-b .b-fcard-fallback{border-style:dashed}
.design-b .b-finder-legal{margin:14px 2px 0;font-size:13.5px;color:var(--b-muted)}
.design-b .b-finder-more{margin:clamp(22px,2.6vw,30px) 0 0;font-size:16px;line-height:1.5;color:var(--b-muted)}
.design-b .b-finder-more .b-link{white-space:normal}
@media (max-width:520px){
  .design-b .b-finder{padding:18px 14px;margin-inline:calc(var(--b-pad) * -.4)}
  .design-b .b-finder-bar{padding:6px 8px 8px 14px}
  .design-b .b-finder-ta{padding:14px 14px 4px}
  .design-b .b-finder-go{flex:1 1 100%;white-space:normal;text-align:center;line-height:1.2;padding:0 18px}
  .design-b .b-finder-count{order:2;margin-left:auto}
  .design-b .b-chip{font-size:14.5px;padding:0 14px}
  .design-b .b-fcard{padding:18px 16px}
}
@media (min-width:760px){
  .design-b .b-fcards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-b .b-fcards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .design-b .b-fcards-1{max-width:640px}
}
@media (min-width:760px) and (max-width:1023px){
  .design-b .b-fcards-3{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .design-b .b-finder-out.is-in .b-fcard,.design-b .b-finder-dots i{animation:none}
  .design-b .b-finder-box,.design-b .b-chip{transition:none}
}

/* ══════════ Runde 4 · Laptop: eine Containerkante für alle Abschnitte ══════════ */
@media (min-width:768px){
  /* gleiche Breite und Innenabstand wie Kopfzeile und .container (Einblick, Standort …) */
  .design-b .b-wrap{max-width:var(--maxw);padding-inline:var(--pad)}
}
@media (min-width:901px){
  .design-b .b-toast{padding:14px 44px 14px 16px}
  .design-b .b-toast-t{font-size:15px}
}
@media (min-width:1024px){
  /* Abschnittsabstände auf dem Laptop etwas ruhiger */
  .design-b .b-sec{padding:clamp(88px,7vw,112px) 0}
  /* Anliegen: Überschrift links, Einleitung rechts — wie „Einblick“ */
  .design-b .b-concern-sec .b-head{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:clamp(40px,6vw,96px);align-items:end}
  .design-b .b-concern-sec .b-kicker{grid-column:1/-1}
  .design-b .b-concern-sec .b-lede{margin:0 0 6px}
  /* HIFU: Kicker einzeilig, Faktenleiste auf Spaltenbreite, Karte passt in jede Laptop-Höhe */
  .design-b .b-copy .b-kicker{max-width:none}
  .design-b .zk .b-facts{max-width:none}
  .design-b .zk-stage{max-width:min(400px,calc((100vh - 390px) * .714))}
  .design-b .zk-map{top:92px}
}
@media (min-width:1024px){
  /* Hautbehandlungen: links Überschrift + Preisliste, rechts Vergleich + Foto — beide Spalten enden gemeinsam */
  .design-b #behandlungen .b-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:clamp(56px,7vw,112px);
    grid-template-areas:"head case" "card case" "card photo";grid-template-rows:auto auto 1fr;align-items:start}
  .design-b #behandlungen .b-feature,.design-b #behandlungen .b-skin{display:contents}
  .design-b #behandlungen .b-head{grid-area:head;max-width:none;padding-bottom:clamp(36px,4vw,56px)}
  .design-b #behandlungen .b-case{grid-area:case;margin:0}
  .design-b #behandlungen .b-skin-card{grid-area:card}
  .design-b #behandlungen .b-photo{grid-area:photo;margin:clamp(36px,4vw,48px) 0 0 10px}
  .design-b #behandlungen .b-photo img{aspect-ratio:4/3}
}
@media (min-width:1024px){
  /* Ergebnisse: gleiche Vergleichsbreite wie bei den Hautbehandlungen, Text mittig daneben */
  .design-b .b-feature-flip{grid-template-columns:minmax(0,460px) minmax(0,1fr);column-gap:clamp(56px,7vw,112px)}
  .design-b .b-feature-flip .b-head{max-width:560px}
  .design-b .b-results .case-second-row{margin-top:clamp(56px,5vw,72px)}
}
@media (min-width:1024px){
  .design-b .b-results .case-second-row{align-items:stretch}
  /* Porträt-Unterschrift einzeilig */
  .design-b .b-portrait figcaption{white-space:nowrap;font-size:18px}
  /* Nährstoffinfusionen: Überschrift in der Größe der anderen Abschnitte, mehr Raum für den Text */
  .design-b #medizin .ivm-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .design-b #medizin h2.display{font-size:clamp(44px,4.4vw,66px);line-height:1.06;text-wrap:balance}
  .design-b #medizin .ivm-lede{max-width:32em}
}
@media (min-width:1024px){
  /* versetzter Rahmen passt nicht zur neuen Spalte — Foto bündig */
  .design-b #behandlungen .b-photo{margin-left:0}
  .design-b #behandlungen .b-photo .b-edge{display:none}
}
@media (min-width:1024px){
  /* Ergebnisse: Vergleich links (mitlaufend), rechts Überschrift + Bildpaare — keine leeren Flächen */
  .design-b #ergebnisse .b-wrap{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);column-gap:clamp(56px,7vw,112px);
    grid-template-areas:"case head" "case pairs";grid-template-rows:auto 1fr;align-items:start}
  .design-b #ergebnisse .b-feature{display:contents}
  .design-b #ergebnisse .b-head{grid-area:head;max-width:none}
  .design-b #ergebnisse .b-case{grid-area:case;margin:0;position:sticky;top:92px}
  .design-b #ergebnisse .case-second-row{grid-area:pairs;grid-template-columns:minmax(0,1fr);gap:24px;margin:clamp(36px,4vw,52px) 0 0}
}
@media (min-width:1024px){
  /* Infusions-Grafik größer, damit sie neben der längeren Textspalte trägt */
  .design-b #medizin .iv{zoom:1.3}
}
/* Standort (Handy): Kartenbeschriftung „Alsterfleet“ liegt unter dem „Google Maps laden“-Knopf —
   solange der Knopf sichtbar ist, ausblenden (sonst Kontrastfehler, optisch ohnehin verdeckt) */
@media (max-width:600px){
  .design-b .map-stage:has(.map-consent:not([hidden])) .map-label-water,.design-b .map-stage:has(.map-consent:not([hidden])) .map-label-strong{visibility:hidden}
}
@media (min-width:1024px){
  /* Zeilenlänge der kleinen Hinweistexte begrenzen */
  .design-b .b-results .cs-note{max-width:64ch}
  .design-b .b-med2-note{max-width:31em}
}

/* ══════════ Runde 5 · Hero, Bewertungsband, Kopfzeile, Handy-Leiste, Hinweis ══════════ */
.design-b .b-rev-in{--bp:var(--b-pad)}
@media (min-width:768px){ .design-b .b-rev-in{--bp:var(--pad)} }

/* Bewertungsband ab 900: Kopfzeile oben, drei gleich hohe Karten */
@media (min-width:900px){
  .design-b .b-rev-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;overflow:visible}
  .design-b .b-rcard{padding:28px 28px 24px}
  .design-b .b-rev-ctrl{display:none}
  .design-b .b-rev-in{gap:40px}
}
@media (min-width:1280px){
  .design-b .b-rcard{padding:32px 32px 26px}
  .design-b .b-rcard blockquote{font-size:19.5px}
}

/* Kopfzeile (Runde 6): über dem hellen Hero dunkle Schrift auf transparentem Grund, ohne dunklen Verlauf */
.design-b .site-header::before{display:none}
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-brand,
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-wordmark,
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-wordsub,
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-nav a{color:var(--b-ink);text-shadow:none}
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-nav a:after{background:var(--b-ink)}
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-ig:not(:hover):not(:focus-visible):not(:active),
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-phone:not(:hover):not(:focus-visible):not(:active),
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-burger{border-color:rgba(42,17,56,.3);color:var(--b-ink);text-shadow:none}
.design-b .site-header:not(.hd-scrolled):not(.hd-ondark) .hd-burger span{background:var(--b-ink)}
/* Kopfzeile über dem dunklen Bewertungsband: dunkles Glas */
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-scrolled.hd-ondark{background:rgba(31,12,43,.78)!important;border-bottom-color:rgba(230,204,245,.14)}
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-brand,
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-wordmark,
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-wordsub,
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-nav a{color:#fff;text-shadow:none}
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-ig,
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-phone,
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-burger{border-color:rgba(255,255,255,.6);color:#fff}
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-ondark .hd-burger span{background:#fff}

/* Handy-Leiste: eine weiße Leiste, lila Pille + Kontur-Pille */
.design-b .mbar{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;
  padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  background:#fff;border-top:1px solid rgba(42,17,56,.1);box-shadow:0 -8px 24px -18px rgba(42,17,56,.35);
  transition:transform .4s var(--b-ease),visibility .4s}
.design-b .mbar.is-away{transform:translateY(calc(100% + 4px));visibility:hidden}
.design-b .mbar a{min-height:48px;gap:9px;border-radius:999px;font:600 16px/1 var(--b-sans);letter-spacing:.01em;text-transform:none}
.design-b .mbar a svg{width:18px;height:18px;flex:none}
.design-b .mbar-book{background:var(--b-purple);color:#fff}
.design-b .mbar-book:hover,.design-b .mbar-book:active{background:var(--b-purple-dk);color:#fff}
.design-b .mbar-call{background:#fff;color:var(--b-purple);border:1.5px solid rgba(124,58,171,.45)}
.design-b .mbar-call:hover,.design-b .mbar-call:active{background:var(--b-tint);color:var(--b-purple-dk)}

/* Hinweis: Desktop unten rechts, Handy über der Leiste */
@media (max-width:900px){ .design-b .b-toast{left:12px;right:12px;width:auto;max-width:none;bottom:calc(80px + env(safe-area-inset-bottom))} }
@media (prefers-reduced-motion:reduce){ .design-b .mbar{transition:none} }

/* ═══ Hero Runde 7: kein Foto — Text links, Behandlungsfinder als Mittelpunkt rechts, Ärztin + Bewertung als Vertrauenszeile ═══ */
.design-b .b-hero7{background:
  radial-gradient(70% 60% at 88% 18%,rgba(164,107,203,.18),rgba(164,107,203,0) 70%),
  radial-gradient(40% 40% at 8% 100%,rgba(201,154,82,.07),rgba(201,154,82,0) 70%),
  linear-gradient(180deg,#FFFFFF 0%,var(--b-bone) 100%)}
.design-b .b-hero7 .b-hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-top:calc(var(--hd-h) + 18px);padding-bottom:44px}
.design-b .b-hero7 .b-hero-copy{min-width:0}
.design-b .b-hero7 .b-h1{max-width:12ch}
.design-b .b-hero7 .b-hero-sub{color:var(--b-text)}
.design-b .b-hero7 .b-cta-row{margin-top:22px;gap:10px 22px;align-items:center}
.design-b .b-hero-link{display:inline-flex;align-items:center;min-height:44px;font:600 15.5px/1.2 var(--b-sans);color:var(--b-purple);text-decoration:none;border-bottom:1.5px solid rgba(124,58,171,.35);padding-bottom:2px;line-height:1.3;min-height:0;margin:8px 0}
.design-b .b-hero-link:hover{border-color:var(--b-purple)}
.design-b .b-hero-proof{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:22px}
.design-b .b-hero-doc,.design-b .b-hero7 .b-hero-trust{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:52px;padding:0 16px 0 6px;border-radius:999px;
  background:#fff;border:1px solid var(--b-rule-soft);box-shadow:0 14px 30px -24px rgba(42,17,56,.5);text-decoration:none;color:var(--b-text);font-size:14px;line-height:1.2;white-space:nowrap;transition:border-color .25s var(--b-ease)}
.design-b .b-hero7 .b-hero-trust{padding-left:14px;gap:9px}
.design-b .b-hero-doc:hover,.design-b .b-hero7 .b-hero-trust:hover{border-color:rgba(124,58,171,.5)}
.design-b .b-hero-doc img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:60% 22%;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(124,58,171,.25)}
.design-b .b-hero-doc span{display:flex;flex-direction:column;gap:2px;min-width:0}
.design-b .b-hero-doc b{color:var(--b-ink);font-weight:700}
.design-b .b-hero-doc small{font-size:12.5px;color:var(--b-muted)}
/* Finder-Karte im Hero */
.design-b .b-hero-finder{min-width:0}
.design-b .b-hero7 .b-finder{margin:0;padding:clamp(18px,2.6vw,30px);border-radius:22px;border:1px solid rgba(124,58,171,.16);
  background:linear-gradient(180deg,#F8F4FB 0%,#F1EAF6 100%);box-shadow:0 30px 70px -44px rgba(42,17,56,.45),0 1px 0 rgba(255,255,255,.9) inset}
.design-b .b-finder-kicker{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-purple)}
.design-b .b-hero7 .b-finder-label{font-size:clamp(19px,2vw,24px);margin-bottom:12px}
.design-b .b-hero7 .b-finder-ta{font-size:clamp(16.5px,1.3vw,18px);padding:16px 16px 4px;min-height:calc(2 * 1.45em + 20px)}
.design-b .b-hero7 .b-finder-bar{padding:6px 8px 8px 16px}
.design-b .b-hero7 .b-finder-go{min-height:46px;padding:0 20px;font-size:15px}
.design-b .b-hero7 .b-finder-privacy{font-size:13px;margin-top:8px}
.design-b .b-hero7 .b-finder-chips{margin-top:12px;gap:7px}
.design-b .b-hero7 .b-chip{min-height:38px;font-size:14px;padding:0 13px}
.design-b .b-hero7 .b-finder-out{grid-column:1 / -1}
.design-b .b-hero7 .b-finder-out.is-in{margin-top:0;padding-top:0;border-top:0}
.design-b .b-hero-more{margin:0;grid-column:1 / -1;font-size:15px}
.design-b .b-hero7 .b-finder-out:empty + .b-hero-more{margin-top:-8px}
@media (max-width:899px){
  .design-b .b-hero7 .b-hero-in{padding-top:calc(var(--hd-h) + 22px)}
  .design-b .b-hero7 .b-h1{font-size:clamp(34px,9.4vw,52px);max-width:none}
  .design-b .b-hero7 .b-hero-proof{margin-top:18px}
}
@media (max-width:420px){
  .design-b .b-hero7 .b-finder{padding:16px 14px;margin-inline:0}
  .design-b .b-hero-doc,.design-b .b-hero7 .b-hero-trust{font-size:13.5px;min-height:48px}
  .design-b .b-hero7 .b-finder-go{flex:1 1 100%}
}
@media (min-width:600px) and (max-width:899px){
  .design-b .b-hero7 .b-h1{font-size:min(56px,calc((100vw - 2 * var(--b-pad)) / 11))}
  .design-b .b-hero7 .b-hero-in{gap:36px;padding-bottom:56px}
}
@media (min-width:900px){
  .design-b .b-hero7{--hero-h:auto}
  .design-b .b-hero7 .b-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(40px,5vw,88px);row-gap:28px;align-items:center;
    padding-top:calc(var(--hd-h) + clamp(36px,6vh,72px));padding-bottom:clamp(44px,6vh,72px)}
  .design-b .b-hero7 .b-h1{font-size:clamp(40px,3.55vw,56px);max-width:none}
  .design-b .b-hero7 .b-hero-sub{margin-top:18px;font-size:clamp(17px,1.3vw,19.5px);max-width:26em}
  .design-b .b-hero7 .b-cta-row{margin-top:30px}
  .design-b .b-hero7 .b-hero-proof{margin-top:30px}
  .design-b .b-hero7 .b-finder-out.is-in{margin-top:10px}
  .design-b .b-hero7 .b-hero-more{text-align:left}
}
@media (min-width:1280px){
  .design-b .b-hero7 .b-hero-in{column-gap:clamp(64px,6.5vw,110px)}
  .design-b .b-hero7 .b-finder{padding:32px 34px}
}

/* ═══ Hero Runde 8: volle Höhe, Fassade links mit Schleier, Text unten, Behandlungs-Clip rechts (ab 900px) ═══ */
.design-b .b-hero8{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#1F0C2B;color:#fff}
.design-b .b-hero-frame{position:absolute;inset:0;z-index:0}
.design-b .b-hero-img{width:100%;height:100%;object-fit:cover;object-position:62% 62%;transform:scale(1.04);filter:saturate(.7) contrast(.94) brightness(.96)}
.design-b .b-hero-veil{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(31,12,43,.94) 0%,rgba(31,12,43,.78) 24%,rgba(31,12,43,.42) 52%,rgba(31,12,43,.18) 76%,rgba(31,12,43,.34) 100%),
  linear-gradient(to right,rgba(31,12,43,.55) 0%,rgba(31,12,43,.2) 45%,rgba(31,12,43,0) 70%)}
.design-b .b-hero-grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.9'/></svg>")}
.design-b .b-hero-aside{display:none}
.design-b .b-hero8 .b-hero-body{position:relative;z-index:2;width:100%;padding-top:calc(var(--hd-h) + 40px);padding-bottom:clamp(28px,5vh,56px)}
.design-b .b-hero8 .b-hero-kicker{color:#E6CCF5;margin-bottom:16px}
.design-b .b-hero8 .b-h1{color:#fff;max-width:14ch;font-size:clamp(36px,9.2vw,54px)}
.design-b .b-hero8 .b-h1 .b-accent{color:#D9B6F0}
.design-b .b-hero8 .b-hero-sub{color:rgba(255,255,255,.86);margin-top:14px;max-width:30em}
.design-b .b-hero8 .b-cta-row{margin-top:24px;gap:10px 22px;align-items:center}
.design-b .b-hero8 .b-hero-link{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.design-b .b-hero8 .b-hero-link:hover{border-bottom-color:#fff}
.design-b .b-hero8 .b-hero-proof{margin-top:22px}
.design-b .b-hero8 .b-hero-doc,.design-b .b-hero8 .b-hero-trust{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.9);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.design-b .b-hero8 .b-hero-doc b,.design-b .b-hero8 .b-hero-trust b{color:#fff}
.design-b .b-hero8 .b-hero-doc small{color:rgba(255,255,255,.7)}
.design-b .b-hero8 .b-hero-doc img{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.design-b .b-hero8 .b-hero-trust .b-stars{color:#E0B45A}
.design-b .b-hero8 .b-hero-doc:hover,.design-b .b-hero8 .b-hero-trust:hover{border-color:rgba(255,255,255,.6)}
@media (max-width:899px){
  .design-b .b-hero8{min-height:min(100svh,860px)}
  .design-b .b-hero-img{object-position:60% 40%}
}
@media (max-width:420px){
  .design-b .b-hero8 .b-h1{font-size:clamp(34px,9.6vw,44px)}
}
@media (min-width:900px){
  .design-b .b-hero8{--hero-split:60%;min-height:min(100svh,900px)}
  .design-b .b-hero-frame{inset:0 auto 0 0;width:100%}
  .design-b .b-hero-img{object-position:34% 55%}
  .design-b .b-hero-aside{display:block;position:absolute;top:0;right:0;bottom:0;width:clamp(300px,38vw,600px);margin:0;z-index:1;overflow:hidden;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 16%,#000 38%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 16%,#000 38%)}
  .design-b .b-hero-clip{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.85) contrast(.96)}
  .design-b .b-hero-aside-edge{position:absolute;inset:0;pointer-events:none;background:
    linear-gradient(to top,rgba(31,12,43,.72) 0%,rgba(31,12,43,0) 45%),linear-gradient(to left,rgba(31,12,43,.22) 0%,rgba(31,12,43,0) 30%),linear-gradient(to bottom,rgba(31,12,43,.5) 0%,rgba(31,12,43,0) 22%)}
  .design-b .b-hero-veil{background:
    linear-gradient(to top,rgba(31,12,43,.92) 0%,rgba(31,12,43,.7) 26%,rgba(31,12,43,.3) 54%,rgba(31,12,43,.1) 80%,rgba(31,12,43,.28) 100%),
    linear-gradient(to right,rgba(31,12,43,.7) 0%,rgba(31,12,43,.3) 40%,rgba(31,12,43,0) 62%)}
  .design-b .b-hero8 .b-hero-body{padding-top:calc(var(--hd-h) + 80px);padding-bottom:clamp(40px,6vh,72px)}
  .design-b .b-hero8 .b-hero-body>*{max-width:min(640px,var(--hero-split))}
  .design-b .b-hero8 .b-h1{font-size:clamp(40px,4.2vw,64px);max-width:13ch}
  .design-b .b-hero8 .b-hero-sub{font-size:clamp(17px,1.3vw,19.5px)}
}
@media (prefers-reduced-motion:reduce){ .design-b .b-hero-img{transform:none} }
/* Anliegen-Sektion: Kopfzeile links, Lede rechts */
.design-b .b-head-row{display:grid;gap:14px}
@media (min-width:900px){ .design-b .b-head-row{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:48px} .design-b .b-head-row .b-lede{margin:0 0 8px} }
.design-b .b-concern-sec .b-finder{margin-top:clamp(28px,3.6vw,44px)}

/* ══════════ Runde 9 · Qualitätsdurchgang: Hero-Schleier, Rhythmus, ein Etikett-Stil für alle Abschnitte ══════════ */

/* ─── Hero: Foto ruhiger (Mieterschild tritt zurück), Clip schmaler mit späterem Einblenden — die „61“ bleibt frei ─── */
.design-b .b-hero-img{filter:saturate(.58) contrast(.92) brightness(.88)}
.design-b .b-hero-veil{background:
  linear-gradient(to top,rgba(31,12,43,.96) 0%,rgba(31,12,43,.82) 24%,rgba(31,12,43,.55) 52%,rgba(31,12,43,.32) 78%,rgba(31,12,43,.44) 100%),
  linear-gradient(to right,rgba(31,12,43,.6) 0%,rgba(31,12,43,.3) 48%,rgba(31,12,43,.06) 100%)}
@media (max-width:599px){
  .design-b .b-hero-img{object-position:62% 42%}
}
@media (min-width:600px) and (max-width:899px){
  .design-b .b-hero-img{object-position:64% 46%}
  .design-b .b-hero-veil{background:
    radial-gradient(64% 58% at 28% 66%,rgba(31,12,43,.55),rgba(31,12,43,0) 72%),
    linear-gradient(to top,rgba(31,12,43,.96) 0%,rgba(31,12,43,.82) 24%,rgba(31,12,43,.55) 52%,rgba(31,12,43,.3) 78%,rgba(31,12,43,.42) 100%),
    linear-gradient(to right,rgba(31,12,43,.62) 0%,rgba(31,12,43,.34) 50%,rgba(31,12,43,.06) 100%)}
}
@media (min-width:900px){
  .design-b .b-hero-img{object-position:34% 56%}
  .design-b .b-hero-veil{background:
    radial-gradient(56% 62% at 26% 68%,rgba(31,12,43,.5),rgba(31,12,43,0) 72%),
    linear-gradient(to top,rgba(31,12,43,.95) 0%,rgba(31,12,43,.78) 26%,rgba(31,12,43,.5) 54%,rgba(31,12,43,.28) 80%,rgba(31,12,43,.4) 100%),
    linear-gradient(to right,rgba(31,12,43,.74) 0%,rgba(31,12,43,.46) 38%,rgba(31,12,43,.14) 62%,rgba(31,12,43,0) 76%)}
  .design-b .b-hero-aside{width:clamp(280px,32vw,600px);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,#000 54%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,#000 54%)}
  .design-b .b-hero-aside-edge{background:
    linear-gradient(to top,rgba(31,12,43,.8) 0%,rgba(31,12,43,0) 48%),linear-gradient(to left,rgba(31,12,43,.24) 0%,rgba(31,12,43,0) 30%),linear-gradient(to bottom,rgba(31,12,43,.55) 0%,rgba(31,12,43,0) 24%)}
}
@media (min-width:1400px){ .design-b .b-hero-aside{width:clamp(280px,34vw,640px)} }

/* ─── Abschnittsrhythmus: gleiche Höhenluft überall, dunkle Injektions-Sektion ohne Sonderabstand ─── */
.design-b .b-sec{padding:clamp(64px,8vw,104px) 0}
.design-b .b-inj{padding:clamp(64px,8vw,104px) 0}
.design-b .b-medsec{padding:clamp(56px,6.5vw,88px) 0}
.design-b .b-review{padding:clamp(48px,6vw,84px) 0}
.design-b .ivm,.design-b .glimpse,.design-b .credo,.design-b .voices,.design-b .loc,.design-b .faq,.design-b .book{padding-block:clamp(64px,8vw,104px)}
@media (min-width:1024px){ .design-b .b-sec,.design-b .b-inj{padding:clamp(88px,7vw,112px) 0} }
.design-b .b-finder-more{margin-top:clamp(18px,2.4vw,26px)}
.design-b .b-inj-note{margin-top:18px}

/* ─── Ein Etikett-Stil (Eyebrow / Kicker / Mono-Beschriftungen) für den ganzen unteren Teil ─── */
.design-b .eyebrow{font-family:var(--b-sans);font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;gap:16px;margin-bottom:18px}
.design-b .eyebrow:not(.eyebrow-light){color:var(--b-purple)}
.design-b .eyebrow:before{width:42px;background:currentColor;opacity:.6}
.design-b .display{font-family:var(--b-serif);font-weight:400;font-size:clamp(38px,5.4vw,66px);line-height:1.06;letter-spacing:-.01em;margin:0;text-wrap:balance;font-variation-settings:normal}
.design-b .display em{font-style:normal;color:var(--b-purple)}
.design-b .voices .display{color:#fff}
.design-b .voices .display em,.design-b .b-inj .display em{color:var(--b-lilac-lt)}
.design-b .mono{font-family:var(--b-sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.design-b .gal-item figcaption,.design-b .credo-figure figcaption{margin-top:12px;color:var(--b-muted);letter-spacing:.12em;font-size:12px}
.design-b .fact dt{letter-spacing:.12em;font-size:12px;color:var(--b-muted)}
.design-b .footer-head{letter-spacing:.14em;color:var(--b-muted)}
.design-b .footer-logo-sub{letter-spacing:.14em;color:var(--b-muted)}
.design-b .footer-logo{font-family:var(--b-serif);font-weight:400}
.design-b .book-meta,.design-b .map-note{font-family:var(--b-sans);font-size:14.5px;font-weight:400;letter-spacing:.01em;text-transform:none;color:var(--b-muted)}
.design-b .map-pin-label{font-family:var(--b-sans);font-weight:600}
.design-b .tx-head-row{border-bottom-color:var(--b-rule)}
.design-b .tx-head-note{color:var(--b-muted);font-size:clamp(16px,1.3vw,18px);line-height:1.62}
.design-b .credo-lit{font-family:var(--b-serif);font-weight:400;color:var(--b-ink)}
.design-b .credo-marks li{border:1px solid rgba(124,58,171,.35);border-radius:999px;padding:10px 18px;color:var(--b-purple);letter-spacing:.08em;font-size:12.5px;font-weight:600}
.design-b .credo-marks li:hover{border-color:var(--b-purple);background:var(--b-tint)}
.design-b .credo-body p{color:var(--b-text);font-size:16.5px;line-height:1.65}
.design-b .faq-cat{font-family:var(--b-sans);font-size:12.5px;font-weight:600;letter-spacing:.2em;color:var(--b-purple);border-bottom-color:var(--b-rule)}
.design-b .faq2 summary{font-size:clamp(16.5px,1.25vw,18px);color:var(--b-ink)}
.design-b .faq2 summary::after{font-size:22px;font-weight:300}
.design-b .faq-body p{color:var(--b-text)}
.design-b .map-stage{border-radius:var(--b-radius);border-color:var(--b-rule)}
.design-b .gal-item img{border-radius:14px}
.design-b .gal-featured img.arc{border-radius:0}
.design-b .footer{background:var(--b-white);border-top-color:var(--b-rule-soft)}
.design-b .footer-col a{color:var(--b-text)}
.design-b .footer-col a:hover{color:var(--b-purple)}
.design-b .footer-legal{border-top-color:var(--b-rule-soft)}
.design-b .book{border-top:0;background:var(--b-lilac)}
.design-b .loc{background:var(--b-lilac)}
.design-b .loc-intro,.design-b .book-sub{color:var(--b-muted);font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.62}
.design-b .fact dd{color:var(--b-text)}
.design-b .fact a{color:var(--b-purple)}
.design-b .fact a:hover{border-bottom-color:var(--b-purple)}
.design-b .btn-lg{min-height:54px;padding:0 32px;font-size:15.5px}
@media (max-width:480px){
  .design-b .eyebrow{font-size:12px;letter-spacing:.12em;gap:12px}
  .design-b .eyebrow:before{width:24px}
}

/* ─── Stimmen: Karten wie das Bewertungsband, Sterne zurückhaltend, Link im Systemstil ─── */
.design-b .voices .voice{border-radius:var(--b-radius);background:rgba(255,255,255,.06);border:1px solid rgba(230,204,245,.18);padding:clamp(24px,2.8vw,32px)}
.design-b .voices .voice p{font-family:var(--b-serif);font-weight:400;font-size:clamp(18px,1.4vw,19.5px);line-height:1.5;color:#fff}
.design-b .voices .voice footer{font-family:var(--b-sans);font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--b-lilac-lt)}
.design-b .voices-rating{flex-wrap:wrap;gap:6px 10px;margin-top:22px;font-size:15px;color:var(--b-on-dark-muted);line-height:1.4}
.design-b .voices-rating strong{font-family:var(--b-serif);font-weight:400;font-size:22px;color:#fff}
.design-b .voices-stars{font-size:12px;letter-spacing:2px;color:var(--b-star);opacity:.85}
.design-b .voices-link .link-quiet{font-family:var(--b-sans);font-size:15.5px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--b-lilac-lt);border-bottom:1px solid rgba(230,204,245,.4);padding-bottom:2px}
.design-b .voices-link .link-quiet:hover{border-color:var(--b-lilac-lt)}
.design-b .voices-link .arr{margin-left:6px}
.design-b .voices:before{background:radial-gradient(circle,rgba(164,107,203,.14),transparent 66%)}
@media (max-width:759px){ .design-b .voices-grid{gap:14px} }

/* ─── Botox & Filler: Handy zuerst Überschrift, dann kompakte Ärztin-Zeile; Karten enden gemeinsam ─── */
@media (max-width:699px){
  .design-b .b-inj-top{gap:24px}
  .design-b .b-inj-top>div{order:1}
  .design-b .b-portrait{order:2;display:flex;align-items:center;gap:16px;width:auto;margin:0}
  .design-b .b-portrait img{width:96px;height:120px;border-radius:14px;flex:none}
  .design-b .b-portrait figcaption{margin:0;font-size:18px;line-height:1.25}
  .design-b .b-portrait figcaption span{font-size:14px;margin-top:4px}
}
.design-b .b-tcard .b-menu{margin-bottom:22px}
.design-b .b-tcard-cta{margin-top:auto}

/* ─── Nährstoffinfusionen: Grafik in einer Karte mit Präsenz, Text mit klarer Hierarchie und Handlung ─── */
.design-b .ivm-grid{gap:32px}
.design-b .ivm-media{order:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:var(--b-soft-bg);border:1px solid var(--b-rule);border-radius:calc(var(--b-radius) + 6px);padding:clamp(28px,4vw,44px) 22px}
.design-b .ivm-body{order:1}
.design-b #medizin .iv{zoom:1;width:min(300px,100%);padding-bottom:0}
.design-b .iv-drops{height:112px}
.design-b .iv-bag{box-shadow:0 24px 50px -32px rgba(42,17,56,.5)}
.design-b .iv-label{font-family:var(--b-sans);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--b-plum)}
.design-b .iv-legend{margin:0 auto;gap:8px;max-width:340px}
.design-b .iv-legend li{padding:6px 12px;border:1px solid var(--b-rule);border-radius:999px;background:#fff;color:var(--b-dlilac);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.design-b .iv-cap{margin:0;max-width:30em;text-align:center;font-size:14px;line-height:1.55;color:var(--b-muted)}
.design-b .ivm-lede{color:var(--b-muted);font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.62;margin-top:18px;max-width:36em}
.design-b .ivm-steps{margin-top:26px;gap:8px}
.design-b .ivm-steps li{border-bottom-color:var(--b-rule-soft);padding:12px 0}
.design-b .ivm-steps li::before{font-family:var(--b-serif);color:var(--b-purple);font-size:19px}
.design-b .ivm-steps b{font-size:17px;color:var(--b-ink)}
.design-b .ivm-steps span{color:var(--b-muted);font-size:15px}
.design-b .ivm-cta{margin-top:28px}
.design-b .ivm-list-head{margin:36px 0 0;font-family:var(--b-serif);font-size:20px;color:var(--b-ink)}
.design-b .ivm-list{margin-top:10px;border-top-color:var(--b-rule)}
.design-b .ivm-list li{border-bottom-color:var(--b-rule-soft)}
.design-b .ivm-list a,.design-b .ivm-list span{display:block;padding:12px 2px;font-size:16.5px;color:var(--b-text)}
.design-b .ivm-list a{color:var(--b-ink);font-weight:600}
.design-b .ivm-list a:hover{color:var(--b-purple)}
@media (min-width:760px){
  .design-b .ivm-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,72px);align-items:center}
  .design-b .ivm-media{order:1}
  .design-b .ivm-body{order:2}
}
@media (min-width:1024px){
  .design-b #medizin .ivm-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(56px,6vw,96px)}
  .design-b #medizin h2.display{font-size:clamp(38px,5.4vw,66px)}
  .design-b #medizin .iv{width:320px}
  .design-b .ivm-media{padding:48px 32px;align-self:start;position:sticky;top:96px}
}

/* ══════════ Runde 10 · Warmes Pflaume-System, zentrierter Hero mit Slideshow, dunkler Finder, Kopf-Ansicht ══════════ */

/* ─── Farbsystem: keine reinen Weißflächen mehr; dunkle Abschnitte in warmem Pflaume (#2C1638) mit leichtem Lichtverlauf ─── */
body.design-b{
  --b-white:#F7F2F6; --b-bone:#F7F2F6; --b-bone-2:#F3ECF3; --b-lilac:#EDE5F3; --b-tint:#F3ECF3;
  --b-plum:#2C1638; --b-plum-2:#3A2048; --b-plum-3:#241030;
  --b-on-dark:#F4F0E9; --b-on-dark-muted:#D9CDD8;
  --b-star:#B98A5C; --b-star-dark:#E8CDB2;
  --b-dark-bg:radial-gradient(90% 70% at 0% 0%,rgba(120,70,150,.28),rgba(120,70,150,0) 60%),#2C1638;
  --b-soft-bg:radial-gradient(120% 90% at 12% 0%,rgba(164,107,203,.14),transparent 62%),linear-gradient(180deg,#F1E9F4 0%,#EDE5F3 100%);
  background:#F7F2F6;
}
.design-b .b-bg-white{background:var(--b-bone)}
.design-b .b-bg-bone{background:var(--b-bone)}
.design-b .b-results{background:var(--b-soft-bg)}
.design-b .b-review{background:var(--b-soft-bg)}
.design-b .b-medsec{background:var(--b-bone)}
.design-b .ivm{background:var(--b-lilac)}
.design-b .glimpse{background:var(--b-bone)}
.design-b .credo{background:var(--b-bone-2)}
.design-b .loc{background:var(--b-lilac)}
.design-b .faq{background:var(--b-bone)}
.design-b .book{background:var(--b-lilac)}
.design-b .footer{background:var(--b-bone-2)}
.design-b .mbar{background:#FBF8FA}
.design-b .mbar-call{background:#FBF8FA}
body.design-b .site-header.hd-scrolled:not(.hd-ondark){background:rgba(247,242,246,.92)!important}
.design-b .b-stars{color:var(--b-star)}
.design-b .voices-stars{color:var(--b-star-dark);opacity:1}

/* ─── Hero: zentrierter Text über langsamer Praxis-Slideshow ─── */
.design-b .b-hero10{position:relative;min-height:min(100svh,860px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;
  background:#2C1638;color:#fff;text-align:center}
@supports not (height:1svh){ .design-b .b-hero10{min-height:min(100vh,860px)} }
.design-b .b-hero-show{position:absolute;inset:0;z-index:0;background:#2C1638;overflow:hidden}
.design-b .b-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);opacity:0;transform:scale(1);
  transition:opacity 1.6s ease;filter:saturate(.72) contrast(.94) brightness(.9);will-change:opacity,transform}
.design-b .b-hero-slide.is-on{opacity:1;z-index:2;animation:bKen 8.8s linear forwards}
.design-b .b-hero-slide.is-out{opacity:1;z-index:1;transform:scale(1.04);transition:none;animation:none}
@keyframes bKen{from{transform:scale(1)}to{transform:scale(1.04)}}
.design-b .b-hero-veil10{position:absolute;inset:0;z-index:3;background:
  radial-gradient(70% 60% at 50% 45%,rgba(44,22,56,.34),rgba(44,22,56,.66) 100%),
  linear-gradient(to top,rgba(44,22,56,.92) 0%,rgba(44,22,56,.58) 30%,rgba(44,22,56,.46) 60%,rgba(44,22,56,.62) 100%)}
.design-b .b-hero10 .b-hero-grain{z-index:4}
@media (prefers-reduced-motion:reduce){ .design-b .b-hero-slide{transition:none;animation:none!important;transform:none} }
.design-b .b-hero10 .b-hero-body{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;max-width:860px;
  padding-top:calc(var(--hd-h) + 40px);padding-bottom:78px}
.design-b .b-hero10 .b-hero-kicker{justify-content:center;color:#E6CCF5;margin-bottom:18px;text-align:center}
.design-b .b-hero10 .b-hero-kicker::after{content:"";width:28px;height:1px;background:currentColor;opacity:.6;flex:none}
.design-b .b-hero10 .b-h1{color:#fff;max-width:none;font-size:clamp(37px,9.4vw,64px);line-height:1.06;text-wrap:balance}
.design-b .b-hero10 .b-h1 .b-accent{color:#D9B6F0}
.design-b .b-hero10 .b-hero-sub{color:rgba(255,255,255,.88);margin:16px auto 0;max-width:30em;text-wrap:balance}
.design-b .b-hero10 .b-cta-row{justify-content:center;margin-top:26px;gap:12px}
.design-b .b-hero10 .b-cta-light{border-color:rgba(255,255,255,.7)}
.design-b .b-hero10 .b-cta-light:hover,.design-b .b-hero10 .b-cta-light:focus-visible{background:rgba(255,255,255,.14);border-color:#fff}
.design-b .b-hero10 .b-hero-proof{justify-content:center;margin-top:26px}
.design-b .b-hero10 .b-hero-doc,.design-b .b-hero10 .b-hero-trust{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:52px;padding:0 16px 0 6px;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.92);box-shadow:none;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;font-size:14px;line-height:1.2;white-space:nowrap;transition:border-color .25s var(--b-ease),background .25s var(--b-ease)}
.design-b .b-hero10 .b-hero-trust{padding-left:14px;gap:9px}
.design-b .b-hero10 .b-hero-doc b,.design-b .b-hero10 .b-hero-trust b{color:#fff}
.design-b .b-hero10 .b-hero-doc small{color:rgba(255,255,255,.72)}
.design-b .b-hero10 .b-hero-doc img{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.design-b .b-hero10 .b-hero-trust .b-stars{color:var(--b-star-dark)}
.design-b .b-hero10 .b-hero-doc:hover,.design-b .b-hero10 .b-hero-trust:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.14)}
.design-b .b-hero-cue{position:absolute;left:50%;bottom:16px;z-index:6;width:44px;height:44px;margin-left:-22px;display:grid;place-items:center;
  color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.35);border-radius:50%;text-decoration:none;animation:bCue 2.4s ease-in-out infinite}
.design-b .b-hero-cue svg{width:20px;height:20px}
.design-b .b-hero-cue:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
@keyframes bCue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (max-width:599px){
  .design-b .b-hero10 .b-hero-body{padding-top:calc(var(--hd-h) + 28px);padding-bottom:70px}
  .design-b .b-hero10 .b-hero-kicker{font-size:11.5px;letter-spacing:.1em}
  .design-b .b-hero10 .b-hero-kicker::before,.design-b .b-hero10 .b-hero-kicker::after{width:18px}
  .design-b .b-hero10 .b-hero-sub{margin-top:12px;font-size:16.5px}
  .design-b .b-hero10 .b-cta-row{margin-top:20px;width:100%}
  .design-b .b-hero10 .b-cta{min-height:48px;padding:0 20px;font-size:15px}
  .design-b .b-hero10 .b-hero-proof{margin-top:18px;gap:8px}
  .design-b .b-hero10 .b-hero-doc,.design-b .b-hero10 .b-hero-trust{min-height:46px;font-size:13.5px}
  .design-b .b-hero10 .b-hero-doc img{width:34px;height:34px}
}
@media (max-width:360px){ .design-b .b-hero10 .b-h1{font-size:34px} }
@media (min-width:900px){
  .design-b .b-hero10 .b-hero-body{padding-top:calc(var(--hd-h) + 56px);padding-bottom:96px}
  .design-b .b-hero10 .b-hero-kicker{font-size:12.5px;letter-spacing:.16em;gap:14px;margin-bottom:22px}
  .design-b .b-hero10 .b-hero-kicker::before,.design-b .b-hero10 .b-hero-kicker::after{width:36px}
  .design-b .b-hero10 .b-h1{font-size:clamp(48px,4.9vw,74px)}
  .design-b .b-hero10 .b-hero-sub{margin-top:20px;font-size:clamp(17.5px,1.35vw,20px)}
  .design-b .b-hero10 .b-cta-row{margin-top:34px;gap:14px}
  .design-b .b-hero10 .b-hero-proof{margin-top:30px;gap:12px}
  .design-b .b-hero-cue{bottom:22px}
}
@media (prefers-reduced-motion:reduce){
  .design-b .b-hero-cue{animation:none}
}

/* ─── Bewertungsband: warmes Pflaume, Karten heller, Zitate in warmem Off-White ─── */
.design-b .b-rev{background:var(--b-dark-bg);border-top:1px solid rgba(230,204,245,.12)}
.design-b .b-rev-h{color:var(--b-on-dark)}
.design-b .b-rcard{background:#3A2048;border-color:rgba(230,204,245,.16)}
.design-b .b-rq{color:#D9B6F0}
.design-b .b-rcard blockquote{color:var(--b-on-dark);font-size:17px;line-height:1.55}
@media (min-width:1280px){ .design-b .b-rcard blockquote{font-size:17.5px} }
.design-b .b-rname{color:#D9B6F0}

/* ─── Anliegen / Behandlungsfinder: dunkler, ruhiger Vollbild-Moment; weiße Karte mit sanft wanderndem Leuchtrand ─── */
.design-b .b-concern-sec{background:radial-gradient(80% 60% at 50% 0%,rgba(120,70,150,.30),rgba(120,70,150,0) 62%),var(--b-plum-3);color:var(--b-on-dark)}
.design-b .b-concern-sec .b-head{display:block;max-width:760px;margin:0 auto;text-align:center}
.design-b .b-concern-sec .b-kicker{justify-content:center;color:#D9B6F0}
.design-b .b-concern-sec .b-kicker::after{content:"";width:42px;height:1px;background:currentColor;opacity:.6;flex:none}
.design-b .b-concern-sec .b-h2{color:#fff;font-size:clamp(40px,6.2vw,76px)}
.design-b .b-concern-sec .b-accent{color:#D9B6F0}
.design-b .b-concern-sec .b-lede{margin:18px auto 0;color:#D9CDE0;max-width:34em}
.design-b .b-concern-sec .b-finder{background:transparent;border:0;padding:0;margin:clamp(30px,4vw,48px) auto 0;max-width:880px}
.design-b .b-finder-card{position:relative;isolation:isolate;border-radius:26px;padding:0}
.design-b .b-concern-sec .b-finder-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.design-b .b-concern-sec .b-finder-box{border:0;box-shadow:none;background:#fff;border-radius:26px;padding:clamp(10px,1.6vw,16px)}
.design-b .b-concern-sec .b-finder-box:focus-within{box-shadow:none;border:0}
.design-b .b-review .b-rv-text p{font-size:clamp(18px,1.6vw,21.5px);line-height:1.5}
.design-b .b-photo figcaption.b-photo-link{position:static;display:flex;align-items:flex-start;gap:10px;margin:0 0 0 22px;padding:0 0 16px;font-size:14.5px;line-height:1.35;font-weight:600;color:var(--b-purple);letter-spacing:0;max-width:calc(100% - 24px)}
@media (max-width:519px){
  .design-b .b-hero10 .b-hero-kicker::before,.design-b .b-hero10 .b-hero-kicker::after{display:none}
  .design-b .b-hero10 .b-hero-kicker{font-size:11px;letter-spacing:.08em}
}
.design-b .b-concern-sec .b-finder-ta{font-size:clamp(18px,1.7vw,21px);padding:14px 14px 6px}
.design-b .b-concern-sec .b-finder-bar{padding:6px 4px 4px 14px}
.design-b .b-concern-sec .b-finder-privacy{color:#C9B8D6;text-align:center;margin-top:14px}
.design-b .b-concern-sec .b-finder-chips{justify-content:center;margin-top:14px}
.design-b .b-concern-sec .b-chip{background:#fff;border-color:rgba(255,255,255,.9);color:var(--b-dlilac)}
.design-b .b-concern-sec .b-chip:hover{background:#F3ECF3;color:var(--b-purple);border-color:#F3ECF3}
.design-b .b-concern-sec .b-finder-out.is-in{border-top:0;padding-top:0;margin-top:30px}
.design-b .b-concern-sec .b-finder-sum{color:#fff}
.design-b .b-concern-sec .b-finder-msg{color:#EADFF0}
.design-b .b-concern-sec .b-finder-loading{color:#D9CDE0}
.design-b .b-concern-sec .b-finder-dots i{background:#D9B6F0}
.design-b .b-concern-sec .b-finder-legal{color:#C9B8D6}
.design-b .b-concern-sec .b-fcard{background:#fff;border-color:transparent;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.design-b .b-concern-sec .b-fcard:first-child{border-color:rgba(217,182,240,.6)}
.design-b .b-concern-sec .b-fcards-1{margin:0 auto}
.design-b .b-concern-sec .b-finder-more{text-align:center;color:#D9CDE0}
.design-b .b-concern-sec .b-finder-more .b-link{color:#E6CCF5;border-bottom-color:rgba(230,204,245,.45)}
.design-b .b-concern-sec .b-finder-more .b-link:hover{border-bottom-color:#E6CCF5}
.design-b .b-concern-sec :focus-visible{outline-color:#E6CCF5}
.design-b .b-finder-card :focus-visible{outline-color:var(--b-purple)}
@media (max-width:520px){
  .design-b .b-concern-sec .b-finder{margin-inline:0}
  .design-b .b-finder-card{border-radius:22px}
  .design-b .b-concern-sec .b-finder-box{border-radius:22px;padding:8px}
  .design-b .b-concern-sec .b-finder-ta{padding:12px 12px 4px}
}
@media (min-width:1024px){
  .design-b .b-concern-sec .b-head{display:block;max-width:760px}
  .design-b .b-concern-sec .b-lede{margin:18px auto 0}
}
/* ─── HIFU: Kopf-Ansicht (drei Winkel, gewählte Zone schattiert) ─── */
.design-b .zk{grid-template-areas:"copy" "map" "heads" "menu"}
.design-b .zk-heads{grid-area:heads;background:#fff;border:1px solid var(--b-rule);border-radius:var(--b-radius);padding:18px 18px 20px;box-shadow:0 24px 60px -44px rgba(42,17,56,.35);min-width:0}
.design-b .zk-heads-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.design-b .zk-heads-title{margin:0;font-family:var(--b-serif);font-size:22px;color:var(--b-ink)}
.design-b .zk-heads-zone{margin:0;font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--b-purple)}
.design-b .zk-heads-stage{display:flex;gap:12px;margin:14px -18px 0;padding:2px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.design-b .zk-heads-stage::-webkit-scrollbar{display:none}
.design-b .zk-heads-stage:focus-visible{outline-offset:-2px}
.design-b .zk-hview{flex:0 0 74%;scroll-snap-align:start;margin:0;background:var(--b-tint);border-radius:14px;padding:10px 10px 8px;border:1px solid transparent;transition:border-color .3s var(--b-ease),background .3s var(--b-ease)}
.design-b .zk-hview.is-primary{border-color:rgba(124,58,171,.45);background:#F5EEF8}
.design-b .zk-hsvg{display:block;width:100%;height:auto;aspect-ratio:300/410;overflow:visible}
.design-b .zk-hview figcaption{margin-top:6px;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--b-muted)}
.design-b .zk-hview.is-primary figcaption{color:var(--b-purple)}
.design-b .zk-hart{fill:none;stroke:rgba(42,17,56,.62);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.design-b .zk-hart .soft{stroke:rgba(42,17,56,.26)}
.design-b .zk-hsvg .zk-zone path,.design-b .zk-hsvg .zk-zone ellipse{fill:rgba(124,58,171,.3);stroke:var(--b-purple);stroke-width:1.2;stroke-dasharray:none}
.design-b .zk-heads-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.design-b .zk-heads-dots i{width:6px;height:6px;border-radius:3px;background:rgba(124,58,171,.25);transition:width .3s var(--b-ease),background .3s var(--b-ease)}
.design-b .zk-heads-dots i.is-on{width:20px;background:var(--b-purple)}
.design-b .zk-heads-info{margin-top:14px;padding-top:14px;border-top:1px solid var(--b-rule-soft)}
.design-b .zk-heads-text{margin:0;font-size:16px;line-height:1.55;color:var(--b-text)}
.design-b .zk-heads-hints{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.design-b .zk-heads-hints:empty{display:none}
.design-b .zk-heads-hints li{font-size:13px;font-weight:600;color:var(--b-dlilac);background:var(--b-tint);border:1px solid var(--b-rule);border-radius:999px;padding:5px 11px}
.design-b .zk-heads-legal{margin:12px 0 0;color:var(--b-muted)}
@media (min-width:700px){
  .design-b .zk-heads{padding:22px 24px 24px}
  .design-b .zk-heads-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:16px 0 0;padding:0}
  .design-b .zk-hview{flex:auto}
  .design-b .zk-heads-dots{display:none}
}
@media (min-width:1024px){
  .design-b .zk{grid-template-areas:"copy map" "menu map" "heads map"}
}
@media (prefers-reduced-motion:reduce){ .design-b .zk-hview{transition:none} }

/* ─── Hautbehandlungen: Vergleich links, Überschrift + Preisliste rechts; Zeilen klickbar; Gerätefoto randlos mit Verbindungslinie ─── */
.design-b #behandlungen .b-wrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "case" "photo" "card";gap:0}
.design-b #behandlungen .b-feature,.design-b #behandlungen .b-skin{display:contents}
.design-b #behandlungen .b-head{grid-area:head;max-width:760px;padding-bottom:0}
.design-b #behandlungen .b-case{grid-area:case;margin:clamp(32px,5vw,48px) 0 0}
.design-b #behandlungen .b-skin-card{grid-area:card;margin-top:clamp(36px,5vw,56px)}
.design-b #behandlungen .b-photo{grid-area:photo;margin:64px 0 0}
.design-b .b-photo-device{position:relative;padding-top:54px}
.design-b .b-photo-device img{aspect-ratio:16/10;border-radius:20px;object-position:52% 60%;box-shadow:0 30px 70px -44px rgba(42,17,56,.5)}
.design-b .b-photo-device::after{display:none}
.design-b .b-photo-device::before{content:"";position:absolute;left:31px;top:-44px;height:44px;width:1px;background:linear-gradient(to top,var(--b-purple),rgba(124,58,171,.15));opacity:.9}
.design-b .b-photo-link{position:static;display:flex;align-items:flex-start;gap:10px;margin:0 0 0 22px;padding-bottom:16px;font-size:14.5px;line-height:1.35;font-weight:600;color:var(--b-purple);letter-spacing:0;max-width:calc(100% - 24px)}
.design-b .b-photo-link svg{width:19px;height:19px;flex:none;margin-top:-1px}
.design-b .b-photo-device{padding-top:0}
.design-b .b-item{margin:0 -12px;padding:17px 12px}
.design-b .b-item-link{display:block;position:relative;text-decoration:none;color:inherit;padding-right:52px;border-radius:12px;transition:background .25s var(--b-ease),transform .25s var(--b-ease),box-shadow .25s var(--b-ease)}
.design-b .b-item-link:hover,.design-b .b-item-link:focus-visible{background:#FBF8FC;transform:translateY(-2px);box-shadow:0 16px 34px -26px rgba(42,17,56,.45)}
.design-b .b-item-link:hover .b-name{color:var(--b-purple)}
.design-b .b-item-more{position:absolute;right:10px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--b-rule);color:var(--b-purple);background:#fff;transition:background .25s var(--b-ease),transform .25s var(--b-ease)}
.design-b .b-item-more svg{width:16px;height:16px}
.design-b .b-item-more span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.design-b .b-item-link:hover .b-item-more{background:var(--b-purple);color:#fff;border-color:var(--b-purple);transform:translateX(2px)}
.design-b .b-item-link .b-sub::after{content:"Mehr erfahren →";flex:1 0 100%;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--b-purple)}
@media (min-width:700px) and (max-width:1023px){
  /* Tablet: eine Spalte, Vergleich und Foto auf Lesebreite — nebeneinander wurden die Preiszeilen zu eng */
  .design-b #behandlungen .b-case,.design-b #behandlungen .b-photo{max-width:560px}
  .design-b #behandlungen .b-skin-card{margin-top:clamp(40px,5vw,56px)}
}
@media (min-width:1024px){
  .design-b #behandlungen .b-wrap{grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"case head" "case card" "photo card";column-gap:clamp(48px,6vw,96px)}
  .design-b #behandlungen .b-head{padding-bottom:clamp(24px,3vw,36px)}
  .design-b #behandlungen .b-photo{margin:64px 0 0}
  .design-b #behandlungen .b-photo img{aspect-ratio:16/10}
}
@media (prefers-reduced-motion:reduce){ .design-b .b-item-link,.design-b .b-item-more{transition:none} }

/* ─── Ergebnisse: Vergleich größer; Bildpaar der Patientin ohne Hals, etwas kleiner; Bildpaar des Patienten unverändert ─── */
.design-b .case-second-f .cs-item img{aspect-ratio:5/4;object-position:50% 4%}
@media (min-width:1024px){
  .design-b #ergebnisse .b-wrap{grid-template-columns:minmax(0,600px) minmax(0,1fr)}
  .design-b .b-feature-flip{grid-template-columns:minmax(0,600px) minmax(0,1fr)}
  .design-b .case-second-f{max-width:88%}
}

/* ─── Botox & Filler + Stimmen: gleiche warme Pflaume-Fläche, Karten in hellerem Pflaume ─── */
.design-b .b-inj{background:var(--b-dark-bg)}
.design-b .b-inj .b-h2,.design-b .b-inj .b-tcard-t,.design-b .b-inj .b-name{color:var(--b-on-dark)}
.design-b .b-tcard{background:#3A2048;border-color:rgba(230,204,245,.16)}
.design-b .b-inj .b-lede,.design-b .b-inj .b-tags,.design-b .b-inj-note{color:var(--b-on-dark-muted)}
.design-b .b-portrait figcaption{color:var(--b-on-dark)}
.design-b .voices{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b .voices:before{background:radial-gradient(circle,rgba(164,107,203,.16),transparent 66%)}
.design-b .voices .display{color:var(--b-on-dark)}
.design-b .voices .voice{background:#3A2048;border-color:rgba(230,204,245,.16);gap:16px}
.design-b .voices .voice p{color:var(--b-on-dark);font-size:17.5px;line-height:1.55}
.design-b .voices .voice p.b-rv-text{margin:0}
.design-b .voices .voice footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-top:auto;color:#D9B6F0}
.design-b .voices .b-rv-toggle{min-height:38px;padding:0 16px;font-size:14px;border-color:rgba(230,204,245,.45);color:#E6CCF5}
.design-b .voices .b-rv-toggle:hover{border-color:#E6CCF5;background:rgba(255,255,255,.08)}
.design-b .voices .voice.is-collapsed .b-rv-lead::after{color:#D9B6F0}
.design-b .voices-rating{color:var(--b-on-dark-muted)}
.design-b .voices-rating strong{color:var(--b-on-dark)}
.design-b .voices-link .link-quiet{color:#D9B6F0;border-bottom-color:rgba(217,182,240,.45)}

/* ─── Medizinisches Botox + weitere Injektionen: kompakte, klickbare Karten (Symbol · Name · ein Stichwort · Pfeil) ─── */
.design-b .b-med3{display:grid;gap:40px}
.design-b .b-med3>*{min-width:0}
.design-b .b-mcards{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.design-b .b-mcards>li{min-width:0}
.design-b .b-mcard{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;background:#fff;border:1px solid var(--b-rule);border-radius:14px;text-decoration:none;color:inherit;
  transition:transform .25s var(--b-ease),box-shadow .25s var(--b-ease),border-color .25s var(--b-ease)}
.design-b .b-mcard:hover,.design-b .b-mcard:focus-visible{transform:translateY(-2px);border-color:rgba(124,58,171,.5);box-shadow:0 16px 34px -24px rgba(42,17,56,.45)}
.design-b .b-mcard .b-ico{width:30px;height:30px;flex:none;fill:none;stroke:var(--b-purple);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.design-b .b-mcard-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.design-b .b-mcard-n{font-family:var(--b-serif);font-size:18px;line-height:1.25;color:var(--b-ink)}
.design-b .b-mcard-tag{font-size:13.5px;color:var(--b-muted)}
.design-b .b-mcard-arr{width:18px;height:18px;flex:none;color:var(--b-purple);transition:transform .25s var(--b-ease)}
.design-b .b-mcard:hover .b-mcard-arr{transform:translateX(3px)}
.design-b .b-med3 .b-med2-note{margin-top:14px}
@media (min-width:600px){
  .design-b .b-mcards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .design-b .b-mcards-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .design-b .b-med3{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
  .design-b .b-mcards-3{grid-template-columns:minmax(0,1fr)}
  .design-b .b-mcards-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){ .design-b .b-mcard,.design-b .b-mcard-arr{transition:none} }

/* ══════════ Runde 11 · Bewertungsband mit Sternenzeile, Kopf-Ansicht in der Sprache der Zonen-Karte, Infusionen dunkel ══════════ */

/* ─── Bewertungsband: Überschrift mittig, eine Sternenzeile (Link zum Google-Profil), Beschreiber statt Namen ─── */
.design-b .b-rev-head{display:block;text-align:center;max-width:860px;margin:0 auto}
.design-b .b-rev .b-kicker{justify-content:center}
.design-b .b-rev .b-kicker::after{content:"";width:42px;height:1px;background:currentColor;opacity:.6;flex:none}
.design-b .b-rev-h{margin-top:16px;font-size:clamp(32px,4.8vw,60px);line-height:1.08}
.design-b .b-rev-rating{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-top:20px;min-height:44px;padding:0 4px;
  color:var(--b-on-dark);text-decoration:none;font-size:16.5px;line-height:1.3}
.design-b .b-rev-rating .b-stars{font-size:20px;letter-spacing:3px;color:var(--b-star-dark)}
.design-b .b-rev-rating b{font-family:var(--b-serif);font-weight:400;font-size:24px;color:#fff;line-height:1}
.design-b .b-rev-rating-t{border-bottom:1px solid rgba(230,204,245,.4);padding-bottom:2px;transition:border-color .25s var(--b-ease)}
.design-b .b-rev-rating:hover .b-rev-rating-t{border-color:#E6CCF5}
.design-b .b-rname{white-space:normal;line-height:1.45}
.design-b .b-rwho{color:var(--b-on-dark);font-weight:700}
.design-b .b-rv-foot .b-rwho{color:var(--b-ink)}
.design-b .voices .voice footer .b-rwho{color:var(--b-on-dark);font-weight:700}
@media (max-width:480px){
  .design-b .b-rev .b-kicker::before,.design-b .b-rev .b-kicker::after{width:24px}
  .design-b .b-rev-rating{font-size:15.5px}
}
@media (min-width:900px){ .design-b .b-rev-in{gap:44px} }

/* ─── HIFU Kopf-Ansicht: dunkle Pflaume-Karte wie die Zonen-Karte, Linien hell, gewählte Zone leuchtend lila ─── */
.design-b .zk-heads{background:radial-gradient(120% 80% at 50% 0%,var(--b-plum-2) 0%,var(--b-plum) 65%);border:1px solid rgba(230,204,245,.18);color:var(--b-on-dark);box-shadow:0 30px 70px -40px rgba(42,17,56,.7)}
.design-b .zk-heads-title{color:#fff}
.design-b .zk-heads-zone{color:#D9B6F0}
.design-b .zk-hview{background:rgba(255,255,255,.04);border-color:rgba(230,204,245,.12)}
.design-b .zk-hview.is-primary{background:rgba(230,204,245,.08);border-color:rgba(230,204,245,.5)}
.design-b .zk-hview figcaption{color:var(--b-on-dark-muted)}
.design-b .zk-hview.is-primary figcaption{color:#E6CCF5}
.design-b .zk-hart{stroke:rgba(247,242,251,.72);stroke-width:1.35}
.design-b .zk-hart .soft{stroke:rgba(247,242,251,.34)}
.design-b .zk-hsvg .zk-zone path,.design-b .zk-hsvg .zk-zone ellipse{fill:url(#zkhFill);stroke:var(--b-lilac-lt);stroke-width:1.2;stroke-dasharray:3 5}
.design-b .zk-hsvg .zk-zone.is-active{filter:drop-shadow(0 0 7px rgba(230,204,245,.4))}
.design-b .zk-heads-dots i{background:rgba(230,204,245,.3)}
.design-b .zk-heads-dots i.is-on{background:#E6CCF5}
.design-b .zk-heads-info{border-top-color:rgba(230,204,245,.2)}
.design-b .zk-heads-text{color:var(--b-on-dark)}
.design-b .zk-heads-hints li{color:#E6CCF5;background:rgba(255,255,255,.06);border-color:rgba(230,204,245,.25)}
.design-b .zk-heads-legal{color:var(--b-on-dark-muted)}
.design-b .zk-heads :focus-visible{outline-color:#E6CCF5}

/* ─── Nährstoffinfusionen: dunkle Pflaume (Wechsel Botox&Filler dunkel → Med. Botox hell → Infusionen dunkel → Einblick hell) ─── */
.design-b .ivm{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b #medizin .eyebrow{color:#D9B6F0}
.design-b #medizin h2.display{color:var(--b-on-dark)}
.design-b #medizin .display em{color:#D9B6F0}
.design-b #medizin .ivm-lede{color:var(--b-on-dark-muted)}
.design-b #medizin .ivm-steps li{border-bottom-color:rgba(230,204,245,.16)}
.design-b #medizin .ivm-steps li::before{color:#D9B6F0}
.design-b #medizin .ivm-steps b{color:var(--b-on-dark)}
.design-b #medizin .ivm-steps span{color:var(--b-on-dark-muted)}
.design-b #medizin .b-link{color:#E6CCF5;border-bottom-color:rgba(230,204,245,.45)}
.design-b #medizin .b-link:hover{border-bottom-color:#E6CCF5}
.design-b #medizin .ivm-list-head{color:var(--b-on-dark)}
.design-b #medizin .ivm-list{border-top-color:rgba(230,204,245,.28)}
.design-b #medizin .ivm-list li{border-bottom-color:rgba(230,204,245,.14)}
.design-b #medizin .ivm-list a,.design-b #medizin .ivm-list span{color:var(--b-on-dark-muted)}
.design-b #medizin .ivm-list a{color:var(--b-on-dark)}
.design-b #medizin .ivm-list a:hover{color:#E6CCF5}
.design-b #medizin .ivm-media{background:radial-gradient(120% 80% at 50% 0%,#3A2048 0%,#2C1638 70%);border-color:rgba(230,204,245,.18);box-shadow:0 30px 70px -40px rgba(0,0,0,.6)}
.design-b #medizin .iv-hook{background:rgba(230,204,245,.45)}
.design-b #medizin .iv-tube{background:#D9B6F0}
.design-b #medizin .iv-bag{border-color:#D9B6F0;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.design-b #medizin .iv-legend li{background:rgba(255,255,255,.06);border-color:rgba(230,204,245,.25);color:#E6CCF5}
.design-b #medizin .iv-cap{color:var(--b-on-dark-muted)}
.design-b #medizin :focus-visible{outline-color:#E6CCF5}
@media (min-width:1024px){ .design-b #medizin h2.display{font-size:clamp(36px,3.9vw,52px)} }

/* ══════════ Runde 12 · Slideshow-Hero zurück (Gesichter im unteren Drittel), drei Farbtöne im Wechsel, Finder dunkel mit weißer 3D-Karte,
   Bewertungsband hell, HIFU dunkel, Kopf-Ansicht nur Köpfe, einladende Karten-Hover ══════════ */

/* ─── Drei Töne: DUNKEL warmes Pflaume · HELL warmes Creme-Rosé · MITTEL warmes Lila. Auf hellen Tönen: Pflaume-Tinte, kräftigere Grautöne ─── */
body.design-b{
  --b-light-bg:linear-gradient(180deg,#F7EEF1 0%,#F3E7EC 100%);
  --b-mid-bg:radial-gradient(90% 60% at 100% 0%,rgba(164,107,203,.12),rgba(164,107,203,0) 60%),linear-gradient(180deg,#EADDF0 0%,#E3D3EA 100%);
  --b-white:#FFFFFF; --b-bone:#F7EEF1; --b-bone-2:#F3E7EC; --b-lilac:#E6D8EE; --b-tint:#F6ECF1;
  --b-text:#33253E; --b-muted:#54445F;
  --b-rule:rgba(124,58,171,.24); --b-rule-soft:rgba(42,17,56,.12);
  --b-card-shadow:0 1px 2px rgba(42,17,56,.06),0 22px 44px -24px rgba(42,17,56,.32);
  background:#F5EAEE;
}
.design-b .b-bg-white,.design-b .b-bg-bone,.design-b .b-bg-light{background:var(--b-light-bg)}
.design-b .b-review,.design-b .b-medsec,.design-b .glimpse,.design-b .loc,.design-b .footer{background:var(--b-light-bg)}
.design-b .b-results,.design-b .credo,.design-b .faq{background:var(--b-mid-bg)}
.design-b .mbar,.design-b .mbar-call{background:#FCF8FA}
body.design-b .site-header.hd-scrolled:not(.hd-ondark){background:rgba(247,238,241,.92)!important}
/* Karten auf hellen Tönen: weiß mit sichtbarem Schatten */
.design-b .b-card,.design-b .b-review-card,.design-b .b-results .case-second,.design-b .b-mcard{border-color:rgba(42,17,56,.08);box-shadow:var(--b-card-shadow)}
.design-b .b-mcard:hover,.design-b .b-mcard:focus-visible{border-color:rgba(124,58,171,.5);box-shadow:0 2px 4px rgba(42,17,56,.06),0 24px 44px -20px rgba(42,17,56,.4)}
/* Mittlerer Ton: kleine Akzenttexte in dunklerem Lila (Kontrast ≥ 4,5:1) */
.design-b .credo .eyebrow,.design-b .faq .eyebrow,.design-b .faq-cat,.design-b .b-results .b-kicker,.design-b .credo-marks li,.design-b .b-results .cs-item figcaption{color:var(--b-purple-dk)}
.design-b .credo-marks li{border-color:rgba(107,47,150,.45)}
.design-b .faq2 summary::after{color:var(--b-purple-dk)}
.design-b .faq details{border-bottom-color:rgba(42,17,56,.16)}
.design-b .tx-head-row{border-bottom-color:rgba(42,17,56,.16)}
.design-b .fact{border-top-color:rgba(42,17,56,.16)}
.design-b .map-consent{background:linear-gradient(180deg,transparent,rgba(247,238,241,.94) 42%)}

/* ─── Hero: Slideshow wie Runde 10 — Teambild tiefer (Gesichter im unteren Drittel), Schleier als weiches Band hinter der Textspalte ─── */
.design-b .b-hero12{justify-content:flex-start}
.design-b .b-hero12 .b-hero-slide{inset:auto 0 auto 0;top:var(--st,0);height:var(--sh,100%);filter:saturate(.8) contrast(.95) brightness(.88)}
.design-b .b-hero-slide-team{--st:30%;--sh:118%;--op:50% 0;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 32%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 32%)}
.design-b .b-hero-slide-int{--op:50% 60%}
.design-b .b-hero-slide-door{--op:50% 50%}
.design-b .b-hero12 .b-hero-veil10{background:
  radial-gradient(62% 48% at 50% 36%,rgba(44,22,56,.56) 0%,rgba(44,22,56,.5) 55%,rgba(44,22,56,0) 100%),
  linear-gradient(to bottom,rgba(44,22,56,.58) 0%,rgba(44,22,56,.12) 24%,rgba(44,22,56,.08) 70%,rgba(44,22,56,.34) 100%),
  rgba(44,22,56,.3)}
.design-b .b-hero12 .b-hero-body{padding-top:calc(var(--hd-h) + 28px);padding-bottom:110px}
.design-b .b-hero12 .b-h1{letter-spacing:0;word-spacing:.04em;margin:0;padding:0;text-wrap:balance}
.design-b .b-hero12 .b-h1 .b-accent{margin:0;padding:0}
.design-b .b-hero12 .b-cta-row{margin-top:22px}
.design-b .b-hero12 .b-hero-proof{margin-top:18px}
@media (max-width:599px){
  .design-b .b-hero-slide-team{--st:38%;--sh:108%}
  .design-b .b-hero-slide-int{--op:100% 50%}
  .design-b .b-hero-slide-door{--sh:130%;--op:50% 0}
  .design-b .b-hero12 .b-hero-veil10{background:
    radial-gradient(80% 44% at 50% 38%,rgba(44,22,56,.58) 0%,rgba(44,22,56,.5) 60%,rgba(44,22,56,0) 100%),
    linear-gradient(to bottom,rgba(44,22,56,.6) 0%,rgba(44,22,56,.14) 22%,rgba(44,22,56,.08) 70%,rgba(44,22,56,.36) 100%),
    rgba(44,22,56,.32)}
  .design-b .b-hero12 .b-hero-body{padding-top:calc(var(--hd-h) + 18px);padding-bottom:120px}
  .design-b .b-hero12 .b-hero-proof{margin-top:14px}
}
@media (min-width:600px) and (max-width:899px){
  .design-b .b-hero-slide-team{--st:34%;--sh:112%}
  .design-b .b-hero12 .b-hero-body{padding-top:calc(var(--hd-h) + 32px)}
}
@media (min-width:900px){
  .design-b .b-hero12 .b-hero-body{padding-top:calc(var(--hd-h) + 44px);padding-bottom:120px}
  .design-b .b-hero12 .b-h1{font-size:clamp(46px,4.6vw,70px)}
  .design-b .b-hero12 .b-cta-row{margin-top:30px}
  .design-b .b-hero12 .b-hero-proof{margin-top:24px}
}
@media (min-width:900px) and (max-height:780px){
  .design-b .b-hero12 .b-hero-body{padding-top:calc(var(--hd-h) + 24px)}
  .design-b .b-hero12 .b-hero-kicker{margin-bottom:14px}
  .design-b .b-hero12 .b-h1{font-size:clamp(40px,4vw,54px)}
  .design-b .b-hero12 .b-hero-sub{margin-top:14px}
  .design-b .b-hero12 .b-cta-row{margin-top:22px}
  .design-b .b-hero12 .b-hero-proof{margin-top:18px}
}

/* ─── Anliegen / Finder: dunkel (Apple-dark) — weiße Karte tritt plastisch hervor, kein Rahmen, kein Leuchtring, weiße Chips ─── */
.design-b .b-concern-sec{background:radial-gradient(80% 60% at 50% 0%,rgba(120,70,150,.30),rgba(120,70,150,0) 62%),#2C1638}
.design-b .b-finder-card{background:linear-gradient(180deg,#FFFFFF 0%,#FBF6F9 100%);border:0;border-radius:26px;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2),0 12px 24px -8px rgba(0,0,0,.35),0 48px 90px -30px rgba(0,0,0,.65);
  transition:box-shadow .3s var(--b-ease),transform .3s var(--b-ease)}
.design-b .b-finder-card:focus-within{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2),0 16px 30px -8px rgba(0,0,0,.4),0 58px 100px -30px rgba(0,0,0,.7)}
.design-b .b-concern-sec .b-finder-box{background:transparent;border:0;box-shadow:none}
.design-b .b-concern-sec .b-chip{background:#fff;border-color:#fff;color:var(--b-dlilac);box-shadow:0 10px 20px -12px rgba(0,0,0,.55)}
.design-b .b-concern-sec .b-chip:hover{background:#F6ECF1;border-color:#F6ECF1;color:var(--b-purple)}
@media (prefers-reduced-motion:reduce){ .design-b .b-finder-card{transition:none} .design-b .b-finder-card:focus-within{transform:none} }

/* ─── Bewertungsband: hell-warm, Pflaume-Tinte, weiße Karten mit einladendem Hover (wie die Icon-Knöpfe in der Kopfzeile) ─── */
.design-b .b-rev{background:var(--b-light-bg);border-top:0;color:var(--b-text)}
.design-b .b-rev .b-kicker{color:var(--b-purple)}
.design-b .b-rev-h{color:var(--b-ink)}
.design-b .b-rev-rating{color:var(--b-text)}
.design-b .b-rev-rating b{color:var(--b-ink)}
.design-b .b-rev-rating .b-stars{color:var(--b-star)}
.design-b .b-rev-rating-t{border-bottom-color:rgba(124,58,171,.35)}
.design-b .b-rev-rating:hover .b-rev-rating-t{border-color:var(--b-purple)}
.design-b .b-rcard{background:#fff;border:1px solid rgba(42,17,56,.08);box-shadow:var(--b-card-shadow);cursor:pointer;
  transition:transform .35s var(--b-ease),box-shadow .35s var(--b-ease),border-color .35s var(--b-ease),background .35s var(--b-ease)}
.design-b .b-rcard:hover,.design-b .b-rcard:focus-within{transform:translateY(-6px) scale(1.03);border-color:rgba(124,58,171,.5);background:#FDFAFD;
  box-shadow:0 2px 4px rgba(42,17,56,.06),0 34px 64px -24px rgba(42,17,56,.42)}
.design-b .b-rq{color:rgba(124,58,171,.42);opacity:1;transition:color .35s var(--b-ease)}
.design-b .b-rcard:hover .b-rq,.design-b .b-rcard:focus-within .b-rq{color:var(--b-purple)}
.design-b .b-rcard blockquote{color:var(--b-ink)}
.design-b .b-rname{color:var(--b-muted)}
.design-b .b-rev .b-rwho{color:var(--b-ink)}
.design-b .b-rev-dots i{background:rgba(124,58,171,.25)}
.design-b .b-rev-dots i.is-on{background:var(--b-purple)}
.design-b .b-rev-btn{border-color:rgba(124,58,171,.45);color:var(--b-purple)}
.design-b .b-rev-btn:hover:not(:disabled){background:var(--b-tint);border-color:var(--b-purple)}
.design-b .b-rev-cards{padding-top:10px;padding-bottom:14px}
@media (min-width:900px){ .design-b .b-rev-cards{padding:0} }
/* Stimmen-Karten: gleicher Hover; !important, weil das Reveal-Skript transform inline setzt */
.design-b .voices .voice{cursor:pointer;transition:transform .35s var(--b-ease),border-color .35s var(--b-ease),background .35s var(--b-ease),box-shadow .35s var(--b-ease)}
.design-b .voices .voice:hover,.design-b .voices .voice:focus-within{transform:translateY(-6px) scale(1.03)!important;border-color:rgba(230,204,245,.6);background:#452A55;
  box-shadow:0 34px 64px -24px rgba(0,0,0,.55)}
@media (prefers-reduced-motion:reduce){
  .design-b .b-rcard,.design-b .voices .voice,.design-b .b-rq{transition:none}
  .design-b .b-rcard:hover,.design-b .b-rcard:focus-within{transform:none}
  .design-b .voices .voice:hover,.design-b .voices .voice:focus-within{transform:none!important}
}

/* ─── HIFU: dunkler Abschnitt; Zonen-Karte und Kopf-Ansicht als hellere Pflaume-Karten; Preise in hellem Lila ─── */
.design-b .b-hifu-dark{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b .b-hifu-dark .b-kicker{color:#D9B6F0}
.design-b .b-hifu-dark .b-h2{color:var(--b-on-dark)}
.design-b .b-hifu-dark .b-accent{color:#D9B6F0}
.design-b .b-hifu-dark .b-copy p{color:var(--b-on-dark-muted)}
.design-b .b-hifu-dark .b-note{color:var(--b-on-dark-muted)!important}
.design-b .b-hifu-dark .b-facts{border-color:rgba(230,204,245,.22)}
.design-b .b-hifu-dark .b-facts div+div{border-left-color:rgba(230,204,245,.22)}
.design-b .b-hifu-dark .b-facts dt{color:var(--b-on-dark-muted)}
.design-b .b-hifu-dark .b-facts dd{color:var(--b-on-dark)}
.design-b .b-hifu-dark .b-facts .b-accent{color:#E6CCF5}
.design-b .b-hifu-dark .zk-map,.design-b .b-hifu-dark .zk-heads{background:radial-gradient(120% 80% at 50% 0%,#48295C 0%,#3A2048 70%);border-color:rgba(230,204,245,.22);box-shadow:0 30px 70px -40px rgba(0,0,0,.75)}
.design-b .b-hifu-dark .zk-hot::before{background:rgba(58,32,72,.92)}
.design-b .b-hifu-dark .zk-menu-head{color:var(--b-on-dark)}
.design-b .b-hifu-dark .zk-row{border-top-color:rgba(230,204,245,.16)}
.design-b .b-hifu-dark .zk-list li:last-child .zk-row{border-bottom-color:rgba(230,204,245,.16)}
.design-b .b-hifu-dark .zk-row .b-name{color:var(--b-on-dark)}
.design-b .b-hifu-dark .zk-row .b-price{color:#E6CCF5}
.design-b .b-hifu-dark .zk-row .b-dots{border-bottom-color:rgba(230,204,245,.35)}
.design-b .b-hifu-dark .zk-row:hover,.design-b .b-hifu-dark .zk-row.is-hover{background:rgba(255,255,255,.06)}
.design-b .b-hifu-dark .zk-row[aria-pressed="true"]{background:rgba(230,204,245,.1)}
.design-b .b-hifu-dark .zk-row[aria-pressed="true"] .b-name{color:#E6CCF5}
.design-b .b-hifu-dark .zk-row::before{background:#D9B6F0}
.design-b .b-hifu-dark .b-link{color:#E6CCF5;border-bottom-color:rgba(230,204,245,.45)}
.design-b .b-hifu-dark .b-link:hover{border-bottom-color:#E6CCF5}
.design-b .b-hifu-dark :focus-visible{outline-color:#E6CCF5}

/* ─── Kopf-Ansicht: nur die drei Köpfe, eng beschnitten und größer; kleine Winkel-Beschriftung; keine Texte ─── */
.design-b .zk-heads{padding:10px}
.design-b .zk-heads-stage{margin:0 -10px;padding:2px 10px;gap:8px;scroll-padding-inline:10px}
.design-b .zk-hview{flex:0 0 78%;padding:4px 4px 2px;border-radius:12px}
.design-b .zk-hsvg{aspect-ratio:232/388;overflow:hidden}
.design-b .zk-hview figcaption{margin-top:0;padding-bottom:4px;font-size:11px;letter-spacing:.08em}
.design-b .zk-heads-dots{margin-top:8px}
@media (min-width:700px){
  .design-b .zk-heads{padding:12px}
  .design-b .zk-heads-stage{margin:0;padding:0;gap:10px}
  .design-b .zk-hview{flex:auto}
}
@media (min-width:1024px){
  .design-b .zk{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px 56px}
}

/* ─── Bewertungs-Streifen: Streifen 1 hell (nach HIFU), Streifen 2 dunkel (gehört zum Botox-&-Filler-Block) ─── */
.design-b .b-review-dark{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b .b-review-dark .b-review-stars b{color:var(--b-on-dark)}
.design-b .b-review-dark .b-review-stars .b-stars{color:var(--b-star-dark)}
.design-b .b-review-dark .b-review-src{color:var(--b-on-dark-muted)}
.design-b .b-review-dark .b-link{color:#E6CCF5;border-bottom-color:rgba(230,204,245,.45)}
.design-b .b-review-dark .b-link:hover{border-bottom-color:#E6CCF5}
.design-b .b-review-dark .b-review-card{background:#3A2048;border-color:rgba(230,204,245,.18);box-shadow:0 30px 70px -40px rgba(0,0,0,.65)}
.design-b .b-review-dark .b-rv-text p{color:var(--b-on-dark)}
.design-b .b-review-dark .b-rv-foot{color:var(--b-on-dark-muted)}
.design-b .b-review-dark .b-rv-foot .b-rwho{color:var(--b-on-dark)}
.design-b .b-review-dark [data-review].is-collapsed .b-rv-lead::after{color:#D9B6F0}
.design-b .b-review-dark .b-rv-toggle{border-color:rgba(230,204,245,.45);color:#E6CCF5}
.design-b .b-review-dark .b-rv-toggle:hover{border-color:#E6CCF5;background:rgba(255,255,255,.08)}
.design-b .b-review-dark :focus-visible{outline-color:#E6CCF5}

/* ─── Termin: dunkel, Fußzeile hell ─── */
.design-b .book{background:var(--b-dark-bg);color:var(--b-on-dark)}
.design-b .book .eyebrow{color:#D9B6F0}
.design-b .book .display{color:var(--b-on-dark)}
.design-b .book .display em{color:#D9B6F0}
.design-b .book-sub{color:var(--b-on-dark-muted)}
.design-b .book .btn-ghost{border-color:rgba(230,204,245,.5);color:var(--b-on-dark)}
.design-b .book .btn-ghost:hover{border-color:#E6CCF5;color:#fff;background:rgba(255,255,255,.08)}
.design-b .book-meta{color:var(--b-on-dark-muted)}
.design-b .book :focus-visible{outline-color:#E6CCF5}
.design-b .footer{border-top:0}
/* Selbstverständnis (mittlerer Ton): noch nicht „aufgeleuchtete“ Wörter der Wort-Animation bleiben lesbar */
.design-b .credo-lit .w:not(.lit){opacity:.5}

/* ══════════ Runde 13 · Pastell-Lila statt Creme-Rosé, Hero mit ganzem Teamfoto, kompakter Finder, Feedback-Marker + zwei Badges,
   Infusionen mit Überschrift als Held, HIFU-Kopf als schattierter 3D-Look mit Netz ══════════ */

/* ─── Töne: HELL pastelliges Lila · MITTEL pastelliges Blau-Lila (Wechsel bleibt sichtbar, nichts wirkt grau). Tinte #33253E, AA-geprüft ─── */
body.design-b{
  --b-light-bg:linear-gradient(180deg,#EEE6F5 0%,#E7DDF0 100%);
  --b-mid-bg:radial-gradient(90% 60% at 100% 0%,rgba(140,110,210,.14),rgba(140,110,210,0) 60%),linear-gradient(180deg,#E4DDF2 0%,#DCD3EC 100%);
  --b-bone:#EEE6F5; --b-bone-2:#E7DDF0; --b-lilac:#E4DDF2; --b-tint:#F4EFF9;
  background:#EAE1F1;
}
.design-b .mbar,.design-b .mbar-call{background:#F7F3FA}
body.design-b .site-header.hd-scrolled:not(.hd-ondark){background:rgba(238,230,245,.92)!important}
.design-b .map-consent{background:linear-gradient(180deg,transparent,rgba(238,230,245,.94) 42%)}
.design-b .b-concern-sec .b-chip:hover{background:#F4EFF9;border-color:#F4EFF9}
.design-b .b-rcard:hover,.design-b .b-rcard:focus-within{background:#FDFBFE}
/* Hautbehandlungen: sehr feiner radialer Verlauf, Mitte einen Hauch heller */
.design-b #behandlungen{background:radial-gradient(68% 56% at 50% 46%,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 100%),var(--b-light-bg)}

/* ─── Hero: Text oben auf ruhigem Pflaume, Teamfoto komplett (Kopf bis Hüfte) im unteren Teil; Schleier nur hinter dem Textband ─── */
.design-b .b-hero13{--hero-h:min(100svh,940px);--text-h:456px;--team-h:clamp(300px,calc(var(--hero-h) - var(--text-h)),600px);--team-r:2.071;
  min-height:var(--hero-h);justify-content:flex-start;
  background:radial-gradient(70% 50% at 50% 0%,rgba(120,70,150,.34),rgba(120,70,150,0) 62%),#2C1638}
@supports not (height:1svh){ .design-b .b-hero13{--hero-h:min(100vh,940px)} }
.design-b .b-hero13 .b-hero-show{background:transparent}
.design-b .b-hero13 .b-hero-slide{inset:0;top:0;height:100%;filter:saturate(.92) contrast(.98) brightness(.96);transform-origin:50% 100%}
.design-b .b-hero13 .b-hero-slide-team{--op:50% 100%;inset:auto;top:auto;bottom:0;height:var(--team-h);width:min(100%,calc(var(--team-h) * var(--team-r)));
  left:max(0px,calc(50% - var(--team-h) * var(--team-r) / 2));right:auto;
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,#000 12%,#000 88%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,#000 12%,#000 88%,rgba(0,0,0,0) 100%)}
.design-b .b-hero13 .b-hero-slide-door{--op:50% 58%}
.design-b .b-hero13 .b-hero-slide.is-out{transform:scale(1.03)}
.design-b .b-hero13 .b-hero-veil10{background:
  linear-gradient(to bottom,rgba(44,22,56,.78) 0,rgba(44,22,56,.7) calc(100% - var(--team-h) - 60px),rgba(44,22,56,.94) calc(100% - var(--team-h) + 2px),rgba(44,22,56,.42) calc(100% - var(--team-h) * .93),rgba(44,22,56,0) calc(100% - var(--team-h) * .84),rgba(44,22,56,0) 100%)}
.design-b .b-hero13 .b-hero-body{padding-top:calc(var(--hd-h) + 28px);padding-bottom:calc(var(--team-h) + 12px);max-width:1100px}
.design-b .b-hero13 .b-hero-kicker{margin-bottom:14px}
.design-b .b-hero13 .b-h1{font-size:clamp(34px,9.2vw,58px)}
.design-b .b-hero13 .b-hero-sub{margin-top:14px}
.design-b .b-hero13 .b-cta-row{margin-top:22px}
.design-b .b-hero13 .b-hero-proof{margin-top:16px}
.design-b .b-hero13 .b-hero-cue{left:auto;right:22px;margin-left:0;bottom:22px}
@media (max-width:599px){
  .design-b .b-hero13{--hero-h:auto;--team-h:calc(100vw / 1.3);min-height:0}
  .design-b .b-hero13 .b-hero-slide-team{width:100%;left:0;-webkit-mask-image:none;mask-image:none}
  .design-b .b-hero13 .b-hero-veil10{background:
    linear-gradient(to bottom,rgba(44,22,56,.8) 0,rgba(44,22,56,.72) calc(100% - var(--team-h) - 40px),rgba(44,22,56,.94) calc(100% - var(--team-h) + 2px),rgba(44,22,56,.4) calc(100% - var(--team-h) * .93),rgba(44,22,56,0) calc(100% - var(--team-h) * .86),rgba(44,22,56,0) 100%)}
  .design-b .b-hero13 .b-hero-body{padding-top:calc(var(--hd-h) + 16px);padding-bottom:calc(var(--team-h) + 8px)}
  .design-b .b-hero13 .b-hero-cue{display:none}
}
@media (min-width:600px) and (max-width:899px){
  .design-b .b-hero13{--text-h:470px}
  .design-b .b-hero13 .b-hero-body{padding-top:calc(var(--hd-h) + 24px)}
}
@media (min-width:900px){
  .design-b .b-hero13 .b-hero-body{padding-top:calc(var(--hd-h) + 30px)}
  .design-b .b-hero13 .b-h1{font-size:clamp(44px,4.1vw,60px)}
  .design-b .b-hero13 .b-cta-row{margin-top:24px}
  .design-b .b-hero13 .b-hero-proof{margin-top:18px}
}
@media (min-width:1400px){
  .design-b .b-hero13{--text-h:400px}
  .design-b .b-hero13 .b-h1{font-size:60px;white-space:nowrap}
}
@media (min-width:900px) and (max-height:780px){
  .design-b .b-hero13{--text-h:400px}
  .design-b .b-hero13 .b-hero-body{padding-top:calc(var(--hd-h) + 18px)}
  .design-b .b-hero13 .b-hero-kicker{margin-bottom:10px}
  .design-b .b-hero13 .b-h1{font-size:clamp(38px,3.6vw,50px)}
  .design-b .b-hero13 .b-hero-sub{margin-top:10px}
  .design-b .b-hero13 .b-cta-row{margin-top:18px}
  .design-b .b-hero13 .b-hero-proof{margin-top:14px}
}

/* ─── Finder: kompakter (≈ 60–70 % der Bildschirmhöhe) — kleinere Überschrift, Lede einzeilig, flache Karte, engere Abstände ─── */
.design-b .b-concern-sec{padding:clamp(48px,6vw,76px) 0}
.design-b .b-concern-sec .b-head{max-width:820px}
.design-b .b-concern-sec .b-h2{font-size:clamp(34px,4.2vw,52px);margin-top:14px}
.design-b .b-concern-sec .b-lede{margin-top:12px;font-size:clamp(16px,1.2vw,17.5px);max-width:none;line-height:1.5}
.design-b .b-concern-sec .b-finder{margin-top:clamp(20px,2.6vw,28px);max-width:820px}
.design-b .b-finder-card{border-radius:22px}
.design-b .b-concern-sec .b-finder-box{padding:clamp(6px,1vw,10px);border-radius:22px}
.design-b .b-concern-sec .b-finder-ta{font-size:clamp(17px,1.3vw,19px);padding:12px 14px 4px;min-height:calc(2 * 1.45em + 16px)}
.design-b .b-concern-sec .b-finder-bar{padding:2px 2px 2px 14px}
.design-b .b-concern-sec .b-finder-go{min-height:46px;padding:0 20px;font-size:15px}
.design-b .b-concern-sec .b-finder-privacy{margin-top:10px;font-size:13.5px}
.design-b .b-concern-sec .b-finder-chips{margin-top:10px;gap:6px}
.design-b .b-concern-sec .b-chip{min-height:38px;padding:0 13px;font-size:14px}
.design-b .b-concern-sec .b-finder-more{margin-top:18px;font-size:15px}
.design-b .b-concern-sec .b-finder-out.is-in{margin-top:22px}
@media (max-width:520px){
  .design-b .b-concern-sec .b-finder-box{padding:6px}
  .design-b .b-concern-sec .b-chip{min-height:40px}
}

/* ─── Bewertungsband: eine Zeile, „Feedback“ mit leuchtendem Lila-Marker (einmaliger Schimmer beim Erscheinen), zwei Badges nebeneinander ─── */
.design-b .b-rev-head{max-width:1120px}
.design-b .b-rev-h{position:relative;z-index:0;font-size:clamp(30px,3.3vw,50px);line-height:1.12;text-wrap:balance}
@media (min-width:1100px){ .design-b .b-rev-h{white-space:nowrap;text-wrap:initial} }
.design-b .b-rev-mark{position:relative;display:inline-block;white-space:nowrap;padding:0 .04em}
.design-b .b-rev-mark::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.2em;border-radius:.1em;z-index:-1;
  background:linear-gradient(90deg,#C9A6E8 0%,#A56BD9 35%,#E6CCF5 50%,#A56BD9 65%,#C9A6E8 100%);background-size:220% 100%;background-position:0 0;
  box-shadow:0 0 12px rgba(165,107,217,.55),0 0 28px rgba(165,107,217,.35);opacity:.92}
.design-b .b-rev-mark.is-lit::after{animation:bMarkGrow .7s var(--b-ease) both,bMarkShimmer 1.4s ease-out .5s 1 both}
@keyframes bMarkGrow{from{transform:scaleX(0);transform-origin:left center;opacity:0}to{transform:none;opacity:.92}}
@keyframes bMarkShimmer{from{background-position:0 0}to{background-position:-100% 0}}
.design-b .b-rev-heart{display:inline-block;width:.5em;height:.5em;margin-left:.22em;vertical-align:.02em;fill:var(--b-purple);filter:drop-shadow(0 0 6px rgba(124,58,171,.45))}
.design-b .b-rev-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin-top:22px}
.design-b .b-rev-badge{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:#fff;border:1px solid rgba(42,17,56,.08);
  box-shadow:var(--b-card-shadow);color:var(--b-text);text-decoration:none;font-size:15.5px;line-height:1.2;white-space:nowrap;
  transition:transform .3s var(--b-ease),box-shadow .3s var(--b-ease),border-color .3s var(--b-ease)}
.design-b .b-rev-badge:hover,.design-b .b-rev-badge:focus-visible{transform:translateY(-3px);border-color:rgba(124,58,171,.5);box-shadow:0 2px 4px rgba(42,17,56,.06),0 24px 44px -20px rgba(42,17,56,.4)}
.design-b .b-rev-badge-src{font-weight:700;color:var(--b-ink);letter-spacing:.01em}
.design-b .b-rev-badge-src::after{content:"";display:inline-block;width:1px;height:16px;background:rgba(42,17,56,.18);margin-left:10px;vertical-align:-3px}
.design-b .b-rev-badge .b-stars{font-size:17px;letter-spacing:2px;color:var(--b-star)}
.design-b .b-rev-badge b{font-family:var(--b-serif);font-weight:400;font-size:21px;color:var(--b-ink);line-height:1}
.design-b .b-rev-badge[hidden]{display:none}
.design-b .b-rev-awards{margin:12px 0 0;font-size:13.5px;letter-spacing:.04em;color:var(--b-muted)}
@media (max-width:480px){
  .design-b .b-rev-badge{font-size:14.5px;padding:0 14px 0 12px;min-height:44px;gap:8px}
  .design-b .b-rev-badge .b-stars{font-size:15px;letter-spacing:1px}
  .design-b .b-rev-badge b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
  .design-b .b-rev-mark.is-lit::after,.design-b .b-rev-mark::after{animation:none}
  .design-b .b-rev-badge{transition:none}
  .design-b .b-rev-badge:hover{transform:none}
}
/* Stimmen: kompakter jameda-Hinweis neben der Google-Zeile */
.design-b .voices-sep{opacity:.55;margin:0 2px}
.design-b .voices-jameda{color:var(--b-on-dark-muted);text-decoration:none;border-bottom:1px solid rgba(230,204,245,.4);transition:border-color .25s var(--b-ease)}
.design-b .voices-jameda:hover{border-bottom-color:#E6CCF5;color:var(--b-on-dark)}

/* ─── Infusionen: Überschrift als Held (volle Breite), Lede darunter; Körper zweispaltig — links ruhige Tropf-Karte, rechts Schritte + Handlung ─── */
.design-b .ivm13 .ivm-head{max-width:none}
.design-b .ivm13 .eyebrow{margin:0}
.design-b #medizin.ivm13 h2.display{margin-top:16px;font-size:clamp(44px,5.2vw,72px);line-height:1.04;letter-spacing:-.01em;max-width:none;text-wrap:balance}
.design-b .ivm13 .ivm-lede{margin-top:20px;max-width:44em;font-size:clamp(17px,1.35vw,19px);line-height:1.6}
.design-b .ivm13 .ivm-grid{margin-top:clamp(36px,4.5vw,60px);gap:32px}
.design-b .ivm13 .ivm-media{order:1;background:radial-gradient(120% 90% at 50% 0%,#3A2048 0%,#2C1638 72%);border:1px solid rgba(230,204,245,.16);box-shadow:0 30px 70px -44px rgba(0,0,0,.6);
  border-radius:22px;padding:clamp(28px,3.4vw,40px) 22px;gap:22px}
.design-b .ivm13 .ivm-body{order:2}
.design-b #medizin.ivm13 .iv{width:min(240px,100%);zoom:1}
.design-b #medizin.ivm13 .iv-hook{width:1px;height:30px;background:rgba(230,204,245,.4)}
.design-b #medizin.ivm13 .iv-bag{width:132px;height:170px;border:1px solid rgba(230,204,245,.75);box-shadow:none;border-radius:14px}
.design-b #medizin.ivm13 .iv-tube{width:1px;height:52px;background:rgba(230,204,245,.6)}
.design-b #medizin.ivm13 .iv-label{color:var(--b-plum);font-size:10.5px}
.design-b .ivm13 .iv-drops{height:100px}
.design-b .ivm13 .iv-legend{display:flex;flex-wrap:nowrap;gap:6px;max-width:none;margin:0 auto;padding:0}
.design-b #medizin.ivm13 .iv-legend li{padding:5px 11px;border:1px solid rgba(230,204,245,.28);background:rgba(255,255,255,.05);color:#E6CCF5;font-size:11px;letter-spacing:.06em;white-space:nowrap}
.design-b .ivm13 .ivm-steps{margin-top:0;gap:0}
.design-b .ivm13 .ivm-steps li{grid-template-columns:52px 1fr;column-gap:16px;padding:18px 0;border-bottom:1px solid rgba(230,204,245,.16)}
.design-b .ivm13 .ivm-steps li:first-child{border-top:1px solid rgba(230,204,245,.16)}
.design-b .ivm13 .ivm-steps li::before{font-size:26px;color:#D9B6F0;line-height:1}
.design-b .ivm13 .ivm-steps b{font-size:18.5px}
.design-b .ivm13 .ivm-steps span{font-size:15.5px}
.design-b .ivm13 .ivm-cta{margin-top:26px}
.design-b .ivm13 .ivm-list-head{margin-top:34px}
@media (max-width:759px){
  .design-b .ivm13 .iv-legend{flex-wrap:wrap;justify-content:center}
}
@media (min-width:760px){
  .design-b .ivm13 .ivm-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,72px);align-items:start}
}
@media (min-width:1024px){
  .design-b #medizin.ivm13 .ivm-grid{grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:clamp(56px,6vw,96px)}
  .design-b .ivm13 .ivm-media{position:static;padding:44px 28px}
}

/* ─── HIFU Kopf-Ansicht: ein Kopf, drei Blickwinkel (Pfeile, Ziehen, Wischen, Pfeiltasten); weiche 3D-Schattierung, Längen-/Breitengrad-Netz,
   gewählte Zone als leuchtende Fläche, Schraffur = Nervenzone vor dem Ohr; im Feld nur der Zonenname ─── */
.design-b .zk-heads{padding:14px 14px 12px}
.design-b .zk-heads-stage,.design-b .zk-heads-stage:focus-visible{position:relative;display:block;width:min(100%,400px);margin:0 auto;padding:0;aspect-ratio:300/420;overflow:visible;
  touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;gap:0;scroll-snap-type:none}
.design-b .zk-heads-stage:active{cursor:grabbing}
.design-b .zk-hview,.design-b .zk-hview.is-primary{position:absolute;inset:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;flex:none;
  opacity:0;transform:translateX(0) scale(.97);pointer-events:none;transition:opacity .42s var(--b-ease),transform .42s var(--b-ease)}
.design-b .zk-hview.from-r{transform:translateX(26px) scale(.97);transition:none}
.design-b .zk-hview.from-l{transform:translateX(-26px) scale(.97);transition:none}
.design-b .zk-hview.is-on{opacity:1;transform:none;pointer-events:auto}
.design-b .zk-hview figcaption{display:none}
.design-b .zk-hsvg{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:visible;display:block}
.design-b .zk-mesh path{fill:none;stroke:rgba(247,242,251,.26);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}
.design-b .zk-mesh .zk-mesh-face{stroke:rgba(247,242,251,.4);stroke-width:.9}
.design-b .zk-nogo{opacity:.5;stroke:rgba(242,215,184,.55);stroke-width:.6;transition:opacity .3s var(--b-ease)}
.design-b .zk-zone[data-zone="gesicht"].is-active~.zk-nogo,.design-b .zk-hsvg:has(.zk-zone[data-zone="gesicht"].is-active) .zk-nogo{opacity:.95}
.design-b .zk-hsvg .zk-zone{opacity:0;transition:opacity .35s var(--b-ease)}
.design-b .zk-hsvg .zk-zone path{fill:url(#zkhFill);stroke:#EBD4FA;stroke-width:1.1;stroke-dasharray:none;stroke-linejoin:round}
.design-b .zk-hsvg .zk-zone.is-hover{opacity:.5}
.design-b .zk-hsvg .zk-zone.is-active{opacity:1;filter:drop-shadow(0 0 5px rgba(217,182,240,.75)) drop-shadow(0 0 16px rgba(199,155,234,.45))}
.design-b .zk-hhits path{fill:#000;fill-opacity:0;stroke:none;pointer-events:fill;cursor:pointer}
.design-b .zk-heads-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,400px);margin:4px auto 0}
.design-b .zk-heads-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(230,204,245,.4);background:rgba(255,255,255,.04);color:#E6CCF5;display:grid;place-items:center;cursor:pointer;padding:0;
  transition:background .25s var(--b-ease),border-color .25s var(--b-ease)}
.design-b .zk-heads-btn svg{width:18px;height:18px}
.design-b .zk-heads-btn:hover,.design-b .zk-heads-btn:focus-visible{background:rgba(255,255,255,.1);border-color:#E6CCF5}
.design-b .zk-heads-name{margin:0;flex:1;min-width:0;text-align:center;font-family:var(--b-serif);font-size:clamp(18px,2vw,22px);color:#fff;line-height:1.2;min-height:1.2em}
.design-b .zk-heads-name.is-nogo{color:#F2D7B8;font-family:var(--b-sans);font-size:14px;font-weight:600}
.design-b .zk-heads-dots{display:flex;margin-top:8px}
@media (min-width:700px){
  .design-b .zk-heads{padding:16px 16px 14px}
  .design-b .zk-heads-stage{display:block;grid-template-columns:none;margin:0 auto;padding:0;gap:0}
  .design-b .zk-heads-dots{display:flex}
}
@media (prefers-reduced-motion:reduce){
  .design-b .zk-hview,.design-b .zk-hsvg .zk-zone,.design-b .zk-nogo{transition:none}
}

/* ══════════ Runde 14 · Geteilter Hero (Text links, Teamfoto-Karte rechts), HIFU-Kopf neu als klare Linienzeichnung ══════════ */

/* ─── Hero: tiefes Pflaume, links Textspalte mit feiner senkrechter Lila-Linie, rechts das Team als abgerundete Karte;
   Ärztin-Chip über der unteren linken, Bewertungs-Chip über der oberen rechten Kartenkante; gestaffeltes Einblenden ─── */
.design-b .b-hero14{--hero-h:min(100svh,900px);--gap:clamp(40px,4.6vw,76px);display:block;min-height:0;text-align:left;
  background:radial-gradient(56% 64% at 16% 26%,rgba(124,58,171,.30),rgba(124,58,171,0) 70%),radial-gradient(44% 56% at 88% 96%,rgba(120,70,150,.24),rgba(120,70,150,0) 70%),#2C1638}
@supports not (height:1svh){ .design-b .b-hero14{--hero-h:min(100vh,900px)} }
.design-b .b-hero14-in{padding:calc(var(--hd-h) + 22px) var(--pad) 48px}
.design-b .b-hero14 .b-hero-body{display:block;max-width:none;padding:0;text-align:center}
.design-b .b-hero14 .b-hero-kicker{justify-content:center;color:#D9B6F0;margin-bottom:16px}
.design-b .b-hero14 .b-h1{font-size:clamp(32px,9.4vw,46px);line-height:1.06;letter-spacing:0;word-spacing:.02em;max-width:none;margin:0;text-wrap:balance}
.design-b .b-hero14 .b-hero-sub{margin:14px auto 0;max-width:30em;color:rgba(255,255,255,.84)}
.design-b .b-hero14 .b-cta-row{justify-content:center;margin-top:22px}
.design-b .b-hero14-visual{position:relative;margin:34px auto 0;max-width:560px}
.design-b .b-hero14-frame{position:relative;width:100%;padding:24px 0 30px}
.design-b .b-hero14-card{position:relative;isolation:isolate;aspect-ratio:1500/1271;border-radius:22px;overflow:hidden;background:#3A1850;
  box-shadow:0 50px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.1)}
.design-b .b-hero14-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(to top,rgba(44,22,56,.42) 0,rgba(44,22,56,0) 34%)}
.design-b .b-hero14 .b-hero-show{position:absolute;inset:0;background:#3A1850}
.design-b .b-hero14 .b-hero-slide{filter:saturate(.96) contrast(1.02) brightness(.98);transform-origin:50% 60%}
.design-b .b-hero14 .b-hero-slide.is-on{animation:bKen14 14s ease-out forwards}
.design-b .b-hero14 .b-hero-slide.is-out{transform:scale(1.04)}
@keyframes bKen14{from{transform:scale(1)}to{transform:scale(1.04)}}
.design-b .b-hero14 .b-hero-slide-team{--op:50% 50%}
.design-b .b-hero14 .b-hero-slide-door{--op:50% 62%}
.design-b .b-hero14 .b-hero-proof{display:contents}
.design-b .b-hero14 .b-hero-doc,.design-b .b-hero14 .b-hero-trust{position:absolute;z-index:4;margin:0;background:rgba(40,18,52,.72);border-color:rgba(255,255,255,.28);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.design-b .b-hero14 .b-hero-doc{left:10px;bottom:0}
.design-b .b-hero14 .b-hero-trust{right:10px;top:0}
.design-b .b-hero14 .b-hero-doc:hover,.design-b .b-hero14 .b-hero-trust:hover{background:rgba(40,18,52,.86);border-color:rgba(255,255,255,.7)}
/* dünner Scroll-Hinweis: eine Linie, ein wandernder Lichtpunkt */
.design-b .b-hero14-cue{display:none;left:var(--pad);bottom:22px;width:auto;height:auto;margin:0;padding:0 12px;border:0;border-radius:0;animation:none;color:#E6CCF5}
.design-b .b-hero14-cue:hover{background:transparent}
.design-b .b-hero14-cue i{display:block;position:relative;width:1px;height:52px;background:rgba(255,255,255,.2);overflow:hidden}
.design-b .b-hero14-cue i::after{content:"";position:absolute;left:0;top:-45%;width:1px;height:45%;background:linear-gradient(to bottom,rgba(230,204,245,0),#E6CCF5);animation:bCue14 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes bCue14{to{top:100%}}
/* gestaffeltes Einblenden nach dem Intro */
.design-b .b-hero14 [data-hero-in]{opacity:0;transform:translateY(16px)}
html:not(.intro-lock) .design-b .b-hero14 [data-hero-in]{animation:bHeroIn .75s var(--b-ease) forwards;animation-delay:calc(var(--i,0) * .09s + .04s)}
@keyframes bHeroIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .design-b .b-hero14 [data-hero-in]{opacity:1;transform:none;animation:none!important}
  .design-b .b-hero14-cue i::after{animation:none;top:30%}
  .design-b .b-hero14 .b-hero-slide.is-on{animation:none}
}
@media (max-width:599px){
  .design-b .b-hero14-in{padding-top:calc(var(--hd-h) + 18px);padding-bottom:40px}
  .design-b .b-hero14 .b-hero-kicker{font-size:11px;letter-spacing:.12em}
  .design-b .b-hero14-visual{margin-top:28px}
  .design-b .b-hero14-card{border-radius:20px}
}
@media (min-width:600px) and (max-width:899px){
  .design-b .b-hero14 .b-h1{font-size:clamp(44px,6.6vw,54px)}
  .design-b .b-hero14 .b-hero-doc{left:16px;bottom:2px}
  .design-b .b-hero14 .b-hero-trust{right:16px;top:2px}
}
@media (min-width:900px){
  .design-b .b-hero14{height:var(--hero-h);min-height:620px}
  .design-b .b-hero14-in{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:var(--gap);align-items:center;
    padding:var(--hd-h) var(--pad) 0}
  .design-b .b-hero14-in>*{min-width:0}
  .design-b .b-hero14 .b-hero-body{text-align:left;padding:0 0 28px}
  .design-b .b-hero14 .b-hero-kicker{justify-content:flex-start;margin-bottom:22px;font-size:12.5px;letter-spacing:.18em;gap:14px}
  .design-b .b-hero14 .b-hero-kicker::before{width:40px}
  .design-b .b-hero14 .b-hero-kicker::after{display:none}
  .design-b .b-hero14 .b-h1{font-size:clamp(44px,4.35vw,66px);line-height:1.04}
  .design-b .b-hero14 .b-hero-sub{margin:20px 0 0;max-width:32em;font-size:clamp(17px,1.3vw,20px)}
  .design-b .b-hero14 .b-cta-row{justify-content:flex-start;margin-top:32px;gap:12px}
  .design-b .b-hero14-visual{--card-h:calc(var(--hero-h) - var(--hd-h) - 128px);align-self:stretch;display:flex;align-items:center;justify-content:flex-end;margin:0;max-width:none}
  .design-b .b-hero14-visual::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:14%;bottom:14%;width:1px;
    background:linear-gradient(to bottom,rgba(217,182,240,0),rgba(217,182,240,.55) 28%,rgba(217,182,240,.55) 72%,rgba(217,182,240,0))}
  .design-b .b-hero14-frame{width:min(100%,calc(var(--card-h) * 1.18));padding:26px 0 30px}
  .design-b .b-hero14-card{border-radius:26px}
  .design-b .b-hero14 .b-hero-doc{left:-16px;bottom:2px}
  .design-b .b-hero14 .b-hero-trust{right:22px;top:2px}
  .design-b .b-hero14-cue{display:block}
}
@media (min-width:900px) and (max-height:760px){
  .design-b .b-hero14 .b-h1{font-size:clamp(40px,3.8vw,56px)}
  .design-b .b-hero14 .b-cta-row{margin-top:24px}
  .design-b .b-hero14 .b-hero-kicker{margin-bottom:16px}
}

/* ─── Kopf-Ansicht Runde 14: zwei ruhige Linienzeichnungen nebeneinander, flache Zonen-Flächen, kein Filter, kein Drehen ─── */
.design-b .zk-heads14 .zk-heads-stage,.design-b .zk-heads14 .zk-heads-stage:focus-visible{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:none;margin:0;padding:0;aspect-ratio:auto;overflow:visible;cursor:default}
.design-b .zk-heads14 .zk-hview{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;margin:0;padding:8px 6px 4px;background:rgba(255,255,255,.035);border:1px solid rgba(230,204,245,.12);border-radius:16px;transition:none}
.design-b .zk-heads14 .zk-hview figcaption{display:block;margin:2px 0 0;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-on-dark-muted)}
.design-b .zk-heads14 .zk-hsvg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:300/420;overflow:visible;display:block}
.design-b .zk-heads14 .zk-hskin path{fill:rgba(255,255,255,.055);stroke:rgba(247,242,251,.55);stroke-width:1.25;stroke-linejoin:round}
.design-b .zk-heads14 .zk-hhair{fill:rgba(230,204,245,.2);stroke:rgba(247,242,251,.42);stroke-width:1;stroke-linejoin:round}
.design-b .zk-heads14 .zk-hart path{fill:none;stroke:rgba(247,242,251,.7);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.design-b .zk-heads14 .zk-hart .soft{stroke:rgba(247,242,251,.28);stroke-width:1}
.design-b .zk-heads14 .zk-hart .iris{fill:rgba(247,242,251,.55);stroke:none}
.design-b .zk-heads14 .zk-nogo{fill:rgba(242,215,184,.1);stroke:rgba(242,215,184,.45);stroke-width:.8;stroke-dasharray:2 3;opacity:.45;transition:opacity .3s var(--b-ease)}
.design-b .zk-heads14 .zk-hsvg:has(.zk-zone[data-zone="gesicht"].is-active) .zk-nogo{opacity:1}
.design-b .zk-heads14 .zk-hsvg .zk-zone{opacity:0;transition:opacity .28s var(--b-ease);filter:none}
.design-b .zk-heads14 .zk-hsvg .zk-zone path{fill:rgba(199,155,234,.42);stroke:#EBD4FA;stroke-width:1.1;stroke-linejoin:round;stroke-dasharray:none}
.design-b .zk-heads14 .zk-hsvg .zk-zone.is-hover{opacity:.55}
.design-b .zk-heads14 .zk-hsvg .zk-zone.is-active{opacity:1;filter:none}
.design-b .zk-heads14 .zk-hhits path{fill:#000;fill-opacity:0;stroke:none;pointer-events:fill;cursor:pointer}
.design-b .zk-heads14 .zk-heads-bar{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin:12px 0 0}
.design-b .zk-heads14 .zk-heads-name{margin:0;text-align:center;font-family:var(--b-serif);font-size:clamp(19px,2vw,23px);color:#fff;line-height:1.2}
.design-b .zk-heads14 .zk-heads-note{margin:0;display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--b-on-dark-muted)}
.design-b .zk-heads14 .zk-heads-note i{width:14px;height:8px;border:1px dashed rgba(242,215,184,.6);background:rgba(242,215,184,.12);border-radius:2px}
@media (max-width:599px){
  .design-b .zk-heads14 .zk-heads-stage{gap:10px}
  .design-b .zk-heads14 .zk-hview{padding:6px 4px 2px;border-radius:12px}
}

/* ══════════ Runde 15 · wärmer & voller: Hero mit Regal und warmem Licht, nahtlos Kopfzeile→Hero→Finder, Feedback-Marker tiefer,
   größere Behandlungsliste, Medizinisches Botox als eigene Dreier-Reihe, Infusionen mit Laborbefund-Blatt ══════════ */

/* ─── Töne wärmer: ein Hauch Pfirsich-Rosé als Licht in den hellen Flächen, Karten warmweiß ─── */
body.design-b{
  --b-light-bg:radial-gradient(70% 46% at 0% 0%,rgba(255,206,190,.30),rgba(255,206,190,0) 62%),linear-gradient(180deg,#F2E8F3 0%,#EADFEE 100%);
  --b-mid-bg:radial-gradient(80% 56% at 100% 0%,rgba(255,200,186,.26),rgba(255,200,186,0) 60%),linear-gradient(180deg,#E8DEEF 0%,#DFD4EA 100%);
}
.design-b .b-card,.design-b .b-mcard,.design-b .b-rcard,.design-b .b-review-card{background-color:#FFFCFA}

/* ─── Nahtlos: Kopfzeile, Hero und Finder auf einem Grund (#2C1638), Licht nur in den Flächenmitten, keine Kanten ─── */
body.design-b:not(:has(#menuToggle:checked)) .site-header.hd-scrolled.hd-ondark{background:rgba(44,22,56,.88)!important;border-bottom-color:rgba(230,204,245,.08)}
body.design-b .site-header.hd-ondark:not(.hd-scrolled){border-bottom-color:transparent}
.design-b .b-hero15{background:
  radial-gradient(38% 46% at 76% 46%,rgba(226,132,150,.26),rgba(226,132,150,0) 72%),
  radial-gradient(46% 52% at 14% 40%,rgba(124,58,171,.30),rgba(124,58,171,0) 72%),
  radial-gradient(30% 34% at 40% 78%,rgba(244,176,146,.10),rgba(244,176,146,0) 70%),#2C1638}
.design-b .b-concern-sec{background:radial-gradient(60% 56% at 50% 56%,rgba(150,84,160,.28),rgba(150,84,160,0) 70%),#2C1638}

/* ─── Hero: größere Schrift, größere Karte, Regal unten ─── */
.design-b .b-hero15 .b-hero-sub{color:rgba(255,246,240,.88)}
.design-b .b-hero15 .b-hero14-card{box-shadow:0 50px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12),0 0 120px -20px rgba(226,132,150,.35)}
.design-b .b-hero15-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 var(--pad) 36px}
.design-b .b-hero15-shelf a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:14px 16px;border-radius:16px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,236,228,.16);transition:transform .35s var(--b-ease),background .35s var(--b-ease),border-color .35s var(--b-ease)}
.design-b .b-hero15-shelf a span{font-family:var(--b-serif);font-size:18px;line-height:1.2}
.design-b .b-hero15-shelf a b{font-weight:600;font-size:13.5px;letter-spacing:.04em;color:#F3C9C0}
.design-b .b-hero15-shelf a:hover,.design-b .b-hero15-shelf a:focus-visible{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(255,236,228,.5)}
@media (min-width:900px){
  .design-b .b-hero15{display:flex;flex-direction:column;--hero-h:min(100svh,940px);min-height:680px}
  .design-b .b-hero15 .b-hero14-in{flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
  .design-b .b-hero15 .b-h1{font-size:clamp(46px,4.7vw,74px)}
  .design-b .b-hero15 .b-hero14-visual{--card-h:calc(var(--hero-h) - var(--hd-h) - 216px)}
  .design-b .b-hero15 .b-hero14-frame{width:min(100%,calc(var(--card-h) * 1.18))}
  .design-b .b-hero15-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:30px}
  .design-b .b-hero15-shelf a{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px}
  .design-b .b-hero15-shelf a span{font-size:clamp(17px,1.35vw,21px)}
}
@media (min-width:900px) and (max-height:760px){ .design-b .b-hero15 .b-h1{font-size:clamp(40px,3.9vw,58px)} }
@media (prefers-reduced-motion:reduce){ .design-b .b-hero15-shelf a{transition:none} }

/* ─── Feedback-Marker: ein Stück tiefer, klebt nicht mehr am Wort ─── */
.design-b .b-rev-mark::after{bottom:-.09em}

/* ─── Hautbehandlungen: Liste größer und einladender ─── */
.design-b #behandlungen .b-skin-card{border-top:3px solid var(--b-purple)}
.design-b #behandlungen .b-item{transition:transform .35s var(--b-ease),background .35s var(--b-ease)}
.design-b #behandlungen .b-item-link:hover,.design-b #behandlungen .b-item-link:focus-visible{transform:scale(1.02);background:#F7F0FA}
.design-b #behandlungen .b-name{font-size:clamp(24px,2.2vw,31px)}
.design-b #behandlungen .b-price{font-size:clamp(23px,2vw,29px)}
.design-b #behandlungen .b-sub{font-size:16px}
.design-b #behandlungen .b-item-more{font-size:15px}
@media (min-width:1000px){
  .design-b #behandlungen .b-item{padding-top:22px;padding-bottom:22px}
  .design-b #behandlungen .b-wrap{grid-template-columns:minmax(0,500px) minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){ .design-b #behandlungen .b-item{transition:none} }

/* ─── Medizinisches Botox: drei große Karten nebeneinander; Weitere Injektionen als eigener Abschnitt im mittleren Ton ─── */
.design-b .b-med15{background:var(--b-light-bg)}
.design-b .b-med15-row{list-style:none;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;display:grid;gap:14px}
.design-b .b-med15-row>li{min-width:0;display:flex}
.design-b .b-med15-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 24px 24px;border-radius:22px;text-decoration:none;color:var(--b-ink);
  background:#FFFCFA;border:1px solid rgba(42,17,56,.08);box-shadow:var(--b-card-shadow);transition:transform .4s var(--b-ease),box-shadow .4s var(--b-ease),border-color .4s var(--b-ease)}
.design-b .b-med15-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#F3E6F8,#FBE7E0);margin-bottom:8px}
.design-b .b-med15-ico .b-ico{width:36px;height:36px;fill:none;stroke:var(--b-purple);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.design-b .b-med15-tag{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-purple)}
.design-b .b-med15-n{font-family:var(--b-serif);font-size:clamp(26px,2.4vw,34px);line-height:1.1}
.design-b .b-med15-d{font-size:16.5px;line-height:1.55;color:var(--b-text,#4A3B55)}
.design-b .b-med15-more{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--b-purple)}
.design-b .b-med15-more svg{width:18px;height:18px;transition:transform .35s var(--b-ease)}
.design-b .b-med15-card:hover,.design-b .b-med15-card:focus-visible{transform:translateY(-6px) scale(1.025);border-color:rgba(124,58,171,.4);box-shadow:0 36px 70px -36px rgba(74,32,96,.5)}
.design-b .b-med15-card:hover .b-med15-more svg{transform:translateX(4px)}
.design-b .b-med15 .b-med2-note{margin-top:22px}
@media (min-width:820px){ .design-b .b-med15-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} }
.design-b .b-inj15{background:var(--b-mid-bg);padding:clamp(48px,5.6vw,80px) 0}
.design-b .b-inj15 .b-mcards{margin-top:20px}
@media (min-width:900px){ .design-b .b-inj15 .b-mcards-5{grid-template-columns:repeat(3,minmax(0,1fr))} }
.design-b .b-inj15 .b-mcard{transition:transform .35s var(--b-ease),box-shadow .35s var(--b-ease)}
.design-b .b-inj15 .b-mcard:hover{transform:translateY(-3px) scale(1.02)}
@media (prefers-reduced-motion:reduce){ .design-b .b-med15-card,.design-b .b-inj15 .b-mcard,.design-b .b-med15-more svg{transition:none} }

/* ─── Infusionen: Laborbefund als warmweißes Blatt — Werte gegen Zielbereich, daraus die Rezeptur ─── */
.design-b .lab15{display:flex;justify-content:center;align-items:flex-start;padding:0;background:none;border:0}
.design-b .lab15-sheet{width:min(100%,440px);background:#FFFCFA;color:#33253E;border-radius:20px;padding:24px 24px 18px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.2);transform:rotate(-1.2deg)}
.design-b .lab15-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(51,37,62,.12)}
.design-b .lab15-t{font-family:var(--b-serif);font-size:26px;line-height:1.1}
.design-b .lab15-tag{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-purple)}
.design-b .lab15-scale{display:grid;grid-template-columns:30% 40% 30%;margin:14px 0 2px 38%;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6B5A78;text-align:center}
.design-b .lab15-rows{list-style:none;margin:0;padding:0}
.design-b .lab15-rows li{display:grid;grid-template-columns:38% 1fr;align-items:center;row-gap:2px;padding:9px 0;border-bottom:1px dashed rgba(51,37,62,.1)}
.design-b .lab15-rows li span{font-weight:600;font-size:15.5px}
.design-b .lab15-rows li i{position:relative;display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#F1E4EA 0 30%,#DDEBDD 30% 70%,#F1E4EA 70% 100%)}
.design-b .lab15-rows li i b{position:absolute;left:var(--v);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#3E7A4E;border:2px solid #FFFCFA;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.design-b .lab15-rows li.lo i b{background:#B4472F}
.design-b .lab15-rows li em{grid-column:2;font-style:normal;font-size:12.5px;color:#2F6A3F}
.design-b .lab15-rows li.lo em{color:#9C3B26;font-weight:600}
.design-b .lab15-rx{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#3A1D4A,#57306E);color:#fff}
.design-b .lab15-rx-h{display:inline-flex;align-items:center;gap:8px;font-family:var(--b-serif);font-size:20px}
.design-b .lab15-rx-h svg{width:18px;height:18px}
.design-b .lab15-chips{display:flex;flex-wrap:wrap;gap:6px}
.design-b .lab15-chips i{font-style:normal;font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.design-b .lab15-note{margin:10px 0 0;text-align:right;font-size:11.5px;color:#6B5A78}
@media (max-width:599px){ .design-b .lab15-sheet{transform:none;padding:20px 18px 14px} .design-b .lab15-t{font-size:23px} }

/* ─── Kopf: Schilddrüsen-Aussparung gestrichelt wie der Nervenstreifen ─── */
.design-b .zk-heads14 .zk-heads-note{text-align:center;flex-wrap:wrap;justify-content:center}
/* Runde 15 · Feinschliff: Laborblatt ohne alten Rahmen und breiter, h1 zweizeilig, Regal-Einträge gestapelt */
.design-b #medizin.ivm13 .ivm-media.lab15{background:none;border:0;box-shadow:none;padding:0;position:static}
.design-b .lab15-sheet{width:min(100%,500px)}
.design-b .lab15-t{white-space:nowrap}
@media (min-width:1000px){ .design-b #medizin.ivm13 .ivm-grid{grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr)} }
@media (min-width:900px){
  .design-b .b-hero15 .b-h1{font-size:clamp(42px,4.05vw,64px)}
  .design-b .b-hero15-shelf a{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}
}
@media (max-width:999px){
  .design-b #behandlungen .b-name{font-size:21px;min-width:0;overflow-wrap:anywhere;hyphens:auto}
  .design-b #behandlungen .b-price{font-size:21px}
}
.design-b .ivm13 .ivm-grid>*{min-width:0}
@media (max-width:599px){ .design-b .lab15-top{flex-wrap:wrap} .design-b .lab15-rows li span{font-size:14.5px} .design-b .lab15-scale{font-size:9.5px;letter-spacing:.04em} }

/* ══════════ Runde 16 · Sofort-Korrekturen: Zonen-Karte enger beschnitten (Kopf größer), Bewertungs-Streifen kompakt, Laborblatt gerade ══════════ */
.design-b .zk-stage{aspect-ratio:288/470;max-width:430px}
@media (min-width:1000px){ .design-b .zk-stage{max-width:min(430px,calc((100vh - 330px) * .613))} }
.design-b .b-review{padding:clamp(26px,3vw,40px) 0}
.design-b .b-review-card{padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,30px)}
.design-b .b-review .b-rv-text p{font-size:clamp(16.5px,1.25vw,18.5px);line-height:1.5}
.design-b .b-review.is-collapsed .b-rv-lead,.design-b .b-review-card.is-collapsed .b-rv-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.design-b .b-review .b-review-stars b{font-size:clamp(30px,2.6vw,38px)}
@media (min-width:900px){ .design-b .b-review-in{grid-template-columns:220px minmax(0,1fr);gap:40px} }
.design-b .lab15-sheet{transform:none}
.design-b .zk-svg{overflow:hidden}
.design-b .zk-svg .zk-zone[data-zone="gesicht"] path:first-child,.design-b .zk-svg .zk-zone[data-zone="augen"] path:first-child{stroke-dasharray:none}
@media (min-width:1000px){ .design-b .zk{grid-template-areas:"copy map" "menu map"} }

/* ══════════ Runde 17 · Kollagen-Zeitstrahl (HIFU) und Tropf unter dem Laborblatt ══════════ */
.design-b .ct17{margin-top:clamp(40px,5vw,72px);padding:clamp(20px,2.6vw,34px);border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#fff}
.design-b .ct17-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.design-b .ct17-h3{margin:0;font-family:var(--b-serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1.1;color:#fff}
.design-b .ct17-head p{margin:0;font-size:15px;color:rgba(255,255,255,.78)}
.design-b .ct17-body{display:grid;gap:20px;margin-top:20px;align-items:center}
.design-b .ct17-body>*{min-width:0}
.design-b .ct17-viz{border-radius:18px;overflow:hidden;background:#F9E6E0;box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.design-b .ct17-viz svg{display:block;width:100%;height:auto}
.design-b .ct17-viz path{transition:d .6s var(--b-ease)}
.design-b .ct17-f{fill:none;stroke:#8E3F6C;stroke-width:2;stroke-linecap:round;opacity:clamp(0,calc((var(--p) * 34 + 10 - var(--i)) * 1),.85);transition:opacity .6s var(--b-ease)}
.design-b .ct17-h{fill:#E2572F;opacity:calc(1 - var(--p) * 1.6);transition:opacity .6s var(--b-ease);transform-box:fill-box;transform-origin:center;animation:ct17Pulse 2.2s ease-in-out infinite}
@keyframes ct17Pulse{0%,100%{transform:scale(.8)}50%{transform:scale(1.25)}}
.design-b .ct17-lab{font:600 11px var(--b-sans);letter-spacing:.08em;text-transform:uppercase;fill:#6A2F55}
.design-b .ct17-when{margin:0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FFD9DE}
.design-b .ct17-t{margin:6px 0 0;font-family:var(--b-serif);font-size:clamp(26px,2.4vw,34px);line-height:1.1}
.design-b .ct17-d{margin:10px 0 0;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.86);min-height:4.7em}
.design-b .ct17-ctl{margin-top:20px}
.design-b .ct17-range{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;cursor:pointer;margin:0}
.design-b .ct17-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#fff calc(var(--p) * 100%),rgba(255,255,255,.28) 0)}
.design-b .ct17-range::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.28)}
.design-b .ct17-range::-moz-range-progress{height:6px;border-radius:3px;background:#fff}
.design-b .ct17-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:#fff;border:3px solid var(--b-purple);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.design-b .ct17-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--b-purple)}
.design-b .ct17-range:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:8px}
.design-b .ct17-ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8)}
.design-b .ct17-ticks span{flex:1;text-align:center}.design-b .ct17-ticks span:first-child{text-align:left}.design-b .ct17-ticks span:last-child{text-align:right}
.design-b .ct17-note{margin:14px 0 0;font-size:12.5px;color:rgba(255,255,255,.7)}
@media (min-width:900px){ .design-b .ct17-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px} }
@media (prefers-reduced-motion:reduce){ .design-b .ct17-h{animation:none} .design-b .ct17-f,.design-b .ct17-h,.design-b .ct17-viz path{transition:none} }
/* Tropf: klein unter dem Blatt, „Ihre Rezeptur“ fließt in den Beutel */
.design-b .lab15{flex-direction:column;align-items:center;gap:0}
.design-b #medizin.ivm13 .iv.iv17{width:200px;margin-top:-6px}
.design-b .iv17 .iv-hook{height:34px}

/* ══════════ Runde 20 · Straffung: weniger Höhe, ruhigere Proportionen (Hero, Botox & Filler und alles ab Einblick unberührt) ══════════ */
/* Abschnitts-Polster einheitlich knapper */
.design-b #bewertungen-band,.design-b #hifu-spot,.design-b #behandlungen,.design-b #ergebnisse,.design-b .b-med15,.design-b #medizin{padding-top:clamp(52px,5.4vw,80px);padding-bottom:clamp(52px,5.4vw,80px)}
.design-b .b-inj15{padding:clamp(36px,4vw,56px) 0 clamp(44px,4.6vw,64px)}
/* Bewertungsband: Karten auf fünf Zeilen, weniger Luft */
.design-b #bewertungen-band .b-rcard blockquote,.design-b #bewertungen-band .b-rcard .b-rtext{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.design-b #bewertungen-band .b-rcard{padding-top:22px;padding-bottom:22px}
.design-b #bewertungen-band .b-rq{font-size:44px;line-height:.7;height:22px}
/* HIFU: Zeitstrahl kompakter */
.design-b .ct17{margin-top:clamp(28px,3.4vw,48px);padding:clamp(18px,2.2vw,28px)}
.design-b .ct17-viz svg{max-height:230px}
.design-b .ct17-d{min-height:3.2em}
@media (min-width:900px){ .design-b .ct17-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)} }
/* Hautbehandlungen: Liste wieder in ruhiger Größe — groß genug zum Sehen, aber nicht mehr seitenfüllend; Regler schmaler */
.design-b #behandlungen .b-name{font-size:clamp(21px,1.75vw,25px)}
.design-b #behandlungen .b-price{font-size:clamp(20px,1.6vw,23px)}
.design-b #behandlungen .b-sub{font-size:15px}
@media (min-width:1000px){
  .design-b #behandlungen .b-item{padding-top:15px;padding-bottom:15px}
  .design-b #behandlungen .b-wrap{grid-template-columns:minmax(0,430px) minmax(0,1fr)}
  .design-b #behandlungen .b-lede{margin-bottom:0}
}
/* Ergebnisse: Regler schmaler → deutlich weniger Höhe */
@media (min-width:1000px){ .design-b #ergebnisse .cmp{max-width:500px} }
/* Medizinisches Botox: Karten kompakter */
.design-b .b-med15-card{padding:22px 22px 20px;gap:6px}
.design-b .b-med15-ico{width:54px;height:54px;margin-bottom:4px}
.design-b .b-med15-ico .b-ico{width:30px;height:30px}
.design-b .b-med15-n{font-size:clamp(24px,2.1vw,30px)}
.design-b .b-med15-d{font-size:16px}
/* Infusionen: „Ebenfalls in der Praxis“ als Zeile aus Marken statt Liste; Tropf kleiner; Kopf knapper */
.design-b #medizin .ivm-list{display:flex;flex-wrap:wrap;gap:8px;border:0;margin-top:12px;padding:0}
.design-b #medizin .ivm-list li{border:0;padding:0}
.design-b #medizin .ivm-list a,.design-b #medizin .ivm-list span{padding:8px 14px;font-size:14.5px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}
.design-b #medizin .ivm13 .ivm-list-head,.design-b #medizin.ivm13 .ivm-list-head{margin-top:26px;font-size:20px}
.design-b #medizin.ivm13 .ivm-grid{margin-top:clamp(28px,3.4vw,44px)}
.design-b #medizin.ivm13 .iv.iv17{zoom:.78}
.design-b .lab15-rows li{padding:7px 0}
/* Handy: die längsten Abschnitte kürzen */
@media (max-width:699px){
  .design-b #behandlungen .cmp,.design-b #ergebnisse .cmp{max-width:320px;margin-inline:auto}
  .design-b .b-med15-row{gap:10px}
  .design-b .b-med15-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:2px;padding:16px}
  .design-b .b-med15-ico{grid-row:1 / span 3;width:48px;height:48px;margin:0}
  .design-b .b-med15-d{font-size:15px;line-height:1.45}
  .design-b .b-med15-more{display:none}
  .design-b #medizin.ivm13 .iv.iv17{display:none}
  .design-b .ct17-ticks{font-size:11px}
  .design-b #behandlungen .b-photo-device img{max-height:200px;object-fit:cover}
}
/* Runde 20b · weitere Straffung */
.design-b #behandlungen .b-item{padding-top:12px;padding-bottom:12px}
.design-b #behandlungen .b-skin-card .b-note{display:none}
.design-b #behandlungen .b-skin-card .b-cta-row{margin-top:14px}
@media (min-width:1000px){
  .design-b #behandlungen .b-photo-device img{aspect-ratio:16/8;object-fit:cover;height:auto}
  .design-b #hifu-spot .zk-row{min-height:0;padding-top:12px;padding-bottom:12px}
  .design-b .zk-stage{max-width:min(380px,calc((100vh - 330px) * .613))}
}
.design-b #medizin.ivm13 .iv.iv17{zoom:.64;margin-top:-4px}
.design-b .lab15-sheet{padding:20px 22px 14px}
.design-b .lab15-rows li{padding:5px 0}
.design-b .lab15-rx{margin-top:12px;padding:11px 14px}
@media (max-width:699px){
  .design-b #bewertungen-band,.design-b #hifu-spot,.design-b #behandlungen,.design-b #ergebnisse,.design-b .b-med15,.design-b #medizin{padding-top:44px;padding-bottom:44px}
  .design-b .zk-stage{max-width:250px}
  .design-b #hifu-spot .zk-row{min-height:50px;padding-top:9px;padding-bottom:9px}
  .design-b #medizin .display{font-size:clamp(34px,9.6vw,44px)}
  .design-b #behandlungen .b-item{padding-top:10px;padding-bottom:10px}
  .design-b #ergebnisse .case-second{margin-top:14px}
}
.design-b #behandlungen .b-item-link .b-sub::after{content:none}
@media (min-width:1000px){ .design-b #behandlungen .b-head{margin-bottom:0;padding-bottom:0} .design-b #behandlungen .b-skin{margin-top:-36px} }

/* ══════════ Runde 21 · Zonen-Karte im Profil, Zeitstrahl mit Stützpfeilern, Ergebnisse-Layout schmal, Infusions-Überschrift mit Marker ══════════ */
.design-b .zk-stage{aspect-ratio:380/545;max-width:400px}
@media (min-width:1000px){ .design-b .zk-stage{max-width:min(400px,calc((100vh - 330px) * .697))} }
@media (max-width:699px){ .design-b .zk-stage{max-width:230px} .design-b .zk-map{padding-top:14px;padding-bottom:14px} }
.design-b .zk-skin21{fill:rgba(255,255,255,.07);stroke:rgba(247,242,251,.75);stroke-width:1.5;stroke-linejoin:round}
.design-b .zk-hair21{fill:rgba(230,204,245,.2);stroke:rgba(247,242,251,.5);stroke-width:1.2;stroke-linejoin:round}
.design-b .zk-nogo21{fill:rgba(242,215,184,.14);stroke:rgba(242,215,184,.6);stroke-width:.9;stroke-dasharray:2 3}
.design-b .zk-svg21 .zk-zone path{stroke-dasharray:none;stroke-width:1.3}
/* Zeitstrahl: Kollagen = Stützpfeiler, die die Haut anheben */
.design-b .ct21-p{fill:none;stroke:#8E3F6C;stroke-width:7;stroke-linecap:round;opacity:0;transition:opacity .6s var(--b-ease),d .6s var(--b-ease)}
.design-b .ct21-p.on{opacity:.9}
.design-b .ct21-meter{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.design-b .ct21-meter span{margin-right:6px}
.design-b .ct21-meter i{width:26px;height:8px;border-radius:4px;background:rgba(255,255,255,.22);transition:background .4s var(--b-ease)}
.design-b .ct17[data-s="0"] .ct21-meter i:nth-of-type(-n+1),.design-b .ct17[data-s="1"] .ct21-meter i:nth-of-type(-n+2),.design-b .ct17[data-s="2"] .ct21-meter i:nth-of-type(-n+3),
.design-b .ct17[data-s="3"] .ct21-meter i:nth-of-type(-n+4),.design-b .ct17[data-s="4"] .ct21-meter i:nth-of-type(-n+5){background:#FFD9DE}
@media (prefers-reduced-motion:reduce){ .design-b .ct21-p,.design-b .ct21-meter i{transition:none} }
/* Ergebnisse 600–999 px: eine Spalte, Überschrift oben, Regler groß — keine leere Hälfte */
@media (min-width:600px) and (max-width:999px){
  .design-b #ergebnisse .b-wrap{display:block}
  .design-b #ergebnisse .b-head{margin-bottom:24px}
  .design-b #ergebnisse .cmp{max-width:560px;margin-inline:auto}
  .design-b #ergebnisse .b-case-cap{max-width:560px;margin-inline:auto}
}
@media (max-width:599px){ .design-b #ergebnisse .cmp{max-width:none} }
/* Infusionen: Überschrift mit leuchtendem Marker, Kicker als Marke */
.design-b .ivm21-mark{position:relative;display:inline;background:linear-gradient(transparent 62%,rgba(255,217,222,.34) 62%,rgba(255,217,222,.34) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.design-b #medizin .ivm-head .eyebrow{display:inline-flex;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.design-b #medizin .ivm-head .eyebrow::before{display:none}
.design-b #medizin .display{text-shadow:0 2px 30px rgba(255,200,220,.25)}
@media (max-width:699px){ .design-b #medizin .display{font-size:clamp(38px,10.6vw,50px)} }
@media (min-width:600px) and (max-width:999px){
  .design-b #ergebnisse .b-feature,.design-b #behandlungen .b-feature{display:flex;flex-direction:column;gap:24px}
  .design-b #ergebnisse .b-feature .b-head,.design-b #behandlungen .b-feature .b-head{order:-1;margin:0}
  .design-b #ergebnisse .b-case,.design-b #behandlungen .b-case{width:min(100%,560px);margin-inline:auto}
}

/* ══════════ Runde 22 · Menü scrollbar, dunkler Kopf, Zeitstrahl als wachsendes Fasernetz, ruhigeres Med. Botox, Pflaume-Akzente ══════════ */
/* Handy-Menü: eigener Scrollbereich, Seite dahinter steht still */
.design-b .mobile-menu{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;justify-content:flex-start;gap:28px;padding-bottom:120px}
body.design-b:has(#menuToggle:checked){overflow:hidden}
.design-b .mm-nav a{font-size:clamp(28px,7.4vw,40px);padding-top:14px;padding-bottom:14px}
/* Zonen-Karte: Kopf als dunkles Anthrazit-Pflaume, hebt sich klar ab; Zonen leuchten darauf */
.design-b .zk-skin21{fill:#2A2230;stroke:rgba(247,242,251,.8);stroke-width:1.5}
.design-b .zk-hair21{fill:#1D1822;stroke:rgba(247,242,251,.45)}
.design-b .zk-svg21 .zk-zone path{fill:rgba(214,170,240,.5);stroke:#F0DCFA}
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)}
/* Zeitstrahl: Strahl → Wärmepunkt → Reparaturzellen → Fasern wachsen → Netz */
.design-b .ct22-beam{fill:rgba(255,255,255,.55);opacity:0;transition:opacity .5s var(--b-ease)}
.design-b .ct17[data-s="0"] .ct22-beam{opacity:.55}
.design-b .ct22-pt{fill:#7A2E62}
.design-b .ct22-hot{fill:#F0642F;opacity:calc(1 - var(--p) * 2.4);transition:opacity .6s var(--b-ease);transform-box:fill-box;transform-origin:center;animation:ct17Pulse 2.2s ease-in-out infinite}
.design-b .ct22-cell{fill:#fff;stroke:#7A2E62;stroke-width:1.4;opacity:0;transition:opacity .6s var(--b-ease)}
.design-b .ct17[data-s="1"] .ct22-cell,.design-b .ct17[data-s="2"] .ct22-cell{opacity:.95}
.design-b .ct22-l{fill:none;stroke:#7A2E62;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - (var(--p) - var(--d)) * 3.2),1);transition:stroke-dashoffset .9s var(--b-ease)}
.design-b .ct17-d{min-height:5.6em}
@media (prefers-reduced-motion:reduce){ .design-b .ct22-hot{animation:none} .design-b .ct22-l,.design-b .ct22-cell,.design-b .ct22-beam,.design-b .ct22-hot{transition:none} }
/* Medizinisches Botox: sachlicher — kleine Linien-Icons ohne Farbkreis, dezente Bewegung */
.design-b .b-med15-ico{width:auto;height:auto;background:none;border-radius:0;margin-bottom:2px;place-items:start}
.design-b .b-med15-ico .b-ico{width:34px;height:34px;stroke:var(--b-ink);stroke-width:1.4}
.design-b .b-med15-card{box-shadow:none;border-color:rgba(42,17,56,.14);border-radius:16px}
.design-b .b-med15-card:hover,.design-b .b-med15-card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 40px -30px rgba(74,32,96,.45)}
.design-b .b-med15-n{font-size:clamp(22px,1.9vw,27px)}
.design-b .b-inj15 .b-head{margin-bottom:6px}
.design-b .b-inj15 .b-h2{font-size:clamp(32px,3.6vw,48px)}
/* Pflaume-Akzent wie „Ihre Rezeptur“: Behandlungskarte dunkel auf Creme — der Blick landet auf Namen und Preisen */
.design-b #behandlungen .b-skin-card{background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);border:0;border-top:0;color:#fff;box-shadow:0 40px 80px -40px rgba(58,29,74,.7)}
.design-b #behandlungen .b-skin-card .b-name{color:#fff}
.design-b #behandlungen .b-skin-card .b-price{color:#FFD9DE}
.design-b #behandlungen .b-skin-card .b-sub,.design-b #behandlungen .b-skin-card .b-sub em{color:rgba(255,255,255,.82)}
.design-b #behandlungen .b-skin-card .b-dots{opacity:.35}
.design-b #behandlungen .b-skin-card .b-item{border-color:rgba(255,255,255,.16)}
.design-b #behandlungen .b-skin-card .b-item-link:hover,.design-b #behandlungen .b-skin-card .b-item-link:focus-visible{background:rgba(255,255,255,.1)}
.design-b #behandlungen .b-skin-card .b-item-more{color:#fff;border-color:rgba(255,255,255,.5)}
.design-b #behandlungen .b-skin-card .b-cta-primary{background:#fff;color:#3A1D4A}
/* Zweitfall-Karten in „Ergebnisse“: gleiche Pflaume-Sprache */
.design-b #ergebnisse .case-second{background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);border:0;color:#fff}
.design-b #ergebnisse .case-second .cs-note,.design-b #ergebnisse .case-second figcaption,.design-b #ergebnisse .case-second .cs-cap{color:rgba(255,255,255,.86)}
.design-b #ergebnisse .case-second .cs-note b{color:#fff}
.design-b .ct17-lab{paint-order:stroke;stroke:#EFC8C4;stroke-width:5px;stroke-linejoin:round}
.design-b #behandlungen .b-skin-card .b-item-more{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.design-b #behandlungen .b-skin-card .b-item-more svg{stroke:#fff;color:#fff}
.design-b #behandlungen .b-skin-card .b-item-link:hover .b-item-more{background:#fff}
.design-b #behandlungen .b-skin-card .b-item-link:hover .b-item-more svg{stroke:#3A1D4A;color:#3A1D4A}

/* ══════════ Runde 23 · Zonen exakt auf die Silhouette geschnitten, Finder als hervorgehobene Bühne, Tropf größer ══════════ */
.design-b .zk-svg21 .zk-zone path{stroke-width:1.6}
.design-b #medizin .display{text-shadow:none}
.design-b #medizin.ivm13 .iv.iv17{zoom:1;width:230px;margin-top:0}
@media (max-width:699px){ .design-b #medizin.ivm13 .iv.iv17{display:block;zoom:.8} }
/* Finder: dunkle Pflaume-Bühne auf dem Malve-Grund — wie „Ihre Rezeptur“: der Blick landet sofort hier */
.design-b .b-concern-sec>.b-wrap{position:relative;max-width:min(1120px,calc(100% - 2 * var(--pad)));margin-inline:auto;padding:clamp(34px,4.6vw,64px) clamp(18px,4vw,64px) clamp(30px,4vw,54px);border-radius:32px;
  background:radial-gradient(70% 90% at 50% 0%,rgba(255,190,210,.16),rgba(255,190,210,0) 70%),linear-gradient(145deg,#33183F 0%,#4C2960 100%);
  box-shadow:0 50px 100px -50px rgba(20,5,35,.85),0 0 0 1px rgba(255,255,255,.14)}
.design-b .b-concern-sec .b-h2{font-size:clamp(40px,5.4vw,70px)!important}
.design-b .b-concern-sec .b-finder-card{box-shadow:0 0 0 4px rgba(255,217,222,.35),0 0 60px rgba(255,190,210,.35),0 30px 60px -30px rgba(0,0,0,.6)!important}
@media (max-width:599px){ .design-b .b-concern-sec>.b-wrap{border-radius:24px;max-width:calc(100% - 20px)} }
.design-b .zk-svg21 .zk-zone path.zk-bracket-on{fill:none;stroke:#F0DCFA;stroke-width:2}

/* ══════════ Runde 24 · Menü auch nach dem Scrollen bildschirmfüllend, Zonen-Hover gleich hell, Medizinisches Botox mit Pflaume-Akzent ══════════ */
/* Der Weichzeichner der gescrollten Kopfzeile macht sie zum Bezugsrahmen für das fixierte Menü → bei offenem Menü abschalten */
body.design-b:has(#menuToggle:checked) .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;filter:none!important;contain:none!important}
.design-b .mobile-menu{height:100dvh;max-height:100dvh}
/* Zonen-Karte: Vorschau beim Überfahren fast so hell wie die Auswahl — keine zweierlei Töne mehr */
.design-b .zk-svg21 .zk-zone.is-hover{opacity:.9}
/* Medizinisches Botox: sachlich, aber mit Charakter — Pflaume-Marke fürs Icon, feine Kopfkante, ab 600 px dreispaltig */
.design-b .b-med15-card{position:relative;overflow:hidden;padding-top:26px;border-radius:18px;border-color:rgba(58,29,74,.14);background:linear-gradient(180deg,#FFFDFB 0%,#FBF3F4 100%)}
.design-b .b-med15-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3A1D4A,#7A4E88)}
.design-b .b-med15-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#3A1D4A,#57306E);margin-bottom:8px}
.design-b .b-med15-ico .b-ico{width:28px;height:28px;stroke:#fff;stroke-width:1.6}
.design-b .b-med15-more{color:#3A1D4A}
.design-b .b-med15-card:hover::before{height:6px}
@media (min-width:600px){ .design-b .b-med15-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} }
@media (min-width:600px) and (max-width:999px){ .design-b .b-med15-card{padding:22px 16px 18px} .design-b .b-med15-n{font-size:21px} .design-b .b-med15-d{font-size:14.5px;line-height:1.45} }
@media (max-width:599px){ .design-b .b-med15-ico{width:48px;height:48px;border-radius:12px} }
body.design-b:has(#menuToggle:checked) .site-header{background:#FBF6F3!important;border-bottom-color:rgba(51,32,60,.1)!important}
.design-b .mobile-menu{background:#FBF6F3}

/* ══════════ Runde 25 · Menü: eigener Scrollbereich über der festgestellten Seite, eigener Schließen-Knopf ══════════ */
.design-b .mobile-menu{position:fixed;inset:0;z-index:6000;height:auto;max-height:none;display:block;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:96px var(--pad) 140px;background:#FBF6F3}
html.menu-open .design-b .mobile-menu,html.menu-open body.design-b .mobile-menu{transform:none;visibility:visible}
html:not(.menu-open) .design-b .mobile-menu{transform:translate(103%);visibility:hidden}
.design-b .mobile-menu .mm-nav{margin-bottom:28px}
.design-b .mm-close{position:fixed;top:14px;right:var(--pad);z-index:2;width:48px;height:48px;border-radius:12px;border:1px solid rgba(51,32,60,.3);background:#FBF6F3;color:#33203C;display:none;place-items:center;cursor:pointer;padding:0}
.design-b .mm-close svg{width:22px;height:22px}
html.menu-open .design-b .mm-close{display:grid}
html.menu-open .site-header{z-index:5000}

/* ══════════ Runde 25 · Hero neu gedacht: Schnell-Finder statt zweitem Knopf, echte Stimme an der Fotokarte, Handy mit Foto zuerst ══════════ */
.design-b .b-hero25 .b-hero-sub{max-width:30em}
.design-b .b-hero25-find{margin-top:26px;max-width:560px}
.design-b .b-hero25-q{display:block;font-family:var(--b-serif);font-size:clamp(22px,1.9vw,28px);line-height:1.15;color:#FFD9DE;margin-bottom:10px}
.design-b .b-hero25-box{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#FFFDFB;box-shadow:0 0 0 4px rgba(255,217,222,.3),0 24px 50px -24px rgba(20,5,35,.7)}
.design-b .b-hero25-box input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;color:#33203C;padding:12px 8px 12px 18px;outline:none}
.design-b .b-hero25-box input::placeholder{color:#7A6A86}
.design-b .b-hero25-box:focus-within{box-shadow:0 0 0 4px rgba(255,217,222,.65),0 24px 50px -24px rgba(20,5,35,.7)}
.design-b .b-hero25-box button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--b-purple);color:#fff;font:inherit;font-weight:600;font-size:15.5px;cursor:pointer;transition:transform .3s var(--b-ease),background .3s var(--b-ease)}
.design-b .b-hero25-box button:hover{transform:translateX(2px);background:#6A2F96}
.design-b .b-hero25-box button svg{width:18px;height:18px}
.design-b .b-hero25 .b-hero25-cta{margin-top:20px;align-items:center;gap:16px 20px;flex-wrap:wrap}
.design-b .b-hero25-trust{margin:0;font-size:15px;color:rgba(255,255,255,.9)}
.design-b .b-hero25-trust .b-stars{color:#F3D9A6;letter-spacing:.06em;margin-right:4px}
.design-b .b-hero25-trust b{font-weight:700;color:#fff}
/* echte Stimme an der Fotokarte */
.design-b .b-hero25-quote{position:absolute;z-index:5;right:-8px;bottom:64px;width:min(280px,70%);margin:0;padding:14px 16px 12px;border-radius:16px;background:#FFFDFB;color:#33203C;box-shadow:0 24px 50px -22px rgba(20,5,35,.75);transition:opacity .45s var(--b-ease),transform .45s var(--b-ease)}
.design-b .b-hero25-quote.is-out{opacity:0!important;transform:translateY(6px)!important}
.design-b .b-hero25-quote .b-stars{color:#C08A3E;font-size:13px;letter-spacing:.08em}
.design-b .b-hero25-quote blockquote{margin:6px 0 6px;font-family:var(--b-serif);font-size:16.5px;line-height:1.35}
.design-b .b-hero25-quote figcaption{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7A4E88}
@media (min-width:900px){
  .design-b .b-hero25 .b-h1{font-size:clamp(36px,3.9vw,64px)}
  .design-b .b-hero25 .b-hero14-in{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}
}
/* schmal: Foto zuerst (breites Band, alle vier sichtbar), dann Überschrift, Finder, Buchung — linksbündig, ruhig */
@media (max-width:899px){
  .design-b .b-hero25 .b-hero14-in{display:flex;flex-direction:column;padding-top:calc(var(--hd-h) + 14px);padding-bottom:26px}
  .design-b .b-hero25 .b-hero14-visual{order:-1;margin:0 0 26px;max-width:none;width:100%}
  .design-b .b-hero25 .b-hero14-frame{padding:18px 0 22px}
  .design-b .b-hero25 .b-hero14-card{aspect-ratio:16/10.5}
  .design-b .b-hero25 .b-hero-slide-team{object-position:50% 18%}
  .design-b .b-hero25 .b-hero-body{text-align:left}
  .design-b .b-hero25 .b-hero-kicker{justify-content:flex-start}
  .design-b .b-hero25 .b-hero-kicker::before,.design-b .b-hero25 .b-hero-kicker::after{display:none}
  .design-b .b-hero25 .b-h1{font-size:clamp(34px,8.2vw,52px);text-align:left}
  .design-b .b-hero25 .b-hero-sub{margin-left:0;margin-right:0;text-align:left}
  .design-b .b-hero25 .b-cta-row{justify-content:flex-start}
  .design-b .b-hero25-find{max-width:none}
  .design-b .b-hero25-quote{right:8px;bottom:-14px;width:min(250px,62%);padding:10px 12px 9px}
  .design-b .b-hero25-quote blockquote{font-size:14.5px}
  .design-b .b-hero25 .b-hero-doc{left:8px;bottom:-6px}
}
@media (max-width:599px){
  .design-b .b-hero25 .b-hero-doc{display:none}
  .design-b .b-hero25-box button span{display:none}
  .design-b .b-hero25-box button{padding:0 16px}
  .design-b .b-hero25-box input{font-size:16px;padding-left:14px}
  .design-b .b-hero25 .b-cta-primary{width:auto}
}
@media (min-width:900px){ .design-b .b-hero25-quote{bottom:-22px;right:-10px;width:min(300px,52%)} .design-b .b-hero25 .b-hero-doc{bottom:-18px} }
@media (min-width:600px) and (max-width:899px){ .design-b .b-hero25 .b-hero14-card{aspect-ratio:16/8.2} .design-b .b-hero25 .b-hero-slide-team{object-position:50% 12%} .design-b .b-hero25-quote{width:min(270px,40%);bottom:-18px} .design-b .b-hero25 .b-hero14-visual{margin-bottom:34px} }
@media (max-width:599px){
  .design-b .b-hero25 .b-hero14-card{aspect-ratio:16/11.5}
  .design-b .b-hero25-quote{position:static;width:auto;margin:12px 0 0;padding:10px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;background:rgba(255,255,255,.12);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.22)}
  .design-b .b-hero25-quote .b-stars{color:#F3D9A6;grid-row:1 / span 2;padding-top:3px}
  .design-b .b-hero25-quote blockquote{margin:0;font-size:15px;min-height:4.1em}
  .design-b .b-hero25-quote figcaption{color:#FFD9DE;font-size:11px}
  .design-b .b-hero25 .b-hero14-visual{margin-bottom:18px}
  .design-b .b-hero25 .b-hero-trust{top:-4px;right:6px}
}

/* ══════════ Runde 27 · Hero endgültig: Haus im Hintergrund, eine Aussage, wechselnde Zeile, eine Handlung, Teamfoto ohne Auflagen ══════════ */
.design-b .b-hero27{position:relative;overflow:hidden;height:auto!important;min-height:0!important;display:block}
.design-b .b-hero27-bg{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 96%);mask-image:linear-gradient(180deg,#000 62%,transparent 96%)}
.design-b .b-hero27-bg img{width:100%;height:100%;object-fit:cover;object-position:38% 40%;filter:grayscale(.35) contrast(1.05);animation:bHero27Zoom 26s ease-out forwards;transform-origin:40% 50%}
@keyframes bHero27Zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.design-b .b-hero27-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(72,42,96,.93) 0%,rgba(92,58,116,.86) 42%,rgba(122,78,128,.66) 100%),linear-gradient(180deg,rgba(40,18,58,.5) 0%,rgba(40,18,58,0) 28%)}
.design-b .b-hero27 .b-hero14-in,.design-b .b-hero27 .b-hero15-shelf{position:relative;z-index:1}
.design-b .b-hero27 .b-hero14-in{min-height:100svh;box-sizing:border-box;padding-top:calc(var(--hd-h) + 24px);padding-bottom:40px}
.design-b .b-hero27 .b-hero25-find,.design-b .b-hero27 .b-hero25-quote,.design-b .b-hero27 .b-hero-proof,.design-b .b-hero27 .b-hero-sub,.design-b .b-hero27 .b-hero14-visual::before{display:none!important}
.design-b .b-hero27 .b-h1{font-size:clamp(40px,5vw,82px)!important;line-height:1.02}
.design-b .h-rotor{display:block;margin:22px 0 0;font-family:var(--b-serif);font-weight:300;font-size:clamp(24px,2.5vw,40px);line-height:1.15;color:#FFD9DE;min-height:1.2em}
.design-b .h-rotor span{display:inline-block;transition:opacity .4s ease,transform .4s ease}
.design-b .h-rotor span.out{opacity:0;transform:translateY(12px)}
.design-b .b-hero27 .b-hero25-cta{margin-top:34px;gap:18px 22px}
.design-b .b-hero27 .b-cta-primary{min-height:60px;padding:0 34px;font-size:17px}
.design-b .b-hero27 .b-hero15-shelf{padding-top:0;padding-bottom:44px;max-width:1240px;margin-inline:auto}
.design-b .b-hero27 .b-hero14-card{box-shadow:0 50px 100px -40px rgba(20,5,35,.85),0 0 0 8px rgba(255,255,255,.14)}
@media (min-width:900px){
  .design-b .b-hero27 .b-hero14-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;align-items:center}
  .design-b .b-hero27 .b-hero14-visual{--card-h:calc(100svh - var(--hd-h) - 170px)}
}
@media (max-width:899px){
  .design-b .b-hero27 .b-hero14-in{min-height:0;padding-bottom:30px}
  .design-b .b-hero27 .b-hero14-visual{order:2;margin:30px 0 0}
  .design-b .b-hero27 .b-hero-body{order:1;padding-top:6vh}
  .design-b .b-hero27-bg img{object-position:30% 30%}
}
@media (prefers-reduced-motion:reduce){ .design-b .b-hero27-bg img{animation:none} }
@media (min-width:900px){ .design-b .b-hero27-bg img{width:128%;max-width:none;object-position:50% 46%} }
.design-b .b-hero27-bg::after{background:linear-gradient(90deg,rgba(72,42,96,.92) 0%,rgba(92,58,116,.8) 40%,rgba(122,78,128,.56) 100%),linear-gradient(180deg,rgba(40,18,58,.5) 0%,rgba(40,18,58,0) 28%)}

/* ══════════ Runde 28 · Hero-Bilderfolge mit Vorher/Nachher, „Neuer Wall 61“ groß ══════════ */
.design-b .b-hero27 .b-hero-slide{transition:opacity .9s var(--b-ease)}
.design-b .b-hero27 .b-hero-slide.is-on{animation:bKen14 6s ease-out forwards}
.design-b .b-hero-ba{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#FFFDFB}
.design-b .b-hero-ba .ba-h{position:relative;overflow:hidden;min-width:0}
.design-b .b-hero-ba img{width:100%;height:100%;object-fit:cover;display:block}
.design-b .b-hero-ba i{position:absolute;left:12px;top:12px;font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.08em;padding:6px 12px;border-radius:999px;background:rgba(44,18,64,.82);color:#fff}
.design-b .b-hero-ba em{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-style:normal;font-size:12.5px;color:#fff;background:linear-gradient(180deg,rgba(30,10,45,0),rgba(30,10,45,.8))}
.design-b .b-hero28-k{flex-direction:column;align-items:flex-start!important;gap:6px!important}
.design-b .b-hero28-k::before,.design-b .b-hero28-k::after{display:none!important}
.design-b .b-hero28-k b{font-family:var(--b-serif);font-weight:300;font-size:clamp(30px,3.2vw,52px);line-height:1;letter-spacing:-.01em;text-transform:none;color:#FFD9DE}
.design-b .b-hero27 .b-h1{font-size:clamp(36px,4.2vw,68px)!important;margin-top:10px}
@media (prefers-reduced-motion:reduce){ .design-b .b-hero27 .b-hero-slide.is-on{animation:none} }
.design-b .b-hero27 .b-h1{font-size:clamp(38px,4.6vw,76px)!important}
.design-b .b-hero28-k b{font-size:clamp(26px,2.4vw,38px)}
/* Runde 30 · Platzhalter Hautanalyse-Gerät */
.design-b .ha30{margin-top:18px;border-radius:var(--b-radius);overflow:hidden;background:#F1E6EE;position:relative}
.design-b .ha30 svg{display:block;width:100%;height:auto}
.design-b .ha30-cap{position:absolute;left:14px;bottom:12px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:rgba(255,253,251,.92);color:#33203C;font-size:14px}
.design-b .ha30-cap span{font-size:12px;color:#7A4E88;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* ══════════ Runde 31 · Cursor-Spotlight (dunkle Abschnitte) ══════════ */
.design-b .has-spot31{position:relative;isolation:isolate;overflow:hidden}
.design-b .spot31{position:absolute;left:0;top:0;width:700px;height:700px;z-index:-1;pointer-events:none;border-radius:50%;opacity:0;
  background:radial-gradient(closest-side,rgba(205,140,255,.40),rgba(205,140,255,.16) 45%,rgba(205,140,255,0) 100%);
  transform:translate3d(calc(var(--mx,50%) - 350px),calc(var(--my,30%) - 350px),0);
  transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .8s ease;will-change:transform}
.design-b .has-spot31.spot-on .spot31{opacity:1}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){ .design-b .spot31{display:none} }

/* ══════════ Runde 32 · Spotlight auf der ganzen Seite (hell: Rosé-Licht), overflow:clip damit klebende Elemente weiter kleben ══════════ */
.design-b .has-spot31{overflow:clip}
.design-b .spot31-light{background:radial-gradient(closest-side,rgba(240,150,175,.34),rgba(240,150,175,.12) 45%,rgba(240,150,175,0) 100%)}
.design-b .b-hero27 .spot31{z-index:0}
.design-b #ergebnisse .case-second-k img{filter:grayscale(1)}
@media (min-width:1000px){ .design-b .hd-nav{gap:clamp(12px,1.7vw,26px)} .design-b .hd-nav a{font-size:clamp(14px,1.02vw,15.5px);white-space:nowrap} }
/* Runde 32: Kopfzeile mit sechs Punkten — Navigation darf schrumpfen, Knöpfe bleiben im Raster */
@media (min-width:1000px){
  .design-b .hd-inner{gap:clamp(14px,2vw,36px)}
  .design-b .hd-nav{flex:1 1 auto;min-width:0;justify-content:center}
  .design-b .hd-actions{flex:none;margin-left:auto}
  .design-b .hd-brand{flex:none}
  .design-b .hd-left-end{display:none}
}
@media (min-width:1000px) and (max-width:1240px){ .design-b .hd-nav{gap:12px} .design-b .hd-nav a{font-size:14px} .design-b .hd-wordsub{display:none} }
/* Runde 33 · Spotlight dezenter */
.design-b .spot31{background:radial-gradient(closest-side,rgba(205,140,255,.22),rgba(205,140,255,.08) 45%,rgba(205,140,255,0) 100%)}
.design-b .spot31-light{background:radial-gradient(closest-side,rgba(240,150,175,.20),rgba(240,150,175,.07) 45%,rgba(240,150,175,0) 100%)}

/* ══════════ Runde 34 · KI-Hautanalyse als eigener Abschnitt, Verlauf als Regler, schmale Ansichten kleiner ══════════ */
.design-b .ha34{background:var(--b-mid-bg);padding:clamp(52px,5.4vw,80px) 0}
.design-b .ha34-in{display:grid;gap:30px;align-items:center}
.design-b .ha34-in>*{min-width:0}
.design-b .ha34-fig{margin:0;position:relative;border-radius:22px;overflow:hidden;background:#F1E6EE;box-shadow:0 40px 80px -44px rgba(58,29,74,.55)}
.design-b .ha34-fig svg,.design-b .ha34-fig img{display:block;width:100%;height:auto}
.design-b .ha34-fig figcaption{position:absolute;left:14px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(255,253,251,.92);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7A4E88}
.design-b .ha34-facts{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:10px}
.design-b .ha34-facts li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:linear-gradient(145deg,#3A1D4A,#57306E);color:#fff}
.design-b .ha34-facts b{font-family:var(--b-serif);font-weight:340;font-size:24px;color:#FFD9DE}
.design-b .ha34-facts span{font-size:14.5px;color:rgba(255,255,255,.86)}
@media (min-width:700px){ .design-b .ha34-facts{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1000px){ .design-b .ha34-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px)} }
/* Verlauf-Regler in der Pflaume-Karte */
.design-b #ergebnisse .case-second-k{display:block}
.design-b #ergebnisse .case-second-k .cmp{max-width:none;margin:0 0 14px}
.design-b #ergebnisse .case-second-k .cmp-frame{aspect-ratio:708/750;border-radius:14px}
.design-b #ergebnisse .case-second-k img{filter:grayscale(1)}
/* schmale Ansichten bis 999 px (auch halbes Laptop-Fenster): Karte, Regler und Hero-Foto kleiner */
@media (max-width:999px){
  .design-b .zk-stage{max-width:240px}
  .design-b #behandlungen .b-case,.design-b #behandlungen .cmp{max-width:340px!important;width:100%;margin-inline:auto}
  .design-b .b-hero27 .b-hero14-visual{max-width:460px;margin:26px 0 0}
  .design-b .b-hero27 .b-hero14-card{aspect-ratio:16/11}
  .design-b .b-hero27 .b-hero14-frame{padding:0 0 10px}
}
@media (max-width:599px){ .design-b .zk-stage{max-width:210px} .design-b #behandlungen .b-case,.design-b #behandlungen .cmp{max-width:280px!important} .design-b .b-hero27 .b-hero14-visual{max-width:none} }
.design-b #ergebnisse .case-second-k .cmp{background:none;border:0;padding:0;box-shadow:none}

/* ══════════ Runde 35 · FAQ eingeklappt, WhatsApp, Statement, Regler in beiden Schwarzweiß-Karten ══════════ */
.design-b #faq.faq-collapsed .faq-more{display:none}
.design-b .faq-all{margin:22px auto 0;display:flex;background:transparent;color:var(--b-purple);border:1.5px solid var(--b-purple);cursor:pointer}
.design-b .faq-all:hover{background:var(--b-purple);color:#fff}
.design-b .book-today{margin:22px auto 0;max-width:36em;font-size:17px;color:rgba(255,255,255,.9)}
.design-b .book-today b{color:#FFD9DE}
.design-b .book-wa{margin:14px 0 0}
.design-b .b-cta-wa{display:inline-flex;align-items:center;gap:10px;background:#1F9D57;color:#fff;border:0}
.design-b .b-cta-wa:hover{background:#178247}
.design-b .credo-intl{padding:14px 18px;border-left:3px solid #B4527A;background:rgba(180,82,122,.07);border-radius:0 12px 12px 0}
.design-b .credo-intl b{color:#8E3A60}
@media (min-width:1000px){ .design-b #ergebnisse .case-second-k .cmp{max-width:360px;margin-inline:auto} }
.design-b .b-cta-wa{background:#14703E}.design-b .b-cta-wa:hover{background:#0F5C32}

/* ══════════ Runde 36 · Ergebnisse als drei gleich große Regler, SkinPen-Foto unter die Preiskarte, untere Abschnitte knapper ══════════ */
.design-b .case-row36{display:grid;gap:18px;margin-top:clamp(24px,3vw,40px)}
.design-b .case-row36>*{min-width:0}
.design-b .case-row36 .case-second-k{margin:0}
.design-b .case-row36 .cmp{max-width:none!important;margin:0 0 12px!important}
.design-b .case-row36 .cmp-frame{aspect-ratio:4/5!important;border-radius:14px}
.design-b .case-row36 .case-second-n img{filter:none}
.design-b .case-row36 .cs-note{font-size:14px;line-height:1.5}
@media (min-width:760px){ .design-b .case-row36{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} }
@media (min-width:1000px){ .design-b #ergebnisse .b-head{max-width:none;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:40px} .design-b #ergebnisse .b-head .b-kicker{grid-column:1 / -1} .design-b #ergebnisse .b-lede{margin:0 0 6px;max-width:34em} }
.design-b #ergebnisse{padding-top:clamp(44px,4.6vw,64px);padding-bottom:clamp(44px,4.6vw,64px)}
/* Hautbehandlungen: Foto rechts unter der Karte, kleiner */
@media (min-width:1000px){
  .design-b #behandlungen .b-wrap{grid-template-areas:"case head" "case card" "case photo";grid-template-rows:auto auto 1fr;align-items:start}
  .design-b #behandlungen .b-photo36{grid-area:photo;margin-top:16px;align-self:start}
  .design-b #behandlungen .b-photo36 img{aspect-ratio:16/6;object-fit:cover;object-position:50% 40%}
  .design-b #behandlungen .b-photo36 .b-photo-link{margin-bottom:6px}
  .design-b #behandlungen .b-case{position:sticky;top:92px}
}
/* Untere Abschnitte: Polster und Abstände 20–30 % knapper */
.design-b .glimpse,.design-b .credo,.design-b .voices,.design-b .loc,.design-b .faq,.design-b .book{padding-top:clamp(44px,5.4vw,76px)!important;padding-bottom:clamp(44px,5.4vw,76px)!important}
.design-b .b-med15,.design-b #medizin,.design-b #hautanalyse{padding-top:clamp(44px,4.8vw,68px);padding-bottom:clamp(44px,4.8vw,68px)}
.design-b .b-inj15{padding:clamp(28px,3.4vw,44px) 0 clamp(36px,4vw,52px)}
.design-b .credo-grid{align-items:center}
/* Runde 36b · Ergebnisse: Überschrift über die volle Breite, drei Regler darunter */
.design-b #ergebnisse .b-wrap{display:block!important}
.design-b #ergebnisse .b-head{display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 40px;max-width:none!important;margin:0 0 6px}
.design-b #ergebnisse .b-head .b-kicker{flex:1 0 100%}
.design-b #ergebnisse .b-head .b-h2{margin:0}
.design-b #ergebnisse .b-lede{margin:0!important;max-width:30em}
.design-b .case-row36 .cs-note{font-size:14.5px}
.design-b .case-row36 .case-second-k{padding:14px 14px 16px}
@media (min-width:1000px){ .design-b .case-row36{gap:26px} .design-b .case-row36 .cmp-frame{aspect-ratio:1/1.05!important} }
.design-b .case-row36 .case-second-n img,.design-b .case-row36 .case-second-n .cmp-before,.design-b .case-row36 .case-second-n .cmp-after{filter:none!important}
.design-b .case-row36 .cmp-frame{aspect-ratio:1/1.05!important}
.design-b .case-row36 .case-second-f{max-width:none}

/* ══════════ Runde 37 · Leerräume schließen, Kopf hellgrau ══════════ */
/* Infusionen: Tropf rechts neben den Marken, linke Spalte nur das Blatt → Spalten gleich hoch */
.design-b .ivm37-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;align-items:end;margin-top:22px}
.design-b .ivm37-bottom>div{min-width:0}
.design-b #medizin .ivm-list-head{margin-top:0!important}
.design-b #medizin.ivm13 .iv.iv37{zoom:.62;margin:0;width:200px}
.design-b .lab15{align-items:flex-start}
@media (max-width:699px){ .design-b .ivm37-bottom{grid-template-columns:1fr} .design-b #medizin.ivm13 .iv.iv37{display:none} }
@media (min-width:1000px){ .design-b #medizin.ivm13 .ivm-grid{align-items:start} }
/* Medizinisches Botox → Weitere Injektionen: kein Loch dazwischen */
.design-b .b-med15{padding-bottom:clamp(28px,3vw,40px)}
.design-b .b-med15 .b-med2-note{margin-top:14px}
.design-b .b-inj15{padding-top:clamp(20px,2.4vw,32px)}
.design-b .b-inj15 .b-head{margin-bottom:0}
.design-b .b-inj15 .b-mcards{margin-top:14px}
.design-b .b-inj15 .b-med2-note{margin-top:14px}
/* Selbstverständnis: Foto so hoch wie der Text */
.design-b .credo-figure .img-frame{aspect-ratio:16/10}
.design-b .credo-grid{align-items:center}
.design-b .credo{padding-top:clamp(40px,4.6vw,64px)!important;padding-bottom:clamp(40px,4.6vw,64px)!important}
/* Zonen-Karte: Kopf hellgrau statt schwarz, Haar mittelgrau */
.design-b .zk-skin21{fill:#8E8593;stroke:rgba(255,255,255,.85)}
.design-b .zk-hair21{fill:#5E5565;stroke:rgba(255,255,255,.55)}
.design-b .zk-svg21 .zk-zone path{fill:rgba(214,170,240,.62);stroke:#fff}
.design-b .zk-nogo21{fill:rgba(255,235,205,.28);stroke:rgba(255,235,205,.9)}
.design-b #medizin.ivm13 .iv.iv37{zoom:.9;width:200px}
.design-b .ivm37-bottom{align-items:center}
.design-b .credo .eyebrow{margin-bottom:8px}

/* ══════════ Runde 38 · Textpass: Hero zweizeilig, Finder imposanter, Hautanalyse-Link leuchtend, Zeitstrahl-Skala exakt, Infusions-Überschrift glowy, International-Pop, Routenplaner ══════════ */
@media (min-width:900px){ .design-b .b-hero27 .b-h1{font-size:clamp(34px,3.55vw,58px)!important;max-width:none} .design-b .b-hero27 .b-hero-body{max-width:none} }
.design-b .b-concern-sec .b-h2{font-size:clamp(44px,6vw,84px)!important;text-shadow:0 2px 40px rgba(255,200,220,.35)}
.design-b .b-concern-sec .b-finder-more{font-size:clamp(17px,1.4vw,20px)!important;margin-top:22px!important}
.design-b .b-concern-sec .b-finder-more a{color:#FFD9DE!important;font-weight:700;border-bottom:2px solid rgba(255,217,222,.8)!important;text-shadow:0 0 18px rgba(255,200,220,.75)}
.design-b .ct17-ticks38{position:relative;height:1.4em;margin-top:6px}
.design-b .ct17-ticks38 span{position:absolute;top:0;left:calc(15px + var(--p) * (100% - 30px));transform:translateX(-50%);white-space:nowrap;text-align:center}
.design-b .display38{text-shadow:0 0 28px rgba(255,190,215,.55),0 0 70px rgba(255,160,200,.3)}
.design-b .display38 em{color:#FFD3DC;text-shadow:0 0 30px rgba(255,211,220,.8)}
.design-b .b-intl38{padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,217,222,.35);max-width:44em!important}
.design-b .b-intl38 b{color:#FFD9DE}
.design-b .credo-intl{font-size:clamp(18px,1.5vw,22px);line-height:1.5;padding:18px 22px}
.design-b .credo-intl b{font-family:var(--b-serif);font-weight:400;font-size:1.25em;display:block;margin-bottom:4px}
.design-b .credo-figure img{object-position:50% 20%}
.design-b .b-route38{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px;margin-left:4px}
.design-b .b-route38 svg{width:18px;height:18px}
.design-b .b-route38:hover{color:#FFD9DE;border-color:#FFD9DE}
.design-b .b-toast-intl{background:linear-gradient(145deg,#3A1D4A,#57306E);color:#fff;border:1px solid rgba(255,217,222,.4)}
.design-b .b-toast-intl .b-toast-t{color:#fff}
.design-b .b-toast-intl .b-toast-t b{color:#FFD9DE}
.design-b .b-toast-intl .intl-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FFD9DE;color:#3A1D4A;font-size:18px;flex:none}
.design-b .b-toast-intl .b-toast-link{color:#FFD9DE}
.design-b .b-toast-intl .b-toast-x{color:#fff}
/* Runde 39 · International-Hinweisfenster links unten, Bewertungs-Hinweis bleibt rechts */
.design-b .b-toast-intl{right:auto;left:24px;max-width:380px;display:flex;gap:12px;align-items:flex-start;padding:16px 44px 16px 16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.design-b .b-toast-intl>div{min-width:0}
.design-b .b-toast-intl .b-toast-t{margin:0 0 6px;font-size:14.5px;line-height:1.45}
@media (max-width:599px){ .design-b .b-toast-intl{left:12px;right:12px;max-width:none;bottom:84px} }
.design-b .b-toast-intl[hidden]{display:none}
.design-b #ergebnisse .case-second-k img{filter:none!important}

/* Runde 42: Ergebnis-Karten in hellem Flieder #A388B6, dunkle Schrift */
.design-b #ergebnisse .case-second{background:linear-gradient(145deg,#977BAC 0%,#A388B6 55%,#B49CC5 100%);color:#2C1A3C;box-shadow:0 40px 80px -44px rgba(92,64,120,.55)}
.design-b #ergebnisse .case-second .cs-note,.design-b #ergebnisse .case-second figcaption,.design-b #ergebnisse .case-second .cs-cap{color:rgba(44,26,60,.86)}
.design-b #ergebnisse .case-second .cs-note b{color:#2C1A3C}
.design-b #ergebnisse .case-second .cmp-handle{background:#5E3A70;border-color:#fff}

/* Runde 42b: Finder-Karte gleitet von Pflaume (oben) ins helle Flieder #A388B6 (unten) */
.design-b .b-concern-sec>.b-wrap{background:radial-gradient(70% 90% at 50% 0%,rgba(255,190,210,.14),rgba(255,190,210,0) 70%),linear-gradient(180deg,#3A1D4A 0%,#5E3A70 34%,#8A6AA0 70%,#A388B6 100%)}
.design-b .b-concern-sec .b-finder-note,.design-b .b-concern-sec .b-finder-hint{color:#F7EEF8}

/* Runde 44: Vier Einstiege als eigene Zeile unter dem Finder, weiße Karten auf Creme */
.design-b .b-shelf44{padding:clamp(22px,3vw,36px) 0 clamp(10px,2vw,20px)}
.design-b .b-shelf44 .b-shelf44-k{margin:0 0 12px;text-align:center;color:#8A5284}
.design-b .b-shelf44 .b-hero15-shelf{padding:0;max-width:1120px;margin-inline:auto}
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a{background:#fff;color:#3A1D4A;border:1px solid #EAD9E6;box-shadow:0 18px 40px -30px rgba(58,29,74,.5)}
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a b{color:#B4527A}
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a:hover,html[data-t] .design-b .b-shelf44 .b-hero15-shelf a:focus-visible{background:#FDF6F4;border-color:#D9BFD6}
.design-b .b-hero27{padding-bottom:clamp(36px,5vw,64px)}

/* Runde 44: zwei echte Fotos der Hautanalyse statt Platzhalter */
.design-b .ha34-figs{display:grid;gap:14px}
.design-b .ha34-fig img{aspect-ratio:4/3;object-fit:cover}
@media (min-width:700px) and (max-width:999px){ .design-b .ha34-figs{grid-template-columns:1fr 1fr} }

/* Runde 45: Hero neu. Links das echte Haus in Farbe, nach rechts in Malve auslaufend, Text rechts, darunter die Bildfolge als breiter Streifen. Kein Leerraum mehr zum Finder. */
.design-b .b-hero45{padding-bottom:0}
.design-b .b-hero45 .b-hero-slide-ha{object-fit:cover;object-position:50% 40%}
.design-b .b-concern-sec{padding-top:clamp(28px,4vw,48px)}
@media (min-width:1000px){
  .design-b .b-hero45 .b-hero27-bg{-webkit-mask-image:none;mask-image:none}
  .design-b .b-hero45 .b-hero27-bg img{filter:none;width:100%;max-width:none;object-position:18% 46%;animation:none}
  .design-b .b-hero45 .b-hero14-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:end;min-height:min(100svh,860px);padding-top:calc(var(--hd-h) + 40px);padding-bottom:40px;row-gap:0}
  .design-b .b-hero45 .b-hero14-copy{grid-column:2;grid-row:1;align-self:end}
  .design-b .b-hero45 .b-hero14-visual{grid-column:2;grid-row:2;--card-h:auto;display:block;margin:26px 0 0;max-width:none;align-self:start}
  .design-b .b-hero45 .b-hero14-frame{padding:0}
  .design-b .b-hero45 .b-hero14-card{width:100%!important;height:auto!important;aspect-ratio:16/6.4;border-radius:20px}
  .design-b .b-hero45 .b-hero-slide-team{object-position:50% 28%}
  .design-b .b-hero45 .b-hero25-quote,.design-b .b-hero45 .b-hero-proof{display:none}
}

/* Runde 46: Seiten getauscht. Text und Bildstreifen links, das Haus rechts, Inhalt vertikal mittig, kein Loch mehr oben */
@media (min-width:1000px){
  .design-b .b-hero45 .b-hero27-bg img{position:absolute;top:0;left:23.6%;width:128%;height:100%;object-position:38% 46%}
  .design-b .b-hero45 .b-hero14-in{align-items:start;align-content:center;padding-top:calc(var(--hd-h) + 24px);padding-bottom:34px}
  .design-b .b-hero45 .b-hero14-copy{grid-column:1;grid-row:1;align-self:auto}
  .design-b .b-hero45 .b-hero14-visual{grid-column:1;grid-row:2;margin-top:24px}
}

/* Runde 47: Ergebnisse jetzt zwei Regler nebeneinander, Weitere Injektionen sechs Karten in zwei Reihen */
@media (min-width:760px){ .design-b .case-row36{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto} }
@media (min-width:900px){ .design-b .b-inj15 .b-mcards-6{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* Runde 47: PRP-Abschnitt. Grafik auf dunkler Pflaume links, Text rechts, zwei Einsatzkarten, drei Fakten */
.design-b .b-prp47{padding:clamp(48px,6vw,84px) 0;background:linear-gradient(180deg,#FDF6F4 0%,#F6E8EE 100%)}
.design-b .prp47-in{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
.design-b .prp47-fig{margin:0;position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);padding:clamp(14px,2vw,22px);box-shadow:0 40px 80px -44px rgba(58,29,74,.6)}
.design-b .prp47-svg{display:block;width:100%;height:auto}
.design-b .prp47-fig figcaption{margin:8px 4px 0;font-size:13px;color:rgba(255,243,236,.75)}
.design-b .prp47-uses{display:grid;gap:12px;margin-top:22px}
.design-b .prp47-use{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid rgba(42,17,56,.08);box-shadow:var(--b-card-shadow);text-decoration:none;color:inherit;transition:transform .35s var(--b-ease),box-shadow .35s var(--b-ease)}
.design-b .prp47-use:hover{transform:translateY(-3px)}
.design-b .prp47-use.is-main{background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);color:#fff;border:0}
.design-b .prp47-use-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B4527A}
.design-b .prp47-use.is-main .prp47-use-k{color:#FFD3DC}
.design-b .prp47-use b{font-family:var(--b-serif);font-weight:500;font-size:22px;line-height:1.15}
.design-b .prp47-use span:last-child{font-size:15px;line-height:1.5;color:#5A4664}
.design-b .prp47-use.is-main span:last-child{color:rgba(255,255,255,.86)}
.design-b .prp47-facts{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.design-b .prp47-facts li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid rgba(42,17,56,.08)}
.design-b .prp47-facts b{font-family:var(--b-serif);font-weight:500;font-size:20px;color:#3A1D4A}
.design-b .prp47-facts span{font-size:13px;color:#5A4664}
.design-b .prp47-copy .b-cta-row{margin-top:22px}
.design-b .prp47-note{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:#7A6684}
@media (min-width:1000px){ .design-b .prp47-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)} }
@media (max-width:599px){ .design-b .prp47-facts{grid-template-columns:1fr 1fr} }
.design-b .prp47-left{display:grid;gap:14px;align-self:start}
.design-b .prp47-plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:none}
.design-b .prp47-plan li{display:flex;flex-direction:column;gap:3px;padding:12px 12px 13px;border-radius:14px;background:#fff;border:1px solid rgba(42,17,56,.08);box-shadow:var(--b-card-shadow)}
.design-b .prp47-plan b{font-family:var(--b-serif);font-weight:500;font-size:17px;line-height:1.15;color:#3A1D4A}
.design-b .prp47-plan span{font-size:12.5px;line-height:1.4;color:#5A4664}
@media (min-width:1000px){ .design-b .prp47-in{align-items:start} .design-b .prp47-left{position:sticky;top:calc(var(--hd-h) + 24px)} }
@media (max-width:599px){ .design-b .prp47-plan{grid-template-columns:1fr 1fr} }

/* Runde 48: schmale Desktops (1000 bis 1240 px) und niedrige Fenster. Headline bleibt zweizeilig, Textspalte breiter, alles kompakter, Bildstreifen flacher */
@media (min-width:1000px) and (max-width:1240px){
  .design-b .b-hero45 .b-hero14-in{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;column-gap:28px}
  .design-b .b-hero45 .b-h1{font-size:clamp(38px,4.4vw,54px);line-height:1.02}
  .design-b .b-hero45 .h-rotor{font-size:clamp(22px,2.6vw,30px)}
  .design-b .b-hero45 .b-hero27-bg img{left:30%;width:120%}
}
@media (min-width:1000px) and (max-height:760px){
  .design-b .b-hero45 .b-hero14-in{padding-top:calc(var(--hd-h) + 10px);padding-bottom:16px;min-height:0}
  .design-b .b-hero45 .b-hero28-k{margin-bottom:6px}
  .design-b .b-hero45 .b-h1{margin-bottom:6px}
  .design-b .b-hero45 .h-rotor{margin:4px 0 12px}
  .design-b .b-hero45 .b-hero25-cta{margin-top:14px}
  .design-b .b-hero45 .b-hero14-visual{margin-top:14px}
  .design-b .b-hero45 .b-hero14-card{aspect-ratio:16/5.2}
}

/* Runde 49: Regler-Rahmen im Verhältnis 4:5 wie das Referenzpaar */
@media (min-width:1000px){ .design-b .case-row36 .cmp-frame{aspect-ratio:4/5!important} }
.design-b .case-row36 .cmp-frame{aspect-ratio:4/5!important}

/* Runde 50: Hero. Bildfolge (Team, Hautanalyse, Vorher/Nachher, Haus) läuft rechts als Hintergrund, links Malve mit Text. Keine Karte mehr, Headline höchstens zwei Zeilen. */
.design-b .b-hero50{background:linear-gradient(90deg,#8A5284 0%,#5E3A70 100%)}
.design-b .b-hero50 .b-hero14-visual{display:none!important}
.design-b .b-hero50-bg{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:none;mask-image:none}
.design-b .b-hero50-bg .b-hero-show{position:absolute;inset:0}
.design-b .b-hero50-bg .b-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;margin:0;border-radius:0}
.design-b .b-hero50-bg .b-hero-ba{display:grid;grid-template-columns:1fr 1fr;gap:0}
.design-b .b-hero50-bg .b-hero-ba .ba-h{position:relative;display:block;overflow:hidden}
.design-b .b-hero50-bg .b-hero-ba .ba-h img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.design-b .b-hero50-bg .b-hero-ba em{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border-radius:999px;background:rgba(40,18,58,.78);color:#fff;font-style:normal;font-size:13px}
.design-b .b-hero50-bg .b-hero-ba .ba-h i{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;background:rgba(40,18,58,.78);color:#fff;font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.design-b .b-hero50 .b-hero14-in{display:block;min-height:min(100svh,780px);padding-top:calc(var(--hd-h) + 40px);padding-bottom:56px}
.design-b .b-hero50 .b-hero14-copy{position:relative;z-index:1;max-width:none}
.design-b .b-hero50 .b-h1{font-size:clamp(34px,5.2vw,52px);line-height:1.05;max-width:none}
@media (min-width:1000px){
  .design-b .b-hero50-bg{left:42%;right:0;width:auto}
  .design-b .b-hero50 .b-hero14-in{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr)!important;align-items:center;align-content:center;min-height:min(100svh,780px);padding-top:calc(var(--hd-h) + 30px);padding-bottom:40px}
  .design-b .b-hero50 .b-hero14-copy{grid-column:1;grid-row:1;padding-right:24px}
  .design-b .b-hero50 .b-h1{font-size:clamp(32px,3.05vw,52px);line-height:1.04;white-space:normal}
  .design-b .b-hero50 .h-rotor{font-size:clamp(22px,2vw,30px)}
}
@media (max-width:999px){
  .design-b .b-hero50-bg{opacity:.55}
  .design-b .b-hero50 .b-hero14-in{padding-bottom:48px}
}

/* Runde 51: Headline immer genau zwei Zeilen. Zwei unzerbrechliche Hälften, Größe mit Vorrang vor allen älteren Regeln */
.design-b .b-hero50 .b-h1 .nb{white-space:nowrap}
.design-b .b-hero50 .b-h1{font-size:clamp(30px,7.6vw,44px)!important;line-height:1.05!important;max-width:none!important}
@media (min-width:1000px){ .design-b .b-hero50 .b-h1{font-size:clamp(30px,2.9vw,48px)!important} }

/* Runde 53: Kopfzeile nach Vorbild Fachhandel: schmale Infoleiste, Logo-Bild, Navigation, Termin-Knopf als Umriss. Hero: Text links in seiner Spalte, Bildfolge rechts als kompakte Karte, nichts überlappt. */
.design-b{--hd-h:104px}
.design-b .topbar53{display:flex;justify-content:center;gap:clamp(18px,4vw,56px);padding:0 var(--pad);height:32px;align-items:center;background:#2C1638;color:rgba(255,255,255,.86);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.design-b .topbar53-item{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;white-space:nowrap}
.design-b .topbar53-item i{width:8px;height:8px;border-radius:50%;background:#E9B8C9;box-shadow:0 0 0 3px rgba(233,184,201,.25)}
.design-b .hd-scrolled .topbar53{background:#2C1638}
.design-b .hd-brand53{display:flex;align-items:center}
.design-b .hd-logo{display:block;height:20px;width:auto}
.design-b .hd-logo-dark{display:none}
.design-b .hd-scrolled .hd-logo-light,body.subpage .hd-logo-light{display:none}
.design-b .hd-scrolled .hd-logo-dark,body.subpage .hd-logo-dark{display:block}
.design-b .site-header:not(.hd-scrolled) .hd-cta.hd-doc{background:transparent!important;border:1.5px solid rgba(255,255,255,.9)!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}
.design-b .hd-scrolled .hd-cta.hd-doc{background:transparent!important;border:1.5px solid #5E3A70!important;color:#3A1D4A!important;border-radius:999px!important;box-shadow:none!important}
.design-b .hd-cta.hd-doc:hover{background:#fff!important;color:#3A1D4A!important}
.design-b .hd-scrolled .hd-cta.hd-doc:hover{background:#5E3A70!important;color:#fff!important}
.design-b .site-header .hd-ig,.design-b .site-header .hd-phone{display:none}
@media (max-width:999px){ .design-b .topbar53{display:none} .design-b{--hd-h:72px} .design-b .hd-logo{height:16px} }
@media (max-width:599px){ .design-b .hd-logo{height:13px} }

.design-b .b-hero53{background:linear-gradient(100deg,#5E3A70 0%,#7A4E88 55%,#8A5284 100%)}
.design-b .b-hero53 .b-hero14-visual{display:block!important}
.design-b .b-hero53 .b-hero14-in{display:grid;grid-template-columns:minmax(0,1fr);row-gap:28px;min-height:0;padding-top:calc(var(--hd-h) + 28px);padding-bottom:48px}
.design-b .b-hero53 .b-hero14-copy{max-width:none;min-width:0}
.design-b .b-hero53 .b-hero14-visual{margin:0;max-width:520px;width:100%;justify-self:center;align-self:center}
.design-b .b-hero53 .b-hero14-frame{padding:0}
.design-b .b-hero53 .b-hero14-card{width:100%!important;height:auto!important;aspect-ratio:4/3;border-radius:22px;box-shadow:0 40px 90px -40px rgba(20,5,35,.8),0 0 0 6px rgba(255,255,255,.12)}
.design-b .b-hero53 .b-hero-show{position:absolute;inset:0}
.design-b .b-hero53 .b-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;margin:0;border-radius:0}
.design-b .b-hero53 .b-hero-ba{display:grid;grid-template-columns:1fr 1fr;gap:0}
.design-b .b-hero53 .b-hero-ba .ba-h{position:relative;display:block;overflow:hidden}
.design-b .b-hero53 .b-hero-ba .ba-h img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.design-b .b-hero53 .b-hero-ba .ba-h i{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:rgba(40,18,58,.78);color:#fff;font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.design-b .b-hero53 .b-hero-ba em{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(40,18,58,.78);color:#fff;font-style:normal;font-size:12px}
.design-b .b-hero53 .b-hero25-quote,.design-b .b-hero53 .b-hero-proof{display:none}
.design-b .b-hero53 .b-h1{font-size:clamp(30px,7.6vw,44px)!important;line-height:1.05!important;max-width:none!important}
@media (min-width:1000px){
  .design-b .b-hero53 .b-hero14-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:clamp(28px,4vw,64px);align-items:center;align-content:center;min-height:min(100svh,780px);padding-top:calc(var(--hd-h) + 24px);padding-bottom:40px}
  .design-b .b-hero53 .b-hero14-copy{grid-column:1;grid-row:1;padding-right:0}
  .design-b .b-hero53 .b-hero14-visual{grid-column:2;grid-row:1;justify-self:end;max-width:540px}
  .design-b .b-hero53 .b-h1{font-size:clamp(30px,2.75vw,46px)!important}
}
.design-b .b-hero53 .b-hero14-in{padding-top:calc(var(--hd-h) + 8px)}
@media (min-width:1000px){ .design-b .b-hero53 .b-hero14-in{min-height:min(100svh,720px);padding-top:calc(var(--hd-h) + 6px);padding-bottom:36px} }

/* Runde 54: Infoleiste wie im Vorbild (Sans, Versalien, Goldpunkt und Goldwort), eigenes festes Element. Hauptmenü darunter, blendet beim Scrollen aus. Emblem-Logo. Hero mit Haus im Hintergrund. */
.design-b{--ui-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;--hd-h:104px;--top-h:34px}
.design-b .topbar53{display:none}
.design-b .topbar54{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;gap:clamp(22px,4.5vw,64px);padding:0 var(--pad);height:var(--top-h);align-items:center;background:#1E1030;color:rgba(255,255,255,.88);font-family:var(--ui-sans);font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.design-b .topbar54-item{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;white-space:nowrap}
.design-b .topbar54-item b{font-weight:600;color:#C9A96E}
.design-b .topbar54-item i{width:8px;height:8px;border-radius:50%;background:#C9A96E;box-shadow:0 0 0 3px rgba(201,169,110,.22)}
.design-b .site-header{top:var(--top-h);transition:transform .38s var(--b-ease),background .3s}
.design-b .site-header.hd-away{transform:translateY(-110%)}
.design-b .hd-nav a,.design-b .hd-cta.hd-doc{font-family:var(--ui-sans)!important;font-weight:500!important;letter-spacing:.01em!important}
.design-b .hd-brand54{display:flex;align-items:center;gap:12px}
.design-b .hd-emblem{display:block;width:44px;height:auto;flex:none}
.design-b .hd-scrolled .hd-emblem{filter:brightness(0) opacity(.82)}
.design-b .hd-words{display:flex;flex-direction:column}
.design-b .hd-logo{display:none!important}
@media (max-width:999px){ .design-b .topbar54{display:none} .design-b{--top-h:0px;--hd-h:72px} .design-b .hd-emblem{width:34px} }
@media (max-width:599px){ .design-b .hd-emblem{width:30px} .design-b .hd-brand54{gap:8px} }

.design-b .b-hero54{background:#5E3A70}
.design-b .b-hero54-bg{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:none;mask-image:none}
.design-b .b-hero54-bg img{position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%;filter:none;animation:none;transform:none}
.design-b .b-hero54 .b-hero14-in{position:relative;z-index:1}
.design-b .b-hero54 .hero54-logo{display:block;width:clamp(64px,7vw,92px);height:auto;margin:0 0 18px}
.design-b .b-hero54 .b-hero14-card{box-shadow:0 46px 90px -40px rgba(10,2,20,.9),0 0 0 1px rgba(255,255,255,.22)}
.design-b .b-hero54 .b-hero25-trust{color:#fff}
@media (max-width:999px){ .design-b .b-hero54 .hero54-logo{width:60px;margin-bottom:12px} }

/* PRP kompakter */
.design-b .b-prp47{padding:clamp(36px,4.5vw,60px) 0}
.design-b .b-prp47 .b-lede{font-size:clamp(15px,1.15vw,17px)}
.design-b .prp47-use{padding:13px 15px}
.design-b .prp47-use b{font-size:19px}
.design-b .prp47-use span:last-child{font-size:14px}
@media (min-width:1000px){ .design-b .prp47-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px)} .design-b .prp47-left{max-width:520px} }
.design-b .hd-brand.hd-brand54{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px}
.design-b .hd-brand54 .hd-words{display:flex;flex-direction:column;line-height:1.1}
.design-b .b-hero54-bg img{object-position:32% 46%}
@media (min-width:1000px){ .design-b .b-hero54-bg img{object-position:36% 46%;transform:scale(1.18);transform-origin:36% 50%} }
@media (max-width:599px){ .design-b .hd-brand54 .hd-wordsub{display:none} .design-b .hd-brand54 .hd-wordmark{font-size:15px;white-space:nowrap} .design-b .hd-emblem{width:26px} .design-b .hd-brand54{min-width:0} }
@media (max-width:420px){ .design-b .hd-brand54 .hd-wordmark{font-size:14px} }
.design-b .hd-scrolled.hd-ondark .hd-cta.hd-doc{border-color:rgba(255,255,255,.9)!important;color:#fff!important}
.design-b .hd-scrolled.hd-ondark .hd-emblem{filter:none}

/* Runde 55: richtiges Praxis-Logo (Figur mit H). Auf Dunkel mit weißem H, auf Hell das Original */
.design-b .hd-emblem{width:auto;height:44px}
.design-b .hd-emblem-dark{display:none}
.design-b .hd-scrolled:not(.hd-ondark) .hd-emblem-light{display:none}
.design-b .hd-scrolled:not(.hd-ondark) .hd-emblem-dark{display:block}
.design-b .hd-scrolled .hd-emblem{filter:none}
.design-b .b-hero54 .hero54-logo{width:auto;height:clamp(84px,9vw,118px);margin:0 0 16px}
@media (max-width:999px){ .design-b .hd-emblem{height:36px} .design-b .b-hero54 .hero54-logo{height:76px;margin-bottom:12px} }
@media (max-width:599px){ .design-b .hd-emblem{height:30px} }

/* Runde 58 */
/* Kopfzeile: beim Ausblenden vollständig weg, auch der Verlaufsstreifen darunter */
.design-b .site-header{transition:transform .38s var(--b-ease),opacity .3s,visibility 0s linear 0s,background .3s}
.design-b .site-header.hd-away{transform:translateY(-130%);opacity:0;visibility:hidden;transition:transform .38s var(--b-ease),opacity .3s,visibility 0s linear .38s,background .3s}
/* Hautanalyse: drei Fotos, eins breit, zwei hochkant darunter */
.design-b .ha34-figs3{grid-template-columns:1fr 1fr}
.design-b .ha34-figs3 .ha34-fig-wide{grid-column:1/-1}
.design-b .ha34-figs3 .ha34-fig img{aspect-ratio:4/3;object-fit:cover}
.design-b .ha34-figs3 .ha34-fig:not(.ha34-fig-wide) img{aspect-ratio:3/4}
@media (min-width:700px) and (max-width:999px){ .design-b .ha34-figs3{grid-template-columns:1fr 1fr 1fr} .design-b .ha34-figs3 .ha34-fig-wide{grid-column:auto} .design-b .ha34-figs3 .ha34-fig img{aspect-ratio:3/4!important} }
/* Migräne: Hinweis auf die neue Bewertung, pulsierender Punkt */
.design-b .mig-pop{display:inline-flex;align-items:center;gap:8px;margin:2px 0 4px;padding:7px 12px 7px 10px;border:1px solid rgba(180,82,122,.35);border-radius:999px;background:#FFF1F4;color:#8A3A5A;font:600 12.5px/1.2 var(--b-sans);letter-spacing:.02em;cursor:pointer;text-align:left;transition:background .25s,transform .25s}
.design-b .mig-pop:hover{background:#FFE4EA;transform:translateY(-1px)}
.design-b .mig-pop i{width:8px;height:8px;border-radius:50%;background:#B4527A;box-shadow:0 0 0 0 rgba(180,82,122,.5);animation:migPulse 1.8s ease-out infinite;flex:none}
@keyframes migPulse{0%{box-shadow:0 0 0 0 rgba(180,82,122,.55)}70%{box-shadow:0 0 0 9px rgba(180,82,122,0)}100%{box-shadow:0 0 0 0 rgba(180,82,122,0)}}
@media (prefers-reduced-motion:reduce){ .design-b .mig-pop i{animation:none} }
.design-b .mig-ov{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .25s}
.design-b .mig-ov.is-in{opacity:1}
.design-b .mig-bd{position:absolute;inset:0;background:rgba(30,16,48,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.design-b .mig-panel{position:relative;width:min(680px,100%);max-height:min(86vh,860px);overflow:auto;overscroll-behavior:contain;padding:clamp(24px,4vw,40px);border-radius:24px;background:#FFFDFB;color:var(--b-ink);box-shadow:0 60px 120px -40px rgba(20,5,35,.7);transform:translateY(12px);transition:transform .3s var(--b-ease)}
.design-b .mig-ov.is-in .mig-panel{transform:none}
.design-b .mig-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(42,17,56,.15);background:#fff;color:#3A1D4A;display:grid;place-items:center;cursor:pointer}
.design-b .mig-x svg{width:18px;height:18px}
.design-b .mig-k{margin:0 40px 10px 0;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8A3A5A}
.design-b .mig-k .b-stars{color:#C9A96E;letter-spacing:.05em;margin-right:6px}
.design-b .mig-t{margin:0 0 16px;font-family:var(--b-serif);font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.15;color:#2C1A3C}
.design-b .mig-body p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:#4A3556}
.design-b .mig-foot{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(42,17,56,.1);font-size:13px;color:#7A6684}
.design-b .mig-foot a{color:#8A3A5A}
html.mig-lock .mig-ov{overscroll-behavior:contain}

/* Runde 58b: Handy-Kopfzeile ohne Instagram-Knopf, Wortmarke schmal; Migräne-Karte auf dem Handy: Hinweis und Text in der rechten Spalte */
@media (max-width:599px){
  .design-b .site-header .hd-actions .hd-ig{display:none!important}
  .design-b .hd-brand54 .hd-wordmark{font-size:14.5px!important;letter-spacing:0!important;white-space:nowrap}
  .design-b .hd-brand54 .hd-wordsub{display:none!important}
  .design-b .b-med15-ico{grid-row:1 / span 5}
  .design-b .mig-pop,.design-b .b-med15-d,.design-b .b-med15-tag,.design-b .b-med15-n{grid-column:2}
  .design-b .mig-pop{margin:4px 0 6px}
}

/* Runde 59: Termin-Abschnitt zweispaltig, Kurzfristig-Hinweis als Karte rechts */
.design-b .book-today{margin:18px 0 0;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);max-width:520px}
@media (min-width:1000px){
  .design-b .book-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(40px,6vw,96px);align-items:center}
  .design-b .book-inner>*{grid-column:1}
  .design-b .book-today{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0;padding:28px 30px;font-size:17px;line-height:1.55;max-width:none}
  .design-b .book-today b{display:block;font-family:var(--b-serif);font-weight:400;font-size:30px;line-height:1.1;margin-bottom:10px}
}

/* Runde 60: vier Einstiege in tiefem Pflaume wie Botox & Filler, Finder-Abschnitt auf Creme */
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a{background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);color:#fff;border:0;box-shadow:0 26px 50px -30px rgba(58,29,74,.7)}
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a b{color:#FFD3DC}
html[data-t] .design-b .b-shelf44 .b-hero15-shelf a:hover,html[data-t] .design-b .b-shelf44 .b-hero15-shelf a:focus-visible{background:linear-gradient(145deg,#4A2A60 0%,#6A3E82 100%);border:0}
.design-b .b-shelf44{background:#FDF6F3}
/* Runde 60b: verstecktes Dialog-Element darf nicht als unsichtbare Fläche über der Seite liegen */
.design-b .mig-ov[hidden]{display:none!important}
.design-b [hidden]{display:none!important}

/* Runde 61: Weitere Injektionen als große Pflaume-Karten */
.design-b .b-inj15 .b-mcards{gap:16px;margin-top:26px}
html[data-t] .design-b .b-inj15 .b-mcard{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:190px;padding:26px 26px 24px;border:0;border-radius:22px;background:linear-gradient(145deg,#3A1D4A 0%,#57306E 100%);color:#fff;box-shadow:0 30px 60px -34px rgba(58,29,74,.75);position:relative}
html[data-t] .design-b .b-inj15 .b-mcard .b-ico{width:42px;height:42px;stroke:#FFD3DC;stroke-width:1.5}
html[data-t] .design-b .b-inj15 .b-mcard-t{display:flex;flex-direction:column;gap:6px;margin-top:auto}
html[data-t] .design-b .b-inj15 .b-mcard-n{font-size:clamp(22px,1.8vw,27px);line-height:1.15;color:#fff}
html[data-t] .design-b .b-inj15 .b-mcard-tag{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#FFD3DC}
html[data-t] .design-b .b-inj15 .b-mcard-arr{position:absolute;top:24px;right:24px;width:22px;height:22px;color:#FFD3DC}
html[data-t] .design-b .b-inj15 .b-mcard:hover{background:linear-gradient(145deg,#4A2A60 0%,#6A3E82 100%);transform:translateY(-4px)}
@media (max-width:599px){ html[data-t] .design-b .b-inj15 .b-mcard{min-height:0;padding:20px 20px 18px;gap:10px} }
.design-b .mig-bd{cursor:default}
.design-b .mig-ov{z-index:6000}
.design-b .mig-panel{max-height:min(88vh,900px)}
.design-b .mig-foot a{text-decoration:underline;text-underline-offset:2px}

/* Runde 62: „International gefragt“ als Karte oben rechts, etwa ein Viertel der Breite, schließt nur über das X */
.design-b .b-toast-intl{left:auto!important;right:24px!important;bottom:auto!important;top:calc(var(--top-h) + var(--hd-h) + 18px);max-width:min(400px,28vw);width:auto;z-index:4500;display:flex;flex-direction:column;gap:12px;padding:22px 24px 20px;border-radius:20px;box-shadow:0 40px 90px -30px rgba(0,0,0,.75);transform:translateY(-10px)}
.design-b .b-toast-intl.is-in{transform:none}
.design-b .b-toast-intl .intl-badge{width:40px;height:40px;font-size:20px}
.design-b .b-toast-intl .intl-k{margin:0 0 6px;font-family:var(--b-serif);font-weight:400;font-size:22px;line-height:1.15;color:#fff}
.design-b .b-toast-intl .b-toast-t{font-size:15px;line-height:1.5;color:rgba(255,255,255,.9)}
.design-b .b-toast-intl .b-toast-x{top:10px;right:10px;width:36px;height:36px;background:rgba(255,255,255,.12)}
.design-b .b-toast-intl .b-toast-x:hover{background:rgba(255,255,255,.22);color:#fff}
@media (max-width:999px){ .design-b .b-toast-intl{max-width:min(420px,calc(100% - 24px));right:12px!important;top:calc(var(--hd-h) + 12px)} }
@media (max-width:599px){ .design-b .b-toast-intl{left:12px!important;right:12px!important;max-width:none;padding:18px 44px 16px 18px} }

/* Runde 63: „International gefragt“ unten rechts nach dem Finder; WhatsApp-Knopf unten links */
.design-b .b-toast-intl{top:auto!important;bottom:24px!important;right:24px!important;transform:translateY(12px)}
.design-b .b-toast-intl.is-in{transform:none}
@media (max-width:999px){ .design-b .b-toast-intl{bottom:calc(84px + env(safe-area-inset-bottom))!important;top:auto!important} }
.design-b .wa63{position:fixed;left:24px;bottom:24px;z-index:3800;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#1E8E5A;color:#fff;text-decoration:none;font:600 14.5px/1 var(--b-sans);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);transition:transform .25s var(--b-ease),background .25s}
.design-b .wa63:hover{background:#177249;transform:translateY(-2px)}
.design-b .wa63 svg{flex:none}
@media (max-width:999px){ .design-b .wa63{left:12px;bottom:calc(84px + env(safe-area-inset-bottom));padding:12px;gap:0} .design-b .wa63 span{display:none} }

/* Runde 64: WhatsApp als kleines weißes Quadrat, Text nur als Tooltip beim Zeigen */
.design-b .wa63{width:52px;height:52px;padding:0;justify-content:center;gap:0;border-radius:14px;background:#fff;color:#1E8E5A;border:1px solid rgba(42,17,56,.1);box-shadow:0 14px 30px -16px rgba(42,17,56,.45)}
.design-b .wa63:hover{background:#fff;color:#177249;transform:translateY(-2px)}
.design-b .wa63 svg{width:24px;height:24px}
.design-b .wa63 span{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 11px;border-radius:999px;background:#3A1D4A;color:#fff;font:600 13px/1 var(--b-sans);opacity:0;pointer-events:none;transition:opacity .2s}
.design-b .wa63:hover span,.design-b .wa63:focus-visible span{opacity:1}
@media (max-width:999px){ .design-b .wa63{width:46px;height:46px;padding:0} .design-b .wa63 span{display:none} }
.design-b .b-rev-nb{white-space:nowrap}

/* Runde 67: FAQ-Kategorien als Aufklapper */
.design-b .faq-grp{border-bottom:1px solid var(--b-rule)}
.design-b .faq-grp .faq-cat{margin:0;padding:0;border:0}
.design-b .faq-grp-btn{display:flex;align-items:center;gap:14px;width:100%;padding:22px 0;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--b-ink)}
.design-b .faq-grp-t{font-family:var(--b-serif);font-weight:400;font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:0;text-transform:none;color:var(--b-ink)}
.design-b .faq-grp-n{margin-left:auto;font-family:var(--b-sans);font-size:13px;letter-spacing:.06em;color:var(--b-muted);white-space:nowrap}
.design-b .faq-grp-ic{position:relative;width:28px;height:28px;flex:none;border-radius:50%;border:1.5px solid var(--b-purple)}
.design-b .faq-grp-ic::before,.design-b .faq-grp-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--b-purple);transform:translate(-50%,-50%);transition:transform .25s var(--b-ease)}
.design-b .faq-grp-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.design-b .faq-grp.is-open .faq-grp-ic::after{transform:translate(-50%,-50%) rotate(0)}
.design-b .faq-grp>details{display:none}
.design-b .faq-grp.is-open>details{display:block}
.design-b .faq-grp.is-open{padding-bottom:10px}
.design-b .faq-grp-btn:hover .faq-grp-t{color:var(--b-purple)}
@media (max-width:599px){ .design-b .faq-grp-btn{padding:18px 0;gap:10px} .design-b .faq-grp-n{display:none} }
@media (max-width:599px){ .design-b .faq-grp-ic{margin-left:auto} }