/* =========================================================================
     dr. fuxx – DESKTOP 2.0 · Hims-Homepage-ARCHITEKTUR nachgebaut (frame-für-frame)
     HWG: KEINE Rx-Namen/Preise/Claims/FDA-Siegel · eigene Themen + Platzhalter-Cut-outs
     ========================================================================= */
  :root{
    --bg:#FFFFFF; --cream:#F6F2EC; --cream-2:#FBF7F1; --sand:#ECE2D3;
    --ink:#1B1922; --muted:#6E6878; --quiet:#9A93A2;
    --violet:#7B42F6; --violet-2:#9D5BFF; --violet-ink:#5B2FD6; --violet-wash:#EFE7FF;
    --amber:#B5781F; --amber-2:#E8A23D; --amber-tint:#FBEFD6;
    --choco-1:#241B14; --choco-2:#3A2A1C; --pastell-1:#D7E2E4; --pastell-2:#EFE9DC; --peach-1:#E7CDB8; --peach-2:#D9B79C;
    --line:rgba(27,25,34,.10); --line-2:rgba(27,25,34,.055);
    --c1-bg:#EFE3D0; --c1-fg:#A9742A; --c2-bg:#E7E0F4; --c2-fg:#6B43C9;
    --c3-bg:#ECE2D7; --c3-fg:#946343; --c4-bg:#F1E2DC; --c4-fg:#B0655B;
    --c5-bg:#DFE3EC; --c5-fg:#566080; --c6-bg:#E0E9DD; --c6-fg:#5A7A55;
    --r:18px; --r-lg:26px; --r-xl:34px;
    --shadow-card:0 2px 4px rgba(27,25,34,.05),0 18px 44px -22px rgba(27,25,34,.30);
    --cutshadow:drop-shadow(0 34px 40px rgba(27,25,34,.22)) drop-shadow(0 10px 16px rgba(27,25,34,.12));
    --maxw:1240px; --font-display:'Hanken Grotesk',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  .container{max-width:var(--maxw);margin-inline:auto;padding-inline:40px;}
  .container--wide{max-width:1520px;margin-inline:auto;padding-inline:40px;}  /* breiter als der obere Bereich (wie Hims) */
  img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;}
  ::selection{background:var(--violet-2);color:#fff;}
  h1,h2,h3{font-family:var(--font-display);letter-spacing:-.022em;line-height:1.02;}
  .ac-v{color:var(--violet);} .ac-a{color:var(--amber-2);}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-display);font-weight:700;font-size:1.02rem;padding:.82em 1.7em;border-radius:999px;min-height:52px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;}
  .btn:active{transform:translateY(1px);}
  .btn-primary{background:var(--violet);color:#fff;box-shadow:0 12px 30px -12px rgba(123,66,246,.55);}
  .btn-primary:hover{background:var(--violet-ink);transform:translateY(-2px);}
  .btn-amber{background:var(--amber-2);color:#3a2a10;} .btn-amber:hover{background:#f0b056;transform:translateY(-2px);}
  .btn-light{background:#fff;color:var(--ink);} .btn-light:hover{transform:translateY(-2px);}
  .btn-glass{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px);}
  .btn-glass:hover{background:rgba(255,255,255,.26);}
  .btn-outline{border:1.5px solid var(--line);color:var(--ink);background:#fff;} .btn-outline:hover{border-color:var(--ink);}
  .btn-arrow{transition:transform .18s;} .btn:hover .btn-arrow{transform:translateX(3px);}
  .chev{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

  /* Cut-out-Objekte */
  .cut{filter:var(--cutshadow);} .obj{position:relative;display:block;}
  .obj--orb{border-radius:46% 54% 56% 44%/54% 46% 54% 46%;background:radial-gradient(circle at 33% 28%,#cdaaff,#8a55f7 46%,#5b2fd6);box-shadow:inset -14px -16px 36px rgba(45,12,95,.55),inset 10px 12px 26px rgba(255,255,255,.55);}
  .obj--cream{border-radius:48% 52% 46% 54%/52% 48% 52% 48%;background:radial-gradient(circle at 34% 28%,#fffdf9,#ead9bf 52%,#d8c4a4);box-shadow:inset -10px -12px 28px rgba(120,90,40,.30),inset 9px 10px 22px rgba(255,255,255,.7);}
  .obj--amber{border-radius:48% 52% 46% 54%/52% 48% 52% 48%;background:radial-gradient(circle at 34% 28%,#ffe9c2,#e8a23d 55%,#b5781f);box-shadow:inset -10px -12px 28px rgba(110,70,10,.45),inset 9px 10px 22px rgba(255,255,255,.6);}
  .obj--pill{border-radius:34px;transform:rotate(-14deg);background:linear-gradient(150deg,#9d5bff,#6b34e0);box-shadow:inset -8px -10px 20px rgba(45,12,95,.5),inset 7px 8px 18px rgba(255,255,255,.5);}
  .float{animation:float 7s ease-in-out infinite;} .float--b{animation-duration:9s;animation-delay:-2.5s;} .float--c{animation-duration:8s;animation-delay:-1s;}
  @keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(-2deg)}}
  .person svg{display:block;width:100%;height:100%;}

  /* PROMO + HEADER (minimal) */
  .promo{background:var(--violet-wash);}
  .promo__in{max-width:var(--maxw);margin-inline:auto;padding:11px 40px;display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-display);font-weight:600;font-size:.92rem;}
  .promo__in a{display:inline-flex;align-items:center;gap:6px;font-weight:700;background:#fff;padding:7px 15px;border-radius:999px;box-shadow:0 2px 8px rgba(27,25,34,.08);}
  .promo__in a .chev{width:16px;height:16px;}
  .nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid transparent;transition:border-color .25s;}
  .nav.is-stuck{border-bottom-color:var(--line);}
  .nav__in{max-width:var(--maxw);margin-inline:auto;padding:18px 40px;display:flex;align-items:center;}
  .nav__brand img{height:30px;}
  .nav__right{margin-left:auto;display:flex;align-items:center;gap:10px;}
  .nav__right .login{font-family:var(--font-display);font-weight:600;padding:11px 20px;border-radius:999px;border:1px solid var(--line);}
  .nav__right .login:hover{background:rgba(27,25,34,.04);}
  .burger{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);}
  .burger:hover{background:rgba(27,25,34,.04);} .burger svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;}
  .nav__icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .15s;}
  .nav__icon:hover{background:rgba(27,25,34,.05);}
  .nav__icon svg{width:21px;height:21px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

  /* HERO */
  .hero{padding:56px 0 18px;}
  .hero h1{font-size:clamp(3rem,5vw,4.6rem);font-weight:800;max-width:25ch;margin-bottom:34px;}
  .hero__tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .wtile{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:248px;padding:30px;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:background .4s ease,transform .25s ease,box-shadow .25s ease;}
  .wtile:hover{transform:translateY(-3px);box-shadow:0 24px 50px -22px rgba(27,25,34,.45);}
  .wtile:hover .wtile__lk .chev{transform:translateX(4px);}
  .wtile__lk .chev{transition:transform .2s ease;}
  /* Hover: warmer Licht-Spot hinter dem Motiv (wie Hims), Box-Grund dunkelt ab */
  .wtile::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease;}
  .wtile--dark::before{background:radial-gradient(56% 78% at 70% 52%, rgba(255,206,132,.34), rgba(255,206,132,0) 60%);}
  .wtile--warm::before{background:radial-gradient(56% 78% at 68% 48%, rgba(255,242,212,.55), rgba(255,242,212,0) 62%);}
  .wtile:hover::before{opacity:1;}
  .wtile__ey{font-family:var(--font-display);font-weight:800;font-size:1.7rem;line-height:1.1;max-width:14ch;position:relative;z-index:2;}
  .wtile__lk{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;position:relative;z-index:2;}
  .wtile--dark{background:radial-gradient(140% 125% at 82% 22%, #cda059 0%, #b08643 30%, #8a6733 62%, #6b5028 100%);color:#fff;}
  .wtile--dark:hover{background:radial-gradient(140% 125% at 82% 22%, #d8aa62 0%, #ba9049 30%, #946f37 62%, #75572b 100%);}
  .wtile--dark .wtile__ey .k{color:var(--amber-2);}
  .wtile__media{position:absolute;z-index:1;pointer-events:none;height:auto;filter:drop-shadow(-6px 16px 26px rgba(0,0,0,.42));}
  .wtile--dark .wtile__media{right:38px;top:50%;transform:translateY(-50%);width:132px;transition:opacity .4s ease,transform .5s ease;}
  .wtile--dark:hover .wtile__media--angled{opacity:0;transform:translateY(-50%) scale(.88);}
  .wtile--warm .wtile__media--doc{right:20px;bottom:0;width:196px;}
  /* Hover-Effekt Arzt-Box: Lupe ueber DNA im Hintergrund (aerztliche Untersuchung) */
  .docfx{position:absolute;left:56%;top:13%;width:48px;z-index:0;opacity:0;transform:scale(.82) rotate(-4deg);transform-origin:50% 40%;transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none;}
  .wtile--warm:hover .docfx{opacity:1;transform:scale(1) rotate(0);}
  .docfx__dna{position:relative;z-index:1;height:165px;width:auto;display:block;filter:drop-shadow(0 8px 20px rgba(91,47,214,.5));}
  .docfx__glow{position:absolute;left:50%;top:46%;width:140px;height:140px;transform:translate(-50%,-50%);z-index:0;background:radial-gradient(circle at 50% 50%, rgba(157,91,255,.48), rgba(157,91,255,0) 62%);pointer-events:none;}
  .docfx__lens{position:absolute;left:-8px;top:68px;width:64px;height:64px;border-radius:50%;overflow:hidden;z-index:3;box-shadow:0 0 0 2.2px rgba(255,255,255,.95),0 0 0 6px rgba(123,66,246,.45),0 10px 22px rgba(0,0,0,.45);}
  .docfx__zoom{position:absolute;height:281px;width:auto;left:-9px;top:-138px;filter:drop-shadow(0 2px 6px rgba(91,47,214,.4));}
  .docfx__glass{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 26%, rgba(255,255,255,.6), rgba(255,255,255,0) 44%),radial-gradient(circle at 72% 82%, rgba(74,30,160,.32), rgba(74,30,160,0) 60%);}
  /* Frontales App-Phone-Mockup (erscheint beim Hover, dreht sich gerade) */
  .phoneui{position:absolute;right:30px;top:-30px;width:176px;z-index:1;pointer-events:none;opacity:0;transform-origin:60% 60%;transform:perspective(1000px) rotateY(-26deg) rotateZ(3deg) scale(.94);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);}
  .wtile--dark:hover .phoneui{opacity:1;transform:perspective(1000px) rotateY(0) rotateZ(0) scale(1);}
  .phoneui__frame{border-radius:30px;padding:7px;background:linear-gradient(160deg,#33303b,#13111a);box-shadow:0 34px 60px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.14);}
  .phoneui__screen{position:relative;border-radius:24px;background:linear-gradient(180deg,#FCFAF6 0%,#F1E7D8 78%,#EADCC6 100%);overflow:hidden;padding:28px 13px 40px;}
  .phoneui__notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:52px;height:13px;border-radius:10px;background:#15131A;}
  .phoneui__hdr{text-align:center;font-family:var(--font-display);font-weight:800;font-size:.66rem;letter-spacing:.02em;color:var(--ink);opacity:.9;margin-bottom:9px;}
  .phoneui__title{font-family:var(--font-display);font-weight:800;font-size:1rem;line-height:1.08;color:var(--ink);margin-bottom:11px;}
  .phoneui__title .k{color:var(--violet);}
  .phoneui__item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(27,25,34,.07);border-radius:12px;padding:8px 9px;margin-bottom:7px;box-shadow:0 4px 12px -8px rgba(27,25,34,.3);}
  .phoneui__ic{flex:0 0 26px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(150deg,#9D5BFF,#7B42F6);box-shadow:0 4px 9px -3px rgba(123,66,246,.65);}
  .phoneui__ic svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .phoneui__item div{flex:1;min-width:0;}
  .phoneui__item b{display:block;font-family:var(--font-display);font-weight:700;font-size:.7rem;color:var(--ink);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .phoneui__item i{display:block;font-style:normal;font-size:.58rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .phoneui__chev{color:var(--quiet);font-size:.95rem;}
  .phoneui__btn{margin-top:9px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:.76rem;color:#fff;background:linear-gradient(90deg,#7B42F6,#9D5BFF);border-radius:999px;padding:9px;box-shadow:0 8px 18px -6px rgba(123,66,246,.7);}
  .wtile--warm{background:linear-gradient(115deg,#b79574 0%,#8a6b4e 100%);color:#fff;}
  .wtile--warm:hover{background:linear-gradient(120deg,#221a12 0%,#39291b 100%);}
  .wtile--warm .wtile__ey .k{color:#ffe1b0;}
  .wtile--warm .person{position:absolute;right:0;bottom:0;width:300px;height:300px;z-index:1;opacity:.96;}
  .wtile .ph{position:absolute;top:18px;right:18px;font-family:var(--font-body);font-weight:500;font-size:.74rem;color:#fff;background:rgba(0,0,0,.28);padding:4px 10px;border-radius:999px;z-index:3;}

  /* 4 KATEGORIE-TILES */
  .cat4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 0 8px;}
  .ctile{display:flex;align-items:center;gap:12px;background:var(--cream-2);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:18px 20px;min-height:92px;transition:transform .16s,box-shadow .16s,background .45s ease;}
  .ctile:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);background:linear-gradient(125deg,#c7d3ec 0%,#dcdac9 48%,#edd89f 100%);}
  .ctile__t{flex:1 1 auto;font-family:var(--font-display);font-weight:700;font-size:1.1rem;}
  .ctile__o{position:relative;width:92px;height:90px;flex:0 0 auto;}
  .ctile__prod{position:relative;z-index:1;width:100%;height:76px;object-fit:contain;object-position:50% 100%;display:block;transition:transform .25s cubic-bezier(.22,1,.36,1);}
  .ctile__o::after{content:"";position:absolute;z-index:0;left:50%;bottom:-2px;width:46px;height:10px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(44,29,13,.58), rgba(44,29,13,0) 70%);filter:blur(2.5px);transition:transform .25s ease,opacity .25s ease;}
  .ctile:hover .ctile__prod{transform:translateY(-4px) scale(1.04);}
  .ctile:hover .ctile__o::after{transform:translateX(-50%) scaleX(.88);opacity:.8;}
  .ctile .chev{color:var(--quiet);}
  .ctile .k1{color:var(--c1-fg);} .ctile .k2{color:var(--c2-fg);} .ctile .k3{color:var(--c4-fg);} .ctile .k4{color:var(--c6-fg);}

  /* CHAPTER (full-bleed Farbblöcke) */
  .chapter{border-radius:var(--r-xl);margin:34px 0;padding:72px 48px;position:relative;overflow:hidden;}
  .chapter--dark{
    background:
      radial-gradient(110% 95% at 78% 8%, rgba(255,221,170,.30), rgba(255,221,170,0) 52%),
      radial-gradient(95% 80% at 60% 40%, #5a4128 0%, #3A2A1C 48%, #201811 100%);
    color:#fff;text-align:center;position:relative;overflow:hidden;
  }
  .chapter__kick{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:var(--amber-2);}
  .chapter__h{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,4.4vw,3.6rem);margin:10px auto 8px;max-width:18ch;}
  .chapter__h .k{color:var(--amber-2);}
  .chapter__stage{height:500px;position:relative;perspective:1250px;display:grid;place-items:center;margin:26px 0 8px;}
  /* Einzelne Objekte, ueberlappend mit Tiefe. Jedes dreht EINZELN um die eigene Achse (rotateY),
     ohne Positions-Drift -> kein Verschieben. #pcluster = Gruppen-Cursor-Tilt, __par = Scroll-Parallax. */
  .pcluster{position:relative;width:560px;height:480px;will-change:transform;}
  .pcluster__par{position:absolute;inset:0;}
  .pobj{position:absolute;}  /* Cursor-Follow-Versatz wird per JS gesetzt (data-fly) */
  .pobj__spin{display:block;animation:spin3d 7.5s ease-in-out infinite;}  /* flach kompositiert -> keine 3D-Schnittkante */
  .pobj--pill  .pobj__spin{animation-duration:8.8s;animation-delay:-2.4s;}
  .pobj--drops .pobj__spin{animation-duration:9.4s;animation-delay:-3.8s;}
  .pobj--vial  .pobj__spin{animation-duration:8.2s;animation-delay:-1.3s;}
  /* Nur Rotation um die eigene Achse (kein translateY) -> kein Drift, Objekte bleiben auf ihrer Ebene */
  @keyframes spin3d{0%,100%{transform:perspective(800px) rotateY(-10deg) rotateX(3deg);}50%{transform:perspective(800px) rotateY(10deg) rotateX(-3deg);}}
  .pobj img{width:100%;height:auto;display:block;
    filter:drop-shadow(-5px 16px 21px rgba(14,8,3,.45)) drop-shadow(-2px 6px 9px rgba(0,0,0,.32));}
  .pobj--pen  {width:210px;left:120px;top:98px;z-index:3;}   /* weiter links & runter, kleinere Luecke zum Gras */
  .pobj--pen img{transform:rotate(-70deg);}                   /* lila Spitze auf 4 Uhr, Knopf rechts */
  .pobj--pill {width:150px;left:284px;top:42px;z-index:4;}   /* oben, weiter zur Mitte */
  .pobj--pill img{filter:drop-shadow(-4px 12px 15px rgba(14,8,3,.38));}
  .pobj--drops{width:192px;left:58px;top:220px;z-index:2;}   /* links unten, weiter nach rechts */
  .pobj--vial {width:208px;left:312px;top:168px;z-index:1;}  /* rechts unten (Vial + Spritze) */
  .chapter__sub{color:rgba(255,255,255,.8);font-size:1.2rem;max-width:34ch;margin:0 auto 26px;}
  .chapter__sub--lead{color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,2.3vw,1.95rem);line-height:1.18;letter-spacing:-.012em;max-width:30ch;margin-bottom:30px;}
  .chapter__sub--lead .k{color:var(--amber-2);}

  /* BEHANDLUNGSBEREICHE-LINEUP – IM dunklen Block (wie Hims), breitere warme Karten */
  .lineup{margin-top:42px;text-align:left;}
  .lineup__label{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:18px;}
  .lineup__label .k{color:var(--amber-2);}
  .railwrap{position:relative;}
  .rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:18px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab;}
  .rail::-webkit-scrollbar{display:none;}
  .rail.grabbing{cursor:grabbing;user-select:none;scroll-snap-type:none;}
  .rail > .rcard{scroll-snap-align:start;}
  /* Liquid-Glass Swipe-Buttons */
  .railbtn{position:absolute;top:calc(50% - 5px);transform:translateY(-50%);z-index:6;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
    border:1px solid rgba(255,255,255,.4);
    background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.08));
    -webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);
    box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1.5px 1px rgba(255,255,255,.65),inset 0 -3px 8px rgba(255,255,255,.12);
    transition:background .25s ease,transform .25s cubic-bezier(.22,1,.36,1),opacity .3s ease;}
  .railbtn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 30% 18%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);pointer-events:none;}
  .railbtn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));}
  .railbtn:hover{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.16));transform:translateY(-50%) scale(1.07);}
  .railbtn:active{transform:translateY(-50%) scale(.96);}
  .railbtn--prev{left:-18px;}
  .railbtn--next{right:-18px;}
  .railbtn[hidden]{opacity:0;pointer-events:none;}
  .rcard{position:relative;overflow:hidden;background:linear-gradient(162deg,#d4b78f,#bf9a72);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:24px;min-height:248px;display:flex;flex-direction:column;color:#2e2014;transition:transform .16s,box-shadow .16s;}
  .rcard__person{position:absolute;right:-14px;bottom:0;height:182px;width:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(40,26,10,.42));}
  .rcard__person--bust{height:208px;right:-4px;}
  .rcard--person .rcard__badge,.rcard--person .rcard__n,.rcard--person .rcard__s,.rcard--person .rcard__lk{position:relative;z-index:1;}
  .rcard--person .rcard__n{font-size:1.2rem;}
  .rcard--person .rcard__n,.rcard--person .rcard__s{max-width:56%;}
  .rcard:hover{transform:translateY(-3px);box-shadow:0 20px 44px -20px rgba(0,0,0,.55);}
  .rcard__badge{align-self:flex-start;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.04em;color:#3a2a14;background:rgba(255,255,255,.55);padding:4px 11px;border-radius:999px;}
  .rcard__o{width:100px;height:100px;margin:16px auto;}
  .rcard__n{font-family:var(--font-display);font-weight:800;font-size:1.35rem;}
  .rcard__s{color:rgba(46,32,20,.72);font-size:.95rem;margin-top:4px;}
  .rcard__lk{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;color:var(--violet-ink);padding-top:14px;}

  /* DUO – dunkle Zwei-Spalten-Sektion (wie Hims "SNAC") */
  .duo__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px;}  /* sitzt IM dunklen Block (durchgehend) */
  .duo__panel{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:36px;position:relative;overflow:hidden;min-height:460px;display:flex;flex-direction:column;color:#fff;text-align:left;}
  .duo__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
  .duo__kick{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--violet-2);}
  .duo__h{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1.06;max-width:13ch;margin-top:8px;}
  .duo__h .k{color:var(--violet-2);}
  .duo__diagram{position:relative;flex:1;margin-top:14px;min-height:320px;}
  .duo__diagram svg.leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;}
  .duo__obj{position:absolute;left:54%;bottom:6px;transform:translateX(-50%);width:148px;height:148px;}
  .duo__fig{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);height:300px;width:auto;display:block;z-index:1;}
  .duo__diagram .lead{z-index:3;}
  .lead{position:absolute;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:rgba(255,255,255,.9);max-width:17ch;}
  .lead b{font-family:var(--font-display);font-weight:700;display:block;color:#fff;}
  /* rechtes Panel */
  .duo__panel--b{text-align:center;align-items:center;}
  .duo__h2{font-family:var(--font-display);font-weight:800;font-size:2.3rem;line-height:1.04;max-width:13ch;margin:6px auto 0;}
  .duo__h2 .k{color:var(--amber-2);}
  .duo__prod{display:block;width:160px;margin:22px auto 6px;filter:drop-shadow(-4px 16px 22px rgba(0,0,0,.5));}
  .duo__prod img{width:100%;display:block;}
  .gauge{position:relative;width:230px;height:64px;margin:6px auto 20px;}
  .gauge i{position:absolute;bottom:0;width:2px;height:14px;background:rgba(255,255,255,.3);transform-origin:bottom center;}
  .gauge i.on{background:var(--amber-2);height:20px;}
  .gauge__lab{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-family:var(--font-display);font-weight:800;font-size:1rem;color:#fff;}
  .duo__panel--b .btn{margin-top:auto;}
  .duo__badge{align-self:center;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.04em;color:#3a2a14;background:var(--amber-2);padding:5px 13px;border-radius:999px;}

  /* 3 Prozess-Schritte im linken Panel */
  /* Premium-Stepper: violette Nummern-Badges mit Glow + verbindende Linie */
  .m2steps{list-style:none;margin-top:26px;display:flex;flex-direction:column;}
  .m2steps li{display:flex;gap:20px;align-items:flex-start;padding-bottom:26px;position:relative;}
  .m2steps li:last-child{padding-bottom:0;}
  .m2steps li:not(:last-child)::before{content:"";position:absolute;left:23px;top:50px;bottom:0;width:2px;background:linear-gradient(var(--violet-2),rgba(123,66,246,.12));}
  .m2steps__no{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.02rem;color:#fff;background:linear-gradient(150deg,#9D5BFF,#7B42F6);box-shadow:0 8px 20px -6px rgba(123,66,246,.75),inset 0 1px 0 rgba(255,255,255,.3);position:relative;z-index:1;}
  .m2steps__tx{padding-top:6px;}
  .m2steps__tx b{font-family:var(--font-display);font-weight:700;font-size:1.22rem;display:block;color:#fff;}
  .m2steps__tx p{color:rgba(255,255,255,.66);font-size:.96rem;margin-top:5px;line-height:1.5;}
  .m2steps__note{font-size:.78rem;color:rgba(255,255,255,.4);margin-top:auto;padding-top:24px;}
  /* Heller Radial-Glow in der Prozess-Box -> gleiche warme Farbe wie der Glow der grossen Box */
  .duo__panel--steps{background:
      radial-gradient(100% 92% at 100% 0%, rgba(255,221,170,.30), rgba(255,221,170,0) 58%),
      rgba(255,255,255,.05);}
  /* Rechtes Panel: Scroll-gescrubbtes Video */
  .duo__panel--v{padding:0;overflow:hidden;}
  .scrubcv{position:absolute;inset:0;width:100%;height:100%;display:block;background:#15131F;}
  .scrubcv__cap{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.6);}
  /* Editorial-Beats + Prozess-Timeline ueber dem Scrub (wie Konzept 1) */
  .m2beats{position:absolute;inset:0;z-index:3;pointer-events:none;}
  .m2beat{position:absolute;left:30px;right:30px;top:30px;opacity:0;transition:opacity .5s ease;}
  .m2beat.on{opacity:1;}
  .m2lab{display:block;margin-bottom:10px;font-family:var(--font-display);font-weight:700;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#9D5BFF;}
  .m2beat h4{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.04;margin:0;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.65);max-width:13ch;}
  .m2sub{display:block;margin-top:12px;font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.82);max-width:26ch;}
  .m2tl{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:52px 30px 22px;pointer-events:none;background:linear-gradient(to top,rgba(12,10,18,.92),rgba(12,10,18,.5) 50%,transparent);}
  .m2tl-track{position:relative;height:2px;background:rgba(255,255,255,.16);margin-bottom:14px;}
  .m2tl-fill{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#7B42F6,#9D5BFF);box-shadow:0 0 12px rgba(157,91,255,.6);}
  .m2tl-steps{display:flex;justify-content:space-between;}
  .m2tl-step{display:flex;flex-direction:column;gap:3px;opacity:.4;transition:opacity .35s;}
  .m2tl-step:nth-child(2){align-items:center;text-align:center;}
  .m2tl-step:nth-child(3){align-items:flex-end;text-align:right;}
  .m2tl-step b{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;color:#9D5BFF;font-weight:800;}
  .m2tl-step span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);}
  .m2tl-step.on{opacity:1;}
  /* Brand-Abschluss: weisses Logo blendet am Ende smooth ein */
  .m2brandveil{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(62% 60% at 50% 44%, rgba(21,19,31,.5), rgba(9,7,13,.94));}
  .m2brand{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(56%,250px);z-index:6;opacity:0;pointer-events:none;filter:drop-shadow(0 10px 34px rgba(0,0,0,.55));}
  /* Helle Duo-Variante (getauschtes Modul unter dem Block) */
  .duo--light{background:linear-gradient(180deg,#bb8b75 0%,#c89a82 28%,#d1a68b 56%,#d8af96 80%,#ddb59b 100%);border-radius:var(--r-xl);padding:92px;}
  .duo--light .duo__grid{margin-top:0;gap:30px;}
  .duo--light .duo__panel{background:linear-gradient(160deg,#c18e72,#b9866b);border:1px solid rgba(255,255,255,.16);color:#fff;}
  .duo--light .duo__kick{color:rgba(255,255,255,.82);}
  .duo--light .duo__h,.duo--light .duo__h2{color:#fff;}
  .duo--light .duo__h .k,.duo--light .duo__h2 .k{color:#fbe7d4;}
  .duo--light .lead{color:rgba(255,255,255,.82);}
  .duo--light .lead b{color:#fff;}
  .duo--light .leaders polyline{stroke:rgba(255,255,255,.55);}
  .duo--light .leaders circle{fill:#fff;}
  .duo--light .btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff;}
  .duo--light .btn-outline:hover{background:rgba(255,255,255,.16);border-color:#fff;}
  .duo--light .gauge i{background:rgba(255,255,255,.28);}
  .duo--light .gauge i.on{background:#fff;}
  .duo--light .gauge__lab{color:#fff;}
  .duo--light .duo__badge{color:#fff;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);}
  /* Scan-Figur (durchscheinende 3D-Figur + Glow-Ring + Glas-Chip) */
  .scanfig{position:relative;width:100%;max-width:330px;aspect-ratio:1/1;margin:4px auto 14px;}
  .scanfig__beam{position:absolute;left:50%;top:54%;width:50%;height:100%;transform:translateX(-50%);z-index:0;pointer-events:none;background:radial-gradient(40% 60% at 50% 46%,rgba(255,246,232,.5),rgba(255,240,222,.28) 44%,rgba(255,236,214,0) 74%);filter:blur(16px);}
  .scanfig__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;}
  .scanfig__ring--back{z-index:0;}
  .scanfig__ring--front{z-index:3;}
  .scanfig__ring{position:absolute;left:50%;top:56%;width:96%;height:64px;transform:translate(-50%,-50%);overflow:visible;z-index:2;pointer-events:none;}
  .scanfig__ring .ring-glow{filter:blur(1.5px) drop-shadow(0 0 6px rgba(255,255,255,.95)) drop-shadow(0 0 14px rgba(255,246,230,.7)) drop-shadow(0 0 26px rgba(255,236,216,.45));}
  .scanfig__ring .ring-line{filter:drop-shadow(0 0 6px rgba(255,255,255,.9));}
  .scanfig__chip{position:absolute;left:38%;top:40%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
    background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
    border:1px solid rgba(255,255,255,.9);border-radius:13px;padding:9px 14px 9px 11px;
    font-family:var(--font-display);font-weight:700;font-size:.94rem;color:#2a2230;
    box-shadow:0 12px 30px -8px rgba(60,40,80,.34),0 2px 6px rgba(60,40,80,.14);}
  .scanfig__chk{flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:#27c06a;display:grid;place-items:center;box-shadow:0 2px 6px rgba(39,192,106,.5);}
  .scanfig__chk svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
  /* "Komplett online"-Box im Hims-Terrakotta-Look */
  .duo--light .duo__panel--b{background:linear-gradient(160deg,#c18e72,#b9866b);overflow:hidden;}
  .duo--light .duo__panel--b .duo__h2{color:#fff;}
  .duo--light .duo__panel--b .duo__h2 .k{color:#fbe7d4;}
  .duo--light .duo__panel--b .duo__badge{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
  .duo--light .duo__panel--b .btn-amber{background:rgba(58,40,30,.5);color:#fff;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px -10px rgba(0,0,0,.5);}
  .duo--light .duo__panel--b .btn-amber:hover{background:rgba(58,40,30,.7);transform:translateY(-2px);}
  .duo--light .duo__panel--b .btn-amber .btn-arrow{stroke:#fff;}
  /* Rezept-Render im Figur-Stil (durchscheinend + warmer Glow) */
  .scanfig--rx{max-width:300px;aspect-ratio:3/2;margin:12px auto 6px;}
  .scanfig--rx .scanfig__img{filter:drop-shadow(0 20px 32px rgba(40,26,10,.45));}
  /* Zeit-Skala (Tacho) – analog zum mg-Regler, hier 3 Min */
  .timedial{position:relative;width:100%;max-width:360px;margin:14px auto 14px;}
  .timedial svg{width:100%;height:auto;display:block;overflow:visible;}
  .timedial .td-tick{stroke-width:2;stroke-linecap:round;}
  .timedial .td-needle{stroke:#fff;stroke-width:2.6;stroke-linecap:round;}
  .timedial .td-dot{fill:#fff;}
  .timedial__lab{position:absolute;left:50%;top:0;transform:translateX(-50%);text-align:center;line-height:1.04;
    font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:#fff;z-index:2;}
  .timedial__lab small{display:block;font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.86);margin-top:4px;}
  .duo--light .duo__panel--b .duo__note{display:block;margin-top:12px;font-style:italic;font-size:.82rem;color:rgba(255,255,255,.72);}
  /* FAQ – volle Breite unter den beiden Panels (eigene Box wie die zwei oben) */
  .faq{margin-top:24px;background:linear-gradient(160deg,#c18e72,#b9866b);border:1px solid rgba(255,255,255,.16);
    border-radius:var(--r-lg);padding:clamp(40px,5vw,64px) clamp(24px,4vw,56px);}
  .faq__head{text-align:center;margin-bottom:26px;}
  .faq__head h2{font-family:var(--font-display);font-weight:800;line-height:1.04;font-size:clamp(1.7rem,2.6vw,2.5rem);color:#fff;}
  .faq__head h2 .k{display:block;color:#fbe7d4;}
  .faq__list{display:flex;flex-direction:column;gap:14px;max-width:940px;margin:0 auto;}
  .faq__item{position:relative;border-radius:18px;overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.40));
    border:1px solid rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
    box-shadow:0 10px 30px -20px rgba(40,26,12,.45),inset 0 1px 0 rgba(255,255,255,.7);
    transition:background .3s ease,border-color .3s ease;}
  .faq__item.open{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.52));border-color:rgba(255,255,255,.75);}
  .faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 24px;
    cursor:pointer;background:none;text-align:left;font-family:var(--font-display);font-weight:700;font-size:1.08rem;color:#2e2318;}
  .faq__ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
    background:rgba(255,255,255,.5);border:1px solid rgba(120,90,40,.2);
    transition:transform .3s ease,background .3s ease,border-color .3s ease;}
  .faq__ic svg{width:18px;height:18px;stroke:#8a6b4e;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease;}
  .faq__item.open .faq__ic{transform:rotate(180deg);background:rgba(122,92,62,.9);border-color:rgba(122,92,62,.9);}
  .faq__item.open .faq__ic svg{stroke:#fff;}
  .faq__a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
  .faq__a p{margin:0;padding:0 24px 22px;color:#6a5848;line-height:1.6;font-size:1rem;}
  .faq__item.open .faq__a{max-height:360px;}

  /* HOW IT WORKS (annotiert) */
  .how{background:var(--sand);border-radius:var(--r-xl);margin:34px 0;padding:60px 48px;}
  .how h2{font-family:var(--font-display);font-weight:800;font-size:2.4rem;margin-bottom:36px;max-width:18ch;}
  .how h2 .k{color:var(--violet);}
  .how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .hstep{background:#fff;border-radius:var(--r-lg);padding:28px;position:relative;}
  .hstep__no{width:46px;height:46px;border-radius:14px;background:var(--violet-wash);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--violet);margin-bottom:16px;}
  .hstep h3{font-family:var(--font-display);font-weight:700;font-size:1.25rem;}
  .hstep p{color:var(--muted);margin-top:6px;}

  /* CHAPTER hell (Pastell) + peach */
  .chapter--soft{background:linear-gradient(180deg,#c5d2dd 0%,#ccd2ce 22%,#d3d2bd 42%,#ddd8b2 62%,#e8dfa7 82%,#ece1a0 100%);color:var(--ink);text-align:center;}
  .chapter--soft .chapter__kick{color:var(--violet-ink);}
  .chapter--soft .chapter__h .k{color:var(--violet);}
  .chapter--soft .chapter__sub{color:var(--muted);}
  .ctapair{display:flex;gap:14px;justify-content:center;margin-top:8px;}
  .subcards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;text-align:left;}
  .subcard{background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.8);border-radius:var(--r-lg);padding:28px;min-height:200px;position:relative;overflow:hidden;}
  .subcard h3{font-family:var(--font-display);font-weight:700;font-size:1.4rem;}
  .subcard h3 .s{color:var(--muted);font-weight:600;}
  .subcard .obj,.subcard .person{position:absolute;right:18px;bottom:-10px;width:120px;height:120px;}
  /* === Behandlungsbereiche als swipebares Modul (gleiche Struktur + Farben) === */
  .rail--full{grid-auto-columns:100%;scroll-snap-type:x mandatory;gap:0;}
  .mslide{scroll-snap-align:center;padding:0 6px;display:flex;flex-direction:column;justify-content:center;}
  .rail--full{align-items:start;}
  .railwrap--area{position:relative;}
  .railwrap--area .railbtn{color:#2e2318;border:1px solid rgba(27,25,34,.12);
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.58));
    box-shadow:0 12px 28px -12px rgba(27,25,34,.4),inset 0 1.5px 1px rgba(255,255,255,.95);}
  .railwrap--area .railbtn:hover{background:linear-gradient(145deg,#fff,rgba(255,255,255,.78));}
  .railwrap--area .railbtn svg{filter:none;}
  .mslide .subcard{display:flex;flex-direction:column;align-items:flex-start;min-height:400px;padding:32px 32px 30px;}
  .subcard__t{font-family:var(--font-display);font-weight:700;font-size:1.18rem;color:var(--ink);max-width:58%;line-height:1.28;margin:0;text-wrap:balance;}
  .mslide .chapter__sub{max-width:44rem;text-wrap:balance;}
  .mslide .chapter__h,.edbig__t{text-wrap:balance;}
  .edcards .subcard .subcard__t{font-size:1rem;max-width:70%;}
  .edcards .subcard .subcard__prod{width:20%;}
  .edcards .subcard .subcard__person{max-width:34%;}
  .mhero{width:100%;margin:8px auto 0;display:flex;justify-content:center;position:relative;z-index:1;}
  .mhero img{max-width:100%;max-height:400px;width:auto;height:auto;display:block;filter:drop-shadow(0 26px 40px rgba(27,25,34,.34));}
  .mhero--photo img{height:210px;max-height:210px;width:auto;border-radius:20px;filter:none;box-shadow:0 22px 38px -22px rgba(27,25,34,.55);}
  /* Hims-Stil: CTA hängt im Hero, Hero blutet zwischen die Karten, warme Creme-Boxen auf Sky-Gradient */
  .mslide .ctapair{position:relative;z-index:3;margin-top:-92px;margin-bottom:0;}
  .mslide .subcards{position:relative;z-index:2;margin:8px auto 0;max-width:960px;background:transparent;}
  .mslide .subcards .subcard{background:linear-gradient(180deg,#f7f0dc,#f3e8cb);border:1px solid rgba(150,120,60,.12);box-shadow:0 2px 6px rgba(60,48,20,.05),0 16px 36px -26px rgba(70,58,28,.22);}
  /* CTAs im Hims-Stil: links solides Weiss, rechts Liquid-Glass (dunkles Glas) */
  .mslide .ctapair .btn{min-height:46px;font-size:.95rem;padding:.7em 1.5em;box-shadow:none;border:0;}
  /* oberer Button = Liquid Glass, unterer = Weiss */
  .mslide .ctapair .btn:first-child{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.55);
    backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);
    box-shadow:0 14px 30px -14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.6);}
  .mslide .ctapair .btn:first-child:hover{background:rgba(255,255,255,.26);transform:translateY(-2px);}
  .mslide .ctapair .btn:last-child{background:#fff;color:var(--ink);border:0;box-shadow:0 14px 30px -14px rgba(27,25,34,.5);}
  .mslide .ctapair .btn:last-child:hover{background:#fff;transform:translateY(-2px);}
  /* Karten-Buttons dunkel wie Hims */
  .mslide .subcard__cta{background:var(--ink);color:#fff;}
  .mslide .subcard__cta:hover{background:#000;}
  .subcard__person{position:absolute;right:8px;bottom:0;height:86%;width:auto;max-width:53%;object-fit:contain;object-position:bottom right;pointer-events:none;}
  .subcard__prod{position:absolute;right:18px;bottom:18px;width:44%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(27,25,34,.32));pointer-events:none;}
  .subcard__prod--pen{width:auto;height:82%;right:26px;bottom:8px;filter:drop-shadow(0 20px 28px rgba(27,25,34,.28));}
  /* ED-Slide: 1 grosse Bild-Karte links + 2 Karten rechts */
  .edcards{display:grid;grid-template-columns:1.04fr 1fr;grid-template-rows:auto auto;gap:18px;width:100%;margin-top:26px;text-align:left;}
  .edcards .subcard{min-height:0;}
  .edbig{grid-row:1 / span 2;position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;}
  .edbig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
  .edbig::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,30,.05),rgba(20,16,30,.66));}
  .edbig__t{position:relative;z-index:2;font-family:var(--font-display);font-weight:800;font-size:1.24rem;line-height:1.25;max-width:84%;}
  .edbig .subcard__cta{position:relative;z-index:2;margin-top:14px;background:rgba(255,255,255,.9);color:var(--violet-ink);}
  .edbig .subcard__cta:hover{background:#fff;}
  @media (max-width:980px){ .edcards{grid-template-columns:1fr;grid-template-rows:none;} .edbig{grid-row:auto;} }
  .subcard__cta{margin-top:auto;display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:700;font-size:.86rem;
    padding:.6em 1.15em;border-radius:999px;background:var(--violet);color:#fff;transition:background .18s,transform .18s;}
  .subcard__cta:hover{background:var(--violet-ink);transform:translateY(-2px);}
  .subcard__media{position:absolute;right:0;top:0;bottom:0;width:50%;overflow:hidden;}
  .mslide .subcard:has(.subcard__media) .subcard__t,
  .mslide .subcard:has(.subcard__person) .subcard__t{max-width:44%;}
  .subcard__media img{width:100%;height:100%;object-fit:cover;}
  .subcard__media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f7f0dc 0%,rgba(247,240,220,0) 58%);}
  .chapter--peach{background:linear-gradient(160deg,var(--peach-1),var(--peach-2));color:#3a271a;text-align:center;}
  .chapter--peach .chapter__kick{color:#7a4a2a;} .chapter--peach .chapter__h{color:#2c1c10;} .chapter--peach .chapter__sub{color:#5a4230;}
  /* Perspektiv-Karten-Array */
  .persp{height:300px;position:relative;perspective:1200px;margin:10px 0 26px;display:grid;place-items:center;}
  .persp__row{display:flex;gap:16px;transform:rotateX(8deg) rotateY(-12deg);transform-style:preserve-3d;}
  .dcard{width:150px;height:190px;background:rgba(58,39,26,.22);border:1px solid rgba(255,255,255,.35);border-radius:16px;backdrop-filter:blur(4px);padding:14px;color:#fff;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);}
  .dcard b{font-family:var(--font-display);font-size:1.5rem;font-weight:800;display:block;}
  .dcard small{font-size:.7rem;opacity:.85;}
  .dcard .ring{width:50px;height:50px;border-radius:50%;border:5px solid rgba(255,255,255,.4);border-top-color:#7ee0a0;border-right-color:#f0b056;margin:10px 0;}
  .persp__person{position:absolute;width:150px;height:200px;z-index:3;}

  /* ÄRZTE */
  .docs__head{text-align:center;margin-bottom:34px;}
  .docs__head .k{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:var(--quiet);}
  .docs__head h2{font-family:var(--font-display);font-weight:800;font-size:2.6rem;margin-top:8px;}
  .docs__head h2 .a{color:var(--amber);}
  .docs__head p{color:var(--muted);font-size:1.1rem;margin-top:10px;}
  .docs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .doc__card{background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;}
  .doc__photo{position:relative;aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(170deg,#EBDFD0,#DCC9B0);}
  .doc__person{width:78%;height:86%;}
  .doc__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;}
  .doc__meta{padding:18px 22px 0;}
  .doc__role{font-family:var(--font-display);font-weight:700;font-size:.92rem;line-height:1.2;}
  .doc__spec{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-size:.78rem;font-weight:600;color:var(--ink);}
  .doc__spec::before{content:"";width:3px;height:13px;border-radius:2px;background:var(--c2-fg);}
  .doc__name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;margin:12px 22px 4px;}
  .doc__bio{font-size:.82rem;color:var(--muted);line-height:1.45;margin:0 22px 20px;text-wrap:pretty;}

  /* REASSURANCE */
  .reassure{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:30px;margin-top:34px;}
  .rea{display:flex;align-items:center;gap:12px;justify-content:center;}
  .rea svg{width:26px;height:26px;stroke:var(--violet);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .rea span{font-family:var(--font-display);font-weight:600;}

  /* GUIDE CAPTURE */
  .guide{border-radius:var(--r-xl);margin:34px 0;overflow:hidden;display:grid;grid-template-columns:0.82fr 1.18fr;position:relative;background:linear-gradient(40deg,#3c2b18 0%,#573e25 28%,#785536 50%,#946a44 72%,#a77b53 100%);color:#fff;}
  .guide__l,.guide__r{position:relative;z-index:1;}
  .guide__l{padding:56px 48px;}
  .guide__l h2{font-family:var(--font-display);font-weight:800;font-size:2.2rem;max-width:14ch;}
  .guide__l p{color:rgba(255,255,255,.78);margin:12px 0 22px;max-width:34ch;}
  .guide__form{display:flex;gap:10px;max-width:420px;}
  .guide__form input{flex:1;border:none;border-radius:999px;padding:14px 20px;font:inherit;}
  .guide__r{position:relative;background:transparent;min-height:320px;overflow:hidden;}
  .guide__r .person{position:absolute;right:6%;bottom:0;width:80%;height:92%;}
  .guide__img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;
    -webkit-mask-image:linear-gradient(99deg,transparent 0,#000 34%);mask-image:linear-gradient(99deg,transparent 0,#000 34%);}

  /* FOOTER */
  footer{background:#15131A;color:rgba(255,255,255,.66);padding:54px 0 22px;overflow:hidden;}
  .foot__brand{font-family:var(--font-display);font-weight:800;font-size:clamp(150px,27vw,380px);line-height:1;letter-spacing:-.03em;text-align:center;white-space:nowrap;color:rgba(255,255,255,.05);user-select:none;margin:30px 0 -0.16em;}
  .foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px;}
  .foot__app{background:#22202B;border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden;}
  .foot__phone{position:relative;margin:14px -22px -22px;display:flex;justify-content:center;align-items:flex-end;}
  .foot__phone::before{content:"";position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:135%;height:74%;z-index:0;pointer-events:none;
    background:radial-gradient(46% 42% at 50% 58%,rgba(157,91,255,.6),rgba(123,66,246,.26) 46%,rgba(123,66,246,0) 73%);}
  .foot__phone img{position:relative;z-index:1;width:100%;max-width:158px;max-height:210px;height:auto;display:block;filter:drop-shadow(0 26px 42px rgba(0,0,0,.55));}
  .foot__app h4{font-family:var(--font-display);font-weight:800;color:#fff;font-size:1.3rem;line-height:1.1;margin-bottom:14px;}
  .foot__qr{display:flex;align-items:center;gap:12px;}
  .qrbox{width:64px;height:64px;border-radius:10px;background:#fff;display:grid;place-items:center;}
  .qrbox svg{width:52px;height:52px;}
  .foot__col h5{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:14px;}
  .foot__col a{display:block;padding:6px 0;color:rgba(255,255,255,.62);font-size:.95rem;}
  .foot__col a:hover{color:#fff;}
  .foot__legal{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:24px;font-size:.82rem;color:rgba(255,255,255,.45);max-width:96ch;}

  /* === ZAHLUNG & VERSAND – Trust-Badges (Platzhalter; durch echte Logos ersetzbar) === */
  .paytiles{display:flex;flex-wrap:wrap;gap:12px;}
  .paytile{height:46px;min-width:64px;padding:0 15px;background:#fff;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:-.01em;box-shadow:0 5px 16px rgba(0,0,0,.14);}
  .paytile svg{display:block;}
  .pt-visa{color:#1A1F71;font-style:italic;font-weight:900;letter-spacing:.03em;font-size:1.1rem;}
  .pt-apple{color:#000;}
  .pt-apple svg{width:16px;height:19px;fill:#000;margin-top:-2px;}
  .pt-mc svg{height:26px;width:auto;}
  .pt-gpay{color:#5F6368;font-weight:700;}
  .pt-gpay svg{width:21px;height:21px;}
  .pt-klarna{background:#FFB3C7;color:#0B0B0B;font-weight:800;}
  .pt-mollie{color:#000;font-weight:900;letter-spacing:-.02em;}
  .pt-dhl{background:#FFCC00;color:#D40511;font-style:italic;font-weight:900;letter-spacing:.01em;}
  .pt-dhl small{font-style:normal;font-weight:800;font-size:.46rem;letter-spacing:.1em;color:#D40511;margin-left:2px;align-self:center;}
  /* Trust-Streifen am Liefer-Schritt (im dunklen Block) */
  .trustbar{margin-top:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;}
  .trustbar__lead{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;}
  .trustbar__lead svg{width:22px;height:22px;fill:none;stroke:var(--amber-2);stroke-width:1.8;}
  .trustbar__lead span{color:rgba(255,255,255,.62);font-weight:500;font-size:.92rem;}
  .trustbar .paytile{height:40px;min-width:58px;font-size:.92rem;box-shadow:0 4px 12px rgba(0,0,0,.3);}
  /* Footer Hims-Stil: langes App-Bild links · rechts 3 Spalten + Social + Zahlung (füllt die Höhe) */
  .foot__top{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:stretch;}
  .foot__top .foot__phone img{max-width:228px;max-height:344px;}
  .foot__main{display:flex;flex-direction:column;}
  .foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .foot__sub{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:22px 32px;margin-top:auto;padding-top:30px;}
  .foot__social{display:flex;gap:11px;}
  .foot__social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.72);transition:background .2s,color .2s,border-color .2s,transform .2s;}
  .foot__social a:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4);transform:translateY(-2px);}
  .foot__social svg{width:18px;height:18px;}
  .foot__pay h5{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px;}
  .foot__pay .paytiles{justify-content:flex-end;}
  @media (max-width:880px){ .foot__top{grid-template-columns:1fr;gap:28px;} .foot__cols{grid-template-columns:repeat(3,1fr);} .foot__sub{margin-top:26px;} }
  @media (max-width:680px){ .foot__cols{grid-template-columns:1fr 1fr;gap:14px 18px;} .foot__sub{flex-direction:column;align-items:stretch;} .foot__pay .paytiles{justify-content:flex-start;} .foot__top .foot__phone img{max-width:200px;max-height:280px;} }

  /* MEGA-MENÜ */
  .mm{position:fixed;inset:0;z-index:90;visibility:hidden;}
  .mm__scrim{position:absolute;inset:0;background:rgba(27,25,34,.45);opacity:0;transition:opacity .3s;}
  .mm__panel{position:absolute;top:0;right:0;height:100%;width:min(460px,92%);background:#fff;transform:translateX(100%);transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;padding:24px 28px;overflow-y:auto;}
  .mm.open{visibility:visible;} .mm.open .mm__scrim{opacity:1;} .mm.open .mm__panel{transform:none;}
  .mm__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
  .mm__top b{font-family:var(--font-display);font-weight:800;font-size:1.3rem;}
  .mm__close{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;}
  .mm__close:hover{background:rgba(27,25,34,.05);} .mm__close svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;}
  .mm__kick{font-family:var(--font-display);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);margin:10px 0;}
  .mm__item{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:1.3rem;padding:15px 4px;border-bottom:1px solid var(--line-2);}
  .mm__item:hover{color:var(--violet);} .mm__item svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .mm__tops{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
  .mm__t{background:var(--cream);border-radius:16px;padding:14px 14px 13px;display:flex;flex-direction:column;gap:9px;text-decoration:none;color:var(--ink);transition:background .18s,box-shadow .18s,transform .15s;}
  .mm__t:hover{background:#fff;box-shadow:0 16px 32px -20px rgba(34,52,48,.42);transform:translateY(-2px);}
  .mm__prods{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:76px;padding:10px 4px 6px;border-radius:12px;background:rgba(255,255,255,.55);overflow:hidden;}
  .mm__prods img{flex:0 0 auto;height:42px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 11px rgba(34,52,48,.16));}
  .mm__t b{font-family:var(--font-display);font-weight:700;font-size:.98rem;line-height:1.1;}
  .mm__t-lk{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:.76rem;color:var(--violet-ink);margin-top:-2px;}
  .mm__t-lk svg{width:14px;height:14px;stroke:var(--violet-ink);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);}
  .reveal.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;}.reveal{opacity:1;transform:none;transition:none;}[data-par]{transform:none!important;}.pobj{transition:none!important;}.pcluster:hover .pobj{transform:none!important;}}
  @media (max-width:980px){
    .hero__tiles,.subcards,.guide{grid-template-columns:1fr;}
    .cat4{grid-template-columns:1fr 1fr;} .how__grid{grid-template-columns:1fr;}
    .docs{grid-template-columns:1fr 1fr;} .reassure{grid-template-columns:1fr 1fr;}
    .foot__grid{grid-template-columns:1fr 1fr;}
  }

/* ===== Cannabis-Unterseite (in index integriert) ===== */
  /* ===== Cannabis-Unterseite · seitenspezifisch (auf 2.0-Tokens aufbauend) ===== */
  .subnav{background:var(--cream-2);border-bottom:1px solid var(--line-2);}
  .subnav__in{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;}
  .subnav a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--muted);}
  .subnav a:hover{color:var(--ink);}
  .subnav svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .nav__cta{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:700;font-size:.96rem;background:var(--violet);color:#fff;padding:.7em 1.3em;border-radius:999px;box-shadow:0 12px 28px -12px rgba(123,66,246,.55);}
  .nav__cta:hover{background:var(--violet-ink);transform:translateY(-1px);}

  /* HERO */
  .chero{background:linear-gradient(180deg,#F6F1FF 0%,#FBF7F1 100%);}
  .chero__in{max-width:var(--maxw);margin:0 auto;padding:64px 24px 28px;display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center;}
  .chero__kick{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--violet-ink);}
  .chero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.3rem,4vw,3.3rem);line-height:1.05;margin:12px 0 18px;max-width:16ch;text-wrap:balance;}
  .chero h1 .k{color:var(--violet);}
  .chero__lead{color:var(--muted);font-size:1.06rem;line-height:1.6;max-width:46ch;}
  .chero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 18px;}
  .cprice{color:var(--muted);font-size:.95rem;line-height:1.5;}
  .cprice b{color:var(--ink);font-family:var(--font-display);}
  .chero__media{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px;}
  .cblob{position:absolute;width:78%;aspect-ratio:1/1;border-radius:42% 58% 58% 42%/45% 45% 55% 55%;
    background:radial-gradient(60% 60% at 50% 42%,#EADBFF,#E7E0FF 55%,#EFE9DC 100%);filter:blur(2px);z-index:0;}
  .chero__prod{position:relative;z-index:1;width:74%;max-width:430px;height:auto;filter:drop-shadow(0 36px 50px rgba(80,50,140,.28));}
  .cbadge{position:absolute;z-index:2;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:1px solid rgba(123,66,246,.12);border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px -18px rgba(80,50,140,.4);display:flex;align-items:center;gap:11px;}
  .cbadge b{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--violet);line-height:1;}
  .cbadge span{font-family:var(--font-display);font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.15;}
  .cbadge--tl{left:-2%;top:24%;} .cbadge--br{right:-2%;bottom:20%;}

  /* TRUST-STRIP */
  .tstrip{background:var(--cream-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);}
  .tstrip__in{max-width:var(--maxw);margin:0 auto;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .tfact{display:flex;align-items:center;gap:13px;}
  .tfact__ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--violet-wash);display:grid;place-items:center;}
  .tfact__ic svg{width:20px;height:20px;stroke:var(--violet);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .tfact b{display:block;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--ink);line-height:1.15;}
  .tfact span{font-size:.82rem;color:var(--muted);}

  /* SECTION-HEAD */
  .sec{max-width:var(--maxw);margin:0 auto;padding:64px 24px;}
  .sec__head{text-align:center;max-width:60ch;margin:0 auto 38px;}
  .sec__kick{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--violet-ink);}
  .sec__h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;margin:10px 0 12px;text-wrap:balance;}
  .sec__h .k{color:var(--violet);}
  .sec__sub{color:var(--muted);font-size:1.05rem;line-height:1.6;}

  /* PRODUKT-HIGHLIGHTS */
  .phl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .phl__card{position:relative;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px;overflow:hidden;transition:transform .16s,box-shadow .16s;}
  .phl__card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(80,50,140,.35);}
  .phl__media{position:relative;height:200px;border-radius:16px;margin-bottom:18px;overflow:hidden;
    background:radial-gradient(70% 70% at 50% 38%,#F1E9FF,#EFE9DC);display:grid;place-items:center;}
  .phl__media img{width:78%;height:78%;object-fit:contain;}
  .phl__ph{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);}
  .phl__tag{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.04em;color:var(--violet-ink);background:rgba(255,255,255,.85);padding:5px 11px;border-radius:999px;}
  .phl__card h3{font-family:var(--font-display);font-weight:800;font-size:1.25rem;}
  .phl__card p{color:var(--muted);font-size:.95rem;line-height:1.5;margin-top:6px;}
  .phl__meta{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:.86rem;color:var(--violet-ink);}

  /* WANN INFRAGE – Text + 4 Feature-Karten */
  .infra{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;}
  .infra__tx p{color:var(--muted);font-size:1.02rem;line-height:1.66;margin-bottom:16px;}
  .feat4{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .feat{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:26px 22px;text-align:center;}
  .feat__ic{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:var(--violet-wash);display:grid;place-items:center;}
  .feat__ic svg{width:24px;height:24px;stroke:var(--violet);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .feat h4{font-family:var(--font-display);font-weight:700;font-size:1.08rem;}
  .feat p{color:var(--muted);font-size:.9rem;line-height:1.45;margin-top:6px;}

  @media (max-width:980px){
    .chero__in,.infra{grid-template-columns:1fr;} .tstrip__in{grid-template-columns:1fr 1fr;}
    .phl{grid-template-columns:1fr;}
  }
  /* Seiten-Umschaltung: Cannabis als zweite Seite in derselben HTML */
  .subpage{display:none;}
  body.show-sub > *:not(.subpage):not(script):not(#mm){display:none;}
  /* Hims-Style Float-Animation für Hero-Produkte */
  @keyframes floaty{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-9px);}}
  .htile--prod img{animation:floaty 6.5s ease-in-out infinite;}
  @media (prefers-reduced-motion:reduce){.htile--prod img{animation:none;}}

  /* ===== Cannabis · Hims-Sektionen (Benefit-Reihen, Science, Vergleich, Reviews) ===== */
  .brow{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:34px 24px;}
  .brow--rev .brow__media{order:2;}
  .brow__media{border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(72% 72% at 50% 38%,#F3ECFF,#EFE9DC);display:grid;place-items:center;min-height:300px;max-height:340px;padding:18px;}
  .brow__media img{max-width:82%;max-height:300px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(80,50,140,.22));}
  .brow__tx h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.1;margin:8px 0 14px;text-wrap:balance;}
  .brow__tx h2 .k{color:var(--violet);}
  .brow__tx p{color:var(--muted);font-size:1.05rem;line-height:1.6;}
  .brow__list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:18px;}
  .brow__list li{display:flex;gap:11px;align-items:flex-start;font-size:1rem;color:var(--ink);}
  .brow__list svg{flex:0 0 24px;width:24px;height:24px;stroke:var(--violet);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:1px;}

  .science__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
  .science__media{position:relative;display:grid;place-items:center;min-height:340px;max-height:460px;}
  .science__media img{max-width:70%;max-height:420px;width:auto;height:auto;filter:drop-shadow(0 26px 44px rgba(80,50,140,.32));}
  .science__pill{display:inline-flex;gap:8px;align-items:center;background:var(--violet-wash);color:var(--violet-ink);font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.04em;padding:7px 14px;border-radius:999px;margin-bottom:12px;}

  .cmp{max-width:940px;margin:0 auto;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-2);background:#fff;box-shadow:0 26px 60px -34px rgba(80,50,140,.4);}
  .cmp__row{display:grid;grid-template-columns:1.5fr 1fr 1fr;}
  .cmp__row + .cmp__row{border-top:1px solid var(--line-2);}
  .cmp__row > div{padding:17px 20px;display:flex;align-items:center;gap:9px;font-size:.97rem;color:var(--muted);}
  .cmp__head > div{font-family:var(--font-display);font-weight:800;color:var(--ink);font-size:1.02rem;}
  .cmp__feat{font-family:var(--font-display);font-weight:700;color:var(--ink)!important;}
  .cmp__us{background:var(--violet-wash);color:var(--ink)!important;}
  .cmp__head .cmp__us{color:var(--violet)!important;}
  .cmp svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .cmp .yes{stroke:#27c06a;} .cmp .no{stroke:#c4554a;}

  .revs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .rev{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:26px;box-shadow:0 18px 44px -28px rgba(80,50,140,.3);}
  .rev__stars{color:var(--amber-2);font-size:1.1rem;letter-spacing:3px;margin-bottom:12px;}
  .rev p{color:var(--ink);font-size:1rem;line-height:1.55;}
  .rev__by{margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--muted);}

  @media (max-width:980px){
    .brow,.science__grid,.revs{grid-template-columns:1fr;}
    .brow--rev .brow__media{order:0;}
    .cmp__row{grid-template-columns:1.4fr .8fr .8fr;}
  }

  /* ===== Cannabis · Hims-Hero (Headline links / Subcopy rechts / 3 Kacheln) ===== */
  .chero2{background:linear-gradient(180deg,#FBF7F1 0%,#F0E6D2 38%,#E3D2B2 100%);}
  /* Hero-Varianten je Behandlungsbereich */
  .chero2--cocoa{background:
      radial-gradient(110% 95% at 80% 6%, rgba(255,221,170,.26), rgba(255,221,170,0) 52%),
      radial-gradient(105% 95% at 58% 28%, #6f5132 0%, #48311d 52%, #271a10 100%);}
  .chero2--cocoa .chero2__h{color:#fff;}
  .chero2--cocoa .chero2__h .k{color:var(--amber-2);}
  .chero2--cocoa .chero2__intro p{color:rgba(255,255,255,.9);}
  .chero2--cocoa .chero2__intro .price{color:rgba(255,255,255,.62);}
  .chero2--cocoa .htile{background:linear-gradient(115deg,#b79574 0%,#8a6b4e 100%);box-shadow:0 28px 56px -30px rgba(36,24,10,.62);}
  .chero2--cocoa .htile__badge{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.75);}
  .chero2--teal{background:linear-gradient(180deg,#0c3a37 0%,#14463f 26%,#1d544a 52%,#276b5d 78%,#34806f 100%);}
  .chero2--teal .chero2__h{color:#fff;}
  .chero2--teal .chero2__h .k{color:#bda4ff;}
  .chero2--teal .chero2__intro p{color:rgba(255,255,255,.9);}
  .chero2--teal .chero2__intro .price{color:rgba(255,255,255,.62);}
  .chero2--teal .htile{background:linear-gradient(120deg,#3a7066 0%,#234d47 100%);box-shadow:0 28px 56px -30px rgba(8,26,22,.7);}
  .chero2--teal .htile__badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.72);}
  .chero2--olive{background:linear-gradient(180deg,#41502c 0%,#6c7b46 20%,#51602f 46%,#39431f 74%,#29321a 100%);}
  .chero2--olive .chero2__h{color:#fff;text-shadow:0 1px 14px rgba(20,28,10,.35);}
  .chero2--olive .chero2__h .k{color:#e2ebb4;}
  .chero2--olive .chero2__intro p{color:rgba(255,255,255,.92);}
  .chero2--olive .chero2__intro .price{color:rgba(255,255,255,.64);}
  .chero2--olive .htile{background:linear-gradient(160deg,#9EAF88 0%,#7D8C6A 100%);box-shadow:0 28px 56px -30px rgba(18,24,8,.7);}
  .chero2--olive .htile__badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.72);}
  /* Testo-Hero CTA: weisse Box statt violett */
  .chero2--olive .chero2__intro .btn-primary{background:#fff;color:var(--ink);box-shadow:0 16px 34px -16px rgba(0,0,0,.45);}
  .chero2--olive .chero2__intro .btn-primary:hover{background:#fff;filter:brightness(1);transform:translateY(-2px);}
  .chero2__in{max-width:var(--maxw);margin:0 auto;padding:54px 24px 60px;}
  .chero2__top{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:start;margin-bottom:32px;}
  .chero2__h{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;}
  .chero2__h .k{color:var(--violet);}
  .chero2__intro{padding-top:10px;}
  .chero2__intro p{color:var(--ink);font-size:1.08rem;line-height:1.55;max-width:44ch;margin-bottom:18px;}
  .chero2__intro .price{display:block;margin-top:14px;font-size:.9rem;color:var(--muted);line-height:1.5;}
  .chero2__tiles{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:18px;}
  .htile{position:relative;border-radius:24px;overflow:hidden;min-height:360px;background:radial-gradient(120% 88% at 50% 6%,#d0c3a8 0%,#b29c77 54%,#8d7a57 100%);box-shadow:0 26px 54px -30px rgba(70,55,30,.5);}
  .htile img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:94%;width:auto;max-width:98%;object-fit:contain;}
  .htile--prod img{height:70%;bottom:auto;top:13%;filter:drop-shadow(0 22px 32px rgba(50,38,18,.4));}
  .htile__badge{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--font-display);font-weight:700;font-size:.74rem;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5px 13px;border-radius:999px;}
  .htile__cap{position:absolute;left:18px;bottom:16px;z-index:2;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);}
  .htile__stat{position:absolute;left:18px;bottom:16px;z-index:2;font-family:var(--font-display);font-weight:800;color:#F0B45A;font-size:1.5rem;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.35);}
  .htile__stat span{display:block;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-top:4px;}

  /* ===== Produkt-Auflistung (Hims-Stil, horizontale Karten) ===== */
  .plist{max-width:var(--maxw);margin:0 auto;padding:54px 24px;}
  .plist__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px;}
  .plist__h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.04;color:var(--ink);}
  .plist__h .k{color:var(--violet);}
  .plist__intro p{color:var(--muted);font-size:1rem;line-height:1.55;margin-bottom:16px;max-width:48ch;}
  .btn-dark{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:700;font-size:.96rem;background:var(--ink);color:#fff;padding:.8em 1.5em;border-radius:999px;}
  .btn-dark:hover{background:#000;transform:translateY(-1px);}
  .plist__rail{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 6px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;}
  .plist__rail::-webkit-scrollbar{display:none;height:0;}
  .plist .railwrap{margin-top:6px;}
  /* Cappuccino-Braun-Prozess (Hims) */
  .how--cappu{background:radial-gradient(130% 105% at 50% -8%,#b48c5a 0%,#946f48 26%,#6a4e32 56%,#48331f 82%,#332315 100%);}
  .how--cappu .hstep{background:linear-gradient(162deg,#d4b78f,#bf9a72);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 44px -26px rgba(0,0,0,.55);}
  .how--cappu .hstep h3{color:#2e2014;}
  .how--cappu .hstep p{color:rgba(46,32,20,.76);}
  .how--cappu .hstep__no{background:rgba(255,255,255,.62);color:var(--violet-ink);}
  .pcard2{flex:0 0 246px;scroll-snap-align:start;background:#EFE8D6;border:1px solid rgba(120,98,58,.12);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s;}
  .pcard2:hover{transform:translateY(-4px);box-shadow:0 24px 48px -26px rgba(80,50,140,.36);}
  .pcard2__badges{display:flex;gap:6px;margin-bottom:10px;}
  .pcard2__badges:empty{display:none;}
  /* Sicherheitshinweise / Pflichttext */
  .safebox{max-width:880px;margin:0 auto;background:var(--cream-2);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:28px 32px;}
  .safebox h3{font-family:var(--font-display);font-weight:800;font-size:1.12rem;display:flex;align-items:center;gap:9px;margin-bottom:12px;}
  .safebox h3 svg{width:20px;height:20px;flex:0 0 20px;stroke:var(--violet);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .safebox p{color:var(--muted);font-size:.92rem;line-height:1.6;}
  .safebox p + p{margin-top:10px;}
  .safebox p b{color:var(--ink);}
  @media (max-width:680px){ .safebox{padding:22px 20px;} }
  .pcard2__badges span{font-family:var(--font-display);font-weight:700;font-size:.62rem;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:#fff;border:1px solid var(--line-2);color:var(--muted);}
  .pcard2__badges .rx{background:var(--violet-wash);color:var(--violet-ink);border-color:transparent;}
  .pcard2 h3{font-family:var(--font-display);font-weight:800;font-size:1.1rem;}
  .pcard2__use{font-size:.84rem;color:var(--muted);margin-top:3px;}
  .pcard2__price{font-family:var(--font-display);font-weight:800;color:var(--ink);margin-top:8px;font-size:1.18rem;}
  .pcard2__price .k{color:var(--quiet);font-weight:700;font-size:.82rem;}
  .pcard2__req{font-size:.74rem;color:var(--muted);margin-top:3px;}
  .pcard2__media{position:relative;height:172px;margin:6px 0 14px;display:grid;place-items:center;overflow:hidden;}
  .pcard2__media img{max-width:84%;max-height:150px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(60,45,20,.22));}
  .pcard2__media .ph{font-family:var(--font-display);font-weight:700;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(90,70,40,.45);}
  .pcard2__fda{position:absolute;right:4px;bottom:4px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(90,68,38,.3);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.42rem;letter-spacing:.03em;line-height:1.2;text-align:center;color:rgba(80,60,35,.5);background:transparent;}
  .pcard2__cta{display:flex;gap:8px;margin-top:auto;}
  .pcard2__cta a,.pcard2__cta .go--soon{flex:1;text-align:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;padding:.62em .3em;border-radius:999px;}
  .pcard2__cta .go{background:#fff;border:1px solid rgba(70,52,28,.32);color:var(--ink);}
  .pcard2__cta .go:hover{background:#fff;border-color:var(--ink);}
  .pcard2__cta .det{background:#fff;border:1px solid rgba(70,52,28,.2);color:var(--ink);}
  .pcard2__cta .det:hover{border-color:rgba(70,52,28,.4);}
  .pcard2__safe{display:block;text-align:center;margin-top:11px;font-size:.7rem;color:var(--quiet);text-decoration:underline;}
  /* Wunschgewicht: dunkle Espresso-Produktkarten (passend zum Cocoa-Hero) */
  #page-gewicht .pcard2{background:
      radial-gradient(46% 30% at 50% 56%, rgba(255,216,152,.55) 0%, rgba(255,216,152,0) 72%),
      radial-gradient(80% 54% at 50% 55%, #946f43 0%, #5a4128 44%, #2c1e12 78%, #20150c 100%);border-color:rgba(255,255,255,.08);}
  #page-gewicht .pcard2:hover{box-shadow:0 26px 52px -26px rgba(18,11,4,.72);}
  #page-gewicht .pcard2 h3{color:#fff;}
  #page-gewicht .pcard2__use{color:rgba(255,255,255,.7);}
  #page-gewicht .pcard2__price{color:#fff;}
  #page-gewicht .pcard2__price .k{color:rgba(255,255,255,.55);}
  #page-gewicht .pcard2__req{color:rgba(255,255,255,.6);}
  #page-gewicht .pcard2__media img{filter:drop-shadow(0 20px 32px rgba(0,0,0,.55));}
  #page-gewicht .pcard2__badges span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85);}
  #page-gewicht .pcard2__cta .go{background:var(--amber-2);border-color:transparent;color:#3a2a10;}
  #page-gewicht .pcard2__cta .go:hover{background:#f0b056;border-color:transparent;}
  #page-gewicht .pcard2__cta .det{background:transparent;border-color:rgba(255,255,255,.3);color:#fff;}
  #page-gewicht .pcard2__cta .det:hover{border-color:rgba(255,255,255,.6);}
  #page-gewicht .pcard2__safe{color:rgba(255,255,255,.5);}
  #page-gewicht .pcard2__fda{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.6);}
  /* Potenz: helle Sage-Grün-Produktkarten */
  #page-potenz .pcard2{background:linear-gradient(165deg,#edf4ef 0%,#dbe9e2 55%,#cadfd6 100%);border-color:rgba(40,90,75,.16);}
  #page-potenz .pcard2:hover{box-shadow:0 24px 48px -26px rgba(30,70,58,.42);}
  #page-potenz .pcard2__media img{filter:drop-shadow(0 16px 24px rgba(30,60,50,.24));}
  #page-potenz .pcard2__cta .go{background:var(--violet);border-color:transparent;color:#fff;}
  #page-potenz .pcard2__cta .go:hover{background:var(--violet-ink);border-color:transparent;}
  /* Testosteron: helle Sage-/Lindgrün-Produktkarten */
  #page-testo .pcard2{background:linear-gradient(165deg,#e9efe0 0%,#dce6d0 55%,#cfdbc1 100%);border-color:rgba(70,90,50,.16);}
  #page-testo .pcard2:hover{box-shadow:0 24px 48px -26px rgba(50,70,35,.42);}
  #page-testo .pcard2__media img{filter:drop-shadow(0 16px 24px rgba(45,60,30,.24));}
  #page-testo .pcard2__cta .go{background:#4d5b32;border-color:transparent;color:#fff;}
  #page-testo .pcard2__cta .go:hover{background:#3c4827;border-color:transparent;}
  @media (max-width:980px){ .chero2__top,.chero2__tiles,.plist__head{grid-template-columns:1fr;} }

  /* ===== Ratgeber/Wissen · Info-Karten & Wirkstoff-Tabelle ===== */
  .infogrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:var(--maxw);margin:0 auto;}
  .infocard{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px;}
  .infocard h3{font-family:var(--font-display);font-weight:800;font-size:1.16rem;margin-bottom:7px;}
  .infocard h3 .k{color:var(--violet);}
  .infocard p{color:var(--muted);font-size:.97rem;line-height:1.56;}
  .wtab{width:100%;max-width:var(--maxw);margin:26px auto 0;border-collapse:separate;border-spacing:0;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:#fff;font-family:var(--font-body);}
  .wtab th,.wtab td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-2);font-size:.95rem;color:var(--muted);}
  .wtab thead th{background:var(--cream);font-family:var(--font-display);font-weight:800;color:var(--ink);}
  .wtab tbody td:first-child{font-family:var(--font-display);font-weight:700;color:var(--violet-ink);}
  .wtab tbody tr:last-child td{border-bottom:none;}
  /* Wunschgewicht-Ratgeber: warmer Terracotta-Block (Function-Health-Look) */
  #gw-ratgeber{background:linear-gradient(168deg,#9c6c49 0%,#855a3a 54%,#724a2c 100%);border-radius:34px;padding:60px 46px;margin:24px auto;}
  #gw-ratgeber .sec__kick{color:#f3d3ac;}
  #gw-ratgeber .sec__h{color:#fff;}
  #gw-ratgeber .sec__h .k{color:#f7d9b2;}
  #gw-ratgeber .sec__sub{color:rgba(255,255,255,.9);}
  #gw-ratgeber .infocard{background:linear-gradient(162deg,#6b4730 0%,#4c301f 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 46px -28px rgba(30,18,8,.65);}
  #gw-ratgeber .infocard h3{color:#fff;}
  #gw-ratgeber .infocard h3 .k{color:#f5d3a8;}
  #gw-ratgeber .infocard p{color:rgba(255,255,255,.9);}
  #gw-ratgeber .wtab{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.18);}
  #gw-ratgeber .wtab th,#gw-ratgeber .wtab td{color:#fff;border-bottom-color:rgba(255,255,255,.14);}
  #gw-ratgeber .wtab thead th{background:rgba(255,255,255,.14);color:#fff;}
  #gw-ratgeber .wtab tbody td:first-child{color:#f5d3a8;}
  #gw-ratgeber .feat{background:linear-gradient(162deg,#6b4730 0%,#4c301f 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 46px -28px rgba(30,18,8,.65);}
  #gw-ratgeber .feat__ic{background:rgba(255,255,255,.16);}
  #gw-ratgeber .feat__ic svg{stroke:#f5d3a8;}
  #gw-ratgeber .feat h4{color:#fff;}
  #gw-ratgeber .feat p{color:rgba(255,255,255,.88);}
  #gw-ratgeber>p{color:rgba(255,255,255,.72)!important;}
  /* FAQ-Block bündig zur Ratgeber-Box (volle Breite) */
  #gw-fragen{padding-left:0;padding-right:0;}
  /* Stockbild-Akzent in den Schritt-Boxen (nur Testosteron) – radiale Eck-Maske + luminosity-Blend */
  .how--cappu .hstep{overflow:hidden;isolation:isolate;min-height:320px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-content:start;}
  .how--cappu .hstep>*{position:relative;z-index:2;}
  .how--cappu .hstep__no{grid-row:1;grid-column:1;margin:0;align-self:center;}
  .how--cappu .hstep h3{grid-row:1;grid-column:2;align-self:center;}
  .how--cappu .hstep p{grid-row:2;grid-column:1 / -1;align-self:end;}
  /* Bild voll & farbig (kein Verlauf/Toenung/Maske) */
  .how--cappu .hstep::after{content:"";position:absolute;z-index:1;inset:0;background-image:var(--stepimg);background-size:auto 148%;background-position:center bottom;background-repeat:no-repeat;opacity:1;pointer-events:none;}
  /* Texte in Liquid-Glass-Boxen (gut lesbar auf dem farbigen Bild) */
  /* Beschreibung: Liquid-Glass-Box; Titel: ohne Box, nur Schatten (neben der Zahl) */
  .how--cappu .hstep p{justify-self:start;color:#fff;background:rgba(16,11,5,.34);-webkit-backdrop-filter:blur(15px) saturate(1.3);backdrop-filter:blur(15px) saturate(1.3);border:1px solid rgba(255,255,255,.32);border-radius:13px;box-shadow:0 8px 22px -10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4);padding:9px 14px;max-width:100%;justify-self:stretch;}
  .how--cappu .hstep h3{color:#fff;background:none;border:0;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 10px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.55);}
  /* Liquid-Glass Nummern-Badge */
  .how--cappu .hstep__no{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 20px -8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -6px 12px -6px rgba(255,255,255,.25);}
  #page-testo .how--cappu .hstep:nth-child(1){--stepimg:url("/images/redesign/hstep/testo-bluttest.webp");}
  #page-testo .how--cappu .hstep:nth-child(2){--stepimg:url("/images/redesign/hstep/testo-arzt.webp");}
  #page-testo .how--cappu .hstep:nth-child(3){--stepimg:url("/images/redesign/hstep/testo-lieferung.webp");}
  #page-cannabis .how--cappu .hstep:nth-child(1),#page-potenz .how--cappu .hstep:nth-child(1),#page-gewicht .how--cappu .hstep:nth-child(1){--stepimg:url("/images/redesign/hstep/waehlen.webp");}
  #page-cannabis .how--cappu .hstep:nth-child(2),#page-potenz .how--cappu .hstep:nth-child(2),#page-gewicht .how--cappu .hstep:nth-child(2){--stepimg:url("/images/redesign/hstep/fragebogen.webp");}
  #page-cannabis .how--cappu .hstep:nth-child(3),#page-potenz .how--cappu .hstep:nth-child(3),#page-gewicht .how--cappu .hstep:nth-child(3){--stepimg:url("/images/redesign/hstep/testo-lieferung.webp");}
  @media (prefers-reduced-motion:reduce){.how--cappu .hstep::after{transition:none;}}
  /* Testosteron-Ratgeber: grüne Box (#495833->#728556) + Sage-Boxen (Hero-Gradient) */
  #ts-ratgeber{background:linear-gradient(160deg,#495833 0%,#5e7044 52%,#728556 100%);border-radius:34px;padding:60px 46px;margin:24px auto;}
  #ts-ratgeber .sec__kick{color:#dce9b0;}
  #ts-ratgeber .sec__h{color:#fff;}
  #ts-ratgeber .sec__h .k{color:#dce9b0;}
  #ts-ratgeber .sec__sub{color:rgba(255,255,255,.9);}
  #ts-ratgeber .infocard{background:linear-gradient(160deg,#9EAF88,#7D8C6A);border:1px solid rgba(255,255,255,.4);box-shadow:0 22px 46px -28px rgba(15,20,6,.55);}
  #ts-ratgeber .infocard h3{color:#243018;}
  #ts-ratgeber .infocard h3 .k{color:#3d5120;}
  #ts-ratgeber .infocard p{color:#2e3c1e;}
  #ts-ratgeber .feat{background:linear-gradient(160deg,#9EAF88,#7D8C6A);border:1px solid rgba(255,255,255,.4);box-shadow:0 22px 46px -28px rgba(15,20,6,.55);}
  #ts-ratgeber .feat__ic{background:rgba(255,255,255,.42);}
  #ts-ratgeber .feat__ic svg{stroke:#3a4a25;}
  #ts-ratgeber .feat h4{color:#243018;}
  #ts-ratgeber .feat p{color:#2e3c1e;}
  /* FAQ-Block bündig zur Ratgeber-Box (volle Breite) */
  #ts-fragen{padding-left:0;padding-right:0;}
  /* Potenz-Ratgeber: Hero-Teal-Verlauf + helle Mint-Boxen */
  #pz-ratgeber{background:linear-gradient(180deg,#0c3a37 0%,#14463f 26%,#1d544a 52%,#276b5d 78%,#34806f 100%);border-radius:34px;padding:60px 46px;margin:24px auto;}
  #pz-ratgeber .sec__kick{color:#bfe3d7;}
  #pz-ratgeber .sec__h{color:#fff;}
  #pz-ratgeber .sec__h .k{color:#a8dccb;}
  #pz-ratgeber .sec__sub{color:rgba(255,255,255,.9);}
  #pz-ratgeber .infocard{background:linear-gradient(160deg,#e1ede8,#c6dad0);border:1px solid rgba(255,255,255,.5);box-shadow:0 22px 46px -28px rgba(8,30,26,.5);}
  #pz-ratgeber .infocard h3{color:#163029;}
  #pz-ratgeber .infocard h3 .k{color:#1f6f5d;}
  #pz-ratgeber .infocard p{color:#2a463e;}
  #pz-ratgeber .wtab{background:rgba(255,255,255,.52);border-color:rgba(20,70,60,.18);}
  #pz-ratgeber .wtab th,#pz-ratgeber .wtab td{color:#2a463e;border-bottom-color:rgba(20,70,60,.12);}
  #pz-ratgeber .wtab thead th{background:rgba(255,255,255,.6);color:#143a32;}
  #pz-ratgeber .wtab tbody td:first-child{color:#1f6f5d;}
  #pz-ratgeber>p{color:rgba(255,255,255,.72)!important;}
  @media (max-width:760px){.infogrid{grid-template-columns:1fr;}.wtab{font-size:.84rem;}.wtab th,.wtab td{padding:10px;}}

  /* ===== Produkt-Konfigurator (Hims-Stil: Marke · Dosierung · Paket) ===== */
  .cfg{display:grid;grid-template-columns:330px 1fr;gap:30px;max-width:var(--maxw);margin:0 auto;align-items:start;}
  .cfg__listlab,.cfg__sub{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;color:var(--quiet);margin-bottom:14px;}
  .cfg__list{display:flex;flex-direction:column;gap:12px;max-height:548px;overflow-y:auto;padding:3px 12px 3px 3px;scrollbar-width:thin;scrollbar-color:var(--violet-2) transparent;}
  .cfg__list::-webkit-scrollbar{width:6px;}
  .cfg__list::-webkit-scrollbar-thumb{background:var(--violet-2);border-radius:999px;}
  .cfg__list::-webkit-scrollbar-track{background:transparent;}
  .cfg__opt{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 20px;cursor:pointer;text-align:left;transition:border-color .18s,background .18s;}
  .cfg__opt:hover{border-color:var(--violet-2);}
  .cfg__opt.sel{background:var(--violet-wash);border-color:var(--violet);}
  .cfg__radio{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:border-color .18s;}
  .cfg__opt.sel .cfg__radio{border-color:var(--violet);}
  .cfg__opt.sel .cfg__radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--violet);}
  .cfg__optx{display:flex;flex-direction:column;gap:2px;}
  .cfg__optn{font-family:var(--font-display);font-weight:800;font-size:1.04rem;color:var(--ink);}
  .cfg__optp{font-size:.9rem;color:var(--muted);}
  .cfg__panel{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:30px 32px 32px;box-shadow:0 24px 60px -38px rgba(80,50,140,.35);}
  .cfg__phead{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;}
  .cfg__title{font-family:var(--font-display);font-weight:800;font-size:1.9rem;color:var(--ink);line-height:1.04;}
  .cfg__brandlab{font-size:.88rem;color:var(--muted);margin:16px 0 8px;}
  .cfg__leaflet{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--violet-ink);}
  .cfg__leaflet:hover{border-color:var(--violet);}
  .cfg__leaflet svg{width:17px;height:17px;fill:none;stroke:#c4554a;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  .cfg__media{flex:0 0 130px;width:130px;height:130px;border-radius:20px;background:radial-gradient(82% 82% at 50% 32%,#F4ECDA,#E8DEC9);display:grid;place-items:center;overflow:hidden;}
  .cfg__media img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(70,55,30,.26));}
  .cfg__doses{display:flex;flex-wrap:wrap;gap:10px;}
  .cfg__dose{font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:13px 22px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.18s;}
  .cfg__dose:hover{border-color:var(--violet-2);}
  .cfg__dose.sel{background:var(--violet);color:#fff;border-color:var(--violet);}
  .cfg__pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;}
  .cfg__pkg{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px 16px;text-align:center;cursor:pointer;transition:.18s;background:#fff;}
  .cfg__pkg:hover{border-color:var(--violet-2);}
  .cfg__pkg.sel{background:var(--violet-wash);border-color:var(--violet);}
  .cfg__pkgn{display:block;font-family:var(--font-display);font-weight:800;font-size:2.1rem;color:var(--ink);line-height:1;}
  .cfg__pkgu{display:block;font-size:.9rem;color:var(--muted);margin-top:3px;}
  .cfg__pkgp{display:block;font-family:var(--font-display);font-weight:800;font-size:1.08rem;color:var(--ink);margin-top:16px;}
  .cfg__pkgtick{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--violet);display:none;place-items:center;}
  .cfg__pkg.sel .cfg__pkgtick{display:grid;}
  .cfg__pkgtick svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .cfg__save{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:.72rem;color:#fff;background:var(--violet);padding:4px 12px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(123,66,246,.7);}
  .cfg__foot{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
  .cfg__note{font-size:.82rem;color:var(--quiet);}

  /* =========================================================================
     PHONE 2.0 · Premium-Mobile-Politur (≤680px) – UI/UX auf Desktop-Niveau
     ========================================================================= */
  @media (max-width:680px){
    /* --- Globale Abstände & Container --- */
    .container{padding-inline:18px;}
    .container--wide{padding-inline:14px;}
    .sec{padding:46px 18px;}
    .sec__head{margin:0 auto 26px;}
    .promo__in{padding:9px 16px;font-size:.8rem;gap:9px;text-align:center;}
    .promo__in span{line-height:1.3;}
    .nav__in{padding:13px 16px;}
    .nav__brand img{height:27px;}

    /* --- Hero (Home) --- */
    .hero{padding:30px 0 6px;}
    .hero h1{font-size:clamp(1.8rem,7vw,2.35rem);margin-bottom:18px;max-width:20ch;}
    .sec__h{font-size:clamp(1.5rem,5.6vw,1.95rem);}
    .sec__sub{font-size:.98rem;}
    .plist__h{font-size:clamp(1.55rem,5.8vw,2rem);}
    .hero__tiles{gap:14px;}
    .wtile{min-height:188px;padding:24px;border-radius:var(--r-lg);}
    .wtile__ey{font-size:1.4rem;}
    .wtile--dark .wtile__media{width:104px;right:24px;}
    .wtile--warm .wtile__media--doc{width:150px;}
    .cat4{gap:11px;padding:14px 0 6px;}
    .ctile{padding:14px 15px;min-height:78px;gap:9px;border-radius:var(--r);}
    .ctile__t{font-size:1rem;}
    .ctile__o{width:66px;height:64px;}
    .ctile__prod{height:56px;}

    /* --- Chapter-Blöcke allgemein --- */
    .chapter{padding:40px 20px;margin:22px 0;border-radius:var(--r-lg);}
    .chapter__h{font-size:clamp(1.7rem,6.6vw,2.2rem);max-width:20ch;}
    .chapter__sub{font-size:1.04rem;}

    /* --- Dunkler Premium-Block: dekorativer Float-Cluster mobil aus (skaliert unsauber) --- */
    .chapter__stage{display:none;}
    .chapter__sub--lead{font-size:1.28rem;max-width:26ch;margin-top:6px;}

    /* --- Lineup-Rail --- */
    .lineup{margin-top:30px;}
    .rail{grid-auto-columns:minmax(252px,1fr);gap:14px;}
    .rail--full{grid-auto-columns:100%;gap:0;}  /* Slide-Karussell mobil voll breit (sonst Wort-für-Wort-Umbruch) */
    .railbtn{width:46px;height:46px;}
    .railbtn--prev{left:-6px;} .railbtn--next{right:-6px;}

    /* --- DUO-Grid: stapeln (war ungebrochen 2-spaltig!) --- */
    .duo__grid{grid-template-columns:1fr;gap:16px;margin-top:30px;}
    .duo__panel{min-height:auto;padding:26px 22px;}
    .duo__h{font-size:1.6rem;max-width:none;}
    .duo__h2{font-size:1.85rem;max-width:none;}
    .m2steps{margin-top:20px;}
    .m2steps li{padding-bottom:20px;gap:16px;}
    .m2steps__no{flex:0 0 42px;width:42px;height:42px;}
    .m2steps li:not(:last-child)::before{left:21px;}
    .m2steps__tx b{font-size:1.12rem;}
    /* Prozess-Video mobil: 16:9-Panel, läuft als Auto-Loop sobald sichtbar (kein Wheel-Scrub auf Touch) */
    .duo__panel--v{display:block;padding:0;aspect-ratio:16/9;min-height:0;border-radius:var(--r-lg);overflow:hidden;}
    .m2beat{left:18px;right:18px;top:16px;}
    .m2beat h4{font-size:1.15rem;}
    .m2lab{font-size:.66rem;margin-bottom:6px;}
    .m2sub{font-size:.78rem;margin-top:6px;max-width:32ch;}
    .m2tl{padding:32px 18px 14px;}
    .m2tl-step b{font-size:.86rem;}
    .m2tl-step span{font-size:.56rem;}
    .m2brand{width:min(54%,170px);}
    .trustbar{gap:12px 18px;margin-top:22px;padding-top:18px;}

    /* --- DUO hell --- */
    .duo--light{padding:30px 18px;border-radius:var(--r-lg);}
    .duo--light .duo__grid{gap:16px;}
    .duo__top{flex-direction:column;gap:14px;}
    .duo__diagram{min-height:230px;margin-top:8px;}
    .duo__fig{height:210px;}
    .scanfig{max-width:240px;}
    .scanfig--rx{max-width:230px;}
    .timedial{max-width:280px;}

    /* --- FAQ --- */
    .faq{padding:30px 16px;border-radius:var(--r-lg);}
    .faq__head{margin-bottom:18px;}
    .faq__q{padding:16px 16px;font-size:.99rem;gap:12px;}
    .faq__a p{padding:0 16px 18px;font-size:.95rem;}
    .faq__ic{width:30px;height:30px;}

    /* --- HOW --- */
    .how{padding:38px 20px;border-radius:var(--r-lg);}
    .how h2{font-size:1.85rem;margin-bottom:24px;}

    /* --- Chapter soft / mslide-Rail --- */
    .chapter--soft .chapter__h{font-size:clamp(1.5rem,6vw,2rem);}
    .mhero img{max-height:230px;}
    .mslide .ctapair{margin-top:-52px;flex-direction:column;align-items:stretch;gap:10px;}
    .mslide .ctapair .btn{width:100%;}
    .subcards{gap:14px;margin-top:26px;}
    .mslide .subcard{min-height:264px;padding:24px 22px;}
    .subcard__t{font-size:1.06rem;}
    .mslide .subcard:has(.subcard__person) .subcard__t,
    .mslide .subcard:has(.subcard__media) .subcard__t{max-width:64%;}
    .subcard__person{max-width:48%;}
    .subcard__prod{width:42%;}
    .subcard__prod--pen{height:74%;}

    /* --- Ärzte / Reassure --- */
    .docs__head h2{font-size:2rem;}
    .docs__head p{font-size:1rem;}
    .docs{gap:16px;}
    .doc__bio{font-size:.84rem;}
    .reassure{padding:22px 18px;gap:14px;}

    /* --- Guide-Capture --- */
    .guide{border-radius:var(--r-lg);}
    .guide__l{padding:34px 24px;}
    .guide__l h2{font-size:1.75rem;}
    .guide__form{flex-direction:column;max-width:none;}
    .guide__form input{width:100%;}
    .guide__form .btn{width:100%;}
    .guide__r{min-height:220px;}
    .guide__img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%);}

    /* --- Footer --- */
    footer{padding:46px 0 24px;}
    .foot__app{grid-column:1 / -1;}
    .foot__brand{font-size:clamp(64px,17vw,380px);margin-top:18px;}
    .foot__legal{font-size:.78rem;margin-top:28px;}

    /* --- Subpages: Hero (chero2) --- */
    .subnav__in{padding:12px 16px;}
    .chero2__in{padding:30px 18px 32px;}
    .chero2__top{gap:14px;margin-bottom:20px;}
    .chero2__h{font-size:clamp(1.7rem,6.8vw,2.2rem);}
    .chero2__intro p{font-size:.96rem;}
    /* Tiles als premium Swipe-Rail statt 3× sehr hoch gestapelt */
    .chero2__tiles{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;
      scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;margin-inline:-2px;padding-inline:2px;}
    .chero2__tiles::-webkit-scrollbar{display:none;}
    .chero2__tiles .htile{flex:0 0 74%;scroll-snap-align:center;min-height:300px;}

    /* --- Subpages: Trust-Strip einspaltig --- */
    .tstrip__in{grid-template-columns:1fr;gap:13px;padding:20px 18px;}

    /* --- Subpages: Produkt-Liste --- */
    .plist{padding:38px 16px;}
    .plist__head{gap:16px;margin-bottom:22px;}
    .pcard2{flex:0 0 226px;}

    /* --- Subpages: Benefit-Reihen / Science --- */
    .brow{gap:20px;padding:24px 18px;}
    .brow__media{min-height:185px;max-height:225px;padding:14px;}
    .brow__media img{max-height:195px;}
    .brow__tx h2{font-size:clamp(1.45rem,5.8vw,1.85rem);}
    .brow__tx p{font-size:.98rem;}
    .science__grid{gap:20px;}
    .science__media{min-height:240px;max-height:300px;}
    .science__media img{max-width:66%;max-height:270px;}

    /* --- Subpages: Vergleichstabelle kompakt (statt vertikal gequetscht) --- */
    .cmp{border-radius:var(--r-lg);}
    .cmp__row{grid-template-columns:1.25fr .88fr .88fr;}
    .cmp__row > div{padding:11px 9px;font-size:.78rem;gap:5px;}
    .cmp__head > div{font-size:.82rem;}
    .cmp svg{width:16px;height:16px;flex:0 0 16px;}

    /* --- Ratgeber: USP-Karten 2-spaltig (überschreibt inline 4-spaltig) --- */
    .feat4{grid-template-columns:1fr 1fr !important;gap:13px;}
    .feat{padding:22px 16px;}
    .infocard{padding:22px;}

    /* --- Produkt-Konfigurator --- */
    .cfg{grid-template-columns:1fr;gap:16px;}
    .cfg__list{max-height:none;overflow:visible;padding:0;}
    .cfg__panel{padding:24px 20px 26px;}
    .cfg__phead{gap:16px;}
    .cfg__title{font-size:1.5rem;}
    .cfg__media{flex:0 0 96px;width:96px;height:96px;border-radius:16px;}
    .cfg__dose{padding:12px 18px;font-size:.9rem;}
    .cfg__pkgs{grid-template-columns:1fr 1fr;}
    .cfg__pkgn{font-size:1.9rem;}
  }

  /* --- Sehr schmale Geräte (≤400px) --- */
  @media (max-width:400px){
    .nav__right .login{display:none;}
    .hero h1{font-size:clamp(1.95rem,9vw,2.5rem);}
    .cat4{grid-template-columns:1fr;}
    .ctile{min-height:64px;}
    .feat4{grid-template-columns:1fr !important;}
    .cmp__row > div{font-size:.74rem;padding:10px 7px;}
    .chero2__tiles .htile{flex:0 0 84%;}
  }

  /* =========================================================================
     TOUCH-GERÄTE · Hover nur Desktop – auf Touch keine klebrigen Hover-Zustände,
     Inhalte sofort sichtbar (Hover-Reveals/Lifts werden neutralisiert).
     ========================================================================= */
  @media (hover:none){
    /* generische Lift-/Schatten-Hovers zurücksetzen */
    .btn:hover,.btn-primary:hover,.btn-amber:hover,.btn-light:hover,.btn-outline:hover,
    .ctile:hover,.rcard:hover,.pcard2:hover,.phl__card:hover,.doc__card:hover,
    .subcard__cta:hover,.mslide .ctapair .btn:hover,.nav__cta:hover,.btn-dark:hover,
    .pcard2__cta .go:hover,.pcard2__cta .det:hover,.faq__item:hover{transform:none;}
    .railbtn:hover{transform:translateY(-50%);}
    .ctile:hover{box-shadow:none;background:var(--cream-2);}
    .ctile:hover .ctile__prod{transform:none;}
    .ctile:hover .ctile__o::after{transform:translateX(-50%);opacity:1;}
    .rcard:hover,.pcard2:hover,.phl__card:hover{box-shadow:none;}
    /* Hero-Boxen: kein Hover-Licht-Spot, keine Bild-Swaps, keine Reveal-Mockups */
    .wtile:hover{transform:none;box-shadow:var(--shadow-card);}
    .wtile:hover::before{opacity:0;}
    .wtile:hover .wtile__lk .chev{transform:none;}
    .wtile--dark:hover{background:radial-gradient(140% 125% at 82% 22%, #cda059 0%, #b08643 30%, #8a6733 62%, #6b5028 100%);}
    .wtile--warm:hover{background:linear-gradient(115deg,#b79574 0%,#8a6b4e 100%);}
    .wtile--dark:hover .wtile__media--angled{opacity:1;transform:translateY(-50%);}
    .wtile--dark:hover .phoneui{opacity:0;}
    .wtile--warm:hover .docfx{opacity:0;}
  }

/* =============================================================================
   dr. fuxx · MOBILE PREMIUM-FEINSCHLIFF  (Agenten-Team, konsolidiert)
   NUR Mobile (max-width / hover:none). Desktop unveraendert.
   ============================================================================= */
@media (max-width:680px){
  .nav{padding-top:env(safe-area-inset-top);}
  .nav__cta{font-size:.86rem;padding:.62em 1.05em;gap:.4em;min-height:44px;white-space:nowrap;}
  .nav__right{gap:8px;}
  .nav__right .login{display:none;}
  /* Promo-Top-Bar: kein Umbruch – Claim einzeilig, redundanter Aerzte-Button mobil aus */
  .promo__in{gap:0;}
  .promo__in span{white-space:nowrap;font-size:.76rem;}
  .promo__in a{display:none;}
  .mm__t-lk{white-space:nowrap;}
  /* Hero-Kachel-Bilder + Hover-Effekte mobil verkleinern (premium, passend) */
  .wtile--dark .wtile__media{width:82px;right:16px;}
  .wtile--warm .wtile__media--doc{width:118px;right:2px;}
  /* Reveal-Zustand mobil: per .is-rev (von app.js alle 10s getoggelt, da Touch
     keinen Hover kennt). Behandlungs-Menue (Phone-UI) bzw. DNA-Lupe erscheint;
     unten weich auslaufend (Maske) statt hart abgeschnitten. */
  .phoneui{display:block;width:166px;right:8px;top:4px;-webkit-mask-image:linear-gradient(180deg,#000 44%,transparent 64%);mask-image:linear-gradient(180deg,#000 44%,transparent 64%);}
  .docfx{left:55%;top:16%;transform:scale(.58) rotate(-4deg);}
  .wtile--dark.is-rev{background:radial-gradient(140% 125% at 82% 22%, #d8aa62 0%, #ba9049 30%, #946f37 62%, #75572b 100%);}
  .wtile--dark.is-rev .phoneui{opacity:1;transform:perspective(1000px) rotateY(0) rotateZ(0) scale(1);}
  .wtile--dark.is-rev .wtile__media--angled{opacity:0;transform:translateY(-50%) scale(.9);}
  .wtile--warm.is-rev{background:linear-gradient(120deg,#221a12 0%,#39291b 100%);}
  .wtile--warm.is-rev .docfx{opacity:1;transform:scale(.72) rotate(0);}
  .wtile.is-rev::before{opacity:1;}
  .wtile__lk{min-height:44px;align-items:center;}
  /* cat4 Behandlungs-Kacheln: 1-spaltig (sonst rechts abgeschnitten) */
  .cat4{grid-template-columns:1fr;}
  /* Koerper-Diagramm: Labels als zentrierte Liste UNTER der Grafik statt ueberlappend */
  .duo__diagram{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-height:0!important;}
  .duo__fig{position:static!important;order:-1;max-width:220px;height:auto!important;transform:none!important;margin:0 auto;}
  .duo__diagram .leaders{display:none;}
  /* Sicherheits-/Hero-Subcards: Inline-3-Spalter mobil aufloesen (war gequetscht) */
  .subcards{grid-template-columns:1fr!important;}
  .duo__diagram .lead{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;max-width:none;text-align:center!important;}
  /* Aerzte: 1-spaltig stapeln statt komisches 2+1 */
  .docs{grid-template-columns:1fr;}
  /* Trust-Block: 4 einzelne Boxen, 1-spaltig -> jedes Feld einzeilig */
  .reassure{background:none;border:none;padding:0;margin-top:22px;gap:10px;grid-template-columns:1fr;}
  .rea{background:var(--cream);border:1px solid var(--line-2);border-radius:14px;padding:13px 16px;justify-content:flex-start;}
  .rea span{white-space:nowrap;}
  /* Sicherheits-Subcards: linksbuendig & kompakt (Icon links, Titel ueber Text) statt gross/zentriert */
  .subcards .subcard:has(.feat__ic){display:grid!important;grid-template-columns:auto 1fr;column-gap:13px;row-gap:2px;align-items:start!important;text-align:left!important;padding:16px 18px;min-height:0;}
  .subcards .subcard:has(.feat__ic) .feat__ic{grid-row:1 / span 2;align-self:start;margin:0!important;}
  .subcards .subcard:has(.feat__ic) .subcard__t{grid-column:2;align-self:center;margin:0;text-align:left!important;}
  .subcards .subcard:has(.feat__ic) p:not(.subcard__t){grid-column:2;text-align:left!important;margin:0;}
  /* arearail Swipe-Buttons: hoeher (auf Bildhoehe) + auf BEIDEN Seiten sichtbar */
  .railwrap--area .railbtn{top:24%;width:46px;height:46px;}
  .railwrap--area .railbtn--prev{left:8px;}
  .railwrap--area .railbtn--next{right:8px;}
  .railwrap--area .railbtn--prev[hidden]{opacity:.32;pointer-events:none;display:grid;}
  .mm__panel{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom));}
  .mm__close{width:46px;height:46px;}
  /* Mobile: Bild als Header OBEN (volle Breite), Text darunter auf der Box – klar getrennt */
  .how--cappu .hstep{display:block;min-height:0;padding:188px 18px 20px;}
  .how--cappu .hstep::after{top:0;left:0;right:0;bottom:auto;height:176px;background-size:cover;background-position:center 50%;}
  .how--cappu .hstep:nth-child(2)::after{background-position:center 70%;}
  .how--cappu .hstep:nth-child(3)::after{background-position:center 72%;}
  .how--cappu .hstep::before{display:none;}
  .how--cappu .hstep__no{position:static;display:inline-grid;vertical-align:middle;margin:0 10px 0 0;background:rgba(255,255,255,.62);color:var(--violet-ink);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .how--cappu .hstep h3{display:inline;vertical-align:middle;color:#2e2014;font-size:1.16rem;text-shadow:none;}
  .how--cappu .hstep p{display:block;margin-top:10px;background:none;border:0;padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:rgba(46,32,20,.78);text-shadow:none;font-size:.94rem;max-width:none;}
  #gw-ratgeber,#ts-ratgeber,#pz-ratgeber{padding:34px 20px;border-radius:24px;margin:18px 16px;}
  #ts-fragen,#gw-fragen{padding-left:16px;padding-right:16px;}
  .pcard2__cta a,.pcard2__cta .go--soon{min-height:44px;display:flex;align-items:center;justify-content:center;padding:.7em .5em;}
  .safebox h3{font-size:clamp(1.02rem,4.4vw,1.12rem);}
  .safebox p{font-size:.9rem;}
  .duo__h2{font-size:clamp(1.65rem,7vw,1.95rem);}
  /* Sub-Hero Tiles: untereinander stapeln (ganzer Bereich sichtbar, kein Abschneiden) */
  .chero2__tiles{display:grid!important;grid-template-columns:1fr;gap:14px;overflow:visible;padding:0;}
  .chero2__tiles .htile{flex:none;min-height:200px;scroll-snap-align:none;}
  /* feat4: 1-spaltig; Icon links, Titel UEBER Text (Grid, sauber statt gedraengt) */
  .feat4{grid-template-columns:1fr!important;gap:12px;}
  .feat{display:grid;grid-template-columns:auto 1fr;column-gap:15px;row-gap:4px;align-items:start;text-align:left;padding:18px 20px;}
  .feat__ic{grid-row:1 / span 2;align-self:start;margin:0;flex:none;}
  .feat h4{grid-column:2;align-self:center;margin:0;text-align:left;}
  .feat p{grid-column:2;text-align:left;max-width:none;margin:0;}
  /* Vergleichstabelle kompakter (war zerschossen/gequetscht) */
  .cmp__row{grid-template-columns:.85fr 1fr 1fr;}
  .cmp__row>div{padding:12px 8px;font-size:.78rem;gap:6px;}
  .cmp__head>div{font-size:.8rem;}
  .cmp svg{width:15px;height:15px;flex:0 0 15px;}
  /* Wirkstoff-Tabelle (4-spaltig) -> Karten pro Wirkstoff (lesbar statt gequetscht) */
  .wtab--cards,.wtab--cards tbody{display:block;width:100%;}
  .wtab--cards thead{display:none;}
  .wtab--cards tr{display:block;padding:12px 16px;border-bottom:1px solid rgba(20,70,60,.14);}
  .wtab--cards tr:last-child{border-bottom:0;}
  .wtab--cards td{display:flex;justify-content:space-between;gap:14px;padding:4px 0!important;border:0!important;text-align:right;font-size:.94rem;}
  .wtab--cards td:first-child{justify-content:flex-start;font-family:var(--font-display);font-weight:800;font-size:1.06rem;padding-bottom:7px!important;}
  .wtab--cards td[data-label]::before{content:attr(data-label);font-weight:600;opacity:.6;text-align:left;}
  .paytiles{gap:8px;}
  .paytile{height:42px;min-width:56px;padding:0 12px;font-size:.92rem;}
}
@media (max-width:400px){
  .nav__cta{font-size:.8rem;padding:.6em .9em;white-space:nowrap;}
  .nav__in{padding:11px 14px;}
  .nav__right{gap:6px;}
  #gw-ratgeber,#ts-ratgeber,#pz-ratgeber{padding:28px 16px;border-radius:20px;}
  #ts-fragen,#gw-fragen{padding-left:16px;padding-right:16px;}
  .how--cappu .hstep{min-height:188px;}
}
@media (hover:none){
  .railwrap:not(.railwrap--area) .railbtn{display:none;}
}

/* ---- Coming-soon (non_cannaleo_coming_soon): deaktivierte Funnel-CTAs + Badge ---- */
.btn--soon{background:#ECEAF0;color:var(--quiet);cursor:not-allowed;box-shadow:none;pointer-events:none;user-select:none;}
.btn--soon:hover{transform:none;box-shadow:none;}
span.btn-dark.btn--soon{background:#ECEAF0;color:var(--quiet);}
.pcard2__cta .go--soon,#page-gewicht .pcard2__cta .go--soon,#page-potenz .pcard2__cta .go--soon,#page-testo .pcard2__cta .go--soon{background:#ECEAF0;border:1px solid transparent;color:var(--quiet);cursor:not-allowed;pointer-events:none;white-space:nowrap;}
.soon-badge{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:#6E6878;background:#ECEAF0;padding:3px 9px;border-radius:999px;vertical-align:middle;}
.ctile .soon-badge{position:absolute;top:12px;right:14px;z-index:2;}
.rcard__badge--soon{background:rgba(255,255,255,.85);color:#6E6878;text-transform:uppercase;font-size:.66rem;letter-spacing:.05em;}
.ctile{position:relative;}
.soon-badge--onDark{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85);}
/* Footer-App-Karte im Coming-Soon-Zustand: Eyebrow-Badge, Subline, Ghost-Store-Chips */
.foot__app .soon-badge{margin:0 0 14px;position:relative;z-index:1;gap:7px;}
.soon-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);animation:soonPulse 2s ease-in-out infinite;}
@keyframes soonPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.7);}}
.foot__app-sub{position:relative;z-index:1;color:rgba(255,255,255,.55);font-size:.88rem;line-height:1.55;max-width:34ch;margin-bottom:16px;text-wrap:pretty;}
.foot__stores{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;}
.storechip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:.78rem;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 13px;user-select:none;}
.storechip svg{width:14px;height:14px;fill:currentColor;flex:none;}
@media (max-width:680px){
  .ctile .soon-badge{top:8px;right:10px;font-size:.56rem;padding:2px 7px;}
  .mslide .ctapair .btn--soon{min-height:46px;font-size:.95rem;}
}
/* Scrub-Panel (So funktioniert's) auf Telefonen: 16:9 ist zu flach — Beat-Text
   kollidierte mit Timeline/Watermark. Hochformat gibt der Overlay-Typo Luft. */
@media (max-width:680px){
  .duo__panel--v{aspect-ratio:4/5;}
  .m2beat{left:16px;right:16px;top:18px;}
  .m2beat h4{font-size:1.3rem;max-width:15ch;}
  .m2sub{font-size:.82rem;margin-top:8px;max-width:28ch;}
  .m2tl{padding:44px 16px 14px;}
  .m2tl-step span{font-size:.52rem;letter-spacing:.1em;}
  .m2brand{width:min(46%,150px);}
}