:root{--pwh-purple:#8d16f4;--pwh-purple2:#b848ff;--pwh-ink:#15121a;--pwh-grid:rgba(118,70,158,.105);--pwh-cell:110px}
.pwh,.pwh *{box-sizing:border-box}.pwh{position:relative;left:50%;width:100vw;max-width:none!important;margin-left:-50vw!important;margin-right:0!important;overflow-x:clip;color:var(--pwh-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#fbf6ff;background-image:linear-gradient(var(--pwh-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pwh-grid) 1px,transparent 1px);background-size:var(--pwh-cell) var(--pwh-cell);background-position:0 0}
.pwh section{background:transparent!important}.pwh-content{width:min(1380px,calc(100% - 64px));margin-inline:auto}.pwh-hero{padding:42px 0 64px}.pwh-top{padding-bottom:32px}.pwh-kicker{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:850;letter-spacing:.2em;color:var(--pwh-purple);margin-bottom:22px}.pwh-kicker-line{width:46px;height:4px;border-radius:10px;background:#72b45c}.pwh h1{margin:0 auto;max-width:1050px;text-align:center;font-size:clamp(44px,5.6vw,82px);line-height:.96;letter-spacing:-.055em;font-weight:850}
.pwh-video-wrap{width:100%;margin:0;overflow:hidden;position:relative;background:transparent}.pwh-video{display:block;width:100%;height:clamp(330px,39vw,610px);object-fit:cover;object-position:center;border:0}.pwh-after-video{padding-top:22px;text-align:center}.pwh-tagline{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,42px);line-height:1.12;color:var(--pwh-ink)}.pwh-tagline span{font-style:normal;color:var(--pwh-ink)}.pwh-tagline em{font-style:italic;color:var(--pwh-purple);font-weight:500}.pwh-description{max-width:790px;margin:0 auto;color:#5f5964;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.pwh-actions{display:flex;justify-content:center;margin-top:18px}.pwh-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:0 30px!important;border-radius:16px!important;text-decoration:none!important;font-size:13px!important;line-height:1!important;font-weight:850!important;letter-spacing:.13em!important;transition:transform .2s ease,box-shadow .2s ease!important}.pwh-btn:hover{transform:translateY(-2px);text-decoration:none!important}.pwh-btn span{font-size:19px}.pwh-btn-purple{color:#fff!important;background:linear-gradient(145deg,#6e0ed5 0%,#9b22fa 42%,#b73fff 58%,#7610e5 100%)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -12px 24px rgba(64,0,115,.22),0 14px 32px rgba(126,22,227,.28)!important}.pwh-shipping{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 0;color:#67606b;font-size:14px;font-weight:650}.pwh-dot{width:8px;height:8px;border-radius:50%;background:#70b25a;box-shadow:0 0 0 4px rgba(112,178,90,.14)}
.pwh-range{padding:54px 0 78px;border-top:1px solid rgba(93,35,130,.10)}.pwh-section-head{text-align:center;margin-bottom:36px}.pwh-section-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;color:var(--pwh-purple);font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.035em}.pwh-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pwh-product-card{min-width:0;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid rgba(80,36,110,.13);box-shadow:0 18px 45px rgba(45,19,62,.09),inset 0 1px 0 #fff;transition:transform .25s ease,box-shadow .25s ease}.pwh-product-card:hover{transform:translateY(-5px);box-shadow:0 25px 58px rgba(67,22,94,.15),inset 0 1px 0 #fff}.pwh-product-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.03;padding:22px;background:linear-gradient(145deg,rgba(247,239,253,.88),rgba(255,255,255,.96));overflow:hidden;text-decoration:none!important}.pwh-product-image:after{content:"";position:absolute;inset:auto 12% 6% 12%;height:18%;background:radial-gradient(ellipse,rgba(121,31,183,.12),transparent 70%);filter:blur(8px)}.pwh-product-image img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.pwh-product-card:hover img{transform:scale(1.035)}.pwh-product-arrow{position:absolute;z-index:3;right:17px;top:17px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#151217;color:#fff;font-size:17px;box-shadow:0 7px 16px rgba(0,0,0,.15)}.pwh-product-info{padding:20px 20px 21px}.pwh-product-label{display:block;margin-bottom:7px;font-size:9px;letter-spacing:.18em;font-weight:850;color:#8b7f91}.pwh-product-info h3{margin:0 0 18px;font-size:clamp(20px,1.7vw,27px);line-height:1.05;letter-spacing:-.035em}.pwh-product-info h3 a{color:#171319!important;text-decoration:none!important}.pwh-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid rgba(62,36,72,.10)}.pwh-price{font-size:15px;font-weight:800;color:#171319}.pwh-price del{font-weight:500;color:#8c838f}.pwh-price ins{text-decoration:none}.pwh-mini-btn{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:0 14px!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(145deg,#9a26f5,#7410dd)!important;text-decoration:none!important;font-size:9px!important;letter-spacing:.12em!important;font-weight:850!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 15px rgba(119,17,216,.18)!important}.pwh-range-action{text-align:center;margin-top:32px}.pwh-btn-black{color:#fff!important;background:linear-gradient(145deg,#29262b 0%,#09090a 62%,#1e1b20 100%)!important;border:1px solid #000!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -8px 16px rgba(0,0,0,.55),0 12px 28px rgba(0,0,0,.20)!important}
@media(max-width:980px){.pwh-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:root{--pwh-cell:73px}.pwh-content{width:calc(100% - 28px)}.pwh-hero{padding:26px 0 30px}.pwh-top{padding-bottom:23px}.pwh-kicker{font-size:13px;margin-bottom:18px;gap:12px}.pwh-kicker-line{width:42px;height:3px}.pwh h1{font-size:clamp(36px,10.7vw,50px);line-height:1.01}.pwh-video{height:clamp(260px,76vw,390px)}.pwh-after-video{padding-top:18px}.pwh-tagline{font-size:27px}.pwh-description{font-size:15px;line-height:1.55}.pwh-btn{width:100%;max-width:430px;min-height:56px;border-radius:15px!important}.pwh-range{padding:40px 0 58px}.pwh-section-head{margin-bottom:26px}.pwh-section-head h2{font-size:39px}.pwh-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pwh-product-card{border-radius:18px}.pwh-product-image{padding:10px;aspect-ratio:1/1.06}.pwh-product-arrow{width:31px;height:31px;right:10px;top:10px;font-size:14px}.pwh-product-info{padding:13px 12px 14px}.pwh-product-label{font-size:7px;margin-bottom:5px;letter-spacing:.13em}.pwh-product-info h3{font-size:17px;margin-bottom:12px}.pwh-product-bottom{display:block;padding-top:10px}.pwh-price{display:block;font-size:13px;margin-bottom:9px}.pwh-mini-btn{width:100%;min-height:34px;padding:0 8px!important;font-size:8px!important}.pwh-range-action{margin-top:24px}}
@media(max-width:380px){.pwh-content{width:calc(100% - 20px)}.pwh h1{font-size:34px}.pwh-products{gap:8px}.pwh-product-info{padding:11px 10px 12px}.pwh-product-info h3{font-size:15px}}

/* v2.3 visual continuity: one grid rhythm across the landing page */
.pwh-hero,.pwh-range,.pwh-top,.pwh-after-video{background-color:transparent!important;background-image:none!important}
.pwh-video-wrap{line-height:0}
.pwh-video{vertical-align:top}

/* v2.4 — match the grid embedded in the hero video; layout/content unchanged */
:root{
  --pwh-cell:85px;
  --pwh-grid:rgba(112,74,145,.115);
}
html,body{max-width:100%;overflow-x:hidden}
.pwh{
  width:100vw!important;
  max-width:100vw!important;
  left:50%!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  overflow-x:clip!important;
  background-color:#fbf6ff!important;
  background-image:linear-gradient(var(--pwh-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pwh-grid) 1px,transparent 1px)!important;
  background-size:var(--pwh-cell) var(--pwh-cell)!important;
  background-position:0 0!important;
}
.pwh section,.pwh-hero,.pwh-range,.pwh-top,.pwh-after-video{
  background-color:transparent!important;
  background-image:none!important;
}
@supports(width:100dvw){
  .pwh{width:100dvw!important;max-width:100dvw!important;margin-left:-50dvw!important}
}
@media(max-width:700px){
  :root{--pwh-cell:56px}
  .pwh{background-size:var(--pwh-cell) var(--pwh-cell)!important}
}

/* v2.7 (Handy kleiner) / v2.6 — Raster fest an das Video gekoppelt.
   Video = 18 x 7 Karos (1800x700 px, Zelle 100 px). Seite und Video teilen sich dieselbe Zellgröße --pwh-c,
   dieselbe Nullpunkt-Ecke (oben links im Video) und dieselbe Linienstärke (Zelle/50). */
:root{--pwh-cols:18;--pwh-rows:7;--pwh-top-rows:3;--pwh-cmin:40px;--pwh-c:max(var(--pwh-cmin),calc(100vw / 18))}
/* --pwh-cmin = kleinste Karo-Zelle (Handy). Kleiner = Video wirkt weiter weg / mehr vom Bild sichtbar, Karos werden dichter. */
@media(max-width:1100px){:root{--pwh-top-rows:4}}
@media(max-width:700px){:root{--pwh-top-rows:5}}
.pwh{
  --pwh-line:calc(var(--pwh-c) / 50);
  --pwh-linecolor:rgba(112,74,145,.08);
  background-color:#fbf6ff!important;
  background-image:linear-gradient(var(--pwh-linecolor) var(--pwh-line),transparent var(--pwh-line)),linear-gradient(90deg,var(--pwh-linecolor) var(--pwh-line),transparent var(--pwh-line))!important;
  background-size:var(--pwh-c) var(--pwh-c)!important;
  background-position:calc((100vw - var(--pwh-cols) * var(--pwh-c)) / 2) 0!important;
}
/* Oberer Block = ganze Zellen hoch, damit die Video-Oberkante genau auf einer Rasterlinie liegt */
.pwh-hero{padding-top:0!important}
.pwh-top{padding:0!important;height:calc(var(--pwh-top-rows) * var(--pwh-c));display:flex;flex-direction:column;justify-content:center}
/* Video: feste Größe in Zellen, mittig; auf schmalen Bildschirmen seitlich beschnitten (immer symmetrisch) */
.pwh-video-wrap{height:calc(var(--pwh-rows) * var(--pwh-c));display:flex;justify-content:center;overflow:hidden}
.pwh-video{flex:none;width:calc(var(--pwh-cols) * var(--pwh-c))!important;height:calc(var(--pwh-rows) * var(--pwh-c))!important;object-fit:fill!important}


/* ============================================================
   v2.9 — Kopfbereich etwas tiefer, Überschrift mit lila "Peptide" (ohne Punkt), kompaktere Startseite am PC
   (Video oben/unten angeschnitten), Text/Button/Leiste höher, Leiste halb so schnell,
   neues interaktives Sortiment mit neuer Produktkarte + "In den Warenkorb".
   Video = 18 x 8 Karos (1800x800 px). Das Raster der Seite beginnt exakt an der Video-Oberkante,
   auch wenn das Video oben/unten angeschnitten ist (--pwh-shift).
   ============================================================ */
:root{--pwh-cols:18;--pwh-rows:8;--pwh-vrows:6}
@media(max-width:700px){:root{--pwh-vrows:7.3}}
.pwh{
  /* sichtbare Videozeilen: --pwh-vrows von --pwh-rows; oben werden 40 %, unten 60 % der Differenz abgeschnitten */
  --pwh-shift:calc((var(--pwh-rows) - var(--pwh-vrows)) * .4 * var(--pwh-c));
  /* Fallback ohne JS: 16px Abstand + Label (32px) + 2 Zeilen Überschrift + 22px Luft. Mit JS (home.js) wird die echte Höhe gesetzt. */
  --pwh-top-h:calc(16px + 32px + 1.92 * clamp(44px,5.6vw,82px) + 22px);
  background-position:calc((100vw - var(--pwh-cols) * var(--pwh-c)) / 2) calc(var(--pwh-top-h) - var(--pwh-shift))!important;
}
.pwh-hero{padding:0!important}
.pwh-top{padding:16px 0 22px!important;height:auto;justify-content:flex-start}
.pwh-kicker{margin-bottom:14px}
.pwh h1 .pwh-accent{color:var(--pwh-purple)}
.pwh-video-wrap{height:min(calc(var(--pwh-vrows) * var(--pwh-c)),46vh)!important;align-items:flex-start}
.pwh-video{margin-top:calc(-1 * var(--pwh-shift))}

/* Tagline: selbst gehostete Serife (Lora-Ableitung "PW Serif"), Betonung als violetter Verlauf in Kursiv */
.pwh-after-video{padding-top:8px}
.pwh-tagline{
  margin:0 auto 6px;
  font-family:"PW Serif",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(25px,3vw,44px);line-height:1.16;letter-spacing:-.012em;
  color:var(--pwh-ink);text-wrap:balance;
}
.pwh-tagline span{color:var(--pwh-ink);font-style:normal}
.pwh-tagline em{font-style:italic;font-weight:600;color:var(--pwh-purple);padding-right:.05em}
@supports((-webkit-background-clip:text) or (background-clip:text)){
  .pwh-tagline em{background:linear-gradient(100deg,#6a0cd0 0%,#9d28fb 52%,#c94fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.pwh-description{max-width:980px;line-height:1.5}
.pwh-actions{margin-top:12px}
.pwh-actions .pwh-btn{padding:0 46px!important}

/* Ankündigungsleiste, direkt unter dem Button, volle Breite (Tempo: halb so schnell wie zuvor) */
.pwh-ticker{width:100%;height:42px;margin:18px 0 0;padding:0;background:#101014;color:#fff;display:flex;align-items:center;overflow:hidden;white-space:nowrap;line-height:1}
.pwh-ticker__track{display:flex;align-items:center;width:max-content;min-width:max-content;animation:pwhTicker 80s linear infinite;will-change:transform}
.pwh-ticker__group{display:flex;align-items:center;flex-shrink:0}
.pwh-ticker__item{display:flex;align-items:center;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;letter-spacing:2.1px;text-transform:uppercase;line-height:1;color:#fff}
.pwh-ticker__item:after{content:"\2726";color:#9b2cff;font-size:16px;margin:0 28px}
@keyframes pwhTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.pwh-ticker__track{animation:none}}
@media(min-width:1600px){.pwh-ticker{height:44px}.pwh-ticker__item{font-size:15px}}

/* Sicherheitsnetz: falls das alte Plugin "Pepswerk Home Hero" noch aktiv ist, wird dessen Block ausgeblendet */
#pw-home-hero{display:none!important}

/* ---------- Sortiment (neu): interaktive Karten ---------- */
.pwh-range{padding:30px 0 64px}
.pwh-section-head{margin-bottom:24px}
.pwh-section-head h2{font-family:"PW Serif",Georgia,"Times New Roman",serif;font-style:normal;font-weight:500;color:var(--pwh-ink);font-size:clamp(32px,3.6vw,54px);line-height:1.05;letter-spacing:-.02em}
.pwh-section-head h2 em{font-style:italic;font-weight:600;color:var(--pwh-purple);padding-right:.05em}
@supports((-webkit-background-clip:text) or (background-clip:text)){
  .pwh-section-head h2 em{background:linear-gradient(100deg,#6a0cd0 0%,#9d28fb 52%,#c94fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.pwh-p-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.pwh-p-card{
  position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(251,246,255,.94));
  border:1px solid rgba(96,44,140,.14);
  box-shadow:inset 0 1px 0 #fff,0 16px 38px rgba(45,19,62,.08);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;
  will-change:transform;
}
.pwh-p-card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(157,40,251,.13),transparent 62%)}
.pwh-p-card:hover,.pwh-p-card:focus-within{--lift:-8px;border-color:rgba(141,22,244,.35);box-shadow:inset 0 1px 0 #fff,0 30px 60px rgba(76,22,110,.17)}
.pwh-p-card:hover:before{opacity:1}
.pwh-p-media{position:relative;display:block;aspect-ratio:1/1;margin:10px 10px 0;border-radius:20px;overflow:hidden;text-decoration:none!important;
  background:radial-gradient(62% 52% at 50% 62%,rgba(184,72,255,.16),transparent 72%),#fbf8ff}
.pwh-p-media:after{content:"";position:absolute;left:24%;right:24%;bottom:8%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(60,20,90,.22),transparent 70%);filter:blur(5px);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s}
.pwh-p-media img.pwh-p-img{position:absolute;inset:7% 8% 11%;width:84%!important;height:82%!important;max-width:none!important;object-fit:contain;border-radius:0!important;box-shadow:none!important;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);z-index:1}
.pwh-p-card:hover .pwh-p-img{transform:translateY(-6px) scale(1.06) rotate(-1.5deg)}
.pwh-p-card:hover .pwh-p-media:after{transform:scale(.86);opacity:.7}
.pwh-p-tag{position:absolute;z-index:3;left:12px;top:12px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.86);border:1px solid rgba(96,44,140,.12);
  font-size:8.5px;line-height:1;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#6f4a8e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pwh-p-info{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px 18px 18px}
.pwh-p-name{margin:0;font-size:clamp(19px,1.55vw,25px);line-height:1.08;letter-spacing:-.035em;font-weight:800}
.pwh-p-name a{color:#171319!important;text-decoration:none!important}
.pwh-p-price{font-size:17px;font-weight:800;color:#171319;line-height:1.2}
.pwh-p-price del{font-weight:500;color:#8c838f;font-size:.85em}
.pwh-p-price ins{text-decoration:none}
.pwh-atc{
  position:relative;margin-top:auto;display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:0 14px!important;
  border-radius:14px!important;border:1px solid rgba(255,255,255,.45)!important;cursor:pointer;text-decoration:none!important;
  color:#fff!important;font-family:inherit;font-size:11.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase;
  background:linear-gradient(145deg,#6e0ed5 0%,#9b22fa 45%,#b73fff 60%,#7610e5 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 20px rgba(64,0,115,.2),0 10px 22px rgba(126,22,227,.25)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .3s ease!important;-webkit-tap-highlight-color:transparent;
}
.pwh-atc:hover{transform:translateY(-2px)}
.pwh-atc:active{transform:translateY(0) scale(.98)}
.pwh-atc svg{width:17px;height:17px;flex:none}
.pwh-atc__idle{display:inline-flex;align-items:center;gap:9px}
.pwh-atc__done{display:none}
.pwh-atc.is-done{background:linear-gradient(145deg,#188046,#2fb36a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 22px rgba(24,128,70,.28)!important}
.pwh-atc.is-done .pwh-atc__idle{display:none}
.pwh-atc.is-done .pwh-atc__done{display:inline-flex;align-items:center;gap:8px}
.pwh-atc.is-loading{pointer-events:none;opacity:.85}
.pwh-atc.is-loading .pwh-atc__idle{opacity:0}
.pwh-atc.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:pwhSpin .7s linear infinite}
.pwh-atc.is-disabled{background:#d9d3de!important;box-shadow:none!important;color:#6c6470!important;cursor:not-allowed}
@keyframes pwhSpin{to{transform:rotate(360deg)}}
.pwh-range-action{margin-top:26px}
/* Einblenden beim Scrollen (nur mit JS) */
.pwh.pwh-js .pwh-p-card{opacity:0}
.pwh.pwh-js .pwh-p-card.is-in{opacity:1;animation:pwhCardIn .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes pwhCardIn{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
  .pwh.pwh-js .pwh-p-card,.pwh.pwh-js .pwh-p-card.is-in{opacity:1;animation:none}
  .pwh-p-card,.pwh-p-img{transition:none!important}
  .pwh-p-card:hover .pwh-p-img{transform:none}
}
/* Hinweis nach dem Hinzufügen */
.pwh-toast{position:fixed;left:50%;bottom:96px;z-index:99999;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:12px 14px 12px 18px;border-radius:16px;background:#15121a;color:#fff;
  font-size:14px;font-weight:650;box-shadow:0 18px 40px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .3s ease,transform .3s ease}
.pwh-toast.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.pwh-toast a{color:#d9a8ff!important;font-weight:800;text-decoration:none!important;white-space:nowrap}
/* Punkte unter dem Slider (nur Handy) */
.pwh-dots{display:none}

@media(max-width:980px){.pwh-p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:767px){
  .pwh-ticker{height:36px;margin-top:14px}
  .pwh-ticker__item{font-size:11px;letter-spacing:1.45px}
  .pwh-ticker__item:after{font-size:13px;margin:0 18px}
  .pwh-ticker__track{animation-duration:68s}
}
@media(max-width:700px){
  .pwh{--pwh-top-h:calc(12px + 28px + 2 * 1.01 * clamp(36px,10.7vw,50px) + 18px)}
  .pwh-top{padding:12px 0 18px!important}
  .pwh-kicker{margin-bottom:12px}
  .pwh-after-video{padding-top:6px}
  .pwh-tagline{font-size:25px}
  .pwh-description{line-height:1.45}
  .pwh-actions{margin-top:10px}
  .pwh-range{padding:24px 0 52px}
  .pwh-section-head{margin-bottom:18px}
  .pwh-range .pwh-content{overflow:visible}
  /* Karten als wischbarer Slider */
  .pwh-p-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:14px;-webkit-overflow-scrolling:touch;
    margin:0 -14px -12px;padding:8px 14px 30px;scrollbar-width:none}
  .pwh-p-grid::-webkit-scrollbar{display:none}
  .pwh-p-card{flex:0 0 76%;scroll-snap-align:start;border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(45,19,62,.10)}
  .pwh-p-info{padding:14px 15px 16px}
  .pwh-p-name{font-size:21px}
  .pwh-dots{display:flex;justify-content:center;gap:7px;margin-top:2px}
  .pwh-dots button{width:8px;height:8px;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(96,44,140,.22)!important;cursor:pointer;transition:width .25s ease,background .25s ease}
  .pwh-dots button.is-on{width:24px;background:var(--pwh-purple)!important}
  .pwh-toast{bottom:88px}
}
@media(max-width:380px){
  .pwh{--pwh-top-h:calc(12px + 28px + 2 * 1.01 * 34px + 18px)}
}


/* ============================================================
   v2.10 — Statistik-Sektion: Bild rechts, Kennzahlen links (auf PC UND Handy in dieser
   Reihenfolge, nie untereinander). Optik im Pepswerk-Look: heller Grund, violette Akzente,
   "PW Serif" wie die Tagline. Die dunkle Karte mit Mini-Kurve/COA-Kopf greift die
   Beispielbilder auf, in eigenen Farben statt Blau/Marine.
   ============================================================ */
.pwh-stats{padding:8px 0 84px}
.pwh-stats-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.pwh-kicker--dark{color:var(--pwh-purple)}
.pwh-stats-info h2{margin:0 0 16px;font-family:"PW Serif",Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(26px,3.6vw,54px);line-height:1.08;letter-spacing:-.02em;color:var(--pwh-ink)}
.pwh-stats-info h2 em{font-style:italic;font-weight:600;color:var(--pwh-purple);padding-right:.05em}
@supports((-webkit-background-clip:text) or (background-clip:text)){
  .pwh-stats-info h2 em{background:linear-gradient(100deg,#6a0cd0 0%,#9d28fb 52%,#c94fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.pwh-stats-copy{margin:0 0 30px;max-width:46ch;font-size:16.5px;line-height:1.6;color:#5c5566}
.pwh-stats-nums{display:grid;grid-template-columns:repeat(3,auto);gap:28px 30px;padding-top:24px;border-top:1px solid rgba(96,44,140,.16)}
.pwh-stat{display:flex;flex-direction:column;gap:6px;min-width:0}
.pwh-stat__n{font-family:"PW Serif",Georgia,serif;font-weight:600;font-size:clamp(24px,2.6vw,36px);line-height:1;letter-spacing:-.01em;color:var(--pwh-ink);white-space:nowrap}
.pwh-stat__l{font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;color:#8b7f97;max-width:15ch}

.pwh-stats-media{position:relative;min-width:0}
.pwh-stats-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;background:#efe8f7;
  box-shadow:0 30px 60px rgba(45,19,62,.16)}
.pwh-stats-card{
  position:absolute;left:-6%;bottom:-8%;width:76%;max-width:320px;padding:16px 18px 14px;border-radius:18px;
  background:#171226;color:#e9e2f4;box-shadow:0 22px 44px rgba(23,18,38,.34),0 0 0 1px rgba(255,255,255,.06) inset;
}
.pwh-stats-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;
  font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a99ac0}
.pwh-stats-card__ok{color:#c8ff6e;white-space:nowrap}
.pwh-stats-card__chart{display:block;width:100%;height:44px;color:#b06bff}
.pwh-stats-card__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;
  font-size:9.5px;font-weight:700;letter-spacing:.01em;color:#c8ff6e;font-variant-numeric:tabular-nums}
.pwh-stats-card__foot span:nth-child(2){color:#e9e2f4;font-weight:800}

/* ---- Mittlere Breiten: Bild etwas kleiner, Abstände enger ---- */
@media(max-width:980px){
  .pwh-stats{padding:6px 0 64px}
  .pwh-stats-grid{grid-template-columns:1.15fr .85fr;gap:32px}
  .pwh-stats-copy{max-width:none}
  .pwh-stats-nums{grid-template-columns:repeat(3,auto);gap:20px 18px}
}

/* ---- Handy: weiterhin zwei Spalten (Bild bleibt rechts), nur kompakter.
   Die Mini-Analytik-Karte braucht mehr Platz als eine schmale Spalte hergibt und
   wird darum ab hier unter das Bild gesetzt statt darüber zu schweben. Kennzahlen
   stehen untereinander (einspaltig), damit Zahl und Beschriftung lesbar bleiben. ---- */
@media(max-width:700px){
  .pwh-stats{padding:4px 0 44px}
  .pwh-stats-grid{grid-template-columns:1.2fr 1fr;gap:16px;align-items:start}
  .pwh-stats-info{padding-top:2px}
  .pwh-kicker--dark{font-size:11px;margin-bottom:10px;gap:8px}
  .pwh-kicker--dark .pwh-kicker-line{width:26px;height:2px}
  .pwh-stats-info h2{font-size:clamp(21px,7vw,27px);line-height:1.1;margin-bottom:8px}
  .pwh-stats-copy{display:none}
  .pwh-stats-nums{grid-template-columns:1fr;gap:12px;padding-top:14px;border-top-width:1px}
  .pwh-stat__n{font-size:22px}
  .pwh-stat__l{font-size:9.5px;max-width:none}
  .pwh-stats-media{display:flex;flex-direction:column;gap:8px}
  .pwh-stats-media img{aspect-ratio:3/4;border-radius:18px;box-shadow:0 14px 26px rgba(45,19,62,.16)}
  .pwh-stats-card{position:static;width:100%;max-width:none;padding:11px 12px 10px;border-radius:13px}
  .pwh-stats-card__head{flex-direction:column;align-items:flex-start;gap:2px;font-size:7.6px;margin-bottom:7px}
  .pwh-stats-card__chart{height:30px}
  .pwh-stats-card__foot{font-size:7.6px;margin-top:6px}
}
@media(max-width:340px){
  .pwh-stats-card{display:none}
}

/* 2.10.1: kompakter Qualitätsblock mit vollständig sichtbarem, transparentem Bild. */
.pwh .pwh-stats{
  padding:30px 0 14px;
}
.pwh .pwh-stats-grid{
  width:min(1120px,calc(100% - 48px));
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:36px;
  align-items:center;
}
.pwh .pwh-stats-info h2{
  font-size:clamp(30px,3.2vw,48px);
  margin:14px 0 20px;
}
.pwh .pwh-stats-copy{margin-bottom:20px}
.pwh .pwh-stats-nums{gap:16px 22px;padding-top:17px}
.pwh .pwh-stat__n{font-size:clamp(25px,2.4vw,34px)}
.pwh .pwh-stats-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  position:relative;
}
.pwh .pwh-stats-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:430px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center right;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 16px 22px rgba(45,19,62,.13));
  animation:pwh-quality-float 6s ease-in-out infinite;
}
@keyframes pwh-quality-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pwh .pwh-stats-card{display:none}

@media(max-width:980px){
  .pwh .pwh-stats{padding:24px 0 12px}
  .pwh .pwh-stats-grid{width:calc(100% - 32px);gap:24px}
  .pwh .pwh-stats-media img{max-height:340px}
}
@media(max-width:700px){
  .pwh .pwh-stats{padding:18px 0 10px}
  .pwh .pwh-stats-grid{
    width:calc(100% - 22px);
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:12px;
    align-items:center;
  }
  .pwh .pwh-stats-info{padding:0}
  .pwh .pwh-kicker--dark{font-size:9px;margin-bottom:8px;gap:6px}
  .pwh .pwh-kicker--dark .pwh-kicker-line{width:21px;height:2px}
  .pwh .pwh-stats-info h2{font-size:clamp(24px,7vw,31px);line-height:1.04;margin:10px 0 14px}
  .pwh .pwh-stats-copy{display:none}
  .pwh .pwh-stats-nums{grid-template-columns:1fr;gap:10px;padding-top:12px}
  .pwh .pwh-stat{gap:3px}
  .pwh .pwh-stat__n{font-size:clamp(23px,6vw,28px)}
  .pwh .pwh-stat__l{font-size:10px;line-height:1.25;max-width:18ch}
  .pwh .pwh-stats-media img{width:100%;max-height:270px;object-fit:contain;object-position:center}
}
@media(prefers-reduced-motion:reduce){.pwh .pwh-stats-media img{animation:none}}