/* =========================================================
   TEAM PAUR — Die Athletenreise · Partikel formen die Bilder
   Farbwelt: Anthrazit #1D2126 · Elfenbein #F2EFE8
   Engine 1:1 aus der Referenz (KC/HW, N, size, SW, Shimmer)
   ========================================================= */
:root{
  --void:#15181c; --paper:#1D2126; --paper-2:#22262c;
  --ink:#F2EFE8; --pod:#F2EFE8;
  --pod-70:rgba(242,239,232,.72); --pod-45:rgba(242,239,232,.44);
  --line-d:rgba(242,239,232,.14); --line-d2:rgba(242,239,232,.07);
  /* warmes Elfenbein-Glühen statt Bronze — bleibt strikt in der Zwei-Farb-Welt */
  --glow:rgba(242,232,214,.34);
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(22px,5vw,84px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
html.lock,body.lock{overflow:hidden}
body{background:var(--void);color:var(--ink);font-family:"Raleway",system-ui,sans-serif;font-weight:300;line-height:1.6;letter-spacing:.005em;overflow-x:hidden;overflow-x:clip}
::selection{background:var(--ink);color:var(--paper)}
a{color:inherit;text-decoration:none}

/* filmic overlays */
.grain{position:fixed;inset:0;z-index:8000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain .5s steps(3) infinite}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-3px,2px)}66%{transform:translate(2px,-2px)}100%{transform:translate(0,0)}}
.vignette{position:fixed;inset:0;z-index:7999;pointer-events:none;background:radial-gradient(120% 120% at 50% 45%,transparent 60%,rgba(0,0,0,.28))}

/* preloader */
.loader{position:fixed;inset:0;z-index:10000;background:var(--void);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity 1.15s ease}
.loader.done{opacity:0;pointer-events:none}
.loader-pct{position:absolute;bottom:77px;left:50%;transform:translateX(-50%);z-index:2;font-size:10.5px;font-weight:400;letter-spacing:.3em;color:var(--pod-45);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .9s ease;pointer-events:none}
.loader-pct.show{opacity:1}
.loader-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ================= HERO ================= */
.hero-outer{position:relative;height:680vh;background:var(--void)}
.hero{position:sticky;top:0;height:100svh;height:100dvh;overflow:hidden;background:var(--void);color:var(--pod)}
.hero-scenes{position:absolute;inset:0;z-index:1}
.hero-scene{position:absolute;inset:0;background-size:cover;background-position:center 34%;opacity:0;will-change:opacity,transform;animation:kenburns 20s ease-in-out infinite alternate}
.hero-scene:nth-child(even){animation-direction:alternate-reverse}
@keyframes kenburns{0%{transform:scale(1.04)}100%{transform:scale(1.14)}}
.hero-scenes::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,28,.72) 0%,transparent 34%,transparent 66%,rgba(21,24,28,.72) 100%)}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block}
.hero-fallback{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center}
.hero-fallback.show{display:flex}
.hero-glow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(242,232,214,.20),transparent 56%)}
.hero-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(120% 120% at 50% 50%,transparent 46%,rgba(0,0,0,.2))}
.hero-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}
.hero-caption{white-space:pre-line;position:absolute;bottom:18vh;left:0;right:0;margin:0 auto;max-width:22ch;padding:0 var(--pad);text-align:center;font-family:"Raleway";font-weight:300;font-size:clamp(24px,4.2vw,58px);letter-spacing:.14em;text-transform:uppercase;line-height:1.16;color:var(--pod);opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s var(--ease);text-shadow:0 6px 46px rgba(0,0,0,.6);pointer-events:none}
.hero-caption.on{opacity:1;transform:none}
.hero-finale{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);pointer-events:none}
.hero-finale.on{opacity:1}
.finale-tag{position:absolute;left:0;right:0;bottom:27vh;text-align:center;white-space:nowrap;font-size:clamp(9px,.92vw,13.5px);font-weight:600;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase;color:var(--pod-70)}
.finale-cta{position:absolute;left:0;right:0;bottom:15vh;text-align:center;display:flex;justify-content:center}
.finale-cta .btn{pointer-events:auto}
.finale-cta .lightrun{transform:scale(.9)}
/* Hero-Button fuellt sich beim Antippen/Hover champagne (statt elfenbein), dunkle Schrift */
.finale-cta .btn-outline::before{background:var(--acc)}
.finale-cta .btn-outline:hover,
.finale-cta .btn-outline:active{border-color:var(--acc)}
.finale-cta .btn-outline:active::before{transform:none}
.finale-cta .btn-outline:hover span,
.finale-cta .btn-outline:active span{color:#241b0c}
.btn{position:relative;overflow:hidden;border-radius:100px;padding:15px 40px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.btn-outline{background:transparent;border:1px solid rgba(242,239,232,.4);color:var(--pod)}
.btn-outline span{position:relative;z-index:1;transition:color .55s var(--ease)}
.btn-outline::before{content:"";position:absolute;inset:0;background:var(--pod);transform:translateY(101%);transition:transform .55s var(--ease)}
.btn-outline:hover{border-color:var(--pod)}
.btn-outline:hover::before{transform:none}
.btn-outline:hover span{color:var(--void)}
.hero-mark-svg{width:min(44vh,380px,78vw);height:min(44vh,380px,78vw);overflow:visible;filter:drop-shadow(0 22px 40px rgba(0,0,0,.4))}
.scrollcue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--pod-45);opacity:0;transition:opacity 1s ease .5s}
.hero-play .scrollcue{opacity:1}
.hero-outer.filming .scrollcue{opacity:0}
.scrollcue i{width:1px;height:44px;background:linear-gradient(var(--pod),transparent);position:relative;overflow:hidden}
.scrollcue i::after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--pod);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%{top:-50%}60%,100%{top:100%}}

/* schluss-raum, damit das finale ruhig ausklingt */
.after{height:56vh;background:var(--void);display:flex;align-items:center;justify-content:center}
.after span{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--pod-45)}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.05ms!important}
  .grain{animation:none}
}

/* ================= SEITE / BEREICHE ================= */
:root{ --maxw:1400px; --grey:rgba(242,239,232,.56); --grey-2:rgba(242,239,232,.72); --line:rgba(242,239,232,.12); --card:#20242a; --card-2:#252a31; }
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.sec{position:relative;padding-block:clamp(52px,8.5vh,104px);background:var(--paper);color:var(--ink);border-top:1px solid var(--line-d2)}
.sec.dark{background:var(--void)}
.eyebrow{font-size:clamp(11.5px,1.1vw,15.5px);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--pod-70);display:inline-flex;align-items:center;gap:1em}
.eyebrow::before{content:"";width:34px;height:1.5px;background:var(--pod-45);flex:none}
.sec-head{display:flex;flex-direction:column;gap:18px;margin-bottom:clamp(24px,4vh,46px);max-width:900px}
.sec-head h2{font-family:"Raleway";font-weight:200;font-size:clamp(30px,5vw,66px);line-height:1.04;letter-spacing:-.015em}
.sec-head .lead{max-width:56ch;font-size:clamp(15.5px,1.4vw,18px);color:var(--grey-2);line-height:1.7}
.i{font-style:italic;font-weight:300}
h2 .soft,.soft{color:var(--pod-45)}
/* reveals */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
[data-split] .ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
[data-split] .ln>span{display:block;transform:translateY(110%);transition:transform .95s var(--ease)}
[data-split].in .ln>span{transform:none}
[data-split].in .ln:nth-child(2)>span{transition-delay:.08s}[data-split].in .ln:nth-child(3)>span{transition-delay:.16s}
/* buttons (Seite) */
.btn{position:relative;overflow:hidden;border-radius:100px;padding:15px 34px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.btn span{position:relative;z-index:1;transition:color .5s var(--ease)}
.btn-solid{background:var(--pod);color:var(--void);border:1px solid var(--pod)}
.btn-solid::before{content:"";position:absolute;inset:0;background:transparent}
.btn-solid:hover{opacity:.92}
.btn-ghost{color:var(--pod-70);border:1px solid var(--line-d)}
.btn-ghost::before{content:"";position:absolute;inset:0;background:var(--pod);transform:translateY(101%);transition:transform .5s var(--ease)}
.btn-ghost:hover::before{transform:none}.btn-ghost:hover span{color:var(--void)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* ---- NAV ---- */
.nav{position:fixed;top:0;left:0;width:100%;z-index:960;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);transition:transform 1.15s var(--ease),opacity 1s var(--ease),background .8s var(--ease),backdrop-filter .8s,box-shadow .8s,padding .5s;transform:translateY(-115%);opacity:0}
.nav.show{transform:none;opacity:1}
.nav::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-82px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(239,238,232,.9) 0%,rgba(239,238,232,.66) 34%,rgba(239,238,232,.32) 60%,rgba(239,238,232,0) 100%);-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 28%,rgba(0,0,0,.5) 58%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 28%,rgba(0,0,0,.5) 58%,transparent 100%);opacity:0;transition:opacity .8s var(--ease),background .7s var(--ease)}
.nav.on-dark::before{background:linear-gradient(to bottom,rgba(20,23,27,.88) 0%,rgba(20,23,27,.64) 34%,rgba(20,23,27,.3) 60%,rgba(20,23,27,0) 100%)}
.nav.scrolled::before{opacity:1}
.nav.scrolled{padding:12px var(--pad)}
.nav-brand{display:flex;align-items:center;gap:12px}
.nav-brand svg.mark{width:30px;height:26px;overflow:visible;flex:none}
.nav-brand .wordmark{height:15px;width:auto;fill:currentColor;display:block;flex:none}
.nav-brand{color:var(--pod)}
.nav-links{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:clamp(14px,1.9vw,30px);font-size:clamp(12px,.95vw,13px);font-weight:400}
.nav-links a{color:var(--pod-70);position:relative;text-decoration:none;transition:color .4s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--pod);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav-links a:hover{color:var(--pod)}.nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav-cta{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line-d);padding:11px 20px;border-radius:100px;color:var(--pod);text-decoration:none;transition:background .4s,color .4s}
.nav-cta:hover{background:var(--pod);color:var(--void)}
@media(max-width:900px){.nav-links{display:none}}

/* ---- COMPARE (Studiotyp-Vergleich) ---- */
.compare-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.ctab{font-size:12.5px;font-weight:500;letter-spacing:.04em;padding:11px 20px;border-radius:100px;border:1px solid var(--line-d);color:var(--grey-2);background:transparent;cursor:pointer;transition:.35s var(--ease)}
.ctab:hover{color:var(--pod);border-color:var(--pod-45)}
.ctab.active{background:var(--pod);color:var(--void);border-color:var(--pod)}
.compare-panel{border:1px solid var(--line-d);border-radius:8px;background:var(--card);padding:clamp(26px,4vw,48px);min-height:320px;position:relative;overflow:hidden}
.cpane{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease);position:absolute;inset:0;padding:clamp(26px,4vw,48px);pointer-events:none}
.cpane.on{opacity:1;transform:none;position:relative;pointer-events:auto}
.cpane h3{font-weight:200;font-size:clamp(24px,3vw,40px);margin-bottom:6px}
.cpane .cp-tag{font-size:14px;color:var(--grey);margin-bottom:26px}
.cp-rows{display:flex;flex-direction:column;gap:0;max-width:560px}
.cp-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line-d2);font-size:14.5px;color:var(--pod-70)}
.cp-row:last-child{border-bottom:1px solid var(--line-d2)}
.cp-val{font-weight:500;color:var(--pod)}
.cp-dot{display:inline-flex;gap:5px}
.cp-dot i{width:7px;height:7px;border-radius:50%;background:var(--line);display:block}
.cp-dot i.on{background:var(--pod)}
.cp-price{margin-top:26px;font-weight:200;font-size:clamp(26px,3vw,40px)}
.cp-price small{font-size:.4em;color:var(--grey);letter-spacing:.1em;font-weight:500}
.cpane.hl{background:linear-gradient(180deg,rgba(242,239,232,.06),transparent 60%)}
.compare-note{margin-top:20px;font-size:12px;color:var(--pod-45)}

/* ---- DENSITY (1 Mitglied/m²) ---- */
.density-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px);margin-top:14px}
.dcell{border:1px solid var(--line-d);border-radius:6px;padding:20px;background:var(--card);text-align:center}
.dcell .sq{position:relative;aspect-ratio:1;border:1px solid var(--line-d2);border-radius:4px;margin-bottom:16px;overflow:hidden;background:var(--void)}
.dcell .sq i{position:absolute;width:12%;height:12%;border-radius:50%;background:var(--pod-45)}
.dcell.tp .sq i{background:var(--pod);width:16%;height:16%;box-shadow:0 0 14px var(--glow)}
.dcell .dl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.dcell .dv{font-size:13px;color:var(--pod-70);margin-top:6px}
.dcell.tp{border-color:var(--pod-45);background:linear-gradient(180deg,rgba(242,239,232,.06),var(--card))}
.dcell.tp .dl{color:var(--pod)}
.big-num{font-family:"Raleway";font-weight:100;font-size:clamp(90px,20vw,260px);line-height:.8;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media(max-width:760px){.density-grid{grid-template-columns:repeat(2,1fr)}}

/* ---- SYSTEM (PAUR) ---- */
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.system-mark{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.system-mark svg{width:min(78%,420px);height:auto;overflow:visible}
.system-mark .node{position:absolute;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pod-70)}
.sys-list{display:flex;flex-direction:column;gap:2px}
.sys-item{padding:26px 0;border-top:1px solid var(--line-d2);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.sys-item:last-child{border-bottom:1px solid var(--line-d2)}
.sys-item .no{font-weight:600;color:var(--pod-45);font-size:13px;letter-spacing:.1em;padding-top:5px}
.sys-item h3{font-weight:300;font-size:clamp(20px,2.2vw,27px);margin-bottom:8px}
.sys-item p{color:var(--grey-2);font-size:15px;max-width:42ch}
.sys-center{margin-top:30px;font-size:15px;color:var(--pod-70)}
.sys-center b{color:var(--pod);font-weight:500}
@media(max-width:900px){.system-grid{grid-template-columns:1fr}.system-mark{order:-1;max-width:340px;margin-inline:auto}}

/* ---- FEATURE / REFS (Personal Training) ---- */
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}
.feature-grid p{color:var(--grey-2);font-size:16px;line-height:1.75;max-width:48ch}
.feature-grid a.inline{color:var(--pod);border-bottom:1px solid var(--pod-45)}
.ref-cards{display:flex;flex-direction:column;gap:16px}
.refcard{display:flex;gap:18px;align-items:center;border:1px solid var(--line-d2);border-radius:8px;padding:16px;background:var(--card);transition:border-color .5s,transform .6s var(--ease)}
.refcard:hover{border-color:var(--line-d);transform:translateY(-3px)}
.refcard img{width:84px;height:84px;border-radius:6px;object-fit:cover;filter:contrast(1.02) brightness(.98) saturate(1.02);flex:none}
.refcard .rq{font-style:italic;font-weight:300;font-size:15.5px;line-height:1.5;color:var(--pod)}
.refcard .rn{margin-top:8px;font-size:12.5px;color:var(--grey)}
.refcard .rn b{color:var(--pod-70);font-weight:600}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}

/* ---- STEPS ---- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px);counter-reset:st}
.step{position:relative;padding-top:30px;border-top:1px solid var(--line-d)}
.step .sn{position:absolute;top:-1px;left:0;width:34px;height:34px;transform:translateY(-50%);background:var(--paper);border:1px solid var(--line-d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--pod)}
.step h3{font-weight:300;font-size:clamp(18px,1.9vw,23px);margin-bottom:12px}
.step p{color:var(--grey-2);font-size:14.5px;line-height:1.65}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}

/* ---- STUDIO strip ---- */
.studio-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;grid-auto-rows:1fr;margin-top:8px}
.sp{position:relative;overflow:hidden;border-radius:5px;min-height:230px;border:1px solid var(--line-d2)}
.sp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.03) brightness(.95) saturate(1.02);transition:transform 1.1s var(--ease),filter 1.1s var(--ease)}
.sp:hover img{transform:scale(1.05);filter:contrast(1.02) brightness(1.02) saturate(1.06)}
.sp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(21,24,28,.7))}
.sp .cap{position:absolute;left:18px;bottom:16px;z-index:2;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pod)}
.sp.tall{grid-row:span 2}
@media(max-width:760px){.studio-strip{grid-template-columns:1fr}.sp.tall{grid-row:auto}}

/* ---- REVIEWS ---- */
.rev-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.stars{color:var(--pod);letter-spacing:.1em;font-size:16px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px)}
.review{border:1px solid var(--line-d2);border-radius:8px;padding:28px;background:var(--card);transition:transform .6s var(--ease),border-color .5s}
.review:hover{transform:translateY(-5px);border-color:var(--line-d)}
.review .rq{font-weight:300;font-size:16px;line-height:1.6;font-style:italic}
.review .rq::before{content:"\201C";color:var(--pod-45);font-size:1.5em;line-height:0;vertical-align:-.35em;margin-right:.05em}
.review .rm{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-d2);font-size:12.5px;color:var(--grey)}
@media(max-width:900px){.rev-grid{grid-template-columns:1fr}}

/* ---- PRICING + Rechner ---- */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:start}
.price-card{border:1px solid var(--line-d);border-radius:10px;padding:clamp(28px,3.5vw,44px);background:var(--card)}
.price-card .pt{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pod-45)}
.price-card .pv{font-weight:200;font-size:clamp(34px,4.5vw,54px);margin:14px 0 4px;line-height:1}
.price-card .pv small{font-size:.36em;color:var(--grey);letter-spacing:.06em}
.price-card .pd{color:var(--grey-2);font-size:14.5px;line-height:1.65;margin:16px 0 24px}
.price-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.price-list li{position:relative;padding-left:24px;font-size:14px;color:var(--pod-70)}
.price-list li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border:1px solid var(--pod-45);border-radius:50%}
.calc{border:1px solid var(--line-d);border-radius:10px;padding:clamp(28px,3.5vw,44px);background:linear-gradient(180deg,rgba(242,239,232,.05),var(--card) 60%)}
.calc h3{font-weight:300;font-size:clamp(20px,2.4vw,28px);margin-bottom:6px}
.calc .cq{font-size:14px;color:var(--grey);margin-bottom:24px}
.freq{display:flex;gap:8px;margin-bottom:30px}
.freq button{flex:1;padding:14px 0;border-radius:8px;border:1px solid var(--line-d);background:transparent;color:var(--grey-2);font-size:15px;font-weight:500;cursor:pointer;transition:.3s}
.freq button:hover{border-color:var(--pod-45);color:var(--pod)}
.freq button.on{background:var(--pod);color:var(--void);border-color:var(--pod)}
.calc-out{font-weight:200;font-size:clamp(48px,8vw,84px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.calc-sub{margin-top:14px;color:var(--grey-2);font-size:14px;line-height:1.6}
.calc-cmp{margin-top:14px;font-size:13px;color:var(--pod-45)}
.calc-cmp s{opacity:.7}
@media(max-width:900px){.price-grid{grid-template-columns:1fr}}

/* ---- WAYS ---- */
.ways-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,30px)}
.way{border:1px solid var(--line-d);border-radius:10px;padding:clamp(28px,3.5vw,46px);background:var(--card);display:flex;flex-direction:column;gap:16px}
.way h3{font-weight:300;font-size:clamp(21px,2.4vw,28px)}
.way p{color:var(--grey-2);font-size:15px;line-height:1.65;flex:1}
.way .wtag{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pod-45)}
@media(max-width:760px){.ways-grid{grid-template-columns:1fr}}

/* ---- FOUNDER ---- */
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,90px);align-items:center}
.founder-fig{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;border:1px solid var(--line-d2)}
.founder-fig img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02) brightness(.96) saturate(1.02)}
.founder-grid p{color:var(--grey-2);font-size:16px;line-height:1.75;margin-bottom:18px;max-width:52ch}
.sig{margin-top:22px;font-style:italic;font-weight:300;font-size:22px;color:var(--pod)}
@media(max-width:900px){.founder-grid{grid-template-columns:1fr}.founder-fig{max-width:380px}}

/* ---- FAQ ---- */
.faq-list{border-top:1px solid var(--line-d2);max-width:900px}
.faq-item{border-bottom:1px solid var(--line-d2)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--pod);font-family:"Raleway";font-weight:300;font-size:clamp(16px,1.9vw,21px);padding:24px 44px 24px 0;cursor:pointer;position:relative;transition:color .3s}
.faq-q:hover{color:var(--pod)}
.faq-q::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;transform:translateY(-50%);background:
  linear-gradient(var(--pod-45),var(--pod-45)) center/12px 1.5px no-repeat,
  linear-gradient(var(--pod-45),var(--pod-45)) center/1.5px 12px no-repeat;transition:transform .4s var(--ease),opacity .3s}
.faq-item.open .faq-q::after{transform:translateY(-50%) rotate(90deg);opacity:.5}
.faq-item.open .faq-q::before{content:"";position:absolute;right:0;top:50%;width:12px;height:1.5px;background:var(--pod);transform:translateY(-50%);z-index:1}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq-a p{color:var(--grey-2);font-size:15px;line-height:1.75;padding:0 0 26px;max-width:70ch}

/* ---- LOCATION ---- */
.loc-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(34px,5vw,70px);align-items:center}
.loc-info h3{font-weight:300;font-size:20px;margin-bottom:4px}
.loc-info .addr{color:var(--grey-2);font-size:16px;line-height:1.7;margin-bottom:26px}
.loc-times{display:flex;flex-direction:column}
.loc-times .lt{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line-d2);font-size:14.5px;color:var(--pod-70)}
.loc-times .lt:last-child{border-bottom:1px solid var(--line-d2)}
.loc-times .lt b{color:var(--pod);font-weight:500}
.loc-fig{position:relative;aspect-ratio:16/11;border-radius:8px;overflow:hidden;border:1px solid var(--line-d2)}
.loc-fig img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02) brightness(.93) saturate(1.02)}
.loc-fig .cap{position:absolute;left:18px;bottom:16px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pod);z-index:2}
.loc-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(21,24,28,.65))}
@media(max-width:900px){.loc-grid{grid-template-columns:1fr}}

/* ---- FINAL CTA ---- */
.final{background:var(--void);text-align:center;border-top:1px solid var(--line-d2)}
.final h2{font-weight:200;font-size:clamp(34px,6.5vw,88px);line-height:1;letter-spacing:-.02em;max-width:16ch;margin:0 auto}
.final p{max-width:52ch;margin:30px auto 0;color:var(--grey-2);font-size:16px;line-height:1.7}
.final .btn-row{justify-content:center}
.final .trust{margin-top:34px;font-size:12.5px;color:var(--pod-45);letter-spacing:.02em}

/* ---- FOOTER ---- */
.footer{background:var(--void);color:var(--pod-70);padding:56px var(--pad) 40px;border-top:1px solid var(--line-d2)}
.footer-in{max-width:var(--maxw);margin:0 auto}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--line-d2)}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand svg.mark{width:40px;height:35px;overflow:visible;flex:none}
.footer-brand .wordmark{height:19px;width:auto;fill:currentColor;display:block;flex:none}
.footer-brand{color:var(--pod)}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}
.footer-links a{color:var(--pod-70);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--pod)}
.footer-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:12px;color:var(--pod-45)}

/* ===== FARBWELT wie teampaur.com: heller/dunkler Wechsel + grüner Akzent (belebt) ===== */
:root{ --acc:#bfa06a; --acc-d:#a2854f; --acc-soft:rgba(191,160,106,.12); --lightbg:#efeee8; --lightbg2:#e9e8e1; }
/* helle Sektion = Standard; Variablen werden pro Kontext umgesetzt, Komponenten passen sich automatisch an */
.sec{ background:var(--lightbg); color:#5b5b57; border-top:1px solid rgba(29,33,38,.08);
  --pod:#1d2126; --pod-70:#45453f; --pod-45:#8c8c87; --grey:#7b7b76; --grey-2:#5b5b57;
  --line-d:rgba(29,33,38,.17); --line-d2:rgba(29,33,38,.09); --line:rgba(29,33,38,.15);
  --card:#ffffff; --card-2:#f6f5ef; --glow:rgba(191,160,106,.4); }
.sec.dark, .sec.final{ background:var(--void); color:rgba(242,239,232,.74); border-top:1px solid rgba(242,239,232,.07);
  --pod:#F2EFE8; --pod-70:rgba(242,239,232,.72); --pod-45:rgba(242,239,232,.44); --grey:rgba(242,239,232,.55); --grey-2:rgba(242,239,232,.74);
  --line-d:rgba(242,239,232,.14); --line-d2:rgba(242,239,232,.07); --line:rgba(242,239,232,.12);
  --card:#20242a; --card-2:#252a31; --glow:rgba(242,232,214,.34); }
.sec h2, .sec h3, .sec-head h2{color:var(--pod)}
/* grüner Marken-Akzent überall */
.eyebrow{color:var(--acc)} .eyebrow::before{background:var(--acc);opacity:.9}
.btn-solid{background:var(--acc);border-color:var(--acc);color:#fff}
.btn-solid:hover{background:var(--acc-d);border-color:var(--acc-d);opacity:1}
.btn-ghost:hover{border-color:var(--acc)}
.nav .nav-cta{background:var(--acc);border-color:var(--acc);color:#fff}
.nav .nav-cta:hover{background:var(--acc-d)}
.ctab.active{background:var(--acc);border-color:var(--acc);color:#fff}
.ctab:hover{border-color:var(--acc);color:var(--acc)}
.cp-val{color:var(--acc)}
.cpane.hl{background:linear-gradient(180deg,var(--acc-soft),transparent 62%)}
.cp-dot i.on{background:var(--acc)}
.price-list li::before{border-color:var(--acc);background:var(--acc)}
.dcell.tp{border-color:var(--acc);background:linear-gradient(180deg,var(--acc-soft),var(--card))}
.dcell.tp .sq i{background:var(--acc)!important;box-shadow:0 0 16px var(--glow)}
.dcell.tp .dl{color:var(--acc)}
.sys-center b{color:var(--acc)} .sys-item .no{color:var(--acc)}
.stars{color:var(--acc)}
.feature-grid a.inline{color:var(--acc);border-color:var(--acc)}
.calc-out{color:var(--acc)}
.freq button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.freq button:hover{border-color:var(--acc);color:var(--acc)}
.sig{color:var(--acc)}
.step .sn{color:var(--acc);border-color:var(--acc)}
.faq-q:hover{color:var(--pod)}
.faq-item.open .faq-q{color:var(--pod)}
.faq-item.open .faq-q::before{background:var(--acc)}
.review .rq::before{color:var(--acc)}
.loc-times .lt b{color:var(--acc)}
/* Nav hell (erscheint über hellem Inhalt) */
.nav .nav-brand, .nav .nav-links a{color:#2a2d31}
.nav .nav-brand path{fill:currentColor}
.nav .nav-burger{color:#2a2d31;border-color:rgba(29,33,38,.2)}
.nav.scrolled{background:transparent;border-color:rgba(29,33,38,.1)}
/* Nav passt sich der Sektion darunter an (hell/dunkel), weicher Farbwechsel */
.nav .nav-brand,.nav .nav-brand path,.nav .nav-links a,.nav .nav-burger{transition:color .7s var(--ease),fill .7s var(--ease),border-color .7s var(--ease)}
.nav.on-dark.scrolled{background:transparent;border-color:rgba(242,239,232,.1)}
.nav.on-dark .nav-brand{color:#F2EFE8}
.nav.on-dark .nav-brand path{fill:currentColor}
.nav.on-dark .nav-links a{color:rgba(242,239,232,.74)}
.nav.on-dark .nav-links a:hover{color:#F2EFE8}
.nav.on-dark .nav-burger{color:#F2EFE8;border-color:rgba(242,239,232,.24)}
.nav .nav-links a:hover{color:#1d2126}
.nav .nav-links a::after{background:var(--acc)}
/* Karten-Hover: grüner Rand + Anhebung */
.review:hover,.refcard:hover,.way:hover,.price-card:hover,.dcell:hover,.sp:hover{border-color:var(--acc)}
.refcard img{transition:filter .6s var(--ease),transform .6s var(--ease)}
.refcard:hover img{filter:grayscale(0) contrast(1.03) brightness(1)}
/* ===== zusätzliche Animationen (wie Homepage) ===== */
@keyframes kbslow{0%{transform:scale(1.03)}100%{transform:scale(1.12)}}
.founder-fig img,.loc-fig img{animation:kbslow 22s ease-in-out infinite alternate}
.sec-head .eyebrow::before{width:0;transition:width 1s var(--ease) .1s}
.sec-head.in .eyebrow::before,.reveal.in .eyebrow::before{width:34px}
.sec-head .eyebrow::before{width:34px}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 var(--acc-soft);transition:box-shadow .5s;pointer-events:none}
.btn-solid:hover::after{box-shadow:0 10px 30px -10px rgba(191,160,106,.6)}
.system-mark svg{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.review,.refcard,.way,.price-card,.step,.dcell{transition:transform .55s var(--ease),border-color .45s,box-shadow .5s}
.review:hover,.way:hover,.price-card:hover{box-shadow:0 24px 50px -34px rgba(0,0,0,.35)}
/* Ghost-Button: grüne Füllung, weiße Schrift (funktioniert auf hell und dunkel) */
.btn-ghost:hover::before{background:var(--acc)}
.btn-ghost:hover span{color:#fff}
.step .sn{background:var(--card)}

/* ===== Vergleich: belebte Ein-Animation + Auto-Durchlauf ===== */
.cpane h3,.cpane .cp-tag,.cpane .cp-row,.cpane .cp-price,.cpane p.lead{opacity:0;transform:translateY(15px);transition:opacity .55s var(--ease),transform .6s var(--ease)}
.cpane.on h3{opacity:1;transform:none;transition-delay:.04s}
.cpane.on .cp-tag{opacity:1;transform:none;transition-delay:.10s}
.cpane.on .cp-rows .cp-row:nth-child(1){opacity:1;transform:none;transition-delay:.18s}
.cpane.on .cp-rows .cp-row:nth-child(2){opacity:1;transform:none;transition-delay:.26s}
.cpane.on .cp-rows .cp-row:nth-child(3){opacity:1;transform:none;transition-delay:.34s}
.cpane.on p.lead{opacity:1;transform:none;transition-delay:.42s}
.cpane.on .cp-price{opacity:1;transform:none;transition-delay:.5s}
.cp-dot i{transition:transform .45s var(--ease),background .4s}
.cpane .cp-dot i.on{transform:scale(0)}
.cpane.on .cp-rows .cp-row:nth-child(1) .cp-dot i.on{transform:scale(1);transition-delay:.34s}
.cpane.on .cp-rows .cp-row:nth-child(2) .cp-dot i.on{transform:scale(1);transition-delay:.44s}
.cpane.on .cp-rows .cp-row:nth-child(3) .cp-dot i.on{transform:scale(1);transition-delay:.54s}
.cpane .cp-val{display:inline-block;position:relative}
.cpane.on .cp-val::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;background:var(--acc);animation:valLine .6s var(--ease) .5s forwards}
@keyframes valLine{to{width:100%}}
.compare-prog{height:2px;background:var(--line-d2);border-radius:2px;overflow:hidden;margin:0 0 18px;opacity:0;transition:opacity .4s}
.compare-prog.on{opacity:1}
.compare-prog i{display:block;height:100%;width:0;background:var(--acc);border-radius:2px}
.ctab{position:relative;overflow:hidden}
.ctab .tp{position:absolute;left:0;bottom:0;height:2px;width:0;background:rgba(255,255,255,.55)}
.ctab.active.autop .tp{width:100%}

/* ===== Dichte (1 Mitglied/m²): Karten kaskadieren, Punkte poppen als Reise ein ===== */
.dcell{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease),border-color .45s}
.density-grid.play .dcell{opacity:1;transform:none}
.density-grid.play .dcell:nth-child(2){transition-delay:.12s}
.density-grid.play .dcell:nth-child(3){transition-delay:.24s}
.density-grid.play .dcell:nth-child(4){transition-delay:.36s}
.dcell .sq i{opacity:0;transform:translate(-50%,-50%);transition:opacity .7s ease;will-change:left,top}
.density-grid.play .sq i{opacity:1}
.density-grid.play .dcell.tp .sq i{animation:tpglow 2.6s ease-in-out infinite}
@keyframes tpglow{0%,100%{box-shadow:0 0 10px var(--glow)}50%{box-shadow:0 0 30px var(--glow),0 0 62px var(--glow)}}

/* ===== Cineastisches Video-Band (Überleitung Finale -> reale Studio-Sequenz) ===== */
.filmband{position:relative;height:100svh;min-height:520px;overflow:hidden;background:var(--void)}
@media(max-width:700px){.filmband{height:76svh;min-height:400px}}
.filmband-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.05) brightness(.72) saturate(.92);opacity:0;transform:scale(1.06);transition:opacity 1.5s ease,transform 12s ease}
.filmband.show .filmband-video{opacity:1;transform:scale(1)}
.filmband-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:
  linear-gradient(180deg,var(--void) 0%,rgba(21,24,28,.35) 20%,rgba(21,24,28,.2) 52%,rgba(21,24,28,.55) 80%,var(--lightbg) 100%),
  radial-gradient(120% 90% at 50% 42%,transparent 45%,rgba(0,0,0,.4))}
.filmband-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--pad);pointer-events:none}
.fb-eyebrow{font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:rgba(242,239,232,.62);margin-bottom:22px;opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.fb-line{font-family:"Raleway";font-weight:200;font-size:clamp(32px,6vw,80px);line-height:1.04;letter-spacing:-.015em;color:#F2EFE8;text-shadow:0 8px 44px rgba(0,0,0,.55);opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease) .12s,transform 1s var(--ease) .12s;max-width:22ch}
.fb-line .i{color:var(--acc);font-style:normal}
.fb-sub{margin-top:22px;font-size:15px;letter-spacing:.02em;color:rgba(242,239,232,.72);opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease) .26s,transform .9s var(--ease) .26s}
.filmband.show .fb-eyebrow,.filmband.show .fb-line,.filmband.show .fb-sub{opacity:1;transform:none}
.fb-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:4;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(242,239,232,.5);opacity:0;transition:opacity 1s ease .6s}
.filmband.show .fb-cue{opacity:1}

/* ===== Vergleich neu: Positionierungs-Landkarte (Betreuung x Preis) ===== */
.posmap-wrap{display:grid;grid-template-columns:1.28fr .82fr;gap:clamp(26px,4vw,54px);align-items:stretch}
.posmap{position:relative;aspect-ratio:1/.8;border:1px solid var(--line-d);border-radius:14px;background:var(--card);overflow:hidden;
  background-image:linear-gradient(var(--line-d2),var(--line-d2)),linear-gradient(var(--line-d2),var(--line-d2));
  background-size:1px 100%,100% 1px;background-position:50% 0,0 50%;background-repeat:no-repeat}
.posmap::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 24%,rgba(29,33,38,.035) 24%,rgba(29,33,38,.035) calc(24% + 1px)),repeating-linear-gradient(90deg,transparent,transparent 24%,rgba(29,33,38,.035) 24%,rgba(29,33,38,.035) calc(24% + 1px));pointer-events:none}
.sec.dark .posmap::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 24%,rgba(242,239,232,.05) 24%,rgba(242,239,232,.05) calc(24% + 1px)),repeating-linear-gradient(90deg,transparent,transparent 24%,rgba(242,239,232,.05) 24%,rgba(242,239,232,.05) calc(24% + 1px))}
.sweet{position:absolute;right:0;bottom:0;width:50%;height:54%;background:var(--acc-soft);border-left:1px dashed rgba(191,160,106,.45);border-top:1px dashed rgba(191,160,106,.45);opacity:0;transition:opacity 1s var(--ease) .4s;z-index:1}
.posmap.play .sweet{opacity:1}
.sweet span{position:absolute;right:16px;top:16px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--acc);text-align:right;max-width:150px}
.ax{position:absolute;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pod-45);z-index:4}
.ax-x{left:50%;bottom:9px;transform:translateX(-50%)}
.ax-y{left:9px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}
.ax-c{position:absolute;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pod-45);opacity:.72;z-index:4}
.lo-x{left:20px;bottom:26px}.hi-x{right:16px;bottom:26px}
.lo-y{left:26px;bottom:22px;transform:rotate(-90deg);transform-origin:left bottom}
.hi-y{left:26px;top:14px;transform:rotate(-90deg);transform-origin:left top}
.pt{position:absolute;transform:translate(-50%,50%) scale(0);opacity:0;z-index:3;cursor:pointer}
.posmap.play .pt{animation:ptpop .6s var(--ease) forwards;animation-delay:var(--d)}
@keyframes ptpop{0%{opacity:0;transform:translate(-50%,50%) scale(0)}62%{opacity:1;transform:translate(-50%,50%) scale(1.28)}100%{opacity:1;transform:translate(-50%,50%) scale(1)}}
.pt-dot{display:block;width:15px;height:15px;border-radius:50%;background:#a9a9a4;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line-d);transition:transform .35s var(--ease),background .35s,box-shadow .35s}
.sec.dark .pt-dot{background:#6b7078}
.pt-lb{position:absolute;left:50%;top:-9px;transform:translate(-50%,-100%);white-space:nowrap;font-size:11px;font-weight:500;color:var(--pod-70);opacity:.7;transition:.35s;pointer-events:none}
.pt.hero .pt-dot{width:24px;height:24px;background:var(--acc);box-shadow:0 0 0 5px var(--acc-soft),0 0 22px var(--glow)}
.pt.hero .pt-lb{color:var(--acc);font-weight:700;opacity:1;font-size:12px;letter-spacing:.02em}
.pt.focus{z-index:6}
.pt.focus .pt-dot{transform:scale(1.4)}
.pt.focus .pt-lb{opacity:1;color:var(--pod)}
.pt.hero.focus .pt-lb{color:var(--acc)}
.posdetail{border:1px solid var(--line-d);border-radius:14px;background:var(--card);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center;transition:border-color .45s,background .45s;min-height:340px}
.posdetail.hero{border-color:rgba(191,160,106,.5);background:linear-gradient(180deg,var(--acc-soft),var(--card) 52%)}
.pd-name{font-family:"Raleway";font-weight:200;font-size:clamp(24px,3vw,38px);color:var(--pod);line-height:1.05}
.pd-tag{font-size:14px;color:var(--grey);margin:6px 0 22px}
.pd-rows{display:flex;flex-direction:column}
.pd-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line-d2);font-size:14px;color:var(--pod-70)}
.pd-row:last-child{border-bottom:1px solid var(--line-d2)}
.pd-row .cp-val{color:var(--acc);font-weight:500}
.pd-price{margin-top:24px;font-family:"Raleway";font-weight:200;font-size:clamp(26px,3vw,40px);color:var(--pod)}
.pd-price small{font-size:.36em;color:var(--grey);letter-spacing:.06em}
.posdetail.hero .pd-price{color:var(--acc)}
.pd-note{margin-top:14px;font-size:13px;line-height:1.55;color:var(--grey-2)}
@media(max-width:860px){.posmap-wrap{grid-template-columns:1fr}.posmap{aspect-ratio:1/.92}.posdetail{min-height:0}}

/* ===== Vergleich (teampaur.com-Stil): Schritt-Balken + Karte ===== */
.cmp3{--gold:#c4a24e;--gold-d:#a9863a;--gold-soft:rgba(196,162,78,.15)}
.stepper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin:0 auto 30px;padding:0 clamp(6px,3vw,40px)}
.stepper::before{content:"";position:absolute;left:clamp(6px,3vw,40px);right:clamp(6px,3vw,40px);top:9px;height:2px;background:var(--line-d);border-radius:2px}
.stepper::after{content:"";position:absolute;left:clamp(6px,3vw,40px);top:9px;height:2px;width:calc((100% - 2*clamp(6px,3vw,40px)) * var(--p,0));background:var(--gold);border-radius:2px;transition:width .55s var(--ease)}
.stp{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;flex:1;padding:0}
.stp-dot{width:16px;height:16px;border-radius:50%;background:var(--lightbg);border:2px solid #c7c4bb;transition:.4s var(--ease)}
.stp.done .stp-dot{border-color:var(--gold);background:var(--gold)}
.stp.on .stp-dot{width:22px;height:22px;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 6px var(--gold-soft),0 0 18px rgba(196,162,78,.55);transform:translateY(-3px)}
.stp-lb{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pod-45);transition:color .4s;text-align:center;line-height:1.3}
.stp.on .stp-lb{color:var(--pod);font-weight:700}
.stp:hover .stp-lb{color:var(--pod-70)}
.cmpcard{border:1px solid var(--line-d);border-radius:16px;background:#fff;padding:clamp(26px,3.4vw,46px);box-shadow:0 30px 70px -50px rgba(0,0,0,.3)}
.cmpcard.hero{border-color:rgba(196,162,78,.5);box-shadow:0 30px 72px -46px rgba(196,162,78,.4)}
.cmp-name{font-family:"Raleway";font-weight:300;font-size:clamp(24px,3.4vw,40px);letter-spacing:.02em;color:var(--pod)}
.cmp-name.green{color:#d4bd8f;font-weight:500;letter-spacing:.06em}
.cmp-sub{font-size:15px;color:var(--grey);margin:8px 0 30px;max-width:64ch;line-height:1.55}
.crats{display:flex;flex-direction:column;gap:24px}
.crat-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.crat-l{font-size:15px;color:var(--pod-70)}
.crat-pill{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);background:var(--gold-soft);border-radius:100px;padding:6px 14px;white-space:nowrap}
.crat-track{position:relative;height:9px;border-radius:6px;background:#eceae3;overflow:hidden}
.crat-tick{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(0,0,0,.13);z-index:2}
.crat-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:#3a3f45;transition:width 1s var(--ease)}
.crat-fill.gold{background:linear-gradient(90deg,#8a6f2f,var(--gold))}
.cmpcard.fillin .crat-fill{width:var(--w)}
.cmp-divider{height:1px;background:var(--line-d2);margin:34px 0 26px}
.cmp-price{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.cmp-price b{font-family:"Raleway";font-weight:300;font-size:clamp(40px,6vw,72px);color:var(--pod);line-height:1}
.cmp-price span{font-size:14px;color:var(--grey)}
.cmp-hl{margin-top:26px;background:var(--gold-soft);border-radius:10px;padding:20px 24px;font-size:14.5px;line-height:1.6;color:var(--pod-70)}
.cmp-hl b{color:var(--pod);font-weight:600}
@media(max-width:640px){.stp-lb{font-size:9px;letter-spacing:.06em}.stepper{padding:0 4px}.stepper::before{left:4px;right:4px}.stepper::after{left:4px;width:calc((100% - 8px)*var(--p,0))}}

/* ===== PAUR-System: Partikel-Zeichen, drei Flügel = drei Bereiche ===== */
.system-mark canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sys-item{transition:padding-left .35s var(--ease),border-color .35s}
.sys-item .no{transition:color .35s}
.sys-item h3{transition:color .35s}
.sys-item.hot{padding-left:10px}
.sys-item.hot .no,.sys-item.hot h3{color:var(--acc)}

/* ===== Vier Kernbereiche: Partikel-Motive + Panel ===== */
.kern .kern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,20px);margin-top:6px}
.kitem{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(28px);transition:transform .6s var(--ease),opacity .7s var(--ease)}
.kern-grid.play .kitem{opacity:1;transform:none}
.kern-grid.play .kitem:nth-child(2){transition-delay:.09s}
.kern-grid.play .kitem:nth-child(3){transition-delay:.18s}
.kern-grid.play .kitem:nth-child(4){transition-delay:.27s}
.kcap{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:0 4px}
.kcap .kno{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--acc)}
.kcap .knm{display:flex;align-items:center;justify-content:center;min-height:2.5em;font-size:clamp(13px,1.05vw,16px);font-weight:600;color:rgba(242,239,232,.62);line-height:1.22;letter-spacing:.01em;transition:color .35s}
.kitem.on .kcap .knm{color:#F2EFE8}
.ktile{position:relative;aspect-ratio:3/4;border:1px solid var(--line-d);border-radius:13px;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.24);transition:border-color .45s}
.ktile canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ktile::after{content:"";position:absolute;inset:0;border-radius:13px;box-shadow:0 0 0 1px var(--acc) inset,0 24px 64px rgba(0,0,0,.5);opacity:0;transition:opacity .45s;pointer-events:none;z-index:1}
.kern-grid.play .kitem.on{transform:translateY(-6px)}
.kitem.on .ktile{border-color:var(--acc)}
.kitem.on .ktile::after{opacity:1}
.kitem:hover .ktile::after{opacity:.5}
.ktile:focus-visible{outline:none}
.ktile:focus-visible::after{opacity:1}
.kern-grid.dimmed .kitem:not(.on){opacity:.5}
.kern-grid.dimmed .kitem:not(.on):hover{opacity:.85}
.kern-panel{position:relative;margin-top:clamp(22px,3.4vw,46px);height:0;overflow:hidden;transition:height .6s var(--ease)}
.kpane{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease);pointer-events:none}
.kpane.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.kpane .kp-inner{border-top:1px solid var(--line-d2);padding-top:clamp(26px,3.4vw,46px);max-width:880px;margin:0 auto;text-align:center}
.kp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;display:block}
.kpane h3{font-family:"Raleway";font-weight:300;font-size:clamp(23px,3vw,38px);line-height:1.08;color:#F2EFE8;letter-spacing:-.012em;margin:0 0 18px}
.kpane h3 b{font-weight:600}
.kpane .ktext{color:rgba(242,239,232,.76);font-size:clamp(14.5px,1.12vw,16.5px);line-height:1.74;margin:0 auto;max-width:62ch}
.kchips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;justify-content:center}
.kchip{border:1px solid var(--line-d);border-radius:999px;padding:8px 15px;font-size:12.5px;color:rgba(242,239,232,.74);letter-spacing:.02em;transition:border-color .4s,color .4s}
.kchip.hl{border-color:var(--acc);color:var(--acc)}
.kpane.wide .kp-inner{max-width:940px;text-align:center}
.kpane.wide .kp-top{display:grid;grid-template-columns:1.55fr .8fr;gap:clamp(24px,3.6vw,58px);align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.kpane.wide .ktext{margin:0 auto;max-width:60ch}
.kp-num{display:inline-flex;align-items:baseline;gap:14px;justify-content:center;margin:clamp(16px,2.4vw,30px) auto clamp(6px,1.4vw,16px)}
.kp-num b{font-family:"Raleway";font-weight:200;font-size:clamp(46px,6.4vw,78px);line-height:.82;color:var(--acc);letter-spacing:-.02em}
.kp-num span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,239,232,.56);line-height:1.5}
@media(max-width:860px){.kpane.wide .kp-inner{text-align:center}.kpane.wide .kp-top{grid-template-columns:1fr;gap:22px}.kpane.wide .ktext{margin:0 auto}.kp-num{justify-content:center}}
@media(min-width:1025px){.kern .kern-grid{max-width:80%;margin-inline:auto}}
@media(max-width:1024px){.kern .kern-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.kern .kern-grid{grid-template-columns:1fr}}
@media(hover:none){.kern-grid.dimmed .kitem:not(.on){opacity:1}.kitem:hover .ktile::after{opacity:0}}


/* ===== Positionierung: fuenf Optionen, drei Kategorien ===== */
.pos-wrap{margin-top:clamp(24px,3.4vw,44px)}
.pos-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,2.4vw,32px);margin-bottom:clamp(22px,2.8vw,36px)}
.pos-lg{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--pod-70)}
.pos-lg i{width:12px;height:12px;border-radius:3px;display:inline-block}
.pos-lg i.c1{background:#5f7078}.pos-lg i.c2{background:#b98a2e}.pos-lg i.c3{background:#bfa06a}.pos-lg i.c4{background:#b06a4e}
.pos-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.4vw,22px);align-items:end}
.pos-col{display:flex;flex-direction:column;align-items:center;min-width:0}
.pos-col.tp{position:relative}
.pos-col.tp::before{content:"";position:absolute;left:-8px;right:-8px;top:-8px;bottom:26px;background:var(--acc-soft);border-radius:12px;z-index:0}
.pos-track{width:100%;height:clamp(190px,30vh,290px);display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1}
.pos-group{display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,0.5vw,6px);height:100%}
.pos-b{width:clamp(7px,1.7vw,18px);height:0;border-radius:5px 5px 0 0;transition:height 1.1s var(--ease)}
.pos-b.c1{background:#5f7078}.pos-b.c2{background:#b98a2e}.pos-b.c3{background:#bfa06a}.pos-b.c4{background:#b06a4e}
.pos-chart.play .pos-b{height:var(--h)}
.pos-chart.play .pos-col:nth-child(2) .pos-b{transition-delay:.06s}
.pos-chart.play .pos-col:nth-child(3) .pos-b{transition-delay:.12s}
.pos-chart.play .pos-col:nth-child(4) .pos-b{transition-delay:.2s}
.pos-chart.play .pos-col:nth-child(5) .pos-b{transition-delay:.28s}
.pos-name{margin-top:14px;font-size:clamp(9.5px,1vw,12.5px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--grey);text-align:center;line-height:1.25;position:relative;z-index:1}
.pos-col.tp .pos-name{color:var(--acc)}
.pos-note{margin-top:18px;text-align:center;font-size:12px;color:var(--pod-45)}
@media(max-width:640px){.pos-name{font-size:8px;letter-spacing:.01em}.pos-b{width:clamp(4px,1.9vw,9px);border-radius:3px 3px 0 0}.pos-group{gap:1.5px}.pos-legend{gap:9px}.pos-lg{font-size:10.5px}}


/* Touch: Einrastpunkte im Hero, damit jedes Motiv stehen bleibt */
html.snap-on{scroll-snap-type:y proximity}
.hero-snap{position:absolute;left:0;width:1px;height:1px;opacity:0;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}

/* Hochformat: Foto-Backdrop deckungsgleich mit dem Partikelband */
@media(orientation:portrait){
  .hero-scene{background-size:contain;background-position:center center;background-repeat:no-repeat;animation:none}
}

/* ===== Mobile-Feinschliff (iPad/iPhone) ===== */
@media(max-width:760px){
  .hero-outer{height:470vh}
  .hero-caption{bottom:22vh}
  .finale-cta{bottom:26vh}
  .finale-tag{bottom:38vh}
  .pos-chart{gap:6px}
  .pos-track{height:clamp(160px,26vh,215px)}
  .pos-group{gap:2px}
  .pos-b{width:clamp(5px,1.7vw,10px);border-radius:4px 4px 0 0}
  .pos-name{font-size:9px;letter-spacing:.01em;line-height:1.18}
  .pos-col.tp::before{left:-3px;right:-3px;bottom:34px}
  .pos-note{font-size:11px}
  .pos-legend{gap:10px 14px}
  .pos-lg{font-size:10.5px}
}
@media(max-width:560px){
  .nav{padding-left:16px;padding-right:16px}
  .nav-brand b{font-size:12px;letter-spacing:.26em}
  .nav-brand svg{width:26px;height:23px}
  .nav-cta{padding:9px 13px;letter-spacing:.06em;font-size:10px}
  .hero-outer{height:430vh}
  .sec{padding-block:clamp(40px,6.5vh,74px)}
  .pos-chart{gap:5px}
  .pos-b{width:clamp(5px,2vw,9px)}
  .pos-name{font-size:9px}
  .kchips{gap:7px}
  .kchip{padding:7px 12px;font-size:11.5px}
  .sec-head{gap:16px}
}

/* ===== Handy: Bildunterschrift lesbar, Kernbereiche als Swipe-Karussell ===== */
.kern-dots{display:none}
@media(max-width:640px){
  .kern-dots{display:flex;justify-content:center;gap:10px;margin-top:20px;margin-bottom:6px}
  .kern-dots i{width:8px;height:8px;border-radius:50%;background:rgba(242,239,232,.28);transition:background .35s,transform .35s;cursor:pointer}
  .kern-dots i.on{background:var(--acc);transform:scale(1.3)}
  .kern-dots-b{margin-top:28px;margin-bottom:2px}
}
.kern-hint{display:none;margin-top:14px;text-align:center;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--pod-45)}
@media(max-width:560px){
  .hero-caption{font-size:clamp(16px,4.6vw,22px);letter-spacing:.08em;line-height:1.24;max-width:none;padding:0 12px;hyphens:none;-webkit-hyphens:none}
  .finale-tag{font-size:clamp(8.5px,2.34vw,10.8px);letter-spacing:.14em}
  .eyebrow{letter-spacing:.24em;gap:.8em}
  .eyebrow::before{width:24px}
}
@media(max-width:640px){
  .kern .kern-grid{display:flex;align-items:center;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;gap:5px;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;overscroll-behavior-x:contain;perspective:1100px}
  .kern .kern-grid::-webkit-scrollbar{display:none}
  /* Randabstand, damit auch erste und letzte Kachel in die Mitte fahren koennen */
  .kern .kern-grid::before,.kern .kern-grid::after{content:"";flex:0 0 calc(25vw - var(--pad));align-self:stretch}
  .kern .ktile{aspect-ratio:5/6}
  .kern .kitem{flex:0 0 50vw;scroll-snap-align:center;gap:9px;
    transform-origin:center center;will-change:transform,opacity;transition:none}
  .kern .kern-grid.play .kitem{opacity:1;transform:none}
  .kern .kitem.on{transform:none}
  .kern .kcap .kno{font-size:10px;letter-spacing:.16em}
  .kern .kcap .knm{font-size:12.5px;line-height:1.2}
  .kern-hint{display:none}
}

/* ===== Handy: Vier Gründe – Überschrift oben prominenter, keine Doppel-Überschrift, Text schnell ===== */
@media(max-width:640px){
  .kern .kcap{gap:6px}
  .kern .kcap .kno{font-size:12px;letter-spacing:.22em}
  .kern .kcap .knm{font-size:16px;line-height:1.24;font-weight:600;color:rgba(242,239,232,.9)}
  .kern .kitem.on .kcap .knm{color:#F2EFE8}
  .kern-panel .kp-eyebrow{display:none}
  .kern-panel .kpane h3{margin-top:0}
  .kern-panel .kpane{transition:opacity .26s var(--ease),transform .26s var(--ease)}
}

/* ===== Handy: Dichte-Raster kompakter (passt auf einen Screen) ===== */
@media(max-width:640px){
  .kern-panel .density-grid{gap:9px;margin-top:12px}
  .kern-panel .dcell{padding:10px 8px 11px}
  .kern-panel .dcell .sq{max-width:66px;margin-left:auto;margin-right:auto;margin-bottom:8px}
  .kern-panel .dcell .dl{font-size:10px;letter-spacing:.1em}
  .kern-panel .dcell .dv{font-size:12px;margin-top:3px}
}

/* ===== Handy: Kennzahlen als aufgeräumte Panel-Kachel (Preis prominent, darunter 2x2) ===== */
@media(max-width:640px){
  .phero-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:26px;padding-top:0;
    border:1px solid rgba(242,239,232,.14);border-radius:16px;overflow:hidden;
    background:linear-gradient(180deg,#1b1f25,#161a1f);box-shadow:0 26px 54px -34px rgba(0,0,0,.7)}
  .phero-meta div{padding:16px 15px 15px;border-top:1px solid rgba(242,239,232,.10);border-left:1px solid rgba(242,239,232,.10);font-size:12px;line-height:1.35;color:rgba(242,239,232,.6)}
  .phero-meta div:nth-child(1){grid-column:1 / -1;border-top:none;border-left:none;text-align:center;padding:20px 15px 18px}
  .phero-meta div:nth-child(1) b{font-size:34px}
  .phero-meta div:nth-child(2),.phero-meta div:nth-child(4){border-left:none}
  .phero-meta b{font-size:24px;margin-bottom:4px}
}

/* ===== Vergleich: horizontale Balken untereinander + Auswahl-Tool ===== */
.pos-picker{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:clamp(26px,3.2vw,44px)}
.pp-title{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pod-45)}
.pp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pp-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-d);background:transparent;color:var(--grey);border-radius:100px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:.35s var(--ease)}
.pp-chip i{width:11px;height:11px;border-radius:3px;background:var(--line);flex:none;transition:background .35s}
.pp-chip:hover{border-color:var(--acc);color:var(--pod)}
.pp-chip.on{border-color:var(--acc);color:var(--pod);background:var(--acc-soft)}
.pp-chip.on i.c1{background:#5f7078}.pp-chip.on i.c2{background:#b98a2e}.pp-chip.on i.c3{background:#bfa06a}.pp-chip.on i.c4{background:#b06a4e}

.pos-rows{display:flex;flex-direction:column;gap:12px}
.pos-row{border:1px solid var(--line-d2);border-radius:12px;background:var(--card);padding:clamp(16px,1.9vw,24px) clamp(16px,2.2vw,28px);transition:border-color .4s,box-shadow .4s}
.pos-row.tp{border-color:rgba(191,160,106,.45);background:linear-gradient(180deg,var(--acc-soft),var(--card) 60%)}
.pr-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:15px}
.pr-name{font-size:clamp(13px,1.3vw,17px);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--pod)}
.pos-row.tp .pr-name{color:var(--acc)}
.pr-score{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.pr-score b{font-weight:200;font-size:clamp(22px,2.6vw,34px);line-height:1;color:var(--pod);font-variant-numeric:tabular-nums}
.pos-row.tp .pr-score b{color:var(--acc)}
.pr-score small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pod-45)}
.pr-bars{display:flex;flex-direction:column;gap:10px}
.pr-bar{display:grid;grid-template-columns:minmax(100px,160px) 1fr 32px;align-items:center;gap:12px}
.pr-bar.off{display:none}
.pr-lb{font-size:12.5px;color:var(--grey);line-height:1.2}
.pr-track{position:relative;height:9px;border-radius:6px;background:rgba(29,33,38,.09);overflow:hidden}
.sec.dark .pr-track{background:rgba(242,239,232,.1)}
.pr-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;transition:width 1s var(--ease)}
.pos-rows.play .pr-fill{width:var(--w)}
.pr-fill.c1{background:#5f7078}.pr-fill.c2{background:#b98a2e}.pr-fill.c3{background:#bfa06a}.pr-fill.c4{background:#b06a4e}
.pr-val{font-size:12.5px;font-weight:600;color:var(--pod-70);text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:640px){
  .pr-bar{grid-template-columns:1fr auto;grid-template-areas:"lb val" "tr tr";gap:4px 10px}
  .pr-lb{grid-area:lb;font-size:11.5px}
  .pr-val{grid-area:val;font-size:11.5px}
  .pr-track{grid-area:tr}
  .pp-chip{padding:9px 14px;font-size:12.5px;gap:7px}
  .pr-head{margin-bottom:13px}
}

/* ===== Grüner Aktions-Button, unten angedockt (mobil) ===== */
.cta-dock{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:940;
  display:none;align-items:center;justify-content:center;
  background:var(--acc);color:#fff;border-radius:100px;padding:16px 22px;
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  box-shadow:0 20px 44px -20px rgba(0,0,0,.6);
  opacity:0;transform:translateY(140%);
  transition:opacity .7s var(--ease),transform .9s var(--ease),background .3s}
.cta-dock:active{background:var(--acc-d)}
.cta-dock.show{opacity:1;transform:none}
html.mnav-open .cta-dock{opacity:0;transform:translateY(140%);pointer-events:none}
.cta-dock{display:none!important}  /* champagnerfarbener Dock unten entfernt */
@media(max-width:900px){ .nav-right .nav-cta{display:none} }

/* ===== Mobiles Fullscreen-Menü ===== */
.nav-right{display:flex;align-items:center;gap:12px}
.nav-burger{display:none;width:44px;height:44px;border:1px solid var(--line-d);border-radius:100px;background:transparent;color:inherit;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:none;transition:border-color .4s,color .4s}
.nav-burger i{display:block;width:17px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .45s var(--ease)}
@media(max-width:900px){.nav-burger{display:flex}}

.mnav{position:fixed;inset:0;z-index:950;background:var(--void);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;display:flex;align-items:center;overflow-y:auto;
  padding:calc(92px + env(safe-area-inset-top)) var(--pad) calc(34px + env(safe-area-inset-bottom))}
.mnav::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 26%,rgba(191,160,106,.18),transparent 58%)}
.mnav-in{position:relative;width:100%;display:flex;flex-direction:column;gap:clamp(28px,5vh,56px)}
.mnav-links{display:flex;flex-direction:column}
.mnav-links a{display:flex;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid rgba(242,239,232,.09);color:#F2EFE8;text-decoration:none;
  opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .7s var(--ease),color .3s}
.mnav-links a:first-child{border-top:1px solid rgba(242,239,232,.09)}
.mnav-links em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--acc);min-width:28px;flex:none}
.mnav-links span{font-weight:200;font-size:clamp(27px,8.4vw,44px);line-height:1.06;letter-spacing:-.012em}
.mnav-links a:active span,.mnav-links a:focus-visible span{color:var(--acc)}
.mnav-foot{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease) .44s,transform .6s var(--ease) .44s}
.mnav-meta{margin-top:20px;font-size:13px;line-height:1.75;color:rgba(242,239,232,.6)}

html.mnav-open .mnav{opacity:1;visibility:visible}
html.mnav-open .mnav-links a{opacity:1;transform:none}
html.mnav-open .mnav-links a:nth-child(1){transition-delay:.10s}
html.mnav-open .mnav-links a:nth-child(2){transition-delay:.16s}
html.mnav-open .mnav-links a:nth-child(3){transition-delay:.22s}
html.mnav-open .mnav-links a:nth-child(4){transition-delay:.28s}
html.mnav-open .mnav-links a:nth-child(5){transition-delay:.34s}
html.mnav-open .mnav-links a:nth-child(6){transition-delay:.40s}
html.mnav-open .mnav-foot{opacity:1;transform:none}
html.mnav-open .nav{background:transparent;border-color:transparent;backdrop-filter:none}
html.mnav-open .nav .nav-brand{color:#F2EFE8}
html.mnav-open .nav .nav-brand path{fill:currentColor}
html.mnav-open .nav .nav-cta{opacity:0;pointer-events:none}
html.mnav-open .nav-burger{color:#F2EFE8;border-color:rgba(242,239,232,.32)}
html.mnav-open .nav-burger i:nth-child(1){transform:translateY(3.25px) rotate(45deg)}
html.mnav-open .nav-burger i:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}
@media(max-width:560px){.mnav-links a{padding:13px 0}.mnav-links span{font-size:clamp(25px,8.2vw,38px)}}
/* ===== Referenzen (Personal Training) innerhalb der Bewertungen ===== */
.ref-block{margin-top:clamp(40px,5.2vw,72px)}
.ref-block .eyebrow{margin-bottom:24px}
.ref-cards.row{flex-direction:row;flex-wrap:wrap;gap:16px}
.ref-cards.row .refcard{flex:1 1 340px;min-width:0}
.refcard .rq::before{content:"\201C"}
.refcard .rq::after{content:"\201D"}
.ref-credit{margin-top:16px;font-size:11.5px;line-height:1.6;color:var(--pod-45)}
@media(max-width:560px){.ref-cards.row .refcard{flex:1 1 100%}.refcard img{width:68px;height:68px}}

/* =========================================================
   UNTERSEITEN: Page-Hero mit Wabenwand-Muster + Bausteine
   ========================================================= */
.phero{position:relative;overflow:hidden;background:var(--void);color:#F2EFE8;
  min-height:min(58svh,560px);display:flex;align-items:flex-start;
  padding:calc(134px + env(safe-area-inset-top)) var(--pad) clamp(46px,6vh,84px);border-bottom:1px solid rgba(242,239,232,.07)}
.phero-mesh{position:absolute;inset:-12%;pointer-events:none;opacity:.085;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='64' viewBox='0 0 180 64'%3E%3Cg fill='none' stroke='%23F2EFE8' stroke-width='1.1' transform='translate(0,0)'%3E%3Cpath d='M-60.0,0.0 L-30.0,-32.0 L30.0,-32.0 L60.0,0.0 L30.0,32.0 L-30.0,32.0 Z'/%3E%3Cpath d='M-60.0,64.0 L-30.0,32.0 L30.0,32.0 L60.0,64.0 L30.0,96.0 L-30.0,96.0 Z'/%3E%3Cpath d='M30.0,32.0 L60.0,0.0 L120.0,0.0 L150.0,32.0 L120.0,64.0 L60.0,64.0 Z'/%3E%3Cpath d='M30.0,-32.0 L60.0,-64.0 L120.0,-64.0 L150.0,-32.0 L120.0,0.0 L60.0,0.0 Z'/%3E%3Cpath d='M120.0,0.0 L150.0,-32.0 L210.0,-32.0 L240.0,0.0 L210.0,32.0 L150.0,32.0 Z'/%3E%3Cpath d='M120.0,64.0 L150.0,32.0 L210.0,32.0 L240.0,64.0 L210.0,96.0 L150.0,96.0 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 64px;
  animation:meshDrift 90s linear infinite;
  -webkit-mask-image:radial-gradient(120% 100% at 30% 20%,#000 10%,transparent 78%);
          mask-image:radial-gradient(120% 100% at 30% 20%,#000 10%,transparent 78%)}
@keyframes meshDrift{to{background-position:180px 64px}}
.phero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 48% at 18% 26%,rgba(191,160,106,.20),transparent 62%),
             radial-gradient(70% 60% at 88% 90%,rgba(242,232,214,.07),transparent 60%)}
.phero-vig{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(21,24,28,.75),transparent 34%,transparent 62%,rgba(21,24,28,.9))}
.phero-in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto}
.phero h1{font-family:"Raleway";font-weight:200;font-size:clamp(38px,6.6vw,92px);line-height:1.02;letter-spacing:-.02em;margin:22px 0 0;max-width:16ch}
.phero h1 .soft{color:rgba(242,239,232,.45)}
.phero .lead{margin-top:26px;max-width:60ch;font-size:clamp(15.5px,1.35vw,18.5px);line-height:1.75;color:rgba(242,239,232,.76)}
.phero .lead b{color:#F2EFE8;font-weight:500}
.phero .lead a{color:var(--acc);border-bottom:1px solid rgba(191,160,106,.5)}
.phero .btn-row{margin-top:34px}
.phero-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(242,239,232,.1)}
.phero-meta div{font-size:12.5px;letter-spacing:.02em;color:rgba(242,239,232,.6)}
.phero-meta b{display:block;font-family:"Raleway";font-weight:200;font-size:clamp(22px,2.4vw,32px);color:#F2EFE8;line-height:1.1;margin-bottom:5px;letter-spacing:-.01em}
.phero-meta b .u{font-size:.44em;color:rgba(242,239,232,.55);letter-spacing:.06em;font-weight:500}

/* --- Leistungs-Raster (nummeriert) --- */
.incl-cf{position:relative;margin-top:6px}
.incl{--cardw:min(360px,80vw);display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;perspective:1300px;padding:18px 0 66px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent)}
.incl::-webkit-scrollbar{display:none}
.incl::before,.incl::after{content:"";flex:0 0 calc((100% - var(--cardw))/2 - 8px)}
.incl-i{flex:0 0 var(--cardw);scroll-snap-align:center;scroll-snap-stop:always;background:#e7e6dd;border:1px solid rgba(29,33,38,.11);border-radius:15px;padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:10px;min-height:clamp(240px,26vw,300px);transform-origin:center center;will-change:transform,opacity;transition:opacity .5s var(--ease),border-color .4s}
.incl-i.cf-active{border-color:rgba(191,160,106,.4)}

/* ===== 3D-Ring-Modus fuer die Leistungs-/Schritt-Kacheln ===== */
.incl-cf.incl-ring-on{overflow:visible;perspective:1600px;perspective-origin:50% 44%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.incl-cf.incl-ring-on:has(.incl.dragging){cursor:grabbing}
.incl.incl-ring{position:relative;display:block;width:min(360px,80vw);height:clamp(370px,42vw,450px);margin:clamp(26px,3.4vw,46px) auto clamp(18px,2.4vw,32px);padding:0;overflow:visible;perspective:none;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.32,0,.22,1);-webkit-mask:none;mask:none;scroll-snap-type:none}
.incl.incl-ring::before,.incl.incl-ring::after{display:none}
.incl.incl-ring .incl-i{position:absolute;top:0;left:0;width:100%;height:clamp(370px,42vw,450px);box-sizing:border-box;flex:none;margin:0;min-height:0;backface-visibility:hidden;will-change:transform,opacity;transition:opacity .32s linear;box-shadow:0 40px 74px -34px rgba(18,13,4,.55),0 8px 20px -10px rgba(18,13,4,.3)}
@media(max-width:640px){.incl.incl-ring,.incl.incl-ring .incl-i{height:clamp(440px,116vw,540px)}}

.incl-n{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--acc)}
.incl-i h3{font-weight:400;font-size:clamp(17px,1.5vw,20px);color:var(--pod);letter-spacing:-.005em}
.incl-i p{font-size:14.5px;line-height:1.65;color:var(--grey-2);margin:0}
.incl-i p a{color:var(--acc);border-bottom:1px solid rgba(191,160,106,.45)}
.incl-tag{margin-top:auto;padding-top:10px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pod-45)}
.incl-note{margin-top:26px;font-size:14.5px;line-height:1.75;color:var(--grey-2);max-width:74ch}
.incl-note b{color:var(--pod);font-weight:600}
.incl-note a{color:var(--acc);border-bottom:1px solid rgba(191,160,106,.45)}

/* --- Laufzeit-Wähler + Preis --- */
.plan{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(20px,2.6vw,34px);align-items:stretch}
.plan-card,.plan-calc{border:1px solid var(--line-d);border-radius:16px;background:var(--card);padding:clamp(26px,3.2vw,44px)}
.plan-calc{background:linear-gradient(180deg,var(--acc-soft),var(--card) 58%)}
/* Vier eigenstaendige Kacheln (je Preis eine), kein Segmented-Control mehr */
.terms{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.1vw,15px);background:transparent;border:0;border-radius:0;padding:0;margin-bottom:clamp(28px,3vw,40px);box-shadow:none}
.terms i.thumb{display:none}
.term{position:relative;z-index:1;border:1px solid var(--line-d);background:var(--card-2);cursor:pointer;padding:clamp(15px,1.6vw,21px) 10px;border-radius:13px;text-align:center;
  font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--grey-2);
  transition:color .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
.term:hover{color:var(--pod);border-color:var(--pod-45)}
.term.on{color:#F2EFE8;border-color:var(--acc);background:linear-gradient(180deg,var(--acc-soft),var(--card));box-shadow:inset 0 0 0 1px rgba(191,160,106,.42),0 22px 46px -30px rgba(0,0,0,.7)}
.term small{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;opacity:.64;margin-top:5px;font-weight:500}
.term.on small{opacity:.82}
/* Badge sitzt oben auf der Kachel (straddelnd), Stil wie die Wochenkarte */
.term .tflag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);margin:0;z-index:3;
  font-style:normal;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1;white-space:nowrap;
  color:#241b0c;background:var(--acc);border:1px solid var(--acc);border-radius:100px;padding:4.5px 12px;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.term.on .tflag{color:#241b0c;background:var(--acc);border-color:var(--acc)}
.terms{margin-top:22px}
.price-big{display:flex;align-items:baseline;gap:12px}
.price-big b{font-family:"Raleway";font-weight:100;font-size:clamp(64px,9.2vw,124px);line-height:.86;letter-spacing:-.035em;color:var(--pod);font-variant-numeric:tabular-nums}
.price-big span{font-size:15px;color:var(--grey);letter-spacing:.02em}
.price-sub{margin-top:18px;font-size:14.5px;line-height:1.7;color:var(--grey-2);max-width:46ch}
.price-sub b{color:var(--pod);font-weight:600}
.plan-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:28px 0 30px}
.plan-checks div{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--pod-70);line-height:1.45}
.plan-checks div::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--acc-soft);
  box-shadow:inset 0 0 0 1px rgba(191,160,106,.5)}
.plan-legal{margin-top:24px;font-size:12px;line-height:1.6;color:var(--pod-45)}

/* --- Wert-Rechner --- */
.plan-calc h3{font-weight:300;font-size:clamp(20px,2.2vw,27px);color:var(--pod);margin-bottom:6px}
.plan-calc .cq,.calc-lb,.calc-line,.calc-foot{font-family:"Raleway",system-ui,sans-serif;font-weight:400;letter-spacing:.012em;word-spacing:.05em;color:var(--grey-2)}
.plan-calc .cq{font-size:14.5px;margin-bottom:26px;line-height:1.65}
.calc-row{margin-bottom:26px}
.calc-lb{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:14.5px;margin-bottom:12px}
.calc-lb b{color:var(--acc);font-weight:600;font-variant-numeric:tabular-nums}
.seg{display:flex;gap:6px}
.seg button{flex:1;padding:12px 0;border-radius:9px;border:1px solid var(--line-d);background:transparent;color:var(--grey-2);
  font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:.3s var(--ease)}
.seg button:hover{border-color:var(--acc);color:var(--acc)}
.seg button.on{background:var(--acc);border-color:var(--acc);color:#fff}
.calc-out{border-top:1px solid var(--line-d2);padding-top:24px;margin-top:4px}
.calc-heads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line-d2)}
.calc-head{display:flex;flex-direction:column;gap:5px}
.calc-head span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pod-45)}
.calc-head b{font-family:"Raleway";font-weight:200;font-size:clamp(30px,4.2vw,46px);line-height:1;color:var(--acc);font-variant-numeric:tabular-nums}
.calc-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:14.5px}
.calc-line b{font-weight:600;color:var(--pod);font-variant-numeric:tabular-nums}
.calc-line.hl{border-top:1px solid var(--line-d2);margin-top:10px;padding-top:16px}
.calc-line.hl span{font-weight:500;color:var(--pod)}
.calc-line.hl b{font-family:"Raleway";font-weight:200;font-size:clamp(26px,3vw,38px);color:var(--acc);line-height:1}
.calc-foot{margin-top:18px;font-size:13px;line-height:1.75}

/* --- Startpaket --- */
.start{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(26px,3.4vw,58px);align-items:start}
.steps6{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d2);border:1px solid var(--line-d2);border-radius:12px;overflow:hidden}
.st6{background:var(--card);padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:8px}
.st6 .n{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--acc)}
.st6 h3{font-weight:400;font-size:16.5px;color:var(--pod)}
.st6 p{font-size:13.8px;line-height:1.6;color:var(--grey-2);margin:0}
.pack{position:sticky;top:104px;border:1px solid rgba(191,160,106,.4);border-radius:16px;background:linear-gradient(180deg,var(--acc-soft),var(--card) 55%);padding:clamp(26px,3vw,38px);text-align:center}
.pack-tag{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.pack-old{margin-top:20px;font-size:14px;color:var(--grey)}
.pack-old s{opacity:.75}
.pack-now{font-family:"Raleway";font-weight:100;font-size:clamp(56px,7vw,86px);line-height:.9;color:var(--pod);letter-spacing:-.03em;margin:6px 0 10px;font-variant-numeric:tabular-nums}
.pack-meta{font-size:12.5px;line-height:1.65;color:var(--grey-2)}
.pack-save{display:inline-block;margin-top:18px;padding:8px 16px;border-radius:100px;background:var(--acc);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pack-after{margin-top:26px;font-size:13.5px;line-height:1.7;color:var(--grey-2)}
.pack-after b{color:var(--pod);font-weight:600}

/* --- PAURMED --- */
.med-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,32px)}
.med{position:relative;border:1px solid var(--line-d2);border-radius:14px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}
.med-fig{position:relative;aspect-ratio:16/10;overflow:hidden}
.med-fig img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02) brightness(.96) saturate(1.02);transition:transform 1.1s var(--ease),filter 1.1s var(--ease)}
.med:hover img{transform:scale(1.05);filter:contrast(1.02) brightness(1.02) saturate(1.05)}
.med-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(21,24,28,.55))}
.med-body{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:11px}
.med-body h3{font-weight:300;font-size:clamp(21px,2.2vw,28px);color:var(--pod)}
.med-body p{font-size:14.8px;line-height:1.7;color:var(--grey-2);margin:0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,30px);position:relative;counter-reset:fl}
.flow::before{content:"";position:absolute;left:8%;right:8%;top:11px;height:1px;background:var(--line-d)}
.flow-i{position:relative;padding-top:40px}
.flow-i::before{counter-increment:fl;content:counter(fl,decimal-leading-zero);position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.04em;
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--lightbg)}
.sec.dark .flow-i::before{box-shadow:0 0 0 6px var(--void)}
.flow-i h3{text-align:center;font-weight:400;font-size:17px;color:var(--pod);margin-bottom:9px}
.flow-i p{text-align:center;font-size:13.8px;line-height:1.65;color:var(--grey-2);margin:0}

@media(max-width:1000px){
  .plan{grid-template-columns:1fr}
  .start{grid-template-columns:1fr}
  .pack{position:static}
  .flow{grid-template-columns:1fr 1fr;row-gap:34px}
  .flow::before{display:none}
}
@media(max-width:760px){
  .med-grid{grid-template-columns:1fr}
  .steps6{grid-template-columns:1fr}
  .plan-checks{grid-template-columns:1fr}
  .phero{min-height:auto;padding-top:calc(118px + env(safe-area-inset-top))}
}
@media(max-width:560px){
  .flow{grid-template-columns:1fr}
  .terms{grid-template-columns:repeat(2,1fr);gap:22px 12px}
  .term{border-radius:14px;padding:16px 8px}
  .price-big b{font-size:clamp(56px,17vw,84px)}
}
.h2big{font-family:"Raleway";font-weight:200;font-size:clamp(30px,5vw,66px);line-height:1.04;letter-spacing:-.015em;color:var(--pod)}
.nav .nav-links a.is-here{color:var(--acc)}
.nav.on-dark .nav-links a.is-here{color:var(--acc)}
.mnav-links a.is-here span{color:var(--acc)}
/* ===== Seiten-Router (Einzeldatei mit mehreren Seiten) ===== */
.page[hidden]{display:none!important}
.page{animation:pageIn .5s var(--ease)}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
/* ===== Vergleich: Prozent-Regler + Live-Rangliste (dunkle Kacheln, kompakt) ===== */
.cmp-tool{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:clamp(14px,2.2vw,28px);align-items:stretch;margin-top:clamp(14px,2.2vw,28px);
  --pod:#F2EFE8;--pod-70:rgba(242,239,232,.75);--pod-45:rgba(242,239,232,.5);--grey:rgba(242,239,232,.6);--grey-2:rgba(242,239,232,.78)}
.cmp-weights{position:sticky;top:90px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;border:1px solid rgba(242,239,232,.1);border-radius:14px;background:#20242a;padding:clamp(15px,1.9vw,20px)}
.cmp-w-head{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pod-45)}
.cmp-slider .cmp-s-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;font-size:13.5px;color:var(--pod-70);word-spacing:.04em}
.cmp-slider .cmp-s-top b{font-weight:700;color:var(--pod);font-variant-numeric:tabular-nums}
.cmp-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:rgba(242,239,232,.16);accent-color:var(--col);cursor:pointer;margin:1px 0}
.cmp-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--col);border:3px solid #20242a;box-shadow:0 2px 7px rgba(0,0,0,.4);cursor:pointer}
.cmp-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #20242a;border-radius:50%;background:var(--col);cursor:pointer}
.cmp-reset{align-self:flex-start;margin-top:1px;background:none;border:none;color:var(--pod-45);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px 0}
.cmp-reset:hover{color:var(--acc)}
.cmp-rank{display:flex;flex-direction:column;justify-content:space-between;gap:9px}
.cmp-row{display:grid;grid-template-columns:30px 1fr;gap:15px;align-items:center;border:1px solid rgba(242,239,232,.07);border-radius:14px;background:linear-gradient(180deg,#23272e,#1b1f25);padding:14px clamp(15px,1.7vw,20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px -24px rgba(0,0,0,.7);transition:border-color .4s,transform .4s,box-shadow .4s}
.cmp-row:hover{border-color:rgba(242,239,232,.14)}
.cmp-row.tp{border-color:rgba(191,160,106,.42);background:linear-gradient(180deg,#26212a,#1b1f25);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(191,160,106,.13),0 16px 44px -26px rgba(191,160,106,.34)}
.cmp-rk{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--pod-70);background:transparent;border:1px solid rgba(242,239,232,.17);font-variant-numeric:tabular-nums;flex:none;transition:.4s}
.cmp-row.tp .cmp-rk{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 3px 12px -4px rgba(191,160,106,.6)}
.cmp-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.cmp-nm{font-size:clamp(13px,1.2vw,16px);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--pod);line-height:1.1}
.cmp-row.tp .cmp-nm{color:#e7d4ad}
.cmp-meta{font-size:12.5px;color:rgba(242,239,232,.5);white-space:nowrap;letter-spacing:.01em}
.cmp-meta .cmp-score{font-weight:700;color:var(--pod);font-variant-numeric:tabular-nums;font-size:14px}
.cmp-row.tp .cmp-meta .cmp-score{color:#e7d4ad}
.cmp-meta .cmp-pr{color:var(--pod-70);font-weight:600}
.cmp-track{height:6px;border-radius:6px;background:rgba(242,239,232,.08);overflow:hidden;margin-top:2px}
.cmp-fill{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 55%),linear-gradient(90deg,#9c7d3a,#cbae76);transition:width .7s var(--ease)}
.cmp-row.tp .cmp-fill{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 55%),linear-gradient(90deg,#c19a4c,#e6cf98);box-shadow:0 0 14px -2px rgba(191,160,106,.5)}
@media(max-width:860px){
  .cmp-tool{grid-template-columns:1fr;gap:12px}
  .cmp-weights{position:static}
}
@media(max-width:560px){
  #konzept{padding-block:clamp(38px,6vh,68px)}
  .cmp-weights{gap:10px;padding:14px}
  .cmp-slider .cmp-s-top{font-size:13px;margin-bottom:3px}
  .cmp-row{padding:10px 13px;gap:10px;grid-template-columns:22px 1fr}
  .cmp-row-top{margin-bottom:6px;gap:8px}
  .cmp-nm{font-size:12px;letter-spacing:.03em}
  .cmp-meta{font-size:11px}
  .cmp-rk{width:22px;height:22px;font-size:10.5px}
  .cmp-track{height:6px}
}
/* ===== Coverflow-Steuerung (Pfeile + Punkte) ===== */
.cf-arrow{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:20;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--line-d);background:var(--lightbg);color:var(--pod);font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -14px rgba(0,0,0,.4);transition:.3s var(--ease)}
.cf-arrow:hover{border-color:var(--acc);color:var(--acc)}
.cf-prev{left:-6px}.cf-next{right:-6px}
.cf-dots{display:flex;justify-content:center;gap:9px;margin-top:20px}
.cf-dots .cf-dot{width:8px;height:8px;border-radius:50%;background:var(--line-d);border:none;padding:0;cursor:pointer;transition:.35s var(--ease)}
.cf-dots .cf-dot.on{background:var(--acc);transform:scale(1.35)}
@media(max-width:640px){ .incl{--cardw:80%} .cf-arrow{display:none} .cf-dots{margin-top:16px} }

/* ===== Dezentes Hero-Menüzeichen (schneller Zugang, ohne den Hero zu durchscrollen) ===== */
.hero-menu{position:fixed;top:calc(24px + env(safe-area-inset-top));right:var(--pad);z-index:970;
  width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:transparent;border:none;cursor:pointer;opacity:.5;
  transition:opacity .4s var(--ease),transform .5s var(--ease),visibility .4s}
.hero-menu:hover{opacity:1}
.hero-menu i{display:block;width:23px;height:1.5px;background:#F2EFE8;border-radius:2px;transition:transform .45s var(--ease)}
.hero-menu.gone{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px)}
html.mnav-open .hero-menu{opacity:1}
html.mnav-open .hero-menu i:nth-child(1){transform:translateY(3.25px) rotate(45deg)}
html.mnav-open .hero-menu i:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}

/* ===== Desktop: Menü fährt als Sheet vom oberen Rand herunter ===== */
@media(min-width:901px){
  .mnav{inset:0 0 auto 0;height:auto;min-height:0;display:block;overflow:visible;align-items:initial;
    padding:calc(26px + env(safe-area-inset-top)) var(--pad) 26px;
    background:rgba(18,21,25,.98);backdrop-filter:blur(20px) saturate(1.1);
    border-bottom:1px solid rgba(242,239,232,.1);box-shadow:0 30px 70px -40px rgba(0,0,0,.75);
    opacity:1;visibility:hidden;transform:translateY(-101%);
    transition:transform .55s var(--ease),visibility .55s}
  html.mnav-open .mnav{transform:none;visibility:visible}
  .mnav::before{display:none}
  .mnav-in{max-width:var(--maxw);margin:0 auto;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(18px,3vw,48px);padding-right:56px}
  .mnav-links{flex-direction:row;flex-wrap:nowrap;white-space:nowrap;align-items:center;gap:clamp(12px,1.7vw,34px);min-width:0}
  .mnav-links a{flex-direction:row;align-items:baseline;gap:clamp(6px,.6vw,9px);padding:2px 0;border:none!important;opacity:1!important;transform:none!important;white-space:nowrap}
  .mnav-links em{min-width:0}
  .mnav-links span{font-size:clamp(13px,1.32vw,20px);font-weight:300;line-height:1;white-space:nowrap}
  .mnav-foot{flex:none;white-space:nowrap}
  .mnav-links a:hover span{color:var(--acc)}
  .mnav-foot{flex:none;display:flex;align-items:center;gap:18px;transform:none;opacity:1!important}
  .mnav-foot .btn{white-space:nowrap}
  .mnav-meta{display:none}
}

/* ===== Inline 360-Grad-Rundgang (Lightbox, kein Verlassen der Seite) ===== */
#tourOpen{cursor:pointer}
.tour-modal{position:fixed;inset:0;z-index:1200;background:rgba(10,12,15,.92);backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,44px);
  opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.tour-modal.open{opacity:1;visibility:visible}
.tour-inner{position:relative;width:min(1240px,100%);aspect-ratio:16/9;max-height:88vh;border-radius:14px;overflow:hidden;
  background:#05070a;box-shadow:0 50px 130px -30px rgba(0,0,0,.85);
  transform:translateY(16px) scale(.985);transition:transform .5s var(--ease)}
.tour-modal.open .tour-inner{transform:none}
.tour-frame{position:absolute;inset:0;background:#05070a}
.tour-frame iframe{width:100%;height:100%;border:0;display:block}
.tour-frame .tour-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(242,239,232,.5)}
.tour-close{position:absolute;top:12px;right:12px;z-index:3;width:42px;height:42px;border-radius:50%;border:none;
  background:rgba(8,10,13,.6);color:#fff;font-size:26px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s}
.tour-close:hover{background:rgba(8,10,13,.9);transform:scale(1.06)}
@media(max-width:640px){.tour-inner{aspect-ratio:auto;height:82vh;width:100%}}

/* ===== Lauflicht um Buttons (grüner Streifen, wechselndes Tempo) ===== */
@property --lr{syntax:'<angle>';inherits:false;initial-value:0deg}
.lightrun{position:relative;display:inline-flex;border-radius:100px;isolation:isolate}
.lightrun>*{position:relative;z-index:1}
.lightrun::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;z-index:0;
  background:conic-gradient(from var(--lr),
    rgba(191,160,106,0) 0deg, rgba(191,160,106,0) 226deg,
    rgba(191,160,106,.22) 264deg, #bfa06a 300deg, #fff1d4 322deg, #bfa06a 342deg,
    rgba(191,160,106,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:lightrun 3.6s linear infinite}
@keyframes lightrun{0%{--lr:0deg}36%{--lr:135deg}54%{--lr:205deg}100%{--lr:360deg}}
@media(prefers-reduced-motion:reduce){.lightrun::after{animation:none;opacity:.5}}
/* Kern-Button zentrieren */
.kern .btn-row{justify-content:center}
/* Tour: iframe empfaengt Klicks, Ladehinweis blockiert nicht */
.tour-frame iframe{position:absolute;inset:0;z-index:1}
.tour-frame .tour-load{pointer-events:none;z-index:0}
/* Rechner: Gegenwert-Zeile */
.calc-line.hl2{border-top:1px solid var(--line-d2);margin-top:8px;padding-top:14px}
.calc-line.hl2 span{font-weight:600;color:var(--pod)}
.calc-line.hl2 b{color:var(--acc);font-size:17px}
/* Champagner: dunkle Schrift auf gefuellten Akzent-Flaechen (lesbar + edel) */
.btn-solid{color:#241b0c}
.nav .nav-cta{color:#241b0c}
.cta-dock{color:#241b0c}
.term.on{color:#F2EFE8}
.seg button.on{color:#241b0c}
.cmp-row.tp .cmp-rk{color:#241b0c}
.pack-save{color:#241b0c}
.flow-i::before{color:#241b0c}
.btn-ghost:hover span{color:#241b0c}
/* ===== Startpaket: kompakte Einheit (nummerierte Kacheln + Preisstreifen) ===== */
.startpaket-card{border:1px solid var(--line-d);border-radius:16px;background:var(--card);padding:clamp(14px,1.8vw,22px);box-shadow:0 30px 70px -55px rgba(0,0,0,.35)}
.sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-d2);border:1px solid var(--line-d2);border-radius:12px;overflow:hidden}
.sp-step{background:var(--card);padding:clamp(13px,1.5vw,18px);display:flex;gap:12px;align-items:flex-start;transition:background .4s}
.sp-step:hover{background:var(--card-2)}
.sp-n{font-family:"Raleway";font-weight:200;font-size:22px;line-height:1;color:var(--acc);flex:none;min-width:1.5em}
.sp-b h4{font-size:clamp(13.5px,1.2vw,15.5px);font-weight:600;color:var(--pod);margin:0 0 3px;letter-spacing:-.005em;line-height:1.2}
.sp-b p{font-size:12.7px;line-height:1.5;color:var(--grey-2);margin:0}
.sp-price{display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;margin-top:clamp(12px,1.6vw,18px);padding:clamp(16px,2vw,24px);border-radius:12px;border:1px solid rgba(191,160,106,.28);background:linear-gradient(180deg,var(--acc-soft),transparent 92%)}
.sp-tag{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.sp-old{font-size:14px;color:var(--grey)}
.sp-old s{opacity:.7}
.sp-price-b{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sp-amount{display:flex;flex-direction:column;gap:3px}
.sp-amount b{font-family:"Raleway";font-weight:200;font-size:clamp(40px,6vw,58px);line-height:.9;color:var(--pod);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sp-amount span{font-size:12.5px;color:var(--grey-2);letter-spacing:.02em}
.sp-save{background:var(--acc);color:#241b0c;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:100px;white-space:nowrap}
.sp-note{margin-top:14px;font-size:13px;line-height:1.6;color:var(--grey-2)}
.sp-note b{color:var(--pod);font-weight:600}
@media(max-width:760px){.sp-steps{grid-template-columns:1fr}.sp-price{flex-direction:column;align-items:flex-start;gap:14px}}
/* ===== Tageskarten: Karten-Trio ===== */
.pass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);align-items:stretch}
.pass{position:relative;border:1px solid var(--line-d);border-radius:16px;background:var(--card);padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,30px);display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.pass:hover{transform:translateY(-5px);border-color:var(--acc);box-shadow:0 34px 66px -44px rgba(0,0,0,.45)}
.pass.feat{border-color:rgba(191,160,106,.55);background:linear-gradient(180deg,#2b3038 0%,#1c2127 44%,#14171c 100%);box-shadow:0 46px 100px -50px rgba(0,0,0,.9),0 0 0 1px rgba(191,160,106,.16),inset 0 1px 0 rgba(242,239,232,.08)}
.pass-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--acc);color:#241b0c;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 15px;border-radius:100px;white-space:nowrap}
.pass-name{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pod-45)}
.pass-days{display:flex;align-items:baseline;gap:9px;margin:14px 0 2px}
.pass-days b{font-family:"Raleway";font-weight:100;font-size:clamp(58px,8.5vw,88px);line-height:.8;color:var(--acc);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pass-days span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.pass-price{font-family:"Raleway";font-weight:200;font-size:clamp(26px,3vw,36px);color:var(--pod);margin-top:12px}
.pass-per{font-size:13.5px;color:var(--grey-2);margin-top:7px;min-height:1.2em}
.pass-per b{color:var(--acc);font-weight:600}
.pass-cta{margin-top:auto;padding-top:clamp(22px,3vw,30px)}
.pass-cta .btn{width:100%;justify-content:center}
@media(max-width:820px){.pass-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}

/* ===== Team-Galerie ===== */
.team-groups{display:flex;flex-direction:column;gap:clamp(30px,4vw,52px)}
.team-glabel{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:clamp(16px,2vw,22px);display:flex;align-items:center;gap:.9em}
.team-glabel::before{content:"";width:26px;height:1.5px;background:var(--acc)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,220px));justify-content:start;gap:clamp(14px,2vw,20px)}
.tmember{border:1px solid var(--line-d2);border-radius:14px;background:var(--card);overflow:hidden;transition:transform .5s var(--ease),border-color .4s}
.tmember:hover{transform:translateY(-5px);border-color:var(--acc)}
.tm-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#20242a;display:flex;align-items:center;justify-content:center}
.tm-photo img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02) brightness(1) saturate(1.02);transition:filter .6s var(--ease),transform .9s var(--ease)}
.tmember:hover .tm-photo img{filter:grayscale(0) contrast(1.02) brightness(1);transform:scale(1.05)}
.tm-ini{font-family:"Raleway";font-weight:200;font-size:clamp(40px,5vw,58px);color:var(--acc);letter-spacing:.03em}
.tm-body{padding:15px 17px 18px}
.tm-body h4{font-size:clamp(15px,1.4vw,17px);font-weight:600;color:var(--pod);margin:0 0 3px;letter-spacing:-.005em}
.tm-role{font-size:13px;color:var(--grey-2)}
.tm-spec{font-size:12px;color:var(--grey-2);opacity:.82;margin-top:6px;line-height:1.5}
.tm-link{display:inline-block;margin-top:9px;font-size:12.5px;color:var(--acc);border-bottom:1px solid rgba(191,160,106,.4)}
/* Founder-Zitat */
.founder-quote{border-left:2px solid var(--acc);padding:2px 0 2px 22px;margin:0 0 20px;font-family:"Raleway";font-weight:300;font-style:italic;font-size:clamp(19px,2.3vw,27px);line-height:1.4;color:var(--pod)}
/* 360-Rundgang-Button: auch im Ruhezustand klar erkennbar */
#tourOpen{border-color:var(--acc)}
#tourOpen span{color:var(--acc)}
#tourOpen:hover span{color:#241b0c}
/* Rechner: drei Kennzahlen (Pro Training / Pro Monat / Gegenwert) */
.calc-heads-3{grid-template-columns:repeat(3,1fr);gap:12px}
.calc-heads-3 .calc-head b{font-size:clamp(22px,2.7vw,34px)}
.calc-heads-3 .calc-head span{font-size:11px}
.calc-heads-3 .calc-head.hl span{color:var(--acc)}
@media(max-width:520px){.calc-heads-3{grid-template-columns:1fr 1fr}.calc-heads-3 .calc-head.hl{grid-column:1 / -1}}
/* ===== Wissen: Artikel-Uebersicht ===== */
.wiss-cluster{margin-top:clamp(30px,4vw,52px)}
.wiss-clabel{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:clamp(16px,2vw,22px);display:flex;align-items:center;gap:.9em}
.wiss-clabel::before{content:"";width:26px;height:1.5px;background:var(--acc)}
.wiss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(14px,2vw,20px)}
.wcard{display:flex;flex-direction:column;border:1px solid var(--line-d2);border-radius:14px;background:var(--card);padding:clamp(20px,2.2vw,28px);text-decoration:none;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.wcard:hover{transform:translateY(-5px);border-color:var(--acc);box-shadow:0 30px 60px -44px rgba(0,0,0,.4)}
.wcard-cat{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.wcard h3{font-family:"Raleway";font-weight:400;font-size:clamp(18px,1.7vw,22px);color:var(--pod);line-height:1.2;margin:12px 0 10px;letter-spacing:-.01em}
.wcard p{font-size:14px;line-height:1.6;color:var(--grey-2);margin:0 0 16px}
.wcard-more{margin-top:auto;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:7px}
.wcard-more::after{content:"\2192";transition:transform .3s}
.wcard:hover .wcard-more::after{transform:translateX(4px)}

/* ===== Artikel-Layout (Prosa) ===== */
.article-wrap{max-width:760px;margin:0 auto}
.article-head{margin-bottom:clamp(30px,4vw,48px)}
.article-cat{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.article-head h1{font-family:"Raleway";font-weight:200;font-size:clamp(30px,4.6vw,54px);line-height:1.06;letter-spacing:-.02em;color:var(--pod);margin:16px 0 18px}
.article-meta{font-size:13px;color:var(--pod-45);letter-spacing:.02em}
.article-lead{font-size:clamp(17px,1.7vw,20px);line-height:1.7;color:var(--grey-2);margin:0 0 8px}
.prose{color:var(--grey-2);font-size:clamp(15.5px,1.15vw,17px);line-height:1.78}
.prose h2{font-family:"Raleway";font-weight:300;font-size:clamp(22px,2.6vw,30px);color:var(--pod);letter-spacing:-.01em;line-height:1.2;margin:clamp(34px,4vw,52px) 0 14px}
.prose h3{font-weight:600;font-size:clamp(17px,1.5vw,20px);color:var(--pod);margin:clamp(24px,3vw,34px) 0 10px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}
.prose li{margin:0 0 8px}
.prose b,.prose strong{color:var(--pod);font-weight:600}
.prose a{color:var(--acc);border-bottom:1px solid rgba(191,160,106,.4)}
.prose blockquote{border-left:2px solid var(--acc);padding:2px 0 2px 22px;margin:22px 0;font-family:"Raleway";font-style:italic;font-weight:300;font-size:clamp(19px,2.2vw,25px);line-height:1.4;color:var(--pod)}
.article-cta{margin-top:clamp(34px,4.5vw,56px);border:1px solid rgba(191,160,106,.4);border-radius:16px;background:linear-gradient(180deg,var(--acc-soft),var(--card) 60%);padding:clamp(24px,3vw,38px);text-align:center}
.article-cta h3{font-family:"Raleway";font-weight:300;font-size:clamp(20px,2.4vw,28px);color:var(--pod);margin:0 0 10px}
.article-cta p{font-size:15px;color:var(--grey-2);margin:0 auto 22px;max-width:52ch}
.article-related{margin-top:clamp(34px,4.5vw,56px);border-top:1px solid var(--line-d2);padding-top:clamp(24px,3vw,34px)}
.article-related h4{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pod-45);margin:0 0 16px}
.article-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.article-related a{display:block;border:1px solid var(--line-d2);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--pod);font-weight:500;font-size:15px;transition:border-color .4s,transform .4s}
.article-related a:hover{border-color:var(--acc);transform:translateY(-3px)}
.article-crumb{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pod-45);text-decoration:none;margin-bottom:clamp(18px,2.4vw,26px);transition:color .3s}
.article-crumb::before{content:"\2039";font-size:1.3em;line-height:0}
.article-crumb:hover{color:var(--acc)}
.article-meta .rt{color:var(--acc)}

/* ===== Sprachumschalter ===== */
.tp-lang{display:inline-flex;align-items:center;gap:1px;border:1px solid var(--line-d);border-radius:100px;padding:2px;background:rgba(255,255,255,.03)}
.tp-lang button{font-family:inherit;font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--pod-70);background:transparent;border:none;border-radius:100px;padding:5px 9px;cursor:pointer;transition:.3s var(--ease);line-height:1}
.tp-lang button:hover{color:var(--pod)}
.tp-lang button.on{background:var(--acc);color:#241b0c}
.nav .tp-lang{border-color:rgba(29,33,38,.16)}
.nav .tp-lang button{color:#3a3d42}.nav .tp-lang button:hover{color:#1d2126}.nav .tp-lang button.on{color:#241b0c}
.nav.on-dark .tp-lang{border-color:rgba(242,239,232,.2)}
.nav.on-dark .tp-lang button{color:rgba(242,239,232,.7)}.nav.on-dark .tp-lang button.on{color:#241b0c}
@media(max-width:900px){ .tp-lang button{padding:5px 7px;font-size:10px} }

/* ===== Chat-Assistent ===== */
.tpc-fab{position:fixed;right:clamp(16px,3vw,28px);bottom:calc(clamp(16px,3vw,28px) + env(safe-area-inset-bottom));z-index:940;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--acc);color:#241b0c;box-shadow:0 12px 34px -10px rgba(191,160,106,.6),0 4px 12px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;transition:transform .45s var(--ease),opacity .4s ease,visibility .4s ease,background .3s}
.tpc-fab.show{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.tpc-fab.show:hover{transform:translateY(-3px)}
.tpc-fab.on{transform:scale(.9);opacity:0}
html.mnav-open .tpc-fab{opacity:0;pointer-events:none}
.tpc-panel{position:fixed;right:clamp(14px,3vw,28px);bottom:calc(clamp(14px,3vw,28px) + env(safe-area-inset-bottom));z-index:941;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 120px));background:#191d22;border:1px solid var(--line-d2);border-radius:20px;box-shadow:0 30px 80px -24px rgba(0,0,0,.75);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}
.tpc-panel.on{opacity:1;visibility:visible;transform:none}
.tpc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-d2);background:linear-gradient(180deg,rgba(191,160,106,.10),transparent)}
.tpc-head .tpc-t{display:block;font-size:14.5px;font-weight:600;color:#F2EFE8;letter-spacing:.01em}
.tpc-head .tpc-s{display:block;font-size:11.5px;color:rgba(242,239,232,.55);margin-top:2px}
.tpc-x{background:transparent;border:none;color:rgba(242,239,232,.55);font-size:24px;line-height:1;cursor:pointer;padding:0 2px;transition:color .3s}
.tpc-x:hover{color:#F2EFE8}
.tpc-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.tpc-msg{max-width:85%;padding:11px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap}
.tpc-bot{align-self:flex-start;background:#22272e;color:rgba(242,239,232,.9);border-bottom-left-radius:5px}
.tpc-user{align-self:flex-end;background:var(--acc);color:#241b0c;border-bottom-right-radius:5px}
.tpc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.tpc-chip{font-family:inherit;font-size:12px;color:rgba(242,239,232,.8);background:transparent;border:1px solid var(--line-d);border-radius:100px;padding:7px 12px;cursor:pointer;transition:.3s var(--ease)}
.tpc-chip:hover{border-color:var(--acc);color:var(--acc)}
.tpc-cta{margin-top:2px}
.tpc-btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#241b0c;background:var(--acc);border-radius:100px;padding:9px 16px;text-decoration:none}
.tpc-input{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--line-d2)}
.tpc-input input{flex:1;background:#12161a;border:1px solid var(--line-d2);border-radius:100px;padding:11px 15px;color:#F2EFE8;font-family:inherit;font-size:13.5px;outline:none}
.tpc-input input:focus{border-color:var(--acc)}
.tpc-send{flex:none;width:40px;height:40px;border-radius:50%;border:none;background:var(--acc);color:#241b0c;cursor:pointer;display:flex;align-items:center;justify-content:center}
@media(max-width:520px){ .tpc-panel{height:min(76vh,560px)} }
@media(max-width:900px){
  .tpc-fab{bottom:calc(88px + env(safe-area-inset-bottom))}
  .tpc-panel{bottom:calc(88px + env(safe-area-inset-bottom));height:min(68vh,540px)}
}

/* Chat-Feinschliff: Eingabe sichtbar, Fenster stabil */
.tpc-body{overscroll-behavior:contain;overflow-x:hidden}
.tpc-msg{overflow-wrap:anywhere;word-break:break-word}
.tpc-input input{color:#F2EFE8;-webkit-text-fill-color:#F2EFE8;caret-color:var(--acc);font-size:16px}
.tpc-input input::placeholder{color:rgba(242,239,232,.42);-webkit-text-fill-color:rgba(242,239,232,.42)}
.tpc-panel{touch-action:pan-y}

.foot-legal a{color:var(--grey);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.14);transition:color .3s,border-color .3s}
.foot-legal a:hover{color:var(--acc);border-color:var(--acc)}

html{scroll-padding-top:78px}

/* ===== Hero-Intro: indexierbare H1 + Value Proposition ===== */
.hero-intro{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--pad);pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility .6s}
.hero-intro.gone{opacity:0;transform:translateY(-26px);visibility:hidden}
.hero-intro .hero-eyebrow{font-size:clamp(11px,1.1vw,14px);font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:rgba(191,160,106,.92);margin:0}
.hero-intro h1{font-family:"Raleway";font-weight:200;font-size:clamp(32px,5.6vw,72px);line-height:1.05;letter-spacing:-.02em;color:#F2EFE8;margin:20px 0 0;max-width:17ch;text-shadow:0 6px 46px rgba(0,0,0,.55)}
.hero-intro .hero-sub{max-width:46ch;margin:20px auto 0;font-size:clamp(15px,1.5vw,18.5px);line-height:1.6;color:rgba(242,239,232,.82);text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero-intro-cta{margin-top:30px;pointer-events:auto}
.hero-intro .hero-proof{margin-top:22px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,239,232,.55)}
@media(max-width:640px){.hero-intro{justify-content:flex-start;padding-top:22vh}.hero-intro h1{font-size:clamp(29px,8.5vw,40px)}.hero-intro .hero-sub{font-size:14.5px}}

/* ===== Barrierefreiheit: Skip-Link + Fokus ===== */
.skip-link{position:fixed;left:12px;top:-64px;z-index:2000;background:var(--acc,#BFA06A);color:#241b0c;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:top .25s var(--ease)}
.skip-link:focus{top:12px;outline:2px solid #fff}
:focus-visible{outline:2px solid var(--acc,#BFA06A);outline-offset:3px;border-radius:2px}

/* Für Screenreader/Suchmaschinen sichtbar, visuell versteckt */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.calc-heads-2{grid-template-columns:1fr 1fr}

/* ===== Live-Öffnungsstatus (dezent, markenkonform) ===== */
.open-status{display:inline-flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:13.5px;letter-spacing:.03em;color:var(--grey-2,rgba(242,239,232,.7))}
.open-status .os-dot{width:8px;height:8px;border-radius:50%;background:rgba(242,239,232,.28);flex:none}
.open-status.is-open{color:#F2EFE8}
.open-status.is-open .os-dot{background:var(--acc,#BFA06A);animation:osPulse 2.6s var(--ease,ease) infinite}
@keyframes osPulse{0%{box-shadow:0 0 0 0 rgba(191,160,106,.55)}70%{box-shadow:0 0 0 9px rgba(191,160,106,0)}100%{box-shadow:0 0 0 0 rgba(191,160,106,0)}}

.mnav-links a span{white-space:nowrap}

.footer-bot .open-status{margin:0}

/* "Das könntest du sein" Platzhalter-Cards */
.tmember.ghost{border-style:dashed;border-color:rgba(191,160,106,.42);text-decoration:none;display:block}
.tmember.ghost:hover{border-style:solid;border-color:var(--acc);transform:translateY(-5px)}
.tmember.ghost .tm-photo{background:rgba(191,160,106,.06)}
.tm-plus{font-family:"Raleway",system-ui,sans-serif;font-weight:100;font-size:clamp(46px,6vw,64px);color:var(--acc);line-height:1}
.tmember.ghost .tm-body h4{color:var(--acc)}

/* ===== Studio-Galerie Lightbox ===== */
.studio-strip .sp{cursor:zoom-in}
.lbox{position:fixed;inset:0;z-index:9500;background:rgba(12,14,16,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.lbox.on{opacity:1;visibility:visible}
.lbox-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:92vw}
.lbox-img{max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 50px 130px -50px rgba(0,0,0,.95);opacity:0;transition:opacity .3s var(--ease);-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.lbox-img.ready{opacity:1}
.lbox-cap{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--pod-70);font-weight:600}
.lbox-x,.lbox-prev,.lbox-next{position:absolute;background:rgba(255,255,255,.07);border:1px solid rgba(242,239,232,.16);color:var(--pod);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:100px;transition:background .3s,border-color .3s;-webkit-tap-highlight-color:transparent;z-index:2}
.lbox-x:hover,.lbox-prev:hover,.lbox-next:hover{background:rgba(255,255,255,.15);border-color:var(--acc)}
.lbox-x{top:calc(16px + env(safe-area-inset-top));right:16px;width:46px;height:46px;font-size:28px;line-height:1;padding-bottom:3px}
.lbox-prev,.lbox-next{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:32px;padding-bottom:4px}
.lbox-prev{left:16px}.lbox-next{right:16px}
@media(max-width:640px){.lbox-prev,.lbox-next{width:44px;height:44px;font-size:26px}.lbox-img{max-height:72vh}}

/* ===== Glasleiste: Farbe folgt dem Scrollen (kontinuierlich via --dk) ===== */
@supports (color: color-mix(in srgb, red, blue)){
  .nav{--dk:1}
  .nav .nav-brand, .nav.on-dark .nav-brand,
  .nav .nav-links a, .nav.on-dark .nav-links a,
  .nav .nav-burger, .nav.on-dark .nav-burger{
    color:color-mix(in srgb, #2a2d31, #F2EFE8 calc(var(--dk,1)*100%));
    transition:none}
  .nav .nav-links a, .nav.on-dark .nav-links a{opacity:calc(.74 + .06*var(--dk,1))}
  .nav .nav-links a:hover, .nav.on-dark .nav-links a:hover{opacity:1}
  .nav .nav-brand path, .nav.on-dark .nav-brand path{fill:currentColor}
  .nav .nav-burger, .nav.on-dark .nav-burger{
    border-color:color-mix(in srgb, rgba(29,33,38,.2), rgba(242,239,232,.24) calc(var(--dk,1)*100%))}
  .nav.scrolled, .nav.on-dark.scrolled{
    background:transparent;
    border-color:color-mix(in srgb, rgba(29,33,38,.1), rgba(242,239,232,.1) calc(var(--dk,1)*100%))}
  .nav::before, .nav.on-dark::before{
    background:linear-gradient(to bottom,
      color-mix(in srgb, rgba(239,238,232,.9), rgba(20,23,27,.88) calc(var(--dk,1)*100%)) 0%,
      color-mix(in srgb, rgba(239,238,232,.66), rgba(20,23,27,.64) calc(var(--dk,1)*100%)) 34%,
      color-mix(in srgb, rgba(239,238,232,.32), rgba(20,23,27,.3) calc(var(--dk,1)*100%)) 60%,
      transparent 100%);
    transition:opacity .8s var(--ease)}
  .nav .tp-lang, .nav.on-dark .tp-lang{
    border-color:color-mix(in srgb, rgba(29,33,38,.16), rgba(242,239,232,.2) calc(var(--dk,1)*100%))}
  .nav .tp-lang button, .nav.on-dark .tp-lang button{
    color:color-mix(in srgb, #3a3d42, rgba(242,239,232,.7) calc(var(--dk,1)*100%))}
}

/* Garantie-Hinweis in der Schritt-Karte */
.incl-hint{margin-top:auto;padding-top:13px;border-top:1px solid rgba(29,33,38,.1);font-size:12.5px;line-height:1.6;color:var(--grey-2)}
.incl-hint-l{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:5px}

/* Sparmodus-Lockup (Marke + Schriftzug, koernig) */
.hero-lockup-svg{width:min(66vw,540px);height:auto;overflow:visible;filter:drop-shadow(0 22px 40px rgba(0,0,0,.4))}

/* Schwaches Geraet: kein Scroll-Hero, nur das Logo als Start */
.lite-hero .hero-outer{height:100svh}
.lite-hero .hero-scenes{display:none}
.lite-hero .hero-finale{opacity:1}

/* Desktop: Wisch-Punkte unter den Kern-Kacheln */
.kern-dots-d{display:flex;justify-content:center;gap:10px;margin-top:clamp(26px,3.4vw,44px);margin-bottom:0}
.kern-dots-d i{width:8px;height:8px;border-radius:50%;background:rgba(242,239,232,.28);transition:background .35s,transform .35s;cursor:pointer}
.kern-dots-d i:hover{background:rgba(242,239,232,.5)}
.kern-dots-d i.on{background:var(--acc);transform:scale(1.3)}

/* ===== Ausgewählte Karten: dunkler Hintergrund, helle Schrift (Bereich bleibt hell) ===== */
.incl-i, .startpaket-card, .pass{
  --pod:#F2EFE8; --pod-70:rgba(242,239,232,.72); --pod-45:rgba(242,239,232,.5);
  --grey:rgba(242,239,232,.55); --grey-2:rgba(242,239,232,.78);
  --line-d:rgba(242,239,232,.14); --line-d2:rgba(242,239,232,.08); --line:rgba(242,239,232,.12);
  --card:#20242a; --card-2:#262b32; --glow:rgba(242,232,214,.34);
  color:var(--grey-2);
}
.incl-i{background:var(--card);border-color:var(--line-d)}
.startpaket-card{background:var(--card);box-shadow:0 34px 74px -50px rgba(0,0,0,.6)}
.pass{background:var(--card)}
.pass:hover,.startpaket-card:hover{box-shadow:0 34px 66px -40px rgba(0,0,0,.6)}

/* ===== Coverflow-Karten: edleres, tieferes Design ===== */
.incl-i{
  background:linear-gradient(157deg,#272c34 0%,#1c2127 56%,#171b20 100%);
  border:1px solid rgba(242,239,232,.09);
  box-shadow:0 28px 60px -42px rgba(0,0,0,.86), inset 0 1px 0 rgba(242,239,232,.06);
  padding:clamp(28px,2.9vw,40px);
}
.incl-i .incl-n{position:relative;padding-bottom:13px;letter-spacing:.24em}
.incl-i .incl-n::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:linear-gradient(90deg,var(--acc),rgba(191,160,106,0))}
.incl-i h3{letter-spacing:.004em;margin-top:2px}
.incl-i .incl-hint{border-top-color:rgba(242,239,232,.12)}
.incl-i.cf-active{
  border-color:rgba(191,160,106,.42);
  box-shadow:0 32px 72px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(191,160,106,.20), inset 0 1px 0 rgba(242,239,232,.09);
}

/* ===== "Wege"-Karten: Premium-Feinschliff (hell) ===== */
.way{
  border:1px solid var(--line-d);
  border-radius:14px;
  background:linear-gradient(158deg,#ffffff 0%,#faf9f3 100%);
  box-shadow:0 30px 62px -46px rgba(29,33,38,.30), inset 0 1px 0 rgba(255,255,255,.7);
}
.way .wtag{position:relative;padding-bottom:13px;letter-spacing:.18em}
.way .wtag::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:linear-gradient(90deg,var(--acc),rgba(191,160,106,0))}
.way h3{letter-spacing:-.01em}
.way:hover{box-shadow:0 42px 78px -44px rgba(29,33,38,.42), inset 0 1px 0 rgba(255,255,255,.7)}

/* Startpaket: "100 % optional"-Band oben (Stil wie BELIEBT) */
.startpaket-card{position:relative;margin-top:14px}
.sp-badge{position:absolute;top:-26px;left:50%;transform:translateX(-50%);z-index:3;
  background:var(--acc);color:#241b0c;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  padding:6px 16px;border-radius:100px;box-shadow:0 10px 22px -10px rgba(0,0,0,.55)}

/* Startpaket: Einzelwert (235 €) praegnanter, mit champagnerfarbener Durchstreichung */
.sp-old{font-size:13.5px;color:var(--grey-2)}
.sp-old s{font-family:"Raleway";font-weight:300;font-size:20px;color:var(--pod-70);opacity:1;letter-spacing:-.01em;margin-left:3px;text-decoration-color:var(--acc);text-decoration-thickness:1.6px}

/* FAQ: Champagner-"Sonnenaufgang" - blendet beim Hover langsam von links ein, bleibt stehen und klingt zur Mitte hin aus */
.faq-q{background-image:radial-gradient(60% 135% at 50% 50%,rgba(191,160,106,.17) 0%,rgba(191,160,106,.11) 42%,rgba(191,160,106,.045) 70%,transparent 92%);background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:color .3s,background-size 1s cubic-bezier(.42,.02,.38,1)}
.faq-q:hover{background-size:100% 100%}
.faq-item.open .faq-q{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){.faq-q{transition:color .3s,background-size .01s}}

/* ===== Bewertungen: wischbares Karussell ===== */
.rev-cf{position:relative}
.rev-grid{display:flex;gap:clamp(16px,2vw,26px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:8px 2px 46px;cursor:grab;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent)}
.rev-grid::-webkit-scrollbar{display:none}
.rev-grid.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}
.rev-cf .review{flex:0 0 min(380px,82vw);scroll-snap-align:center;display:flex;flex-direction:column;transform-origin:center center;backface-visibility:hidden;transition:opacity .25s linear}
.rev-cf .review .rm{margin-top:auto}
/* Coverflow-Modus (JS aktiv): seitliche Kacheln kippen nach hinten */
.rev-flow{padding-top:24px;padding-bottom:54px}
.rev-flow::before,.rev-flow::after{content:"";flex:0 0 calc((100% - min(380px,82vw))/2 - 8px)}
.rev-flow .review{will-change:transform,opacity;box-shadow:0 32px 64px -34px rgba(40,28,8,.42),0 4px 14px -8px rgba(40,28,8,.14)}

/* ===== 3D-Ring-Modus (geschlossene Trommel, von aussen gedreht) ===== */
.rev-cf.rev-ring-on{overflow:visible;perspective:1600px;perspective-origin:50% 42%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.rev-cf.rev-ring-on .cf-arrow,.incl-cf.incl-ring-on .cf-arrow{display:none}
.rev-cf.rev-ring-on:has(.rev-ring.dragging){cursor:grabbing}
.rev-ring{position:relative;display:block;width:min(380px,82vw);height:340px;margin:clamp(30px,4vw,54px) auto clamp(18px,2.4vw,30px);padding:0;overflow:visible;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.32,0,.22,1);-webkit-mask:none;mask:none;scroll-snap-type:none;cursor:grab;touch-action:pan-y}
.rev-ring.dragging{cursor:grabbing;transition:none;-webkit-user-select:none;user-select:none}
.rev-ring::before,.rev-ring::after{display:none}
.rev-ring .review{position:absolute;top:0;left:0;width:100%;height:340px;box-sizing:border-box;flex:none;margin:0;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;transition:opacity .32s linear;box-shadow:0 40px 74px -34px rgba(40,28,8,.52),0 8px 20px -10px rgba(40,28,8,.22)}
@media(max-width:640px){.rev-ring,.rev-ring .review{height:360px}}

/* ===== Vergleich: Positionierungs-Band (zwischen zwei Welten) ===== */
.pos-bridge{max-width:1080px;margin:clamp(32px,4.4vw,58px) auto clamp(30px,4vw,50px)}
.pos-bridge-head{text-align:center;font-family:"Raleway";font-weight:300;font-size:clamp(21px,2.5vw,30px);color:var(--pod);letter-spacing:.005em}
.pos-bridge-sub{position:relative;max-width:min(94%,780px);margin:clamp(30px,3.8vw,48px) auto 0;padding-top:clamp(22px,3vw,32px);text-align:center;color:var(--pod);font-weight:400;font-size:clamp(16px,1.9vw,20px);line-height:1.62;letter-spacing:.005em;text-wrap:balance}
.pos-bridge-sub::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(191,160,106,0),#bfa06a,rgba(191,160,106,0))}
.pos-duo{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(14px,2.6vw,40px);margin-top:clamp(30px,4vw,52px)}
.pos-panel{display:flex;flex-direction:column;background:linear-gradient(158deg,#ffffff 0%,#fbf8f2 58%,#f6f1e7 100%);border:1px solid rgba(191,160,106,.28);border-radius:22px;padding:clamp(28px,3vw,42px) clamp(26px,2.8vw,40px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 6px -3px rgba(40,28,8,.14),0 34px 64px -34px rgba(40,28,8,.46)}
.pos-col-tag{display:block;position:relative;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:#a9863f;font-weight:600;margin-bottom:6px;padding-bottom:17px}
.pos-col-tag::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(191,160,106,.6),rgba(191,160,106,.14) 62%,transparent)}
.pos-panel ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}
.pos-panel li{font-size:clamp(14px,1.5vw,16px);font-weight:300;color:var(--pod);line-height:1.55;padding:11px 0 11px 26px;position:relative}
.pos-panel li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;background:linear-gradient(135deg,#e0c589,#a9863f);transform:rotate(45deg);border-radius:1px;box-shadow:0 1px 3px rgba(120,90,20,.32)}
.pos-emblem{display:flex;align-items:center;justify-content:center;position:relative}
.pos-emblem::before,.pos-emblem::after{content:"";position:absolute;top:50%;width:clamp(16px,2.6vw,38px);height:1px;z-index:0}
.pos-emblem::before{right:100%;background:linear-gradient(90deg,rgba(191,160,106,0),rgba(191,160,106,.6))}
.pos-emblem::after{left:100%;background:linear-gradient(90deg,rgba(191,160,106,.6),rgba(191,160,106,0))}
.pos-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(140px,16vw,178px);height:clamp(140px,16vw,178px);border-radius:50%;text-align:center;background:radial-gradient(122% 122% at 50% 20%,#2a3039,#101318);border:1px solid rgba(191,160,106,.55);box-shadow:0 36px 70px -24px rgba(10,7,2,.72),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 26px rgba(0,0,0,.42)}
.pos-mark::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(191,160,106,.28)}
.pos-mark::after{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(216,186,126,.8) 34deg,transparent 80deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));animation:posSpin 7s linear infinite}
@keyframes posSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pos-mark::after{animation:none;opacity:.4}}
.pos-mark b{font-size:clamp(14px,1.55vw,17px);letter-spacing:.18em;color:#F2EFE8;font-weight:500}
.pos-mark span{font-size:11px;color:#c6a668;margin-top:6px;letter-spacing:.09em;font-style:italic}
@media(max-width:820px){
  .pos-bridge{margin-top:clamp(24px,5vw,40px)}
  .pos-duo{grid-template-columns:1fr;gap:8px;margin-top:clamp(22px,5vw,34px)}
  .pos-emblem{padding:4px 0}
  .pos-emblem::before,.pos-emblem::after{display:block;left:50%;right:auto;top:auto;transform:translateX(-50%);width:1px;height:11px}
  .pos-emblem::before{bottom:100%;background:linear-gradient(180deg,rgba(191,160,106,0),rgba(191,160,106,.55))}
  .pos-emblem::after{top:100%;background:linear-gradient(180deg,rgba(191,160,106,.55),rgba(191,160,106,0))}
  .pos-mark{width:118px;height:118px}
  .pos-panel{padding:20px 22px}
  .pos-panel ul{justify-content:flex-start}
  .pos-col-tag{margin-bottom:4px;padding-bottom:13px}
  .pos-panel li{padding:7px 0 7px 22px;line-height:1.45}
  .pos-panel li::before{top:12px}
  .pos-bridge-sub{margin-top:clamp(20px,4.5vw,30px)}
}

/* Anker #konzept: Section-Oberpolster fuers Anspringen neutralisieren, damit "Der Vergleich" sauber unter der Nav landet (iPad) */
#konzept,#standort{scroll-margin-top:calc(26px - clamp(52px,8.5vh,104px))}
@media(max-width:640px){#konzept,#standort{scroll-margin-top:calc(22px - clamp(40px,6.5vh,74px))}}

/* ===== Lite-Hero: sauber gestapelte, proportional konstante Spalte (Logo / Untertitel / Button) ===== */
.lite-hero .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,42px);padding:0 26px;text-align:center}
.lite-hero .scrollcue{display:none!important}
.lite-hero .hero-fallback{position:static;inset:auto;display:block}
.lite-hero .hero-lockup-svg{width:min(76vw,410px)}
.lite-hero .hero-finale{position:static;inset:auto;opacity:1;display:flex;flex-direction:column;align-items:center;gap:clamp(15px,2.4vh,22px)}
.lite-hero .finale-tag{position:static;inset:auto;bottom:auto;left:auto;right:auto;white-space:normal;padding-left:0;font-size:clamp(9.5px,2.6vw,12px);letter-spacing:.22em}
.lite-hero .finale-cta{position:static;inset:auto;bottom:auto;left:auto;right:auto;transform:none}
.lite-hero .finale-cta .lightrun{transform:none}