/* Schriften lokal (keine Verbindung zu Google beim Seitenaufruf) */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 600;font-display:swap;src:url("assets/fonts/cormorant-garamond-latin.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 600;font-display:swap;src:url("assets/fonts/manrope-latin.woff2") format("woff2")}

/* Beauty & Ink – gemeinsames Stylesheet */
:root{
  --white:#ffffff;
  --blush:#fbf4f6;
  --pink:#fbf4f6;
  --ph:#f6ecef;
  --ph-ink:#8a5468;
  --ink:#3a3438;
  --ink-soft:#6b6168;
  --line:#eedde3;
  --line-strong:#e2c4cf;
  --rose:#b05b78;
  --rose-dark:#964a66;
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:1280px;
  --gutter:clamp(20px, 5vw, 64px);
  --space:clamp(96px, 12vw, 180px);
  --header:96px;
  --radius:4px;
  --ease:cubic-bezier(.16,1,.3,1);
  --bleed:calc(-1 * (max(0px, (100vw - var(--wrap)) / 2) + var(--gutter)));
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--rose);text-decoration-thickness:1px;text-underline-offset:.24em;transition:color .3s var(--ease),text-underline-offset .3s var(--ease)}
a:hover{color:var(--rose-dark);text-underline-offset:.34em}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ink);margin:0;line-height:1.06;letter-spacing:-.012em;font-variant-numeric:lining-nums}
h1{font-size:clamp(2.6rem, 1.75rem + 3.4vw, 4.4rem);line-height:1.02}
h2{font-size:clamp(2.2rem, 1.6rem + 2.4vw, 3.5rem)}
h3{font-size:clamp(1.6rem, 1.4rem + .7vw, 2rem)}
h4{font-size:1.45rem}
p{margin:0}
ul,ol,dl{margin:0;padding:0;list-style:none}
dd{margin:0}
[id]{scroll-margin-top:calc(var(--header) + 24px)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--space)}
.bg-blush{background:var(--blush)}
.bg-pink{background:var(--pink)}
.lead{font-size:clamp(1.05rem, 1rem + .3vw, 1.22rem);line-height:1.65;color:var(--ink-soft);max-width:34em}
.muted{color:var(--ink-soft)}
.small{font-size:.875rem}
.prose{display:flex;flex-direction:column;gap:18px}
.prose p{max-width:36em}
.price{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--rose-dark);font-weight:600;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--white);padding:10px 14px;border:1px solid var(--line)}
.skip:focus{top:12px}
.eyebrow{font-size:.8125rem;letter-spacing:.04em;color:var(--ink-soft);display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--rose);flex:none}
.eyebrow a{color:inherit;text-decoration:none}
.eyebrow a:hover{color:var(--rose)}

/* Buttons & links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:var(--radius);border:1px solid var(--rose);background:var(--rose);color:var(--white);font:600 .9375rem/1.2 var(--sans);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .15s var(--ease)}
.btn:hover{background:var(--rose-dark);border-color:var(--rose-dark);color:var(--white)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn--ghost{background:var(--white);color:var(--rose)}
.btn--ghost:hover{background:var(--rose);border-color:var(--rose);color:var(--white)}
.btn--lg{min-height:60px;padding:18px 36px;font-size:1rem}
.btn--sm{min-height:44px;padding:10px 18px;font-size:.875rem}
.btns{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.tlink{display:inline-flex;align-items:center;gap:9px;font-weight:600;min-height:44px}
.arrow{display:inline-block;transition:transform .3s var(--ease)}
a:hover .arrow{transform:translateX(4px)}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Placeholders (fixed ratio; a real <img> goes inside later) */
.ph{position:relative;width:100%;aspect-ratio:var(--ar, 4 / 5);background:var(--ph);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;margin:0}
.ph > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph__label{max-width:78%;text-align:center;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ph-ink);line-height:1.6}
.ph__label small{display:block;font-size:.625rem;letter-spacing:.14em;opacity:.8;margin-top:4px}
.ar-45{--ar:4 / 5}
.ar-11{--ar:1 / 1}
.ar-32{--ar:3 / 2}

/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.header__in{display:flex;align-items:center;gap:12px;height:var(--header)}
.logo{margin-right:auto;display:inline-flex;align-items:flex-start;gap:6px;text-decoration:none;color:var(--rose);font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1;white-space:nowrap}
.logo:hover{color:var(--rose-dark)}
.logo__tag{font-family:var(--sans);font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);border:1px solid var(--line-strong);padding:2px 4px 1px;border-radius:2px;line-height:1.2}
.nav{display:none}
.nav ul{display:flex;gap:clamp(16px,1.9vw,30px)}
.nav a{position:relative;color:var(--ink);text-decoration:none;font-size:.9375rem;font-weight:500;padding-block:10px;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1.5px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--rose)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.lang{display:flex;align-items:center;gap:2px;font-size:.8125rem;font-weight:600;color:var(--ink-soft)}
.lang button{background:none;border:0;padding:8px 5px;font:inherit;color:inherit;cursor:pointer;letter-spacing:.06em;min-width:32px;min-height:40px;transition:color .25s var(--ease)}
.lang button:hover{color:var(--rose)}
.lang button[aria-pressed="true"]{color:var(--rose);text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:.45em}
.lang span{color:var(--line-strong)}
.header__in .lang{display:none}
.burger{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:var(--ink);padding:0}
.burger span{display:block;width:22px;height:1.5px;background:currentColor;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transition:transform .3s var(--ease)}
.burger span::before{top:-7px}
.burger span::after{top:7px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}
.menu{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);padding:8px var(--gutter) 28px;max-height:calc(100dvh - var(--header));overflow:auto}
.menu[hidden]{display:none}
.menu ul li a{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:1.7rem;font-weight:500}
.menu ul li a:hover,.menu ul li a[aria-current="page"]{color:var(--rose)}
.menu .lang{margin-top:18px;font-size:.9375rem}
.menu .lang button{min-width:44px;min-height:44px}
@media (max-width:1239px){.header .btn--sm{padding:10px 14px}}
@media (max-width:370px){.logo__tag{display:none}.logo{font-size:1.3rem}}
@media (min-width:1240px){
  .nav,.header__in .lang{display:flex}
  .burger,.menu{display:none !important}
  .nav{margin-right:auto}
  .logo{margin-right:clamp(24px,3vw,48px)}
  .header__in{gap:20px}
}

/* Section heads */
.shead{display:grid;gap:20px;margin-bottom:clamp(44px,5.5vw,80px)}
@media (min-width:900px){.shead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(40px,6vw,96px)}}

/* Home hero */
.hero{position:relative;overflow-x:clip;padding-top:clamp(36px,6vw,72px);padding-bottom:clamp(56px,6vw,88px)}
.hero__grid{display:grid;gap:56px}
.hero__text{display:flex;flex-direction:column;gap:28px}
.hero h1{max-width:11.5em}
.hero__more{max-width:30em;padding-top:22px;border-top:1px solid var(--line);font-size:.9375rem;color:var(--ink-soft)}
.hero__more a{font-weight:600}
.hero__media{position:relative;padding-bottom:16%}
.hero__media .ph--main{aspect-ratio:4 / 5}
.hero__media .ph--detail{position:absolute;width:44%;left:-6%;bottom:0;border:10px solid var(--white);border-radius:6px}
@media (max-width:899px){
  .hero__media{width:88%;margin-left:auto}
  .hero__media .ph--detail{left:-14%}
}
@media (min-width:900px){

  .hero__grid{position:relative;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,6vw,96px);align-items:center}
  .hero__text{padding-bottom:6%}
  .hero__media{margin-right:var(--bleed);padding-bottom:9%}
  .hero__media .ph--main{aspect-ratio:auto;height:min(76vh,740px);min-height:540px;border-radius:var(--radius) 0 0 var(--radius)}
  .hero__media .ph--detail{width:min(40%,260px);left:-18%}
}

/* Sub-page hero */
.phero{background:var(--white);border-bottom:1px solid var(--line);padding-block:clamp(48px,7vw,104px)}
.phero__grid{display:grid;gap:44px;align-items:center}
.phero__text{display:flex;flex-direction:column;gap:24px}
.phero h1{max-width:12em}
@media (min-width:900px){.phero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(48px,6vw,104px)}}
.phero--plain .phero__grid{grid-template-columns:1fr}

/* Facts */
.facts{padding-block:clamp(52px,6vw,88px);background:var(--blush)}
.facts ul{display:grid}
.facts li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 12px}
.facts li + li{border-top:1px solid var(--line-strong)}
.facts__n{font-family:var(--serif);font-weight:500;font-size:clamp(2.9rem,2.2rem + 2vw,3.9rem);line-height:1;color:var(--rose);font-variant-numeric:lining-nums;letter-spacing:-.01em}
.facts__l{display:flex;flex-direction:column;align-items:center;margin-top:16px;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);line-height:1.6}
.facts__l::before{content:"";width:32px;height:1px;background:var(--rose);margin-bottom:16px}
.facts__l small{margin-top:6px;font-size:.8125rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-soft)}
@media (min-width:760px){
  .facts ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts li{padding:8px clamp(16px,3vw,40px)}
  .facts li + li{border-top:0;border-left:1px solid var(--line-strong)}
}

/* Split layout (image + text) */
.split{display:grid;gap:48px;align-items:center}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(56px,7vw,120px)}
  .split--rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .split--rev > :first-child{order:2}
}
.media-pair{position:relative;padding-bottom:18%}
.media-pair .ph--small{position:absolute;width:50%;right:-8%;bottom:0;border:10px solid var(--white);border-radius:6px}
.bg-blush .media-pair .ph--small{border-color:var(--blush)}
.bg-pink .media-pair .ph--small{border-color:var(--pink)}
@media (max-width:899px){.media-pair{width:88%}.media-pair .ph--small{right:-12%}}

/* Home: treatment index */
.tindex{border-top:1px solid var(--line-strong)}
.tindex a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:6px 20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:color .35s var(--ease)}
.tindex .ph{width:72px}
.tindex .ph__label{font-size:.5rem}
.tindex__t{font-family:var(--serif);font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);font-weight:500;line-height:1.1;display:block}
.tindex__d{display:block;margin-top:4px;font-size:.9375rem;color:var(--ink-soft)}
.tindex__p{text-align:right;font-size:.9375rem}
.tindex__p .arrow{display:block;color:var(--rose);font-size:1.3rem;margin-top:2px}
.tindex .ab{color:var(--ink-soft);font-weight:400;margin-right:3px}
.tindex a:hover{background:none}
.tindex a:hover .tindex__t{color:var(--rose)}
.tindex a.is-key .tindex__t{color:var(--rose)}

@media (max-width:560px){.tindex a{grid-template-columns:56px minmax(0,1fr);}.tindex .ph{width:56px}.tindex__p{grid-column:2;text-align:left}.tindex__p .arrow{display:none}}

/* Treatments page */
.tgroup + .tgroup{margin-top:clamp(80px,10vw,140px)}
.tgroup__grid{display:grid;gap:44px;align-items:start}
@media (min-width:960px){
  .tgroup__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(56px,7vw,112px)}
  .tgroup--rev .tgroup__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
  .tgroup--rev .tgroup__media{order:2}
  .tgroup__media{position:sticky;top:calc(var(--header) + 32px)}
}
.tgroup__head{display:flex;flex-direction:column;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line-strong)}
.titem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}
.titem h3{font-size:clamp(1.45rem,1.3rem + .5vw,1.75rem);font-weight:600}
.titem p{grid-column:1 / -1;color:var(--ink-soft);font-size:.9375rem;max-width:36em}
.titem .ab{color:var(--ink-soft);font-weight:400;margin-right:3px}
.tgroup__foot{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:28px}

/* Prices page */
.prices{display:grid;gap:40px}
@media (min-width:960px){.prices{grid-template-columns:240px minmax(0,1fr);gap:clamp(56px,7vw,112px);align-items:start}}
.pnav{position:sticky;top:var(--header);z-index:20;background:var(--white);margin-inline:calc(-1 * var(--gutter));padding:10px var(--gutter);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.pnav::-webkit-scrollbar{display:none}
.pnav ul{display:flex;gap:6px}
.pnav a{display:block;white-space:nowrap;padding:8px 14px;border-radius:var(--radius);color:var(--ink);text-decoration:none;font-size:.875rem;font-weight:600;transition:background-color .3s var(--ease),color .3s var(--ease)}
.pnav a:hover{color:var(--rose)}
.pnav a.is-active{background:var(--pink);color:var(--rose-dark)}
@media (min-width:960px){
  .pnav{top:calc(var(--header) + 40px);margin:0;padding:0;border:0;background:none;overflow:visible}
  .pnav ul{flex-direction:column;gap:0;border-left:1px solid var(--line-strong)}
  .pnav a{border-radius:0;padding:12px 0 12px 22px;margin-left:-1px;border-left:2px solid transparent;font-family:var(--serif);font-size:1.45rem;font-weight:500;background:none}
  .pnav a.is-active{background:none;border-left-color:var(--rose);color:var(--rose)}
}
.pcat + .pcat{margin-top:clamp(64px,8vw,104px)}
.pcat > h2{padding-bottom:18px;border-bottom:1px solid var(--line-strong);margin-bottom:8px}
.pblock{padding:26px 0;border-bottom:1px solid var(--line)}
.pblock h3{font-size:1.6rem;font-weight:600;margin-bottom:12px}
.pblock h3 + .pl-note{margin-top:-8px;margin-bottom:12px}
.pl-note{font-size:.875rem;color:var(--ink-soft)}
.pl-cols{display:grid;gap:22px 44px}
@media (min-width:640px){.pl-cols--2{grid-template-columns:1fr 1fr}}
.pl-variant{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-dark);margin-bottom:2px}
.pl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px dashed var(--line-strong);font-size:.9375rem}
.pl div:last-child{border-bottom:0}
.pl dd{text-align:right;min-width:4.6em}
.pl--solo{margin-top:16px;padding-top:6px;border-top:1px solid var(--line)}

/* Steps (01 02 03) */
.steps-title{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:14px;border-bottom:1px solid var(--line-strong);font-family:var(--sans)}
.steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;padding:28px 0;border-bottom:1px solid var(--line)}
.steps li:last-child{border-bottom:0}
.steps__n{font-family:var(--serif);font-size:2.4rem;line-height:.9;color:var(--rose);font-weight:500;grid-row:span 2;font-variant-numeric:lining-nums}
.steps p{color:var(--ink-soft);font-size:.9375rem;margin-top:6px}
.steps--row{display:grid;gap:0}
@media (min-width:900px){
  .steps--row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
  .steps--row li{grid-template-columns:1fr;border-bottom:0;border-top:1px solid var(--line-strong);padding-top:24px}
  .steps--row .steps__n{grid-row:auto;margin-bottom:14px}
}
.steps--three{display:grid}
@media (min-width:900px){.steps--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}.steps--three li{grid-template-columns:1fr;border-bottom:0;border-top:1px solid var(--line-strong)}.steps--three .steps__n{grid-row:auto;margin-bottom:14px}}

/* Before / after */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.ba .ph:nth-child(2){margin-top:clamp(40px,8vw,120px)}
@media (min-width:960px){.ba{gap:28px}}

/* Removal: two-column split with steps & images */
.rm-body{display:grid;gap:56px}
@media (min-width:960px){.rm-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(56px,7vw,120px);align-items:start}}

/* Price panel (removal) */
.ppanel{display:grid;background:var(--white);border:1px solid var(--line-strong);border-radius:6px}
.ppanel__item{display:flex;flex-direction:column;gap:14px;padding:clamp(28px,4vw,48px)}
.ppanel__item + .ppanel__item{border-top:1px solid var(--line-strong)}
.ppanel__item h3{font-weight:600}
.ppanel__item p{color:var(--ink-soft);font-size:.9375rem;max-width:26em}
.ppanel .ppanel__price{max-width:none;font-family:var(--serif);font-size:clamp(3rem,2.4rem + 2.4vw,4.6rem);line-height:1;color:var(--rose);font-weight:500;font-variant-numeric:lining-nums}
.ppanel .ppanel__price span{font-family:var(--sans);font-size:1rem;color:var(--ink-soft);margin-right:8px;font-weight:500}
.ppanel .ppanel__unit{font-size:.875rem;color:var(--ink-soft)}
.ppanel .btn{align-self:flex-start;margin-top:8px}
@media (min-width:760px){.ppanel{grid-template-columns:1fr 1fr}.ppanel__item + .ppanel__item{border-top:0;border-left:1px solid var(--line-strong)}}

/* Academy */
.ac-cols{display:grid;gap:64px}
@media (min-width:960px){.ac-cols{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(56px,7vw,112px)}}
.ac-group + .ac-group{margin-top:64px}
.ac-group h3{padding-bottom:16px;border-bottom:1px solid var(--line-strong)}
.course{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.course__name{font-weight:500}
.course__dur{display:block;font-size:.8125rem;color:var(--ink-soft);margin-top:2px}
.course .price{text-align:right;min-width:4.6em}
.ac-incl{margin-top:14px;font-size:.875rem;color:var(--ink-soft)}
.paths{display:grid;border-top:1px solid var(--line-strong)}
.paths > div{padding:28px 0;border-bottom:1px solid var(--line)}
.paths h3{margin-bottom:10px}
.paths p{color:var(--ink-soft);font-size:.9375rem;max-width:30em}
.paths .small{margin-top:12px;color:var(--rose-dark);font-weight:600}
@media (min-width:900px){
  .paths{grid-template-columns:1.2fr 1fr 1fr;border-top:0}
  .paths > div{padding:28px clamp(24px,3vw,44px);border-bottom:0;border-left:1px solid var(--line-strong)}
  .paths > div:first-child{padding-left:0;border-left:0}
}

/* Quotes (one large, two small) */
.quotes{display:grid;gap:48px}
.quotes figure{margin:0}
.quotes blockquote{margin:0;font-family:var(--serif);font-weight:500;color:var(--ink);line-height:1.28;font-size:clamp(1.45rem,1.3rem + .6vw,1.8rem)}
.quotes .q--lg blockquote{font-size:clamp(1.9rem,1.5rem + 1.8vw,2.9rem);line-height:1.15}
.quotes figcaption{margin-top:20px;font-size:.875rem;color:var(--ink-soft);display:flex;align-items:center;gap:12px}
.quotes figcaption::before{content:"";width:28px;height:1px;background:var(--rose)}
.quotes__side{display:grid;gap:40px}
.quotes__side figure + figure{padding-top:40px;border-top:1px solid var(--line-strong)}
@media (min-width:900px){
  .quotes{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(56px,7vw,120px);align-items:start}
  .quotes__side{padding-top:clamp(40px,6vw,96px);padding-left:clamp(28px,3.5vw,56px);border-left:1px solid var(--line-strong)}
}

/* Gallery */
.ga-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:clamp(36px,5vw,64px)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:40px}
.gallery .ph:nth-child(even){transform:translateY(40px)}
@media (min-width:760px){
  .gallery{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:64px}
  .gallery .ph:nth-child(even){transform:none}
  .gallery .ph:nth-child(3n+2){transform:translateY(64px)}
}

/* Shop */
.shop-feature{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.shop-feature{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(56px,7vw,120px)}}
.shop-feature .btn{align-self:flex-start}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (min-width:900px){.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.products figure:nth-child(even){margin-top:56px}}
.products figure{margin:0}
.products figcaption{margin-top:12px;font-size:.875rem;color:var(--ink-soft)}

/* CTA band */
.cta{padding-block:clamp(64px,8vw,112px);background:var(--pink)}
.cta__in{display:grid;gap:28px;align-items:end}
@media (min-width:900px){.cta__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px)}}
.cta h2{font-size:clamp(2.4rem,1.7rem + 3vw,4.2rem);max-width:11em}
.cta .btns{justify-content:flex-start}

/* Contact */
.ct-grid{display:grid;gap:48px}
@media (min-width:960px){.ct-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(56px,7vw,120px);align-items:start}}
.ct-list{border-top:1px solid var(--line-strong)}
.ct-list > div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
@media (max-width:420px){.ct-list > div{grid-template-columns:1fr}}
.ct-list dt{font-size:.8125rem;color:var(--ink-soft);padding-top:2px}
.ct-list dd a{color:var(--ink);text-decoration-color:var(--line-strong)}
.ct-list dd a:hover{color:var(--rose)}
.ct-park{margin-top:20px;display:flex;gap:12px;align-items:baseline;font-weight:600;color:var(--rose-dark)}
.ct-park::before{content:"";flex:none;width:28px;height:1px;background:var(--rose);transform:translateY(-4px)}
.ct-map{margin-top:clamp(56px,7vw,96px)}
.ct-map .ph{--ar:4 / 3}
@media (min-width:760px){.ct-map .ph{--ar:21 / 9}}

/* Footer */
.footer{padding-block:clamp(64px,8vw,96px) 32px;border-top:1px solid var(--line)}
.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.footer .ft-top .logo{margin:0;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.6rem)}
.footer .logo__tag{font-size:.625rem}
.ft-about{font-size:.9375rem;color:var(--ink-soft);max-width:24em}
.ft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding-top:40px}
@media (min-width:760px){.ft-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.ft-h{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}
.footer li a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:.9375rem;padding:6px 0}
.footer li a:hover{color:var(--rose)}
.ft-nav ul{columns:2;column-gap:24px}
.ft-bottom{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}

/* Chat */
.chat-btn{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;border:0;background:var(--rose);color:var(--white);display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer;box-shadow:0 6px 18px rgba(176,91,120,.22);transition:background-color .3s var(--ease),transform .15s var(--ease)}
.chat-btn:hover{background:var(--rose-dark)}
.chat-btn:active{transform:scale(.96)}
.chat-btn span{font-size:.625rem;font-weight:600;letter-spacing:.06em;line-height:1}
.chat{position:fixed;right:18px;bottom:90px;z-index:60;width:min(360px,calc(100vw - 36px));background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 14px 34px rgba(176,91,120,.12);display:flex;flex-direction:column;overflow:hidden}
.chat[hidden]{display:none}
.chat__head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 18px;border-bottom:1px solid var(--line)}
.chat__head h2{font-size:1.3rem;font-weight:600}
.chat__close{width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--ink);display:grid;place-items:center}
.chat__close:hover{color:var(--rose)}
.chat__body{padding:18px;min-height:150px;max-height:min(420px,calc(100vh - 300px));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.chat__msg{background:var(--pink);border-radius:4px 14px 14px 14px;padding:10px 14px;max-width:85%;font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}
.chat__msg--me{align-self:flex-end;background:var(--rose);color:var(--white);border-radius:14px 4px 14px 14px}
.chat__msg.is-typing{display:flex;gap:5px;align-items:center;min-height:42px}
.chat__msg.is-typing::before,.chat__msg.is-typing::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--rose);opacity:.35;animation:chat-dot 1s infinite}
.chat__msg.is-typing::after{animation-delay:.3s}
@keyframes chat-dot{50%{opacity:1}}
.chat__chips,.chat__links{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
.chat__links{margin-top:-4px}
.chat__chip,.chat__link{min-height:36px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:18px;background:none;color:var(--ink);font:inherit;font-size:.8125rem;line-height:1.3;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.chat__link{border-color:var(--rose);color:var(--rose-dark)}
.chat__chip:hover,.chat__link:hover{background:var(--rose);border-color:var(--rose);color:var(--white)}
.chat__chip:focus-visible,.chat__link:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.chat__form input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line-strong);border-radius:3px;padding:0 12px;font:inherit;font-size:.9375rem;color:var(--ink);background:var(--white)}
.chat__form input:focus-visible{outline:2px solid var(--rose);outline-offset:0}
.chat__form button{min-height:44px;width:48px;border:0;border-radius:3px;background:var(--rose);color:var(--white);display:grid;place-items:center;cursor:pointer}
.chat__note{padding:0 14px 12px;font-size:.75rem;color:var(--ink-soft)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important}}

/* Small additions */
.steps h3{font-size:1.45rem}
.sign{margin-top:8px;font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1.2;color:var(--ink)}
.sign span{display:block;margin-top:4px;font-family:var(--sans);font-size:.875rem;font-weight:400;color:var(--ink-soft)}
.steps li{align-content:start}
.bg-pink .ph,.bg-blush .ph{background:#f1e2e7}

/* Academy: equal-height paths, list notes aligned at bottom */
.paths > div{display:flex;flex-direction:column}
.paths .small{margin-top:auto;padding-top:14px}
.paths p:not(.small){margin-bottom:6px}
@media (min-width:960px){
  .ac-cols > div{display:flex;flex-direction:column}
  .ac-cols .ac-group--fill{flex:1;display:flex;flex-direction:column}
  .ac-cols .ac-group--fill ul{flex:1;display:flex;flex-direction:column}
  .ac-cols .ac-group--fill .course{flex:1}
}

/* Footer booking buttons */
.ft-book{gap:12px}
@media (min-width:900px){
  .paths{grid-template-rows:auto auto 1fr}
  .paths > div{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
  .paths .small{margin-top:0;align-self:start}
}
.h1--long{font-size:clamp(2.3rem,1.6rem + 2.6vw,3.6rem);max-width:15em}

/* Logo image */
.logo img{display:block;height:82px;width:auto}
.header .logo{align-items:center}
.footer .ft-top .logo img{height:150px}
@media (max-width:1239px){:root{--header:80px}.logo img{height:68px}}

/* Opening hours */
.hours{margin-top:0}
.hours div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.hours dd{font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
.hours .is-closed dd{color:var(--ink-soft)}
.ft-hours{display:flex;flex-direction:column;gap:2px;padding-top:6px;font-size:.875rem;color:var(--ink-soft);max-width:16em;line-height:1.5}
.ft-hours__h{font-weight:600;color:var(--ink)}

/* Home hero: brand */
.hero--brand{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(64px,8vw,120px)}
.hero--brand .hero__media{padding-bottom:0}
.hero--brand .hero__text{padding-bottom:0;gap:clamp(32px,4vw,48px)}
.hero h1.hero__title{max-width:none;font-size:inherit;line-height:1}
.hero__brand{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,1.4rem + 5.6vw,6.8rem);line-height:.9;letter-spacing:-.02em;color:var(--ink)}
.hero__brand .amp{color:var(--rose);font-style:italic;font-weight:400}
.hero__sub{display:block;margin-top:clamp(18px,2vw,28px);font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,1.1rem + .9vw,2rem);line-height:1.25;color:var(--ink-soft);max-width:16em}
@media (min-width:900px){.hero--brand .hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* Home: academy teaser (airy, asymmetric) */
.section--airy{padding-block:clamp(120px,15vw,220px)}
.acx{display:grid;gap:56px}
.acx__head{display:flex;flex-direction:column;gap:22px}
.acx__head h2{max-width:13em;font-size:clamp(2.2rem,1.5rem + 2.8vw,3.9rem);line-height:1.08}
.acx__media .ph{max-width:460px}
.acx__body{display:flex;flex-direction:column;align-items:flex-start}
.acx__num{font-family:var(--serif);font-weight:500;font-size:clamp(4rem,3rem + 4vw,6.8rem);line-height:.9;color:var(--rose);font-variant-numeric:lining-nums;letter-spacing:-.02em}
.acx__numl{margin-top:12px;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.acx__text{margin-top:36px;padding-top:28px;border-top:1px solid var(--line-strong);color:var(--ink-soft);max-width:30em}
.acx__body .btn{margin-top:36px}
@media (min-width:960px){
  .acx{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(64px,7vw,104px)}
  .acx__head{grid-column:1 / span 8}
  .acx__media{grid-column:1 / span 5}
  .acx__body{grid-column:8 / span 5;align-self:end;padding-bottom:clamp(8px,2vw,32px)}
}

/* Reviews: real text, smaller side quotes */
.quotes .q--lg blockquote{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.6rem);line-height:1.2}
.quotes__side blockquote{font-size:clamp(1.2rem,1.1rem + .4vw,1.42rem)}

/* Scroll reveal (JS adds .rv; opacity/transform only) */
html.js-reveal .rv{opacity:0;transform:translate3d(0,32px,0);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
html.js-reveal .rv--fade{transform:none}
html.js-reveal .rv.is-in{opacity:1;transform:none}
@media (min-width:900px){.hero__brand{white-space:nowrap}}
@media (max-width:899px){.hero--brand .hero__media{width:100%;margin-left:0}}

/* Home hero: centered brand + staggered image row */
.hero--center{text-align:center;padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(72px,8vw,128px)}
.hc__text{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,3vw,44px)}
.eyebrow--center::after{content:"";width:32px;height:1px;background:var(--rose);flex:none}
.hero--center .hero__brand{font-size:clamp(3.1rem,.6rem + 10.6vw,11rem);line-height:.88;letter-spacing:-.025em;white-space:normal}
.hero--center .hero__sub{margin-inline:auto;max-width:none;margin-top:clamp(20px,2.4vw,32px)}
.btns--center{justify-content:center}
.hc__media{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:clamp(10px,2vw,28px);align-items:end;margin-top:clamp(56px,7vw,104px)}
.hc__side:first-child{margin-bottom:clamp(28px,5vw,80px)}
.hc__media .ph__label{font-size:clamp(.5rem,.4rem + .3vw,.6875rem)}

/* Reviews: calmer text size */
.quotes .q--lg blockquote{font-size:clamp(1.4rem,1.2rem + .75vw,1.85rem);line-height:1.3}
.quotes__side blockquote{font-size:clamp(1.05rem,1rem + .2vw,1.18rem);line-height:1.45}
.quotes figcaption{font-weight:600;color:var(--ink)}

/* Academy teaser: smaller image */
.acx__media .ph{max-width:320px}

/* Home contact: image | contact | hours */
.ctx{display:grid;gap:48px}
@media (min-width:960px){.ctx{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:clamp(40px,5vw,80px);align-items:start}}
.ctx > .ph{max-width:360px}
.ct-list--stack{border-top:0}
.ct-list--stack > div{grid-template-columns:1fr;gap:2px}

/* Opening hours with today highlight */
.hours div{align-items:center;padding:12px 14px;margin-inline:-14px;border-radius:4px}
.hours dt{display:flex;align-items:center;gap:10px}
.hours__today{display:none;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--white);background:var(--rose);padding:3px 8px;border-radius:3px;line-height:1.2}
.hours .is-today{background:#f5e6ec;border-bottom-color:transparent}
.hours .is-today dt,.hours .is-today dd{color:var(--rose-dark);font-weight:600}
.hours .is-today .hours__today{display:inline-block}
.hours div{margin-inline:0;padding-inline:12px}
.steps-title:has(+ .hours){padding-inline:12px}
@media (max-width:599px){.eyebrow--center::before,.eyebrow--center::after{display:none}}

/* Home hero v4: centered arch image, brand overlapping its base */
.hero--arch{text-align:center;padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(80px,9vw,136px)}
.ha{display:flex;flex-direction:column;align-items:center}
.ha__eyebrow{margin-bottom:clamp(28px,3.4vw,48px)}
.ha__stage{position:relative;width:min(400px,70vw)}
.ha__arch{position:relative;aspect-ratio:4 / 5;border-radius:999px 999px 6px 6px;background:#f3e3e9}
.ha__frame{position:absolute;top:22px;left:22px;right:-22px;bottom:-22px;border:1px solid var(--line-strong);border-radius:999px 999px 6px 6px}
.ha__title{position:relative;z-index:2}
.hero--arch .hero__brand{font-size:clamp(3.3rem,.8rem + 9.4vw,10.2rem);line-height:.88;letter-spacing:-.025em;margin-top:-.5em;white-space:normal}
.hero--arch .hero__sub{margin-inline:auto;max-width:none;margin-top:clamp(18px,2vw,28px)}
.ha__btns{margin-top:clamp(30px,3.4vw,44px)}
@keyframes haArch{from{opacity:0;transform:translateY(24px) scale(1.035)}to{opacity:1;transform:none}}
@keyframes haRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes haFrame{from{opacity:0;transform:translate(-14px,-14px)}to{opacity:1;transform:none}}
.ha__eyebrow{animation:haRise 1s .05s var(--ease) both}
.ha__arch{animation:haArch 1.5s .1s var(--ease) both}
.ha__frame{animation:haFrame 1.6s .45s var(--ease) both}
.ha__title{animation:haRise 1.2s .35s var(--ease) both}
.ha__btns{animation:haRise 1.2s .6s var(--ease) both}
@media (prefers-reduced-motion:reduce){.hero--arch *{animation:none !important}}

/* Home treatment index: text only + arrow */
.tindex a{grid-template-columns:minmax(0,1fr) auto}
.tindex__d{font-size:.8125rem;margin-top:6px;letter-spacing:.01em}
.tindex__arrow{color:var(--rose);font-size:1.35rem;transition:transform .35s var(--ease)}
.tindex a:hover .tindex__arrow{transform:translateX(6px)}
@media (max-width:560px){.tindex a{grid-template-columns:minmax(0,1fr) auto}}

/* Media pair mirrored (small image overlaps on the left) */
.media-pair--left .ph--small{right:auto;left:-8%}
@media (max-width:899px){.media-pair--left{margin-left:auto}.media-pair--left .ph--small{left:-12%}}

/* Light buttons for photo backgrounds */
.btn--light{background:var(--white);border-color:var(--white);color:var(--rose-dark)}
.btn--light:hover{background:var(--rose);border-color:var(--rose);color:var(--white)}
.btn--outline-light{background:transparent;border-color:rgba(255,255,255,.85);color:var(--white)}
.btn--outline-light:hover{background:var(--white);border-color:var(--white);color:var(--rose-dark)}

/* Hero variant A: full-bleed photo */
.hero-full{position:relative;display:grid;place-items:center;min-height:max(560px,calc(100dvh - var(--header)));overflow:hidden;text-align:center;color:var(--white)}
.hf__media{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0;background:#c99aab}
.hf__media::after{content:"";position:absolute;inset:0;background:rgba(58,40,48,.22)}
.hf__media .ph__label{position:absolute;right:24px;bottom:20px;z-index:1;color:rgba(255,255,255,.85);max-width:none;text-align:right}
.hf__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(26px,3vw,40px);padding-block:72px}
.hf__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.hero-full .hero__title{margin:0;max-width:none}
.hero-full .hero__brand{display:block;color:var(--white);font-family:var(--serif);font-weight:500;line-height:.9;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(58,40,48,.18)}
.hero-full .hero__brand{font-size:clamp(3.4rem,1rem + 9.4vw,10.5rem)}
.hero-full .hero__brand .amp{color:var(--white);font-style:italic;font-weight:400}
.hero-full .hero__sub{display:block;color:rgba(255,255,255,.95);font-family:var(--serif);font-size:clamp(1.3rem,1.1rem + .8vw,1.9rem);margin-top:clamp(16px,2vw,26px)}
.laser-band{display:block;background:#f5e6ec;color:var(--ink);text-decoration:none;transition:background-color .35s var(--ease)}
.laser-band:hover{background:#f0dbe3;color:var(--ink)}
.laser-band__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;min-height:76px;padding-block:16px}
.laser-band__tag{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white);background:var(--rose);padding:5px 10px;border-radius:3px}
.laser-band__t{font-family:var(--serif);font-size:clamp(1.3rem,1.1rem + .6vw,1.65rem);font-weight:600}
.laser-band__p{color:var(--rose-dark);font-weight:600;font-variant-numeric:tabular-nums}
.laser-band__more{margin-left:auto;color:var(--rose);font-weight:600}


/* Reviews: three even columns */
.quotes.quotes--even{display:grid;gap:0}
.quotes--even figure{display:flex;flex-direction:column;padding:28px 0;border-top:1px solid var(--line-strong)}
.quotes--even figure:first-child{border-top:0;padding-top:0}
.quotes--even blockquote{font-size:clamp(1.12rem,1.05rem + .25vw,1.28rem);line-height:1.5}
.quotes--even figcaption{margin-top:auto;padding-top:22px}
@media (min-width:900px){
  .quotes.quotes--even{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quotes--even figure{padding:0 clamp(24px,3vw,48px);border-top:0;border-left:1px solid var(--line-strong)}
  .quotes--even figure:first-child{padding-left:0;border-left:0}
  .quotes--even figure:last-child{padding-right:0}
}

/* Parking note without dash */
.ct-park::before{display:none}

/* Academy teaser: image as tall as the text */
@media (min-width:960px){
  .acx__media{grid-column:1 / span 6;align-self:stretch}
  .acx__media .ph{max-width:none;height:100%;min-height:460px;aspect-ratio:auto}
  .acx__body{grid-column:8 / span 5;align-self:center;padding-block:clamp(16px,3vw,48px)}
}

/* Academy page: synced course rows */
.ac-cols--sync .course{min-height:5.4rem;align-items:center}
.ac-cols--sync .ac-incl{min-height:1.6em}

/* «So meldest du dich an» heart */
.signup{position:relative;isolation:isolate}
.signup__heart{position:absolute;z-index:-1;width:clamp(170px,20vw,280px);left:0;top:50%;transform:translate(-12%,-50%) rotate(-8deg);fill:#f7e2ea}

/* Contact page tiles */
.section--tight{padding-block:clamp(48px,6vw,80px)}
.ct-tiles{display:grid;gap:16px}
@media (min-width:760px){.ct-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.ct-tile{display:flex;flex-direction:column;gap:6px;padding:clamp(24px,3vw,36px);background:var(--white);border:1px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none;transition:transform .35s var(--ease),border-color .35s var(--ease)}
.ct-tile:hover{transform:translateY(-3px);border-color:var(--rose);color:var(--ink)}
.ct-tile__t{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.7rem;font-weight:600;line-height:1.2}
.ct-tile__t .ico{color:var(--rose);width:22px;height:22px}
.ct-tile__d{font-size:.9375rem;color:var(--ink-soft)}
.ct-tile__a{margin-top:14px;color:var(--rose);font-size:1.3rem;transition:transform .35s var(--ease)}
.ct-tile:hover .ct-tile__a{transform:translateX(6px)}
.hf__content > *{animation:haRise 1.2s var(--ease) both}
.hf__content > :nth-child(2){animation-delay:.15s}
.hf__content > :nth-child(3){animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.hf__content > *{animation:none}}
.hero-full .hero__sub{max-width:none;margin-inline:auto}
.signup__heart{display:none}
.signup h2{position:relative}
.signup h2::before{content:"";position:absolute;z-index:-1;left:-34px;top:50%;width:clamp(120px,12vw,170px);aspect-ratio:1;transform:translateY(-54%) rotate(-10deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9a45c'%20fill-opacity='.32' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 2.9 4.5 6.6 4.5c2.1 0 3.6 1.1 4.4 2.6.8-1.5 2.3-2.6 4.4-2.6 3.7 0 5.7 3.9 4.2 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") no-repeat center/contain}
.quotes.quotes--even{align-items:stretch}

/* Real map */
.ct-map iframe{display:block;width:100%;aspect-ratio:4 / 3;border:0;border-radius:6px;background:var(--ph)}
@media (min-width:760px){.ct-map iframe{aspect-ratio:21 / 9}}
.ct-map .tlink{display:inline-flex;margin-top:16px}

/* Compact footer top */
.ft-top{align-items:center;padding-bottom:clamp(28px,3vw,40px)}
.footer{padding-top:clamp(36px,4vw,56px)}
.footer .ft-top .logo img{height:96px}
.ft-credit{color:var(--ink-soft);text-decoration:none;font-size:.75rem;letter-spacing:.04em}
.ft-credit:hover{color:var(--rose)}

/* Mirrored selfie photos: flip so certificate text reads correctly */
.ph > img.img--flip{transform:scaleX(-1)}

/* Shop products */
.ph--shop{background:#fff;border:1px solid var(--line)}
.ph--shop > img{object-fit:cover;object-position:50% 0}
.ph--prod{background:#f5f5f5}
.ph--prod > img{object-fit:contain;transition:transform .5s var(--ease)}
.prod{display:block;color:var(--ink);text-decoration:none}
.prod:hover .ph--prod > img{transform:scale(1.04)}
.products .prod figcaption{display:flex;flex-direction:column;gap:4px;margin-top:14px;font-size:.9375rem;color:var(--ink)}
.prod:hover .prod__name{color:var(--rose)}
.prod .price{font-size:.9375rem}

/* Thin offset outline around photos */
.ph--frame{overflow:hidden;outline:1px solid var(--line-strong);outline-offset:10px}
.ph--shop.ph--frame{border:0}
.ph--line{outline:1px solid var(--line-strong);outline-offset:5px}
.shop-feature__img{display:block;--ar:5 / 4}

/* Before/after slider */
.cmp{margin:0;--pos:50%}
.cmp__frame{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius);overflow:hidden;user-select:none;-webkit-user-select:none}
.cmp__frame .ph{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0}
.cmp__after{background:var(--ph)}
.cmp__before{background:#ecd8df;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.cmp__frame .ph > img{pointer-events:none}
.cmp__before .ph__label,.cmp__after .ph__label{position:absolute;top:14px;max-width:none;background:rgba(255,255,255,.85);color:var(--ph-ink);padding:5px 10px;border-radius:3px;font-size:.625rem}
.cmp__before .ph__label{left:14px}
.cmp__after .ph__label{right:14px}
.cmp__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--white);pointer-events:none;box-shadow:0 0 0 1px rgba(58,52,56,.06)}
.cmp__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(58,40,48,.35);transition:transform .3s var(--ease)}
.cmp__knob svg{width:20px;height:20px;fill:none;stroke:var(--rose);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cmp__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.cmp__frame:hover .cmp__knob{transform:scale(1.08)}
.cmp__range:focus-visible + .cmp__line,.cmp__frame:has(.cmp__range:focus-visible){outline:2px solid var(--rose);outline-offset:3px}
.cmp figcaption{margin-top:12px;font-size:.875rem;color:var(--ink-soft)}
.ba .cmp:nth-child(2){margin-top:clamp(40px,8vw,120px)}

/* Awards (Über mich) */
.awards__list{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line-strong)}
.awards__list li{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.awards__place{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--rose);min-width:4.2em}
@media (min-width:900px){.awards .ph{max-width:440px}}
.ba .cmp__frame .ph{margin-top:0}
@media (max-width:599px){.ba{grid-template-columns:1fr;gap:36px}.ba .cmp:nth-child(2){margin-top:0}}

/* Shop: slightly smaller hero image and product tiles */
@media (min-width:900px){
  .phero .ph--shop{max-width:370px;justify-self:end;margin-right:10px}
  .products{max-width:1040px;gap:40px;margin-inline:auto}
}
.cmp__frame .ph__label{z-index:1}
.cmp__frame .ph > img{-webkit-user-drag:none}

/* ==========================================================
   Farbwelt «Schwarz, Gold & Burgunder» (ersetzt Weiss/Pink)
   ========================================================== */
:root{
  --white:#100d0e;        /* Seitenhintergrund */
  --blush:#1b1014;        /* Wechsel-Sektionen: tiefes Burgunder-Schwarz */
  --pink:#1b1014;
  --ph:#22181b;
  --ph-ink:#c6a66b;
  --ink:#f2ebe3;          /* Text: warmes Elfenbein */
  --ink-soft:#b5a99f;
  --line:#2c2326;
  --line-strong:#4f3f31;
  --rose:#c9a45c;         /* Akzent: Gold */
  --rose-dark:#ddbb7a;    /* Gold hell (Hover, Preise) */
  --burgundy:#5a1f2e;
  --paper:#ffffff;
  color-scheme:dark;
}
::selection{background:rgba(201,164,92,.35);color:var(--ink)}
.header{background:rgba(16,13,14,.94)}
.chat{box-shadow:0 14px 34px rgba(0,0,0,.45)}

/* Hero auf Foto */
.hero-full{color:var(--paper)}
.hf__media{background:#2a1a20}
.hf__media::after{background:linear-gradient(180deg,rgba(16,13,14,.25),rgba(16,13,14,.55))}
.hero-full .hero__brand,.hero-full .hero__brand .amp{color:var(--paper);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero-full .hero__brand .amp{color:var(--rose)}
.btn--light{background:var(--rose);border-color:var(--rose);color:#140f10}
.btn--light:hover{background:var(--rose-dark);border-color:var(--rose-dark);color:#140f10}
.btn--outline-light{border-color:rgba(255,255,255,.75);color:var(--paper)}
.btn--outline-light:hover{background:var(--paper);border-color:var(--paper);color:#140f10}

/* Flächen, die vorher hellrosa waren */
.bg-pink .ph,.bg-blush .ph{background:#291b20}
.hours .is-today{background:#2a1a20}
.ha__arch{background:#22181b}
.signup__heart{fill:var(--burgundy)}

/* Vorher/Nachher-Regler */
.cmp__before{background:#2a1d21}
.cmp__before .ph__label,.cmp__after .ph__label{background:rgba(16,13,14,.78);color:var(--ink)}
.cmp__line{background:var(--rose);box-shadow:none}
.cmp__knob{background:#100d0e;border:1px solid var(--rose);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}

/* Karte dunkel einfärben */
.ct-map iframe{filter:invert(.9) hue-rotate(180deg) saturate(.6) brightness(.95)}

/* Produktkacheln: helle Fotos sanft einbetten */
.ph--prod{background:#f3f1ef}

/* Burgunder kräftiger: Wechsel-Sektionen in echtem Burgunder */
:root{--blush:#3a111c;--pink:#3a111c;--burgundy:#6b2234}
.bg-blush,.bg-pink{--line:#5a2531;--line-strong:#7a4038;--ph:#4b1825;--ink-soft:#d3c2bb}
.bg-pink .ph,.bg-blush .ph{background:#4b1825}
.bg-blush .media-pair .ph--small{border-color:#3a111c}
.hf__media{background:#3a111c}
.hf__media::after{background:linear-gradient(180deg,rgba(58,17,28,.2),rgba(16,13,14,.55))}
.hours .is-today{background:#5a1f2e}
.bg-blush .hours .is-today{background:#57202d}
.signup__heart{fill:#6b2234}

/* Weiche Übergänge Schwarz <-> Burgunder */
.bg-blush,.bg-pink{
  --fade:clamp(110px,13vw,220px);
  background:linear-gradient(180deg,#100d0e 0,#3a111c var(--fade-t,var(--fade)),#3a111c calc(100% - var(--fade-b,var(--fade))),#100d0e 100%);
}
.section--tight.bg-blush,.section--tight.bg-pink{--fade:clamp(36px,5vw,64px)}
:is(.bg-blush,.bg-pink) + :is(.bg-blush,.bg-pink){--fade-t:0px}
:is(.bg-blush,.bg-pink):has(+ :is(.bg-blush,.bg-pink)){--fade-b:0px}
.footer{border-top:0}
.hf__media::after{background:linear-gradient(180deg,rgba(58,17,28,.15) 0,rgba(16,13,14,.35) 60%,#100d0e 100%)}

/* Gold & Schwarz, Burgunder nur als feiner Akzent */
:root{--blush:#171213;--pink:#171213}
.bg-blush,.bg-pink{
  --line:#2e2526;--line-strong:#4f3f31;--ph:#221a1c;--ink-soft:#b5a99f;
  background:linear-gradient(180deg,#100d0e 0,#171213 var(--fade-t,var(--fade)),#171213 calc(100% - var(--fade-b,var(--fade))),#100d0e 100%);
}
.bg-pink .ph,.bg-blush .ph{background:#221a1c}
.bg-blush .media-pair .ph--small{border-color:#171213}
.hf__media{background:#1d1517}
.hf__media::after{background:linear-gradient(180deg,rgba(16,13,14,.15) 0,rgba(16,13,14,.35) 60%,#100d0e 100%)}
/* Burgunder-Akzente: heutiger Tag, Herz */
.hours .is-today,.bg-blush .hours .is-today{background:#3e1520}
.signup__heart{fill:#5a1f2e}

/* Echtes, neutrales Schwarz (ohne Rotstich) */
:root{--white:#0a0a0a;--blush:#111111;--pink:#111111;--ph:#1a1a1a;--line:#262626;--line-strong:#4a3e2c}
.header{background:rgba(10,10,10,.94)}
.bg-blush,.bg-pink{
  --line:#262626;--line-strong:#4a3e2c;--ph:#1a1a1a;
  background:linear-gradient(180deg,#0a0a0a 0,#111111 var(--fade-t,var(--fade)),#111111 calc(100% - var(--fade-b,var(--fade))),#0a0a0a 100%);
}
.bg-pink .ph,.bg-blush .ph{background:#1a1a1a}
.bg-blush .media-pair .ph--small{border-color:#111111}
.hf__media{background:#141414}
.hf__media::after{background:linear-gradient(180deg,rgba(10,10,10,.15) 0,rgba(10,10,10,.35) 60%,#0a0a0a 100%)}
.cmp__before{background:#1a1a1a}
.cmp__knob{background:#0a0a0a}
.cmp__before .ph__label,.cmp__after .ph__label{background:rgba(10,10,10,.78)}

/* Startseite: echtes Studiofoto im Hero */
.hf__media > img{object-position:55% 50%}
.hf__media::after{z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,.62) 55%,#0a0a0a 100%)}
.hf__content{z-index:2}

/* Startseite: Kopfzeile transparent über dem Foto, beim Scrollen schwarz */
body:has(.hero-full) .header{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;transition:background-color .45s var(--ease),border-color .45s var(--ease),backdrop-filter .45s var(--ease)}
body:has(.hero-full) .header.is-solid,
body:has(.hero-full) .header:has([aria-expanded="true"]){background:rgba(10,10,10,.94);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-full{min-height:max(600px,100dvh)}
.hf__content{padding-top:calc(var(--header) + 48px)}

/* Hintergrund-Videos */
.ph > video.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Auszeichnungen: Liste mit Anlass */
.awards__place{min-width:5.2em;font-size:1.35rem}
.awards__what{display:flex;flex-direction:column;gap:2px}
.awards__what small{font-size:.8125rem;color:var(--ink-soft);letter-spacing:.02em}
.awards__more{margin-top:14px;font-size:.9375rem;color:var(--ink-soft)}
.awards__list li{flex-wrap:nowrap}
.awards__what{flex:1;min-width:0}
@media (max-width:420px){.awards__place{min-width:4.6em;font-size:1.2rem}}

/* Bild so hoch wie der Text */
@media (min-width:900px){
  .split--match{align-items:stretch}
  .split--match > .media-pair{padding-bottom:0;display:flex;flex-direction:column}
  .split--match > .media-pair > .ph:not(.ph--small),.split--match > .ph{aspect-ratio:auto;flex:1;height:100%;min-height:380px;max-width:none}
  .split--match .ph > img{object-position:50% 72%}
  .awards .split--match > .ph > img{object-position:50% 50%}
}

/* Einheitliche feine Goldlinie um alle Fotos und Videos */
.ph:has(> img),.ph:has(> video),.ph--frame,.ph--line,.cmp__frame{outline:1px solid var(--line-strong);outline-offset:8px}
.hf__media,.cmp__frame .ph{outline:0}
.ph--shop.ph--frame{border:0}
.gallery{gap:20px}
@media (max-width:899px){.products{gap:24px}}

.section--after-ba{padding-top:clamp(32px,4vw,64px)}
.bg-blush:has(+ .section--after-ba){padding-bottom:clamp(24px,3vw,40px);--fade-b:clamp(40px,5vw,72px)}
.media-pair--solo{padding-bottom:0}

/* ==========================================================
   Startseite: Hero mit Porträt rechts und Text links
   ========================================================== */
/* Hero */
.hh{display:flex;align-items:center;place-items:initial;text-align:left;min-height:max(620px,100vh);min-height:max(620px,100svh);background:#0a0a0a;color:var(--ink)}
.hh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(10,10,10,0),#0a0a0a);z-index:1;pointer-events:none}
.hh__img{position:absolute;top:0;right:max(0px,calc((100% - 1440px) / 2));width:min(45%,650px);height:100%;object-fit:cover;object-position:50% 18%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.hh__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:calc(var(--header) + 24px);padding-bottom:48px}
.hh__label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}
.hh__label .ico{width:16px;height:16px}
.hh__title{margin:0;max-width:8.6em;font-family:var(--serif);font-weight:600;font-size:clamp(2.7rem,1.2rem + 4.2vw,5.4rem);line-height:1.02;letter-spacing:-.01em;color:var(--ink)}
.hh__text{max-width:26em;font-size:clamp(1.0625rem,.9rem + .4vw,1.25rem);color:var(--ink-soft)}
.hh .btns{margin-top:8px}
@media (max-width:899px){
  .hh{align-items:flex-end}
  .hh__img{right:0;width:100%;height:50vh;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .hh__content{padding-top:45vh}
}

.hh__content{width:100%}
@media (min-width:900px){.hh__content{justify-content:center}.hh__content > *,.hh__title{max-width:min(54%,700px)}}
.hh + .section{padding-top:clamp(40px,5vw,72px)}

/* Rechtsseiten: Impressum, Datenschutz, AGB */
.legal{padding-top:clamp(48px,6vw,88px)}
.legal__in{max-width:780px}
.legal h1{margin:14px 0 clamp(28px,4vw,48px);font-size:clamp(2.6rem,1.8rem + 3vw,4.2rem);line-height:1.05}
.legal h2{margin:clamp(32px,4vw,44px) 0 10px;font-size:clamp(1.45rem,1.2rem + .8vw,1.85rem);line-height:1.2}
.legal p{margin:0 0 14px;color:var(--ink-soft);max-width:68ch}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--rose-dark);text-underline-offset:3px}
.legal a:hover{color:var(--rose)}
.legal__date{margin-top:36px;font-size:.875rem}
.footer li a[aria-current="page"]{color:var(--rose)}


/* Academy-Preise: beide Spalten auf gleicher Höhe beginnen und enden lassen */
@media (min-width:960px){
  .ac-cols.ac-cols--sync{grid-template-rows:repeat(6,auto);row-gap:0}
  .ac-cols.ac-cols--sync > div{display:grid;grid-row:span 6;grid-template-rows:subgrid}
  .ac-cols--sync .ac-group{display:contents}
  .ac-cols--sync .ac-group + .ac-group h3{margin-top:64px}
  .ac-cols--sync .ac-group ul{display:flex;flex-direction:column;margin:0}
  .ac-cols--sync .ac-group .course{flex:1}
}

/* Academy: Bilder-Slider */
.carousel{--cg:20px}
.carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--cg)) / 3);gap:var(--cg);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:6px}
.carousel__track::-webkit-scrollbar{display:none}
.carousel__item{margin:0;scroll-snap-align:start}
.carousel__nav{display:flex;gap:12px;margin-top:28px}
.carousel__btn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rose);background:transparent;color:var(--rose);font-size:1.125rem;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.carousel__btn:hover:not(:disabled){background:var(--rose);color:#0a0a0a}
.carousel__btn:disabled{opacity:.3;cursor:default}
@media (max-width:899px){.carousel__track{grid-auto-columns:calc((100% - var(--cg)) / 2)}}
@media (max-width:559px){.carousel{--cg:12px}.carousel__track{grid-auto-columns:80%}}

/* Startseite: Slogan unter dem Titel */
.hh__slogan{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,1.1rem + 1vw,2.1rem);line-height:1.2;color:var(--rose)}

/* Einblicke: 4 Fotos in einer Reihe */
@media (min-width:900px){
  .gallery--4{grid-template-columns:repeat(4,1fr)}
  .gallery--4 .ph:nth-child(3n+2){transform:none}
  .gallery--4 .ph:nth-child(even){transform:translateY(48px)}
}
/* Auszeichnungen: ganzes Foto, nicht hineingezoomt */
.awards__img{aspect-ratio:1206 / 1140}
.awards__img > img{object-position:50% 50% !important}
/* Academy: weniger Abstand vor «So meldest du dich an» */
.section--signup{padding-top:clamp(24px,3vw,48px)}
/* Startseite: weicher Übergang links am Titelbild */
.hh__img{width:min(45%,650px);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 18%,rgba(0,0,0,.7) 34%,#000 50%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 18%,rgba(0,0,0,.7) 34%,#000 50%)}
@media (max-width:899px){.hh__img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}}
.section:has(+ .section--signup){padding-bottom:clamp(24px,3vw,48px)}
.section--signup{padding-top:clamp(16px,2vw,32px)}
@media (min-width:1500px){.hh__img{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 18%,rgba(0,0,0,.7) 34%,#000 50%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 18%,rgba(0,0,0,.7) 34%,#000 50%,#000 82%,transparent 100%)}}
.shead.signup{align-items:center}
/* Titelbild: Originalgrösse, weicher Verlauf links */
@media (min-width:900px){.hh__img{width:min(45%,650px);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%)}}
@media (min-width:1500px){.hh__img{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%,#000 86%,transparent 100%)}}

/* Startseite: Titel-Typografie */
.hh__title{display:flex;flex-direction:column;gap:.18em;max-width:none}
.hh__pre{font-family:var(--sans);font-size:clamp(.8rem,.7rem + .3vw,.95rem);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--rose);line-height:1.4}
.hh__brand{font-family:var(--serif);font-weight:500;font-size:clamp(3.4rem,1.6rem + 5.6vw,7rem);line-height:.95;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}
.hh__amp{font-style:italic;font-weight:400;color:var(--rose)}
.hh__slogan{display:flex;align-items:center;gap:18px;margin-top:4px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.35rem,1.1rem + .9vw,2rem);line-height:1.25;letter-spacing:.01em;color:var(--ink-soft)}
.hh__rule{flex:none;width:clamp(36px,4vw,56px);height:1px;background:var(--rose)}
.hh .btns{margin-top:18px}
@media (max-width:420px){.hh__brand{font-size:clamp(2.9rem,13vw,3.4rem)}.hh__slogan{font-size:1.25rem;gap:12px}}

/* Startseite: Variante 2 – Titel zweizeilig, Slogan in Schreibschrift */
.hh__title--v2{display:block;max-width:none;font-family:var(--serif);font-weight:500;font-size:clamp(2.9rem,1.4rem + 4vw,5.2rem);line-height:1.02;letter-spacing:-.005em;color:var(--ink)}
.hh__title--v2 .hh__amp{font-style:normal;font-weight:400;color:var(--rose)}
.hh__script{margin-top:-4px;font-family:"Pinyon Script","Cormorant Garamond",cursive;font-size:clamp(2rem,1.3rem + 2vw,3.4rem);line-height:1.15;color:var(--rose-dark)}
@media (max-width:420px){.hh__script{font-size:1.9rem}}

/* ===== Handy: kompakter, ruhiger ===== */
@media (max-width:640px){
  :root{--space:64px;--gutter:20px}
  body{font-size:.9375rem;line-height:1.65}
  h2{font-size:clamp(1.85rem,1.4rem + 2vw,2.3rem)}
  h3{font-size:1.45rem}
  .section--tight{padding-block:40px}
  .shead{margin-bottom:28px;gap:12px}
  .lead{font-size:1.0625rem}

  /* Startseite Hero */
  .hh{min-height:auto;align-items:flex-end}
  .hh__img{height:58vh;object-position:50% 15%}
  .hh__content{padding-top:calc(58vh - 70px);padding-bottom:36px;gap:12px}
  .hh__title--v2{font-size:2.35rem;line-height:1.05}
  .hh__script{font-size:1.6rem;margin-top:0}
  .hh .btns{margin-top:10px}
  .hh + .section{padding-top:40px}

  /* Bilder: weniger hoch, Linie enger */
  .ph:has(> img),.ph:has(> video),.ph--frame,.ph--line,.cmp__frame{outline-offset:4px}
  .media-pair{width:100%;padding-bottom:0}
  .split .media-pair > .ph,.split > .ph,.acx__media .ph,.phero .ph{aspect-ratio:1 / 1;max-width:none}
  .split{gap:28px}
  .acx__media .ph{aspect-ratio:4 / 3}
  .acx__num{font-size:3.6rem}

  /* Vorher/Nachher nebeneinander, kompakt */
  .ba{grid-template-columns:1fr 1fr;gap:12px}
  .ba .cmp:nth-child(2){margin-top:0}
  .cmp__frame{aspect-ratio:3 / 4}
  .cmp__knob{width:34px;height:34px;margin:-17px 0 0 -17px}
  .cmp__before .ph__label,.cmp__after .ph__label{top:8px;padding:3px 6px;font-size:.55rem}
  .cmp__before .ph__label{left:8px}.cmp__after .ph__label{right:8px}
  .cmp figcaption{font-size:.8125rem}

  /* Kundenstimmen kleiner */
  .quotes blockquote,.quotes--even blockquote{font-size:1.12rem;line-height:1.45}

  /* Galerie ohne Versatz */
  .gallery,.gallery--4{gap:10px;padding-bottom:0}
  .gallery .ph,.gallery--4 .ph{transform:none !important}

  /* Footer */
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px 16px}
  .ft-nav{grid-column:1 / -1}
  .ft-nav ul{columns:2;column-gap:16px}
  .footer .ft-top .logo img{height:72px}
}
@media (max-width:640px){.ft-grid > div:last-child{grid-column:1 / -1}.ft-hours span:last-child{display:block}}
@media (max-width:640px){
  .ac-cols--sync .course{min-height:0;padding-block:12px}
  .phero{padding-block:36px}
}

/* Handy: Behandlungen wie am Computer – Bild neben dem Titel, abwechselnd links/rechts */
@media (max-width:899px){
  .tgroup__grid{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:0 18px;align-items:center}
  .tgroup__grid > div:not(.tgroup__media){display:contents}
  .tgroup__media{grid-column:1;grid-row:1;position:static}
  .tgroup__media .ph{aspect-ratio:3 / 4 !important}
  .tgroup__head{grid-column:2;grid-row:1;border-bottom:0;padding-bottom:0;gap:8px}
  .tgroup__head h2{font-size:1.75rem}
  .tgroup__head .lead{font-size:.875rem;line-height:1.5}
  .tgroup--rev .tgroup__grid{grid-template-columns:minmax(0,1fr) minmax(0,38%)}
  .tgroup--rev .tgroup__media{grid-column:2}
  .tgroup--rev .tgroup__head{grid-column:1}
  .tgroup .titem,.tgroup__foot{grid-column:1 / -1}
  .tgroup .titem:first-of-type{margin-top:22px;border-top:1px solid var(--line-strong)}
  .tgroup + .tgroup{margin-top:56px}
}

/* Startseite Hero: WhatsApp-Button, auf dem Handy zentriert */
.hh .btns{display:flex;flex-wrap:wrap;gap:12px}
.hh .btn--ghost{background:transparent}
@media (max-width:899px){
  .hh__content{align-items:center;text-align:center}
  .hh .btns{justify-content:center}
}
@media (max-width:400px){.hh .btn{padding-inline:20px}}
@media (max-width:640px){.hh__content{padding-top:calc(58vh - 10px)}}
@media (max-width:899px){body:has(.hh) .header__in .btn--sm{display:none}}
@media (max-width:640px){:root{--header:68px}.header .logo img{height:50px}}

/* Handy: Buttons überall mittig */
@media (max-width:640px){
  .btns,.tgroup__foot,.ft-book{justify-content:center;align-items:center;width:100%;text-align:center}
  .btns > .tlink,.tgroup__foot > .tlink{flex-basis:100%;justify-content:center}
  .tlink{display:inline-flex}
  .carousel__nav{justify-content:center}
}
@media (max-width:640px){.acx__body > .btn,.prose > .btn{align-self:center}.ga-head > .tlink{align-self:center}}

/* Handy: grosse Bilder flacher */
@media (max-width:640px){
  .ctx > .ph,.split > .ph{aspect-ratio:4 / 3 !important;max-height:none}
  .ctx > .ph > img{object-position:50% 60% !important}


  /* Entfernung (Behandlungen): Bilder direkt unter den Einleitungstext */
  .bg-pink .split--rev{display:flex;flex-direction:column;gap:0}
  .bg-pink .split--rev > .prose{display:contents}
  .bg-pink .split--rev > .prose > h2{order:1}
  .bg-pink .split--rev > .prose > .lead{order:2;margin-top:14px}
  .bg-pink .split--rev > .ba{order:3;margin:24px 0}
  .bg-pink .split--rev > .prose > .titem,.bg-pink .split--rev > .prose > .btns{order:4}
  .bg-pink .split--rev > .prose > .btns{margin-top:20px !important}

  /* So meldest du dich an: Abstand + mittig */
  .shead.signup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
  .signup h2::before{left:50%;transform:translate(-90%,-54%) rotate(-10deg)}
  .signup .prose{display:flex;flex-direction:column;align-items:center;gap:20px}
}

/* Preise: Kategorien sofort sichtbar (kein Einblenden beim Springen) */
.pcat.rv,.pcat .rv{opacity:1 !important;transform:none !important;transition:none !important}
@media (max-width:640px){.bg-pink .split--rev{align-items:stretch}.bg-pink .split--rev > .ba{width:100%;display:grid;grid-template-columns:1fr 1fr}.bg-pink .split--rev > .ba .ph{margin-top:0 !important}}

/* Handy: Auszeichnungen kompakter */
@media (max-width:640px){
  .awards .split{gap:22px}
  .awards__img{width:72%;margin-inline:auto;aspect-ratio:1206 / 1140}
  .awards h2{font-size:1.65rem}
  .awards .prose > p{font-size:.875rem}
  .awards__list li{padding:10px 0;gap:2px 12px}
  .awards__place{font-size:1.05rem;min-width:5.6em}
  .awards__what span{font-size:.875rem}
  .awards__what small{font-size:.75rem}
  .awards__more{font-size:.8125rem}
}
@media (max-width:640px){.shead.signup{gap:0}.shead.signup > h2{margin-bottom:34px}}
@media (max-width:640px){.shead.signup > h2{margin-bottom:0}.shead.signup > .prose{margin-top:64px}.section--signup{padding-top:48px}}

/* Handy: alle Seiten-Kopfbereiche einheitlich – Text, Bild, dann Buttons */
@media (max-width:640px){
  .phero__grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .phero__text{display:contents}
  .phero__text > *{margin:0}
  .phero__text > .eyebrow{order:1;margin-bottom:14px}
  .phero__text > h1{order:2;margin-bottom:16px}
  .phero__text > .lead{order:3;margin-bottom:12px}
  .phero__text > p:not(.eyebrow):not(.lead){order:4;margin-bottom:12px}
  .phero__grid > .ph{order:5;width:78%;margin:16px auto 26px;aspect-ratio:4 / 5 !important;max-width:none}
  .phero__grid > .ph > img,.phero__grid > .ph > video{object-fit:cover;object-position:50% 25% !important}
  .phero__grid > .ph--shop > img{object-fit:contain;object-position:50% 50% !important;background:#fff}
  .phero__grid > .ph:has(> img[src*="korean-lashlift"]) > img{object-position:50% 50% !important}
  .phero__text > .btns,.phero__text > .tlink,.phero__text > .ct-park{order:6}
  .phero__text > .btns{margin-bottom:8px}
}

/* Handy: alles eine Stufe kleiner */
@media (max-width:640px){
  html{font-size:90%}
  h1,.h1--long{font-size:2.3rem}
  h2{font-size:1.75rem}
  .lead{font-size:1rem}
  .btn{min-height:46px;padding:11px 22px;font-size:.9rem}
  .phero__grid > .ph{width:66%}
  .phero{padding-block:28px}
  :root{--space:52px}
  .hh__title--v2{font-size:2.2rem}
  .hh__script{font-size:1.5rem}
}
@media (max-width:640px){.split .media-pair > .ph,.split > .ph,.ctx > .ph,.acx__media .ph{width:78%;margin-inline:auto}.header .btn--sm{min-height:40px;padding:8px 16px}}

/* Handy: Fakten wieder untereinander (wie vorher), etwas kompakter */
@media (max-width:640px){
  /* Auszeichnungen: ganzes Foto */
  .awards .split > .awards__img{aspect-ratio:1206 / 1140 !important;width:78%}
  .awards .split > .awards__img > img{object-fit:cover;object-position:50% 50% !important}
}

/* Kundenstimmen: Sterne */
.stars{display:block;margin-bottom:14px;color:var(--rose);font-size:.95rem;letter-spacing:.18em;line-height:1}

/* Handy: Academy kompakter */
@media (max-width:640px){
  .steps--row{grid-template-columns:1fr 1fr;gap:12px}
  .steps--row li{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line-strong);border-radius:6px}
  .steps--row .steps__n{font-size:1.6rem}
  .steps--row h3{font-size:1.2rem}
  .steps--row p{font-size:.8125rem;margin-top:0}
  .ac-cols .ac-group + .ac-group{margin-top:0}
  .ac-cols .ac-group h3{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px 0;border-bottom:1px solid var(--line-strong);user-select:none}
  .ac-cols .ac-group h3::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--rose);border-bottom:1.5px solid var(--rose);transform:rotate(45deg) translateY(-3px);transition:transform .3s var(--ease)}
  .ac-cols .ac-group.is-open h3::after{transform:rotate(-135deg) translateY(-3px)}
  .ac-cols .ac-group:not(.is-open) > ul,.ac-cols .ac-group:not(.is-open) > .ac-incl{display:none}
  .ac-cols > div + div{margin-top:0}
  .ac-cols{gap:0 !important}
}
@media (min-width:960px){.ac-cols--sync > div:last-child .course{flex:none}.ac-cols--sync > div:last-child .ac-group ul{align-self:start}}
@media (min-width:960px){.ac-cols.ac-cols--sync > div:last-child{display:block}.ac-cols--sync > div:last-child .ac-group{display:block}.ac-cols--sync > div:last-child .ac-group ul{display:block}}

/* Laptop/Computer: alles wie bei 80 % Zoom */
@media (min-width:1024px){
  html{zoom:.8}
  .hh{min-height:max(620px,125vh);min-height:max(620px,125svh)}
  .hero-full:not(.hh){min-height:max(600px,125dvh)}
  .chat__body{max-height:min(420px,calc(125vh - 300px))}
}
@media (min-width:1024px) and (max-width:1799px){
  .hh__img{right:0 !important;width:45% !important;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%) !important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.65) 30%,rgba(0,0,0,.9) 40%,#000 48%) !important}
}

/* Startseite: «Leidenschaft für Kosmetik» ohne Foto */
.intro__grid{display:grid;gap:28px;border-top:1px solid var(--line-strong);padding-top:clamp(32px,4vw,56px)}
.intro__head h2{font-size:clamp(2.4rem,1.4rem + 3vw,4.2rem);line-height:1.02}
.intro__head .sign{margin-top:28px}
.intro__text .lead{color:var(--ink)}
.intro__text .btns{margin-top:10px}
@media (min-width:900px){
  .intro__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(56px,7vw,120px)}
  .intro__head{position:sticky;top:calc(var(--header) + 32px);align-self:start}
}

/* Startseite: Studio-Banner (2 nebeneinander, Handy 1) */
.carousel--wide .carousel__track{grid-auto-columns:calc((100% - var(--cg)) / 2)}
@media (max-width:559px){.carousel--wide .carousel__track{grid-auto-columns:88%}}

/* Handy: kein Hineinzoomen beim (Doppel-)Tippen auf Bilder, Zoomen mit zwei Fingern bleibt möglich */
html{touch-action:manipulation}
img,.ph{-webkit-touch-callout:none}
@media (hover:none){.prod:hover .ph--prod > img{transform:none}}
/* iPhone zoomt automatisch hinein, wenn ein Eingabefeld kleiner als 16px ist (z. B. beim Öffnen des Chats) */
@media (max-width:1023px){input,textarea,select,.chat__form input{font-size:16px}}
.chat:focus{outline:none}

/* Academy: Dauer der Schulung */
.course__days{display:block;margin-top:3px;font-size:.8125rem;font-weight:400;color:var(--ink-soft)}

/* Academy: Bilderwechsel oben */
.hslides > img{opacity:0;transition:opacity .9s var(--ease)}
.hslides > img.is-on{opacity:1}
.hslides__nav{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;gap:8px}
.hslides__nav .carousel__btn{width:42px;height:42px;background:rgba(10,10,10,.55);backdrop-filter:blur(4px)}
.hslides__nav .carousel__btn:hover{background:var(--rose);color:#0a0a0a}