/* Header/Mega-Menü/Buttons des Designs 2.0 — Extrakt aus app.css OHNE globale Resets,
   für Seiten mit fremdem CSS-Fundament (z. B. Patient-Dashboard). */
  :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;
  }
  .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;}
  .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;}
  .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;}
  .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);}
  .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);}
    .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;}
    .nav__right .login{display:none;}
  .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__in{gap:0;}
  .promo__in span{white-space:nowrap;font-size:.76rem;}
  .promo__in a{display:none;}
  .mm__t-lk{white-space:nowrap;}
  .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;}
  .nav__cta{font-size:.8rem;padding:.6em .9em;white-space:nowrap;}
  .nav__in{padding:11px 14px;}
  .nav__right{gap:6px;}


/* Footer 2.0 — verbatim-Block aus app.css (footer, foot__*, paytiles, qrbox) */
  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;}
@media (max-width:680px){
    /* --- 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) --- */
}

/* --- Coming-Soon: Badge (Mega-Menü) + Footer-App-Karte (gleich wie app.css) --- */
.soon-badge{display:inline-flex;align-items:center;gap:7px;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;}
.soon-badge--onDark{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85);}
.foot__app .soon-badge{margin:0 0 14px;position:relative;z-index:1;}
.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;}