/* VIUMU – Gestaltung nach WEBSITE_BRIEFING.md (Masse der Vorlage alpenlyte.ch, Farben neu für VIUMU) */
:root{
  --c50:#FAF8F4;--c100:#F3EFE7;--c200:#E8E2D6;--c300:#D6CCBA;
  --d800:#0B0F17;--d700:#1E2430;--d600:#2B3445;--d900:#07090E;
  --g600:#475569;--g500:#64748B;--g400:#94A3B8;--g300:#CBD5E1;--g200:#E2E8F0;--g50:#F8FAFC;
  --a500:#8A6420;--a600:#6F4F17;--gold:#D4AF6A;--gold2:#F5E2BF;
  --ok:#065F46;--okbg:#ECFDF5;--okline:#A7F3D0;--err:#BE123C;--errbg:#FFF1F2;--errline:#FECDD3;
  --hdr:98px;
}
@media(min-width:768px){:root{--hdr:65px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--c50);color:var(--d800);font:400 16px/1.6 'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:'Outfit','Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--a500);outline-offset:2px}
.dark :focus-visible,.btn-dark:focus-visible{outline-color:var(--gold)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tab{font-variant-numeric:tabular-nums}

/* Container */
.w14{max-width:1440px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left))}
.w7{max-width:1280px;margin:0 auto;padding:0 16px}
.w6{max-width:1152px;margin:0 auto;padding:0 16px}
.w3{max-width:768px;margin:0 auto;padding:0 16px}
@media(min-width:640px){.w14,.w7,.w6,.w3{padding:0 24px}}
@media(min-width:1024px){.w14,.w7,.w6,.w3{padding:0 32px}}

/* Abschnitte */
.sec{padding:32px 0 48px;border-bottom:1px solid var(--c200);scroll-margin-top:var(--hdr)}
@media(min-width:640px){.sec{padding:56px 0 72px}}
.bg-w{background:#fff}.bg-s{background:var(--g50)}.bg-c{background:var(--c50)}.bg-c1{background:var(--c100)}
.head{max-width:672px;margin:0 auto 20px;text-align:center}
@media(min-width:640px){.head{margin-bottom:48px}}
.h2{font-size:30px;line-height:1.2;color:var(--d800)}
@media(min-width:768px){.h2{font-size:44px;line-height:1.1}}
.h2s{font-size:24px;line-height:1.3}
@media(min-width:768px){.h2s{font-size:44px;line-height:1.1}}
.intro{margin-top:10px;font-size:14px;line-height:1.6;color:var(--g600)}
@media(min-width:640px){.intro{font-size:17px;margin-top:14px}}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--a500)}
.lbl{display:block;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#334155;margin-bottom:8px}
.small{font-size:12px;color:var(--g500)}
.muted{color:var(--g600)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 24px;border-radius:16px;border:0;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
@media(min-width:640px){.btn{font-size:15px}}
.btn-dark{background:var(--d800);color:#fff;box-shadow:0 4px 10px rgba(11,15,23,.15)}
.btn-dark:hover{background:var(--d600)}
.btn-dark:active{transform:scale(.99)}
.btn-light{background:#fff;color:var(--d800);border:1px solid var(--g300)}
.btn-light:hover{background:var(--g50)}
.btn .pf{transition:transform .15s}.btn:hover .pf{transform:translateX(4px)}
.btn[disabled]{opacity:.6;cursor:wait}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
@media(min-width:640px){.pill{padding:8px 16px;font-size:14px}}
.pill-dark{background:var(--d800);color:var(--c50)}.pill-dark:hover{background:var(--d700)}
.link{color:var(--a500);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.link:hover{color:var(--a600)}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--g200)}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px}
@media(min-width:640px){.hdr-row{height:64px;gap:16px}}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo svg{height:40px;width:40px;transition:transform .15s}.logo:hover svg{transform:scale(1.05)}
@media(min-width:640px){.logo svg{height:48px;width:48px}}
.logo b{font:900 20px/1 'Outfit',sans-serif;letter-spacing:.14em;color:var(--d800)}
@media(min-width:640px){.logo b{font-size:24px}}
.nav{display:none;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar,.nav2::-webkit-scrollbar{display:none}
@media(min-width:768px){.nav{display:flex}}
@media(min-width:1024px){.nav{gap:16px}}
.nav a,.nav2 a{position:relative;font-size:13px;font-weight:700;color:#334155;text-decoration:none;padding:4px 8px;white-space:nowrap}
.nav a:hover,.nav2 a:hover{color:var(--a500)}
.nav a.cur,.nav2 a.cur{color:var(--d800)}
.nav a.cur::after,.nav2 a.cur::after{content:"";position:absolute;left:10px;right:10px;bottom:-4px;height:2px;border-radius:2px;background:var(--gold)}
.nav2{display:flex;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--g200);padding:0 4px}
.nav2 a{padding:10px 6px}
.nav2 a.cur::after{bottom:4px}
@media(min-width:768px){.nav2{display:none}}

/* Hero */
.hero{min-height:calc(100svh - 98px);display:flex;flex-direction:column;justify-content:center;padding:24px 0 32px;border-bottom:1px solid var(--c200);
  background:radial-gradient(circle at 82% 16%,rgba(212,175,106,.30) 0%,rgba(245,226,191,.38) 40%,var(--c50) 80%)}
@media(min-width:640px){.hero{padding:32px 0 40px}}
@media(min-width:1024px){.hero{min-height:calc(100svh - 65px);padding:40px 0 48px}}
.hero-grid{display:grid;gap:24px;align-items:center}
@media(min-width:1024px){.hero-grid{grid-template-columns:5fr 7fr;gap:40px}}
.h1{font-size:30px;line-height:1.2;color:var(--d800);letter-spacing:-.02em}
@media(min-width:768px){.h1{font-size:40px}}
@media(min-width:1280px){.h1{font-size:52px;line-height:1.15}}
.h1 em{font-style:normal;color:var(--d600);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px;text-underline-offset:6px}
.hero-txt{margin-top:16px;font-size:16px;line-height:1.65;color:var(--d700);max-width:576px}
@media(min-width:768px){.hero-txt{font-size:18px}}
.hero-btns{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.hero-btns .btn-light{display:none}
@media(min-width:640px){.hero-btns{flex-direction:row}.hero-btns .btn-light{display:inline-flex}}
@media(min-width:1024px){.hero-btns{flex-direction:column;align-items:flex-start}}
@media(min-width:1280px){.hero-btns{flex-direction:row}}
.status{margin-top:12px;font-size:12px;font-weight:600;color:var(--g500)}
.hero-img{border-radius:32px;border:4px solid #fff;overflow:hidden;box-shadow:0 24px 48px -12px rgba(11,15,23,.14),0 4px 6px rgba(0,0,0,.06);height:210px;max-width:576px;width:100%;margin:0 auto}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media(min-width:640px){.hero-img{height:320px}}
@media(min-width:1024px){.hero-img{height:auto;aspect-ratio:4/3;max-width:none}}
.scroll{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:16px;font-size:12px;font-weight:600;color:var(--g500);text-decoration:none}
.scroll:hover{color:var(--d800)}
.scroll svg{animation:bounce 1s infinite}
@media(min-width:640px){.scroll{margin-top:24px}}
@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}

/* Shop / Pläne */
.shop-grid{display:grid;gap:24px;align-items:start}
@media(min-width:1024px){.shop-grid{grid-template-columns:6fr 6fr;gap:32px}}
@media(min-width:1280px){.shop-grid{grid-template-columns:7fr 5fr;gap:48px}}
.gal{max-width:540px;margin:0 auto;width:100%}
@media(min-width:1024px){.gal{position:sticky;top:96px}}
.gal-m{display:block;margin-bottom:12px}
.gal-m h2{font:900 20px/1.25 'Plus Jakarta Sans',sans-serif;color:#020617}
@media(min-width:640px){.gal-m{display:none}}
.frame{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;background:#F1F5F9;box-shadow:0 4px 6px -1px rgba(0,0,0,.08)}
@media(min-width:640px){.frame{aspect-ratio:4/3;border-radius:24px}}
.frame img.main{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 0;cursor:zoom-in}
.frame .blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(32px) saturate(1.15) brightness(.97);transform:scale(1.1);opacity:.95}
.arr{position:absolute;top:50%;translate:0 -50%;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--g200);box-shadow:0 4px 6px rgba(0,0,0,.1);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s,transform .1s}
.arr.l{left:12px}.arr.r{right:12px}
@media(hover:hover){.frame:hover .arr{opacity:1}}
@media(hover:none){.arr{display:none}}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px}
.dots button{width:7px;height:7px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.6);cursor:pointer;transition:width .2s}
.dots button[aria-current=true]{width:18px;background:#fff}
.dots button::before{content:"";position:absolute;inset:-12px -4px}
.dots button{position:relative}
.zoom{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--g200);display:grid;place-items:center;cursor:pointer}
.thumbs{display:none;margin-top:16px}
@media(min-width:640px){.thumbs{display:block}}
.thumbs .row{display:flex;gap:12px;margin-top:8px}
.thumbs button{width:70px;height:70px;border-radius:12px;overflow:hidden;border:1px solid var(--g200);padding:0;cursor:pointer;background:#fff}
.thumbs button[aria-current=true]{border:2px solid var(--d800)}
.thumbs img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.kacheln{display:none;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}
@media(min-width:640px){.kacheln{display:grid;grid-template-columns:repeat(4,1fr)}}
.kachel{background:#fff;border:1px solid var(--g200);border-radius:12px;padding:10px}
.kachel b{display:block;font-size:16px;font-weight:900}.kachel span{display:block;font-size:11px;font-weight:700;color:#334155}.kachel i{display:block;font-style:normal;font-size:10px;color:var(--g500)}

.box{display:flex;flex-direction:column;gap:12px}
@media(min-width:640px){.box{background:#fff;border:1px solid var(--g200);border-radius:24px;padding:32px;box-shadow:0 1px 2px rgba(0,0,0,.05);gap:24px}}
.box-head{display:none}
@media(min-width:640px){.box-head{display:block}}
.box-head h2{font:900 30px/1.2 'Plus Jakarta Sans',sans-serif;color:#020617}
.box-head p{margin-top:8px;font-size:14px;color:var(--g500)}
.preis{order:4;border-radius:16px;padding:12px 16px;background:rgba(253,249,240,.9);border:1px solid #F1E3C2}
@media(min-width:640px){.preis{order:0;padding:16px}}
.preis .z{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.preis .p{font-size:18.4px;font-weight:900}
@media(min-width:640px){.preis .p{font-size:30px}}
.preis s{font-size:13px;font-weight:700;color:var(--g400)}
@media(min-width:640px){.preis s{font-size:16px}}
.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;background:var(--okbg);color:var(--ok);border:1px solid var(--okline)}
.preis .u{margin-top:4px;font-size:11px;font-weight:600;color:#334155}
@media(min-width:640px){.preis .u{font-size:12px}}
.grp{order:1}
.grp.zus{order:3}
@media(min-width:640px){.grp,.grp.zus{order:0}}
.opts{display:grid;gap:8px}
.opts.p4{grid-template-columns:1fr 1fr}
.opt{position:relative;text-align:left;background:#fff;border:1px solid var(--g200);border-radius:16px;padding:12px;cursor:pointer;transition:border-color .15s}
.opt:hover{border-color:var(--g400)}
.opt[aria-pressed=true],.opt[aria-checked=true]{border:2px solid var(--d800);padding:11px;background:rgba(245,226,191,.28)}
.opt .n{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}
.opt .k{display:block;margin-top:2px;font-size:11px;color:var(--g500);line-height:1.4}
.opt .pr{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--a500)}
.ck{flex-shrink:0;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--g400);display:grid;place-items:center;background:#fff}
.opt[aria-pressed=true] .ck{background:var(--d800);border-color:var(--d800)}
.opt[aria-pressed=true] .ck::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.rd{flex-shrink:0;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--g400)}
.opt[aria-checked=true] .rd{border:4px solid var(--d800)}
@media(max-width:639px){.opt .k{display:none}.opt{padding:10px}.opt[aria-pressed=true],.opt[aria-checked=true]{padding:9px}}
.opts.p2{grid-template-columns:1fr 1fr}
.cta{order:5;display:flex;flex-direction:column;gap:8px}
@media(min-width:640px){.cta{order:0}}
.cta .btn{width:100%;min-height:56px;font-size:16px;font-weight:900;box-shadow:0 20px 25px -5px rgba(11,15,23,.18)}
.cta .small{text-align:center}
.trust{display:none;grid-template-columns:1fr 1fr;gap:8px 12px;border-top:1px solid var(--g200);padding-top:16px;font-size:11px;font-weight:600;color:var(--g600)}
@media(min-width:640px){.trust{display:grid}}
.trust span{display:flex;gap:6px;align-items:flex-start}
.trust svg{flex-shrink:0;color:#059669;margin-top:2px}
.mob-info{order:6;font-size:12px;color:var(--g600)}
@media(min-width:640px){.mob-info{display:none}}

.kaufleiste{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid var(--g200);box-shadow:0 -6px 20px rgba(15,23,42,.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s}
.kaufleiste.on{transform:none}
.kaufleiste .v{font-size:11px;color:var(--g500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.kaufleiste b{display:block;font-weight:900}
.kaufleiste .btn{min-height:44px;padding:10px 16px;border-radius:12px;font-size:14px}
@media(min-width:640px){.kaufleiste{display:none}}

/* Formular-Abschnitt */
.formsec{background:linear-gradient(180deg,var(--g50),#fff 50%,rgba(241,245,249,.7))}
.verlauf{background:linear-gradient(90deg,#A27938,#D4AF6A 50%,#8A6420);-webkit-background-clip:text;background-clip:text;color:transparent}
.form-grid{display:grid;gap:24px}
@media(min-width:1024px){.form-grid{grid-template-columns:5fr 7fr;gap:32px;align-items:start}.form-grid .vorteile{order:-1}}
.fcard{position:relative;background:#fff;border:1px solid var(--g200);border-radius:24px;padding:17.6px;box-shadow:0 20px 25px -5px rgba(226,232,240,.5),0 8px 10px -6px rgba(226,232,240,.5);overflow:hidden}
@media(min-width:640px){.fcard{padding:32px}}
.fcard::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#8A6420,#D4AF6A,#F5E2BF)}
.fcard h3{display:none;font-size:24px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--g200)}
@media(min-width:640px){.fcard h3{display:block}}
.progress{display:flex;gap:6px;margin:4px 0 6px}
.progress i{flex:1;height:4px;border-radius:4px;background:var(--g200)}
.progress i.on{background:var(--d800)}
.stepname{font-size:12px;font-weight:700;color:var(--g500);margin-bottom:16px}
.f{display:flex;flex-direction:column;gap:16px}
.fr{display:grid;gap:12px}
@media(min-width:640px){.fr.c2{grid-template-columns:1fr 1fr}.fr.c3{grid-template-columns:1fr 1fr 1fr}}
.fl{display:block;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#334155;margin-bottom:6px}
.fl .req{color:#EF4444}
.fl small{text-transform:none;letter-spacing:0;font-weight:600;color:var(--g500)}
.in{width:100%;min-height:46px;padding:12px 16px;border-radius:12px;border:1px solid var(--g300);background:rgba(248,250,252,.5);font-size:14px}
.in:focus{outline:none;box-shadow:0 0 0 2px var(--a500);background:#fff;border-color:transparent}
select.in{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--g300);background:#fff;font-size:13px;font-weight:600;cursor:pointer;user-select:none}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip:has(input:checked){background:var(--d800);border-color:var(--d800);color:#fff}
.chip:has(input:focus-visible){outline:2px solid var(--a500);outline-offset:2px}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.seg label{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px 8px;border-radius:12px;border:1px solid var(--g300);background:#fff;font-size:13px;font-weight:700;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:var(--d800);border-color:var(--d800);color:#fff}
.seg label:has(input:focus-visible){outline:2px solid var(--a500);outline-offset:2px}
.range{display:flex;align-items:center;gap:12px}
.range input{flex:1;accent-color:var(--d800)}
.range output{min-width:44px;text-align:right;font-weight:800}
.err{display:none;font-size:12px;font-weight:700;color:var(--err);background:var(--errbg);border:1px solid var(--errline);border-radius:12px;padding:12px}
.err.on{display:block}
.fnav{display:flex;gap:12px;margin-top:8px}
.fnav .btn{flex:1;min-height:52px}
@media(min-width:640px){.fnav .btn{min-height:56px;font-size:16px}}
.fnav .btn-light{flex:0 0 auto}
.ftrust{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px;color:var(--g500)}
.ftrust span{display:flex;align-items:center;gap:4px}
.summary{border:1px solid var(--g200);border-radius:16px;padding:16px;font-size:14px}
.summary .row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--g200)}
.summary .row:last-child{border:0;font-weight:900;font-size:16px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#334155;cursor:pointer}
.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--d800);flex-shrink:0}
.block{background:#FEF3C7;border:1px solid #FCD34D;border-radius:12px;padding:12px 14px;font-size:13px;color:#78350F}
.vorteile{display:flex;flex-direction:column;gap:16px}
.vt{display:flex;gap:14px;background:#fff;border:1px solid var(--g200);border-radius:16px;padding:12px 16px}
@media(min-width:640px){.vt{padding:20px}}
.vt .ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--c100);display:grid;place-items:center;color:var(--a500)}
.vt h4{font:700 14px/1.4 'Plus Jakarta Sans',sans-serif;align-self:center}
.vt p{display:none;margin-top:4px;font-size:12px;line-height:1.55;color:var(--g600)}
@media(min-width:640px){.vt h4{align-self:auto}.vt p{display:block}}
.hinweis{display:flex;gap:10px;background:#F1F5F9;border-radius:12px;padding:12px 14px;font-size:12px;color:var(--g600)}
.success{text-align:center;padding:16px 0}
.success .ring{width:64px;height:64px;border-radius:50%;background:var(--okbg);color:#059669;display:grid;place-items:center;margin:0 auto 12px}
.success h4{font-size:24px}

/* Methode */
.meth{display:grid;gap:24px}
@media(min-width:1024px){.meth{grid-template-columns:5fr 7fr;gap:64px;align-items:start}.meth .l{position:sticky;top:112px}}
.meth .txt{margin-top:16px;font-size:16px;line-height:1.65;color:var(--g600)}
@media(min-width:768px){.meth .txt{font-size:18px}}
.meth figure{display:none;margin:24px 0 0;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3}
@media(min-width:640px){.meth figure{display:block}}
.meth figure img{width:100%;height:100%;object-fit:cover}
.meth figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 16px 12px;background:linear-gradient(0deg,rgba(7,9,14,.8),transparent);color:var(--c100);font-size:12px;font-weight:600}
.liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200)}
.liste li{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--g200)}
.liste li:first-child{border-top:0}
@media(min-width:640px){.liste li{grid-template-columns:136px 1fr;gap:24px;padding:24px 0}}
.liste .z{font:700 28px/1.1 'Outfit',sans-serif;font-variant-numeric:tabular-nums;color:var(--d800)}
@media(min-width:640px){.liste .z{font-size:36px}}
.liste .z small{font:700 15px 'Plus Jakarta Sans',sans-serif;opacity:.7;margin-left:2px}
.liste .zl{display:block;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g500)}
@media(min-width:640px){.liste .zl{font-size:11px}}
.liste h3{font:700 16px/1.4 'Plus Jakarta Sans',sans-serif;color:var(--d900)}
@media(min-width:640px){.liste h3{font-size:18px}}
.liste p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--g600)}
.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chiprow span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--g200);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;background:#fff}
details.auf{background:#fff;border:1px solid var(--c300);border-radius:16px;margin-top:12px}
details.auf summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-weight:700;list-style:none;min-height:44px}
details.auf summary::-webkit-details-marker{display:none}
details.auf summary::after{content:"▾";color:var(--g500);font-size:14px}
details.auf[open] summary::after{content:"▴"}
details.auf .in2{padding:0 20px 16px;font-size:14px;line-height:1.65;color:#334155}
@media(min-width:640px){details.auf summary{padding:20px 24px}details.auf .in2{padding:0 24px 20px}}
.quellen{font-size:12px;line-height:1.6;color:var(--g600);padding-left:18px}
.quellen li{margin:4px 0}

/* Coaching-Karten */
.karten{display:grid;gap:24px}
@media(min-width:640px){.karten{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.karten{grid-template-columns:repeat(4,1fr)}}
@media(max-width:639px){.karten{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.karten::-webkit-scrollbar{display:none}.karte{flex:0 0 78%;scroll-snap-align:start}}
.karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c200);border-radius:24px;overflow:hidden}
.karte .bild{position:relative;height:224px;overflow:hidden}
@media(min-width:640px){.karte .bild{height:256px}}
.karte .bild img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .5s}
.karte:hover .bild img{transform:scale(1.05)}
.karte .tag{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.95);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.karte .ink{flex:1;padding:20px}
@media(min-width:640px){.karte .ink{padding:24px}}
.karte h3{font-size:20px;line-height:1.3}
.karte p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--g600)}
.karte .fuss{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--c200);padding:16px 20px}
@media(min-width:640px){.karte .fuss{padding:16px 24px}}
.karte .fuss b{font-size:13px}
.karte .fuss button{background:none;border:0;font-size:12px;font-weight:900;color:var(--a500);cursor:pointer;min-height:32px;padding:0}
.karte .fuss button:hover{color:var(--a600);text-decoration:underline}
.kar-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
@media(min-width:640px){.kar-nav{display:none}}
.kar-nav button.c{width:40px;height:40px;border-radius:50%;border:1px solid var(--g200);background:#fff;display:grid;place-items:center;cursor:pointer}
.kar-nav button.c.d{background:var(--d800);color:#fff;border-color:var(--d800)}
.kar-nav .pt{display:flex;gap:6px}
.kar-nav .pt i{width:7px;height:7px;border-radius:99px;background:var(--g300);transition:width .2s}
.kar-nav .pt i.on{width:18px;background:var(--d800)}
.anfrage{margin-top:40px}
@media(min-width:1024px){.anfrage-grid{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:start}}

/* Rechner */
.re-grid{display:grid;gap:12px;margin-top:16px}
@media(min-width:1024px){.re-grid{grid-template-columns:5fr 7fr;gap:20px;margin-top:40px}}
.re-in,.re-out{background:#fff;border:1px solid var(--g200);border-radius:24px;padding:20px}
@media(min-width:640px){.re-in,.re-out{padding:28px}}
.re-in .rg{margin-bottom:18px}
.re-in .rh{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:6px}
@media(min-width:640px){.re-in .rh{font-size:14px}}
.re-in input[type=range]{width:100%;accent-color:var(--d800)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tiles button{min-height:54px;padding:8px;border-radius:12px;border:1px solid var(--g200);background:#fff;font-size:11px;font-weight:700;line-height:1.3;cursor:pointer;text-align:center}
@media(min-width:640px){.tiles button{font-size:12px}}
.tiles button[aria-pressed=true]{background:var(--d800);color:#fff;border-color:var(--d800);box-shadow:0 4px 10px rgba(11,15,23,.2)}
.segb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.segb button{min-height:36px;border-radius:8px;border:1px solid var(--g200);background:#fff;font-size:12px;font-weight:700;cursor:pointer}
.segb button[aria-pressed=true]{background:var(--d800);color:#fff;border-color:var(--d800)}
.re-sum{font-size:11px;color:var(--g500)}
.big{display:flex;align-items:baseline;gap:6px;margin-top:8px}
.big b{font:700 44px/1 'Outfit',sans-serif;font-variant-numeric:tabular-nums}
@media(min-width:640px){.big b{font-size:56px}}
.big span{font-weight:700;opacity:.7}
.makros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.makro{background:var(--c50);border:1px solid var(--c200);border-radius:16px;padding:12px}
.makro b{display:block;font:700 22px/1.2 'Outfit',sans-serif}
.makro span{font-size:11px;color:var(--g600)}
.bar{height:8px;border-radius:8px;background:var(--g200);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:var(--d800);transition:width .9s cubic-bezier(.22,1,.36,1)}
.re-box{margin-top:16px;background:var(--c100);border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.6}
.plopp{animation:plopp .45s}
@keyframes plopp{0%{transform:scale(.9)}100%{transform:none}}
.re-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}

/* Vergleich */
.vgl{overflow-x:auto;margin-top:16px;-webkit-overflow-scrolling:touch}
.vgl table{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:14px}
.vgl th,.vgl td{padding:14px 12px;border-bottom:1px solid var(--g200);text-align:center;vertical-align:middle}
.vgl th:first-child,.vgl td:first-child{text-align:left;font-weight:600;color:#334155}
.vgl thead th{font:700 15px/1.3 'Plus Jakarta Sans',sans-serif;vertical-align:bottom}
.vgl thead th small{display:block;font-weight:500;font-size:11px;color:var(--g500)}
.vgl .our{background:rgba(245,226,191,.28);border-left:2px solid var(--d800);border-right:2px solid var(--d800)}
.vgl thead .our{border-top:2px solid var(--d800);border-radius:16px 16px 0 0}
.vgl tbody tr:last-child .our{border-bottom:2px solid var(--d800)}
.ja{color:#059669}.nein{color:var(--g400)}
.kz{display:grid;gap:12px;margin-top:24px}
@media(min-width:640px){.kz{grid-template-columns:repeat(3,1fr)}}
.kz div{border-radius:16px;padding:16px 18px;background:var(--c100)}
.kz b{display:block;font:700 30px/1.1 'Outfit',sans-serif}
.kz p{margin-top:6px;font-size:13px;color:var(--g600)}

/* Ratgeber */
.rat{display:grid;gap:16px}
@media(min-width:1024px){.rat{grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}}
.rk{background:#fff;border:1px solid var(--c200);border-radius:24px;overflow:hidden}
.rk .t{padding:20px 24px}
.rk .top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--a500)}
.rk .top span:last-child{color:var(--g500);text-transform:none;letter-spacing:0;font-weight:500}
.rk h3{margin-top:8px;font-size:20px;line-height:1.3}
.rk h3 a{text-decoration:none}.rk h3 a:hover{color:var(--a500)}
.rk p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--g600)}
.rk details{border-top:1px solid var(--c200)}
.rk summary{padding:14px 24px;font-size:14px;font-weight:700;cursor:pointer;list-style:none;min-height:44px}
.rk summary::-webkit-details-marker{display:none}
.rk summary::after{content:" ▾"}.rk details[open] summary::after{content:" ▴"}
.rk .art{padding:0 24px 20px;font-size:14px;line-height:1.7;color:#334155}
.art h3,.art h2{font:700 16px/1.4 'Plus Jakarta Sans',sans-serif;margin:16px 0 6px;color:var(--d800)}
.art p{margin:0 0 10px}
.art ul{padding-left:18px;margin:0 0 10px}

/* FAQ */
.faq details{background:#fff;border:1px solid var(--c300);border-radius:16px;margin-top:12px}
.faq summary{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font:700 16px/1.45 'Plus Jakarta Sans',sans-serif;color:var(--d900);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"▾";color:var(--g500)}
.faq details[open] summary::after{content:"▴"}
.faq .a{padding:0 20px 16px;font-size:14px;line-height:1.65;color:#334155}
@media(min-width:640px){.faq summary{padding:20px 24px}.faq .a{padding:0 24px 20px}}

/* Footer */
.ft{background:var(--d900);color:var(--c200);padding:56px 0;font-size:14px}
.ft-grid{display:grid;gap:40px}
@media(min-width:640px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ft-grid{grid-template-columns:repeat(4,1fr)}}
.ft .logo b{color:#fff}
.ft p.d{margin-top:12px;font-size:12px;line-height:1.6;opacity:.8}
.ft .kontakt{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.ft .kontakt a{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:600;text-decoration:none;min-height:32px}
.ft .kontakt a:hover{color:var(--gold2);text-decoration:underline}
.ft h4{font:700 15px 'Plus Jakarta Sans',sans-serif;color:#fff;margin-bottom:8px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a,.ft li button{display:inline-flex;align-items:center;min-height:32px;font-size:12px;color:var(--c200);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.ft li a:hover,.ft li button:hover{color:var(--gold)}
.ft li.t{font-size:12px;line-height:1.5;padding:7px 0;opacity:.85}
.ft .unten{margin-top:48px;padding-top:24px;border-top:1px solid rgba(232,226,214,.15);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:11px;opacity:.6}

/* Dialoge */
.dlg{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(7,9,14,.7);backdrop-filter:blur(4px)}
.dlg.on{display:flex}
.dlg .pn{position:relative;width:100%;max-width:768px;max-height:88vh;display:flex;flex-direction:column;background:var(--c50);border:1px solid var(--c200);border-radius:24px;padding:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
@media(min-width:640px){.dlg .pn{padding:32px}}
.dlg .x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--g200);background:#fff;cursor:pointer;font-size:16px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.tabs button,.tabs a{border-radius:999px;border:1px solid var(--g200);background:#fff;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;min-height:36px}
.tabs [aria-selected=true],.tabs a.on{background:var(--d800);color:#fff;border-color:var(--d800)}
.dlg .inh{overflow:auto;max-height:60vh;font-size:14px;line-height:1.65}
.recht h2{font:700 16px/1.4 'Plus Jakarta Sans',sans-serif;margin:18px 0 6px}
.recht p,.recht ul{margin:0 0 10px}
.lb{position:fixed;inset:0;z-index:70;display:none;flex-direction:column;background:rgba(2,6,23,.95);padding:8px}
@media(min-width:640px){.lb{padding:20px}}
.lb.on{display:flex}
.lb .k{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:13px;gap:12px}
.lb .k button{background:rgba(220,38,38,.8);color:#fff;border:0;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer;min-height:40px}
.lb .m{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:0;padding:12px 0}
.lb .m img{max-height:100%;max-width:calc(100% - 100px);object-fit:contain;border-radius:8px}
.lb .m button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer}

/* Unterseiten */
.sub-h{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--c200)}
.sub-h .w3{display:flex;align-items:center;justify-content:space-between;height:64px}
.sub-h nav{display:flex;gap:16px;font-size:12px;font-weight:700}
@media(min-width:640px){.sub-h nav{font-size:14px}}
.sub-h nav a{text-decoration:none;color:var(--d700);min-height:32px;display:inline-flex;align-items:center}
.sub-h nav a:hover{color:var(--a500)}
.sub-h nav .opt640{display:none}
@media(min-width:640px){.sub-h nav .opt640{display:inline-flex}}
.sub-m{padding:32px 0 48px}
.crumb{font-size:12px;font-weight:600;color:var(--g500);display:flex;flex-wrap:wrap;gap:6px}
.crumb a{text-decoration:none;min-height:24px}.crumb a:hover{color:var(--a500)}
.crumb b{color:var(--d800)}
.sub-m h1{margin-top:12px;font-size:30px;line-height:1.2}
.sub-card{background:#fff;border:1px solid var(--c200);border-radius:24px;padding:24px;margin-top:20px}
@media(min-width:640px){.sub-card{padding:40px}}
.sub-card .lead{font-size:16px;font-weight:500;color:var(--g600);line-height:1.6}
@media(min-width:640px){.sub-card .lead{font-size:18px}}
.sub-card .art{font-size:15px;color:#334155;line-height:1.75}
.sub-f{border-top:1px solid var(--c200);padding:24px 0;font-size:12px}
.sub-f .lk{display:flex;flex-wrap:wrap;gap:4px 16px;font-weight:600}
.sub-f .lk a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.sub-f .lk a:hover{color:var(--a500)}
.sub-f p{margin-top:8px;opacity:.7}
.cta-box{margin-top:24px;background:var(--c50);border-radius:16px;padding:16px 20px}
.cta-box h2{font:700 14px 'Plus Jakarta Sans',sans-serif}
.cta-box .bt{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cta-box .btn{min-height:44px;padding:10px 16px;border-radius:12px;font-size:13px}
.vorschau-band{background:#FEF3C7;color:#78350F;text-align:center;font-size:12px;font-weight:700;padding:6px 12px}
mark.pruefen{background:#FEF3C7;color:#78350F;padding:0 4px;border-radius:4px}
@media(min-width:768px) and (max-width:1023px){.nav{gap:0}.nav a{padding:4px 5px;font-size:12.5px}.hdr-row{gap:10px}.logo b{font-size:20px;letter-spacing:.1em}.hdr .pill{padding:6px 12px;font-size:13px}}
@media(max-width:400px){.nav2{padding:0 2px}.nav2 a{padding:10px 3px;font-size:12.5px}}

/* Ergebnis-Vorschau vor dem Bezahlen */
.erg{display:flex;flex-direction:column;gap:10px}
.erg-t{font-size:22px;line-height:1.25;margin:2px 0 4px}
.erg-k{border:1px solid var(--c200);border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,#fff,var(--c50))}
.erg-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.erg-kopf span{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#334155}
.erg-kopf b{font:700 26px/1.1 'Outfit',sans-serif;font-variant-numeric:tabular-nums}
.erg-kopf b small{font:600 12px 'Plus Jakarta Sans',sans-serif;color:var(--g500)}
.erg-k ul{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.55}
.erg-k li{margin:3px 0}
.erg-drin{display:flex;gap:6px;align-items:flex-start;margin-top:10px;padding-top:10px;border-top:1px dashed var(--c300);font-size:12px;color:var(--a600)}
.erg-drin svg{flex-shrink:0;margin-top:3px}

/* Variante Viumu Start (2026-11-12) */
.opts.p1{grid-template-columns:1fr}
.opt-gross{padding:14px 16px}
.opt-gross[aria-checked=true]{padding:13px 15px}
.opt-gross .n{font-size:15px}
.opt-gross .k,.opt-gross .k b{display:block;font-size:12.5px;line-height:1.5;color:var(--g600)}
.opt-gross .k b{display:inline;color:var(--d800)}
.opt-gross .pr{font-size:15px;font-weight:900;color:var(--d800);margin-top:6px}
.opt-gross .plaetze{display:inline-block;align-self:flex-start;margin-top:6px;font-size:11px;font-weight:700;color:var(--a500);background:rgba(245,226,191,.5);border-radius:999px;padding:2px 9px}
@media(max-width:639px){.opt-gross .k{display:block}.opt-gross{padding:12px 14px}.opt-gross[aria-checked=true]{padding:11px 13px}}
.einzel{order:2;margin:0}
.einzel summary{font-size:13px}
@media(min-width:640px){.einzel{order:0}}
details.auf.einzel summary{padding:10px 14px;min-height:40px;font-size:13px}
details.auf.einzel .in2{padding:0 14px 14px}
/* Hero-Foto im Hochformat, weniger Zuschnitt (Wunsch Jerome 2026-11-12) */
.hero-img.hoch{height:auto;aspect-ratio:1/1;max-width:480px}
.hero-img.hoch img{object-position:50% 20%}
@media(min-width:640px){.hero-img.hoch{height:auto;aspect-ratio:5/6}}
@media(min-width:1024px){.hero-img.hoch{aspect-ratio:5/6;max-width:480px;justify-self:end;width:100%}}
/* Privatstudio-Bilder (echte Fotos 2026-11-12) */
.studio{margin-top:40px}
.studio .h3s{font-size:22px;font-weight:800}
.sg{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}
.sg figure{margin:0;border-radius:16px;overflow:hidden;background:#e9e4da}
.sg img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.sg .gross{grid-column:1/-1}
.sg .gross img{aspect-ratio:4/3}
@media(min-width:1024px){.sg{grid-template-columns:2fr 1fr 1fr}.sg .gross{grid-column:auto}.sg img,.sg .gross img{aspect-ratio:auto;height:340px}}
/* Abschnitt Privatstudio (2026-11-12, nach Rückmeldung Jerome) */
.st-kopf{display:grid;gap:12px;margin-bottom:20px}
@media(min-width:1024px){.st-kopf{grid-template-columns:5fr 7fr;align-items:end;gap:40px}}
.sg2{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.sg2 a{display:block;border-radius:18px;overflow:hidden;background:#e9e4da}
.sg2 img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .5s}
.sg2 a:hover img{transform:scale(1.03)}
.sg2 .t1{grid-column:1/-1}
.sg2 img{aspect-ratio:3/4;object-position:50% 40%}.sg2 .t1 img{aspect-ratio:4/3;object-position:50% 50%}
@media(min-width:1024px){.sg2{grid-template-columns:repeat(3,1fr)}.sg2 .t1{grid-column:auto}.sg2 img,.sg2 .t1 img{aspect-ratio:3/4;height:auto;object-position:50% 50%}}
.meth figure img{object-position:50% 30%}
.karte .bild .symbol{position:absolute;right:10px;bottom:10px;font-size:10px;font-weight:600;color:#fff;background:rgba(11,15,23,.55);border-radius:999px;padding:2px 8px}
/* Logo v5 (Bild) */
.logo img{display:block;height:40px;width:auto}
@media(min-width:640px){.logo img{height:46px}}
.ft .logo img{height:52px}
.sub-h .logo img{height:38px}

/* Ergänzungen 2026-11-12: Garantie, Gutschein, Plan-Anpassung, Wechseljahre */
.garantie{display:flex;gap:8px;align-items:flex-start;margin:12px 0 6px;padding:10px 12px;border-radius:12px;background:rgba(5,150,105,.07);font-size:12.5px;line-height:1.5;color:#334155;text-align:left}
.garantie svg{flex:none;color:#059669;margin-top:1px}
.gs-grid{display:grid;gap:24px;align-items:start}
@media(min-width:900px){.gs-grid{grid-template-columns:1fr 1.1fr;gap:48px}}
.gs-l{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:14px;color:#334155}
.gs-l li{display:flex;gap:8px;align-items:flex-start}.gs-l svg{flex:none;color:#059669;margin-top:4px}
.gs-w label{min-height:64px}.gs-w label span{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}
.gs-w label small{font-size:11px;font-weight:600;opacity:.75}
.zus{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--g300);border-radius:14px;padding:12px 14px;background:#fff;cursor:pointer;font-size:14px}
.zus input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--d800)}.zus small{display:block;color:var(--g600);font-size:12.5px;margin-top:2px}
.zus b.p{margin-left:auto;white-space:nowrap}
.gut{display:flex;gap:8px}.gut .in{flex:1;text-transform:uppercase;letter-spacing:.06em}
.gut button{border:1px solid var(--d800);background:#fff;color:var(--d800);border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer;min-height:44px}
.gut-ok{color:#065F46;font-size:13px;font-weight:700;margin-top:6px}.gut-err{color:#BE123C;font-size:13px;margin-top:6px}
.wj[hidden]{display:none}
.erg-extra{font-size:13px;color:#065F46;font-weight:700;margin-top:10px}
/* Coach / Expertise (2026-11-13) */
.coach-grid{display:grid;gap:28px;align-items:center}
@media(min-width:1024px){.coach-grid{grid-template-columns:5fr 7fr;gap:56px}}
.coach-bild{border-radius:28px;overflow:hidden;box-shadow:0 24px 48px -16px rgba(11,15,23,.25);max-width:460px;width:100%;margin:0 auto}
.coach-bild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
.coach-fakten{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
@media(min-width:640px){.coach-fakten{grid-template-columns:1fr 1fr}}
.coach-fakten li{background:#fff;border:1px solid #ece6da;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.coach-fakten b{font:800 17px/1.2 'Outfit',sans-serif;color:var(--d800)}
.coach-fakten span{font-size:14px;line-height:1.45;color:#475569}
/* Plan-Einblick + Fragebogen-Seitenleiste (2026-11-13) */
.gal-coach{display:flex;gap:12px;align-items:center;margin-top:16px;background:#fff;border:1px solid #ece6da;border-radius:16px;padding:12px 14px}
.gal-coach img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex-shrink:0}
.gal-coach p{font-size:14px;line-height:1.45;color:#475569;margin:0}.gal-coach b{color:var(--d800)}
.fb-coach{background:#fff;border:1px solid #ece6da;border-radius:20px;overflow:hidden}
.fb-coach img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.fb-coach div{padding:16px 18px}.fb-coach h4{font:800 18px/1.2 'Outfit',sans-serif;margin:0 0 6px;color:var(--d800)}
.fb-coach p{font-size:14px;line-height:1.5;color:#475569;margin:0}
/* 2026-11-13: Kopfzeile schwarz mit Original-Logo, Hero-Kicker, höhere Kartenbilder */
.hdr{background:rgba(7,9,14,.97);border-bottom:1px solid #1b2130}
.hdr .nav a,.hdr .nav2 a{color:#E2E8F0}.hdr .nav a:hover,.hdr .nav2 a:hover{color:#D4AF6A}
.hdr .nav a.cur,.hdr .nav2 a.cur{color:#fff}
.hdr .nav2{border-top-color:#1b2130}
.hdr .pill-dark{background:#D4AF6A;color:#0B0F17}.hdr .pill-dark:hover{background:#E3C489}
.hero-kick{margin-bottom:10px;color:#8A6420}
.karte .bild{height:300px}
@media(min-width:640px){.karte .bild{height:360px}}
/* 3D-Home-Gym (2026-11-13) */
.hg-3d{margin-top:22px;background:#0B0F17;border-radius:18px;padding:14px}
.hg-kopf{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;padding:4px 6px 12px}
.hg-kopf h3{font:800 20px/1.2 'Outfit',sans-serif;color:#fff;margin:0}.hg-kopf p{color:#CBD5E1;margin:0;max-width:640px}
.danke{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:16px;padding:18px 20px}.danke h4{font:800 18px/1.3 'Outfit',sans-serif;margin:0 0 8px;color:#065F46}.danke p{margin:6px 0;line-height:1.55}
/* 2026-11-13: Hero-Text kleiner, Foto grösser (Wunsch Jerome) */
.hero .h1{font-size:25px}
@media(min-width:768px){.hero .h1{font-size:32px}}
@media(min-width:1280px){.hero .h1{font-size:40px;line-height:1.15}}
.hero .h1 em{text-decoration-thickness:3px;text-underline-offset:5px}
.hero .hero-txt{font-size:15px;line-height:1.6;margin-top:12px}
@media(min-width:1280px){.hero .hero-txt{font-size:16px}}
.hero .hero-kick{margin-bottom:6px}
@media(min-width:1024px){.hero-grid{grid-template-columns:4fr 6fr}.hero-img.hoch{max-width:560px}}
/* Handy: Foto zuerst und gut sichtbar, Text kompakt (Wunsch Jerome 2026-11-13) */
@media(max-width:1023px){
 .hero{min-height:0;padding:14px 0 24px}
 .hero-grid{gap:14px}
 .hero-img.hoch{order:-1;aspect-ratio:4/5;max-width:420px;border-radius:24px}
 .hero-img.hoch img{object-position:50% 25%}
 .hero .h1{font-size:23px}
 .hero .hero-txt{font-size:14.5px;margin-top:8px}
 .hero .hero-kick{font-size:10px}
 .hero .scroll{display:none}
}
/* 3D auf dem Handy nicht einbetten (Scrollen blockiert, viel Speicher), sondern als eigene Seite öffnen */
.hg-mobil{display:none;position:relative;border-radius:12px;overflow:hidden;text-decoration:none}
.hg-mobil img{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 45%;filter:brightness(.6)}
.hg-mobil span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#D4AF6A;color:#0B0F17;font-weight:800;padding:12px 20px;border-radius:999px;white-space:nowrap}
@media(max-width:1023px),(pointer:coarse){.hg-mobil{display:block}.hg-frame{display:none!important}}