/* Das mase. System: Verkaufsseite im Stil einer Apple-Produktseite.
   Systemschrift (SF auf Apple-Geräten), große Headlines mit negativer Laufweite,
   ruhige Flächen in Weiß/Creme, eine dunkle Sektion, Akzent nur in mase.-Rot. */

/* Theme-Seitentitel ausblenden, nur auf dieser Seite */
.section-content-wrapper:has(.ms) > *:not(:has(.ms)){display:none!important}
.section-content-wrapper:has(.ms){gap:0!important;padding-block-start:0!important}

.ms{
  --wine:#6B1F2A;--wine-2:#561822;--ink:#1d1416;--ink-2:#3a2f31;--muted:#6e6467;--cream:#F4EEE4;--cream-2:#EAE2D5;--white:#fff;
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",system-ui,sans-serif;
  --r:28px;
  font-family:var(--sf);color:var(--ink);background:var(--white);
  width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-size:17px;line-height:1.47;letter-spacing:-.022em;
}
.ms *{box-sizing:border-box}
.ms img{max-width:100%;height:auto;display:block}
.ms a{text-decoration:none;color:var(--wine)}
.ms p,.ms h1,.ms h2,.ms h3,.ms figure,.ms blockquote,.ms ul,.ms ol{margin:0}
.ms .w{max-width:1024px;margin:0 auto;padding:0 22px}
.ms .w.narrow{max-width:760px}
.ms .c{text-align:center}

/* Typografie: Laufweite je Größe, enge Zeilen bei großen Schriften */
.ms h1,.ms h2,.ms h3{font-family:var(--sf);color:inherit;font-weight:700}
.ms h1{font-size:clamp(48px,8vw,96px);line-height:1.04;letter-spacing:-.035em}
.ms h2{font-size:clamp(36px,5.6vw,64px);line-height:1.06;letter-spacing:-.03em}
.ms h3{font-size:24px;line-height:1.16;letter-spacing:-.02em}
.ms .eyebrow{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--wine);margin-bottom:10px}
.ms .sub{font-size:clamp(19px,2.2vw,24px);line-height:1.38;letter-spacing:-.02em;color:var(--muted);font-weight:500;max-width:640px;margin:16px auto 0}
.ms .fine{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--muted)}

/* Flächen */
.ms section{display:block;padding:120px 0}
.ms .light{background:var(--cream)}
.ms .white{background:var(--white)}
.ms .dark{background:var(--ink);color:#f5f5f7}
.ms .dark .sub{color:#a1a1a6}

/* Buttons: Kapsel, sofortiges Druck-Feedback */
.ms .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:var(--wine);color:#fff!important;font-size:17px;font-weight:600;letter-spacing:-.01em;border:none;cursor:pointer;transition:transform .12s ease-out,background .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.ms .btn:hover{background:var(--wine-2)}
.ms .btn:active{transform:scale(.96)}
.ms .btn.o{background:transparent;color:var(--wine)!important;box-shadow:inset 0 0 0 1.5px var(--wine)}
.ms .btn.l{background:#fff;color:var(--wine)!important}
.ms .lnk{font-size:17px;font-weight:500;color:var(--wine);display:inline-flex;align-items:center;gap:4px}
.ms .lnk::after{content:"›";font-size:1.2em;line-height:1;transform:translateY(-1px)}
.ms .lnk:hover{text-decoration:underline}
.ms .lnk.lt{color:#fff}
.ms .ctas{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.ms .price{font-size:14px;color:var(--muted);margin-top:16px;letter-spacing:-.01em}

/* Hero */
.ms .hero{padding:72px 0 0;background:var(--white);text-align:center}
.ms .hero h1{max-width:900px;margin:0 auto}
.ms .hero-media{max-width:560px;margin:56px auto 0;padding:0 22px;transform-origin:50% 0}
.ms .hero-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}

/* Statement: großer Text, füllt sich beim Scrollen Wort für Wort */
.ms .statement{padding:140px 0}
.ms .big-text{font-size:clamp(28px,4.2vw,48px);line-height:1.18;letter-spacing:-.03em;font-weight:700;color:var(--ink)}
.ms .big-text+.big-text{margin-top:.8em}
.ms .ms-w{transition:color .3s linear}
.ms-scroll .ms .big-text .ms-w{color:#d3cbc4}
.ms-scroll .ms .big-text .ms-w.on{color:var(--ink)}
.ms .sign{margin-top:36px;font-size:21px;font-weight:600;color:var(--wine)}

/* Vorher / Nachher */
.ms .ba{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.ms .ba figure{display:flex;flex-direction:column;gap:12px}
.ms .ba img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px}
.ms .ba figcaption{font-size:14px;color:#a1a1a6}
.ms .ba figcaption b{color:#f5f5f7;font-weight:600}

/* Tagesablauf */
.ms .day{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#fff;border-radius:var(--r);padding:48px;margin-top:56px}
.ms .times{list-style:none;padding:0;position:relative;isolation:isolate}
.ms .times:before{content:"";position:absolute;left:62px;top:12px;bottom:12px;width:2px;background:var(--cream-2)}
.ms .ms-line{position:absolute;left:62px;top:12px;bottom:12px;width:2px;background:var(--wine);transform-origin:top;transform:scaleY(0);z-index:0}
.ms .times li{display:grid;grid-template-columns:52px 22px 1fr;gap:10px;align-items:center;padding:10px 0}
.ms .times time{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}
.ms .times i{width:12px;height:12px;border-radius:6px;background:var(--wine);justify-self:center;position:relative;z-index:1;box-shadow:0 0 0 4px #fff}
.ms .times span{font-size:19px;font-weight:600;letter-spacing:-.02em}
.ms .times small{color:var(--muted);font-weight:500;font-size:15px}
.ms-scroll .ms .times i{background:var(--cream-2);transition:background .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.ms-scroll .ms .times li.on i{background:var(--wine);transform:scale(1.3)}
.ms-scroll .ms .times li span{transition:opacity .3s;opacity:.35}
.ms-scroll .ms .times li.on span{opacity:1}
.ms .day .ph{display:flex;justify-content:center}
.ms .day .ph img{width:min(300px,80%)}

/* Bento */
.ms .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto);gap:20px;margin-top:56px}
.ms .b{background:var(--cream);border-radius:var(--r);padding:36px;overflow:hidden;display:flex;flex-direction:column;gap:16px;position:relative}
.ms .b h3{font-size:28px}
.ms .b p{color:var(--muted);font-size:17px;line-height:1.42}
.ms .b-track{grid-column:span 4;grid-row:span 2;flex-direction:row;align-items:center}
.ms .b-track .bt{flex:1}
.ms .b-track img{width:min(270px,44%);margin-bottom:-120px;align-self:flex-end}
.ms .b-train{grid-column:span 2;grid-row:span 2}
.ms .b-train img,.ms .b-weight img{width:min(220px,78%);margin:auto auto -110px}
.ms .b.dk{background:var(--ink);color:#f5f5f7}
.ms .b.dk p{color:#a1a1a6}
.ms .b-num{grid-column:span 2;justify-content:flex-end}
.ms .b-num .num{font-size:clamp(56px,7vw,80px);line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--wine)}
.ms .b-num .num span{font-size:.4em;letter-spacing:-.01em;margin-left:4px}
.ms .b-weight{grid-column:span 2;grid-row:span 2}
.ms .b.wine{background:var(--wine)}
.ms .b.wine .num,.ms .b.wine p{color:#fff}
.ms .b.wine p{opacity:.85}

/* Rechner */
.ms .calc{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:56px}
.ms .calc form{background:#fff;border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:16px}
.ms .seg{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-radius:12px;padding:3px}
.ms .seg button{font:inherit;font-size:15px;font-weight:600;border:none;background:transparent;color:var(--ink);border-radius:9px;padding:9px;cursor:pointer;transition:background .2s,box-shadow .2s}
.ms .seg button[aria-pressed=true]{background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}
.ms .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms .nums label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.ms .nums input{font:inherit;font-size:19px;font-weight:600;color:var(--ink);border:none;background:var(--cream);border-radius:12px;padding:13px 14px;width:100%;transition:box-shadow .15s}
.ms .nums input:focus{outline:none;box-shadow:0 0 0 3px rgba(107,31,42,.35)}
.ms .acts{display:flex;flex-direction:column;background:var(--cream);border-radius:12px;overflow:hidden}
.ms .acts button{font:inherit;font-size:16px;text-align:left;border:none;background:transparent;color:var(--ink);padding:14px 44px 14px 16px;cursor:pointer;position:relative}
.ms .acts button+button{box-shadow:inset 0 .5px 0 rgba(0,0,0,.12)}
.ms .acts button:active{background:var(--cream-2)}
.ms .acts button[aria-pressed=true]{font-weight:600}
.ms .acts button[aria-pressed=true]::after{content:"";position:absolute;right:18px;top:50%;width:6px;height:12px;border:solid var(--wine);border-width:0 2.5px 2.5px 0;transform:translateY(-62%) rotate(45deg)}
.ms .res{background:var(--wine);color:#fff;border-radius:var(--r);padding:36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.ms .res .k1{font-size:15px;color:rgba(255,255,255,.75)}
.ms .res .k2{font-size:clamp(34px,4vw,44px);line-height:1.08;font-weight:700;letter-spacing:-.03em}
.ms .res .k3{font-size:15px;color:rgba(255,255,255,.82)}
.ms .res .btn{margin-top:14px;align-self:flex-start}
.ms .res[data-empty] .btn{display:none}

/* Stimmen */
.ms .qs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.ms .q{background:var(--cream);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.ms .q blockquote{font-size:21px;line-height:1.36;font-weight:600;letter-spacing:-.02em}
.ms .q figcaption{font-size:14px;color:var(--muted)}

/* Pakete wie Apples Vergleich */
.ms .cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;align-items:stretch}
.ms .col{background:#fff;border-radius:var(--r);padding:36px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.ms .col.top{box-shadow:0 0 0 2px var(--wine)}
.ms .col .tag{font-size:13px;font-weight:600;color:var(--wine);min-height:18px}
.ms .col h3{font-size:32px}
.ms .col .pr{font-size:21px;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.ms .col .btn{margin:10px 0 18px}
.ms .col ul{list-style:none;padding:0;width:100%;display:flex;flex-direction:column}
.ms .col li{padding:13px 0;font-size:15px;box-shadow:inset 0 .5px 0 rgba(0,0,0,.1)}
.ms .col li.no{color:#b2a9a6}
.ms .cmp+.fine{margin-top:28px}

/* FAQ */
.ms .faq{margin-top:48px;border-top:.5px solid rgba(0,0,0,.15)}
.ms details{border-bottom:.5px solid rgba(0,0,0,.15)}
.ms summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-size:19px;font-weight:600;letter-spacing:-.02em;position:relative}
.ms summary::-webkit-details-marker{display:none}
.ms summary::after,.ms summary::before{content:"";position:absolute;right:6px;top:50%;width:14px;height:2px;border-radius:1px;background:var(--ink);transition:transform .35s cubic-bezier(.32,.72,0,1)}
.ms summary::before{transform:rotate(90deg)}
.ms details[open] summary::before{transform:rotate(0)}
.ms details p{padding:0 0 24px;color:var(--muted);font-size:17px;max-width:640px}

/* Schluss */
.ms .final{position:relative;padding:0;background:var(--ink);color:#fff;min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden}
.ms .final-media{position:absolute;inset:0}
.ms .final-media img{width:100%;height:100%;object-fit:cover;opacity:.75;transform-origin:50% 50%}
.ms .final-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(29,20,22,0) 30%,rgba(29,20,22,.9))}
.ms .final-txt{position:relative;z-index:1;padding-bottom:96px;width:100%}
.ms .final .sub{color:rgba(255,255,255,.8)}
.ms .final .btn{background:#fff;color:var(--wine)!important}
.ms .foot{padding:40px 0}

/* Kaufleiste: schwebendes Glas */
.ms-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;width:min(520px,calc(100% - 24px));transform:translate(-50%,160%);transition:transform .55s cubic-bezier(.32,.72,0,1);
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  color:#1d1416;border-radius:999px;padding:8px 8px 8px 22px;display:flex;align-items:center;gap:14px;
  box-shadow:0 10px 40px rgba(29,20,22,.18),inset 0 .5px 0 rgba(255,255,255,.8),0 0 0 .5px rgba(0,0,0,.08);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;letter-spacing:-.01em}
.ms-bar.on{transform:translate(-50%,0)}
.ms-bar .t{flex:1;min-width:0;line-height:1.2}
.ms-bar b{display:block;font-size:15px;font-weight:600}
.ms-bar span{font-size:13px;color:#6e6467}
.ms-bar a{background:#6B1F2A;color:#fff!important;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .12s}
.ms-bar a:active{transform:scale(.95)}

/* Dialog vor dem Kauf: iOS-Sheet */
.ms-dlg{border:none;padding:0;margin:auto auto 0;width:100%;max-width:520px;border-radius:22px 22px 0 0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;color:#1d1416;letter-spacing:-.01em;background:#fff}
.ms-dlg[open]{animation:msSheet .5s cubic-bezier(.32,.72,0,1)}
.ms-dlg::backdrop{background:rgba(0,0,0,.4);animation:msFade .3s ease}
@keyframes msSheet{from{transform:translateY(100%)}}
@keyframes msFade{from{opacity:0}}
@media(min-width:700px){.ms-dlg{margin:auto;border-radius:22px}.ms-dlg[open]{animation:msPop .4s cubic-bezier(.32,.72,0,1)}}
@keyframes msPop{from{transform:scale(.94);opacity:0}}
.ms-dlg form{padding:10px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}
.ms-dlg .grab{width:36px;height:5px;border-radius:3px;background:#d1d1d6;align-self:center;margin-bottom:4px}
@media(min-width:700px){.ms-dlg .grab{display:none}.ms-dlg form{padding-top:24px}}
.ms-dlg h3{margin:0;font-size:24px;font-weight:700;letter-spacing:-.025em}
.ms-dlg .sum{display:flex;justify-content:space-between;gap:12px;background:#F4EEE4;border-radius:14px;padding:14px 16px;font-weight:600}
.ms-dlg .sum span:last-child{white-space:nowrap}
.ms-dlg label{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:15px;line-height:1.45;cursor:pointer}
.ms-dlg input[type=checkbox]{width:22px;height:22px;margin:1px 0 0;accent-color:#6B1F2A}
.ms-dlg .go{font:inherit;font-weight:600;font-size:17px;border:none;border-radius:999px;min-height:52px;background:#6B1F2A;color:#fff;cursor:pointer;transition:transform .12s,opacity .2s}
.ms-dlg .go:active{transform:scale(.97)}
.ms-dlg .go:disabled{opacity:.35;cursor:default}
.ms-dlg .x{font:inherit;font-size:17px;border:none;background:none;color:#6B1F2A;cursor:pointer;padding:6px}
.ms-dlg .fine{font-size:12px;color:#6e6467;margin:0}
.ms-dlg a{color:#6B1F2A}

/* Bewegung: Laden, dann scroll-gekoppelt (Logik in system.js) */
.ms .hero .ld{animation:msUp 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0s)}
.ms .hero .hero-media.ld{animation-name:msRise;animation-duration:1.4s}
@keyframes msUp{from{opacity:0;transform:translateY(24px)}}
@keyframes msRise{from{opacity:0;transform:translateY(80px) scale(.94)}}
.ms-scroll .ms [data-rv],.ms-scroll .ms .ba figure,.ms-scroll .ms .b img,.ms-scroll .ms .hero-img,.ms-scroll .ms .final-media img,.ms-scroll .ms .day .ph img{will-change:transform,opacity}

@media(prefers-reduced-motion:reduce){
  .ms .hero .ld,.ms-dlg[open],.ms-dlg::backdrop{animation:none}
  .ms-bar{transition:none}
}
@media(prefers-reduced-transparency:reduce){.ms-bar{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Tablet */
@media(max-width:1000px){
  .ms .bento{grid-template-columns:repeat(2,1fr)}
  .ms .b-track,.ms .b-train,.ms .b-weight,.ms .b-num{grid-column:span 1;grid-row:auto}
  .ms .b-track{grid-column:span 2}
}
/* Handy */
@media(max-width:734px){
  .ms{font-size:17px}
  .ms section{padding:84px 0}
  .ms .hero{padding-top:48px}
  .ms .statement{padding:96px 0}
  .ms .ba{grid-template-columns:1fr 1fr;gap:12px}
  .ms .day{grid-template-columns:1fr;padding:28px 20px;gap:24px}
  .ms .bento{grid-template-columns:1fr;gap:14px}
  .ms .b-track,.ms .b-num{grid-column:auto}
  .ms .b-track{flex-direction:column;align-items:flex-start}
  .ms .b-track img{width:min(240px,70%);align-self:center;margin-bottom:-130px}
  .ms .b{padding:28px}
  .ms .calc{grid-template-columns:1fr}
  .ms .calc form{padding:22px 18px}
  .ms .qs{grid-template-columns:1fr;gap:14px}
  .ms .cmp{grid-template-columns:1fr;gap:14px}
  .ms .col.top{order:-1}
  .ms .ctas{gap:18px}
  .ms .final{min-height:80vh}
  .ms .final-txt{padding-bottom:64px}
}

/* Conversion: Sicherheit am Kaufknopf, Für-wen bei den Paketen */
.ms .assure{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:10px 0 0;padding:0;font-size:13px;color:var(--muted)}
.ms .assure li{display:inline-flex;align-items:center;gap:6px}
.ms .assure li:before{content:"";width:14px;height:14px;border-radius:7px;background:var(--wine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ms .col .for{font-size:14px;line-height:1.4;color:var(--muted);margin:2px 0 6px;min-height:40px}
.ms .col .delta{display:block;font-size:13px;font-weight:500;color:var(--wine);letter-spacing:0}
.ms picture{display:contents}
/* Bento: letzte Kachel füllt die Lücke */
.ms .b-num.wine{grid-column:span 4}
@media (max-width:1000px){.ms .b-num.wine{grid-column:span 2}}
@media (max-width:734px){.ms .b-num.wine{grid-column:auto}}

/* ================================================================ Großer Bildschirm (Laptop, PC)
   Am Handy und Tablet bleibt alles wie es ist. Ab 1068 px: breitere Bühne,
   Hero geteilt (Text links, Foto rechts), größere Schrift, FAQ in zwei Spalten. */
@media(min-width:1068px){
  .ms .w{max-width:1240px;padding:0 48px}
  .ms .w.narrow{max-width:980px}
  .ms section{padding:160px 0}
  .ms h2{font-size:clamp(56px,4.8vw,76px)}
  .ms .sub{font-size:24px;max-width:700px}

  /* Hero: geteilt wie eine Produktseite, alles auf dem ersten Bildschirm */
  .ms .hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px;align-items:center;max-width:1240px;margin:0 auto;padding:48px 48px 140px;text-align:left}
  .ms .hero .w{max-width:none;margin:0;padding:0}
  .ms .hero .w.c{text-align:left}
  .ms .hero h1{margin:0;max-width:none;font-size:clamp(72px,6.6vw,104px)}
  .ms .hero .sub{margin:24px 0 0;max-width:560px}
  .ms .hero .ctas{justify-content:flex-start;margin-top:36px}
  .ms .hero .assure{justify-content:flex-start;margin-top:14px}
  .ms .hero-media{max-width:none;margin:0;padding:0;transform-origin:50% 30%}
  .ms .hero-img{max-height:calc(100vh - 140px);min-height:520px;border-radius:36px;box-shadow:0 40px 90px rgba(29,20,22,.18),0 8px 24px rgba(29,20,22,.08)}

  /* Statement: größer, breiter */
  .ms .statement{padding:180px 0}
  .ms .big-text{font-size:clamp(44px,4.1vw,62px);line-height:1.14}
  .ms .sign{font-size:24px}

  /* Inhalte mit mehr Luft */
  .ms .ba{gap:24px;margin-top:72px}
  .ms .day{padding:72px;gap:64px;margin-top:72px}
  .ms .times span{font-size:21px}
  .ms .day .ph img{width:min(340px,80%)}
  .ms .bento{gap:24px;margin-top:72px;grid-auto-rows:minmax(250px,auto)}
  .ms .b{padding:44px}
  .ms .b h3{font-size:32px}
  .ms .calc{gap:24px;margin-top:72px}
  .ms .calc form{padding:40px}
  .ms .res{padding:48px}
  .ms .qs{gap:24px;margin-top:72px}
  .ms .q{padding:40px}
  .ms .q blockquote{font-size:23px}
  .ms .cmp{gap:24px;margin-top:72px}
  .ms .col{padding:44px 36px}

  /* FAQ: Überschrift links bleibt stehen, Fragen rechts */
  .ms .w.narrow:has(> .faq){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:96px;align-items:start;max-width:1240px}
  .ms .w.narrow:has(> .faq) > h2{text-align:left;position:sticky;top:120px}
  .ms .faq{margin-top:0}
  .ms summary{font-size:20px;padding:26px 44px 26px 0}

  .ms .final{min-height:min(94vh,940px)}
  .ms .final-txt{padding-bottom:120px}
  .ms .final h2{font-size:clamp(64px,6vw,96px)}

  /* Kaufleiste: etwas breiter */
  .ms-bar{width:min(600px,calc(100% - 48px));padding:10px 10px 10px 26px}
  .ms-bar b{font-size:16px}
}
/* Maus: Karten heben sich leicht an */
@media(hover:hover) and (pointer:fine){
  .ms .b,.ms .q,.ms .col{transition:box-shadow .35s cubic-bezier(.32,.72,0,1),translate .35s cubic-bezier(.32,.72,0,1)}
  .ms .b:hover,.ms .q:hover,.ms .col:hover{translate:0 -4px;box-shadow:0 24px 60px rgba(29,20,22,.1)}
  .ms .col.top:hover{box-shadow:0 0 0 2px var(--wine),0 24px 60px rgba(107,31,42,.16)}
  .ms summary:hover{color:var(--wine)}
}

/* Komplett: in der Mitte, in Weinrot hervorgehoben */
.ms .cmp{align-items:center}
.ms .col.hl{background:linear-gradient(165deg,#7d2633,var(--wine) 45%,#4f141e);color:#fff;box-shadow:0 30px 70px rgba(107,31,42,.32),0 6px 18px rgba(107,31,42,.18);position:relative;z-index:1;padding-top:44px;padding-bottom:44px}
.ms .col.hl .tag{color:var(--wine);background:#fff;border-radius:999px;padding:5px 14px;min-height:0;font-size:13px;letter-spacing:0}
.ms .col.hl h3{font-size:36px}
.ms .col.hl .for{color:rgba(255,255,255,.8)}
.ms .col.hl .pr{color:#fff;font-size:28px}
.ms .col.hl .delta{color:rgba(255,255,255,.85);font-size:14px;margin-top:2px}
.ms .col.hl .save{font-size:13px;font-weight:600;line-height:1.35;color:var(--wine);background:#fff;border-radius:12px;padding:8px 14px;max-width:260px}
.ms .col.hl .btn{background:#fff;color:var(--wine)!important;min-height:54px;padding:0 34px}
.ms .col.hl .btn:hover{background:#f6efe6}
.ms .col.hl li{color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.22);font-weight:500}
.ms .col.hl li:before{content:"✓";margin-right:8px;font-weight:700;opacity:.85}
.ms .col.top.hl{box-shadow:0 30px 70px rgba(107,31,42,.32),0 6px 18px rgba(107,31,42,.18)}
@media(min-width:735px){.ms .col.hl{--grow:1.05}}
@media(hover:hover) and (pointer:fine){.ms .col.top.hl:hover{box-shadow:0 40px 90px rgba(107,31,42,.4),0 8px 22px rgba(107,31,42,.2)}}

/* Abo: Schalter Monatlich/Jährlich, Preise je nach Zahlweise */
.ms .billing{display:flex;gap:4px;background:#fff;border-radius:999px;padding:4px;width:max-content;max-width:100%;margin:36px auto 0;box-shadow:0 1px 2px rgba(29,20,22,.06)}
.ms .billing button{font:inherit;font-size:15px;font-weight:600;border:none;background:transparent;color:var(--ink);border-radius:999px;padding:10px 20px;cursor:pointer;transition:background .25s,color .25s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ms .billing button span{font-size:12px;font-weight:700;color:var(--wine);background:rgba(107,31,42,.1);border-radius:999px;padding:3px 8px}
.ms .billing button[aria-pressed=true]{background:var(--wine);color:#fff}
.ms .billing button[aria-pressed=true] span{background:#fff;color:var(--wine)}
.ms .cmp[data-billing=j] .m,.ms .cmp[data-billing=m] .j{display:none!important}
.ms .col .pr small{font-size:.62em;font-weight:500;color:var(--muted)}
.ms .col.hl .pr small{color:rgba(255,255,255,.75)}
.ms .col .pr .delta{display:block}
.ms .col .life{margin-top:14px;font-size:14px;color:rgba(255,255,255,.85)!important;text-decoration:underline;text-underline-offset:3px;line-height:1.4}
.ms .col .life b{font-weight:700;color:#fff}
.ms .cmp+.fine{max-width:720px;margin-left:auto;margin-right:auto}
.ms-dlg .sum small{display:block;font-weight:500;font-size:13px;color:#6e6467;margin-top:2px}

/* Nur ein Paket: eine Karte, mittig */
.ms .cmp.solo{grid-template-columns:minmax(0,460px);justify-content:center}
@media(min-width:735px){.ms .cmp.solo .col.hl{--grow:1}}

/* ================================================================ v14: Conversion-Runde
   Header ruhiger (diese Datei lädt nur auf der Verkaufsseite), 3 Schritte, App-Video,
   Stimmen am Handy zum Wischen, Zahlungsarten am Kaufknopf. */
header .search-action,header .account-button{display:none!important}

/* In 3 Schritten */
.ms .steps{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;margin-top:56px}
.ms .st-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:28px}
.ms .st-list li{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}
.ms .st-list b{width:44px;height:44px;border-radius:22px;background:var(--wine);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.ms .st-list h3{font-size:22px;margin:8px 0 6px}
.ms .st-list p{color:var(--muted);font-size:17px;line-height:1.45;max-width:440px}
.ms .chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.ms .chips li{background:var(--cream);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;letter-spacing:-.01em}
.ms .steps .ph{display:flex;justify-content:center}
.ms .steps .ph img{width:min(300px,80%)}

/* App-Video im Tagesablauf */
.ms .day .ph video{display:block;width:min(300px,80%);height:auto;background:#fff}

/* Zahlungsarten */
.ms .col .pay{font-size:13px;line-height:1.4;color:rgba(255,255,255,.8);margin:-10px 0 10px;max-width:280px}

/* Kundenergebnis (für echte Kunden-Vorher/Nachher, erst mit Material einbauen) */
.ms .case{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px;align-items:end;margin-top:56px}
.ms .case img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px}
.ms .case figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.ms .case .cs-txt{background:var(--cream);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:14px}
.ms .case .cs-num{font-size:clamp(48px,6vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--wine)}

@media(max-width:734px){
  .ms .steps{grid-template-columns:1fr;gap:40px;margin-top:40px}
  .ms .st-list{gap:22px}
  .ms .st-list h3{font-size:20px;margin-top:9px}
  .ms .chips{margin-top:26px}
  /* Stimmen: zum Wischen statt drei langer Blöcke */
  .ms .qs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:40px -22px 0;padding:0 22px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ms .qs::-webkit-scrollbar{display:none}
  .ms .q{flex:0 0 84%;scroll-snap-align:center;padding:26px}
  .ms .q blockquote{font-size:18px;line-height:1.4}
  .ms .case{grid-template-columns:1fr 1fr}
  .ms .case .cs-txt{grid-column:1/-1}
}
@media(min-width:1068px){
  .ms .steps{gap:96px;margin-top:72px}
  .ms .st-list h3{font-size:26px}
  .ms .st-list p{font-size:19px}
  .ms .steps .ph img,.ms .day .ph video{width:min(340px,80%)}
}

/* ================================================================ v15: App-Video im ersten Bildschirm, kürzer, Upgrade im Kauf-Fenster */
.ms .hero-media{position:relative}
.ms .hero-phone{position:absolute;right:-2%;bottom:-7%;width:44%;filter:drop-shadow(0 22px 40px rgba(29,20,22,.38)) drop-shadow(0 4px 10px rgba(29,20,22,.18));pointer-events:none}
/* Video hat weißen Rand um das Handy: auf die Handyform zuschneiden */
.ms .hero-phone video{display:block;width:100%;height:auto;clip-path:inset(2.75% 5.4% 2.85% 5.4% round 14.2% / 7.1%)}
.ms .day .ph video{display:none}

@media(max-width:734px){
  .ms section{padding:64px 0}
  .ms .hero{padding-top:28px}
  .ms .hero .sub{font-size:18px;margin-top:12px}
  .ms .hero .ctas{margin-top:22px}
  .ms .hero .price{margin-top:12px}
  .ms .hero-media{margin-top:30px;padding:0 22px 0 0;max-width:420px}
  .ms .hero-media .hero-img{width:78%;margin-left:22px}
  .ms .hero-phone{right:12px;bottom:-9%;width:46%}
  .ms .statement{padding:72px 0}
  .ms .ba{margin-top:40px}
  .ms .day,.ms .bento,.ms .calc,.ms .cmp{margin-top:40px}
  .ms .faq{margin-top:32px}
}
@media(min-width:1068px){
  .ms .hero-phone{left:-14%;right:auto;bottom:-8%;width:42%}
}

/* Upgrade im Kauf-Fenster */
.ms-dlg .up{background:#fff;border:1.5px solid #6B1F2A;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.ms-dlg .up[hidden]{display:none}
.ms-dlg .up p{margin:0;font-size:15px;line-height:1.4}
.ms-dlg .up button{font:inherit;font-size:15px;font-weight:600;border:none;border-radius:999px;min-height:42px;background:#F4EEE4;color:#6B1F2A;cursor:pointer;transition:transform .12s}
.ms-dlg .up button:active{transform:scale(.97)}
/* Handy: Bild und App-Video direkt unter den Kaufknopf, Preiszeile darunter */
@media(max-width:734px){
  .ms .hero{display:flex;flex-direction:column;align-items:center}
  .ms .hero>.w{display:contents}
  .ms .hero .eyebrow,.ms .hero h1,.ms .hero .sub,.ms .hero .ctas,.ms .hero .price,.ms .hero .assure{padding-left:22px;padding-right:22px;width:100%}
  .ms .hero .eyebrow{order:1}.ms .hero h1{order:2}.ms .hero .sub{order:3}.ms .hero .ctas{order:4}
  .ms .hero-media{order:5;width:100%;margin-top:26px}
  .ms .hero .price{order:6;margin-top:46px}
  .ms .hero .assure{order:7;margin-bottom:8px}
}

/* ================================================================ v16: ganze Website im gleichen Stil
   Header-Knopf, Über uns, Kalorienrechner (diese Datei lädt auf Startseite, Über uns, Rechner) */
header a.menu-list__link[href$="#pakete"],header .menu-drawer__menu-item[href$="#pakete"],header a.menu-list__link[href$="/pages/app"],header .menu-drawer__menu-item[href$="/pages/app"]{background:#6B1F2A;color:#fff!important;border-radius:999px;padding:9px 18px!important;font-weight:600}
header a.menu-list__link[href$="#pakete"]:hover{background:#561822}

/* Über uns */
.ms .ab-fails{list-style:none;padding:0;margin:48px auto 0;max-width:720px;display:flex;flex-direction:column}
.ms .ab-fails li{padding:20px 0 20px 40px;position:relative;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#f5f5f7;border-bottom:1px solid rgba(255,255,255,.12)}
.ms .ab-fails li:before{content:"";position:absolute;left:4px;top:30px;width:18px;height:2px;border-radius:1px;background:#c98b95}
.ms .ab-turn{max-width:640px;margin:44px auto 0;font-size:clamp(20px,2.4vw,26px);line-height:1.35;font-weight:600;letter-spacing:-.02em;color:#fff}
.ms .ab-people{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.ms .ab-p{background:#fff;border-radius:var(--r);padding:36px;display:flex;flex-direction:column;gap:10px}
.ms .ab-p h3{font-size:32px}
.ms .ab-role{font-size:14px;font-weight:600;color:var(--wine)}
.ms .ab-p p:last-child{color:var(--muted)}
.ms .ab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.ms .ab-v{background:var(--cream);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:12px}
.ms .ab-v h3{font-size:22px}
.ms .ab-v p{color:var(--muted)}

/* Kalorienrechner */
.ms .kr-hero{padding-bottom:56px}
.ms .kr-sec{padding-top:56px}
.ms .kr-form{background:#fff;border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:22px;max-width:760px;margin:0 auto}
.ms .kr-l{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}
.ms .kr-pills{display:flex;flex-wrap:wrap;gap:8px}
.ms .kr-pills button{font:inherit;font-size:15px;border:none;background:var(--cream);color:var(--ink);border-radius:999px;padding:11px 16px;cursor:pointer;transition:background .2s,color .2s}
.ms .kr-pills button[aria-pressed=true]{background:var(--wine);color:#fff;font-weight:600}
.ms .kr-hint{background:var(--cream);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--wine)}
.ms .kr-go{align-self:stretch;min-height:54px}
.ms .kr-out{max-width:760px;margin:24px auto 0;display:flex;flex-direction:column;gap:20px;scroll-margin-top:90px}
.ms .kr-out[hidden]{display:none}
.ms .kr-card{background:#fff;border-radius:var(--r);padding:32px}
.ms .kr-kcal{font-size:clamp(56px,10vw,84px);font-weight:700;letter-spacing:-.045em;line-height:1;color:var(--wine);font-variant-numeric:tabular-nums}
.ms .kr-kcal small{font-size:.3em;letter-spacing:0;color:var(--muted);font-weight:600}
.ms .kr-note{color:var(--muted);margin:14px 0 24px;max-width:560px}
.ms .kr-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}
.ms .kr-macros div{background:var(--cream);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:2px}
.ms .kr-macros b{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ms .kr-macros span{font-size:13px;color:var(--muted)}
.ms .kr-meals{list-style:none;padding:0;margin:0}
.ms .kr-meals li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:.5px solid rgba(0,0,0,.12)}
.ms .kr-meals li:last-child{border-bottom:0}
.ms .kr-meals b{font-variant-numeric:tabular-nums;color:var(--wine)}
.ms .kr-cta .btn{display:inline-flex!important}
.ms .kr-disc{text-align:center;max-width:620px;margin:0 auto}

@media(max-width:734px){
  .ms .ab-people,.ms .ab-values{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .ms .ab-fails li{font-size:18px}
  .ms .ab-p,.ms .ab-v{padding:26px}
  .ms .kr-form,.ms .kr-card{padding:22px 18px}
  .ms .kr-macros b{font-size:20px}
  .ms .kr-hero{padding-bottom:36px}
  .ms .kr-sec{padding-top:36px}
}
/* Über uns, Handy: normale Reihenfolge, kein App-Video */
@media(max-width:734px){.ms .ab-hero .hero-media .hero-img{width:100%;margin-left:0}.ms .ab-hero .hero-media{padding:0 22px}}
@media(min-width:1068px){.ms .kr-hero{display:block;padding:72px 48px 56px}.ms .kr-hero .w.c{text-align:center;max-width:960px;margin:0 auto}.ms .kr-hero h1{font-size:clamp(56px,5.2vw,80px)}.ms .kr-hero .sub{margin:24px auto 0}}
@media(max-width:734px){.ms .kr-hero h1{font-size:40px}}
/* v17: Handy im Hero ohne filter/clip-path (Safari auf dem iPhone kommt damit beim Video-Abspielen ins Straucheln).
   Rahmen = runde Box mit overflow:hidden, Video wird per Rand auf das Handy zugeschnitten. */
.ms .hero-phone{filter:none;width:39.5%;right:0;bottom:-6%;aspect-ratio:700/1471;overflow:hidden;border-radius:16.3% / 7.75%;box-shadow:0 22px 44px rgba(29,20,22,.36),0 4px 10px rgba(29,20,22,.18);background:#0b0b0c;transform:translateZ(0)}
.ms .hero-phone video{clip-path:none;width:111.43%;max-width:none;margin:-5.71% 0 0 -5.71%}
@media(max-width:734px){.ms .hero-phone{right:20px;bottom:-8%;width:41.3%}}
@media(min-width:1068px){.ms .hero-phone{left:-12%;right:auto;bottom:-7%;width:37.7%}}
/* weniger dauerhafte GPU-Ebenen */
.ms-scroll .ms [data-rv],.ms-scroll .ms .ba figure,.ms-scroll .ms .b img,.ms-scroll .ms .hero-img,.ms-scroll .ms .final-media img,.ms-scroll .ms .day .ph img{will-change:auto}

/* ================================================================ v17: kurze Verkaufsseite (.ms-short) */
.ms-short section{padding:88px 0}
.ms-short .hero{padding-bottom:0}
.ms .proof{padding:64px 0}
.ms .proof-t{font-size:clamp(20px,2.4vw,28px);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:#fff;max-width:720px;margin:0 auto}
.ms .ba-mini{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;max-width:820px;margin-left:auto;margin-right:auto}
.ms .ba-mini img{border-radius:16px}
.ms .ba-mini figcaption{font-size:13px}
.ms .get-list{list-style:none;padding:0;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px}
.ms .get-list li{background:var(--cream);border-radius:20px;padding:20px 22px 20px 56px;position:relative;display:flex;flex-direction:column;gap:4px}
.ms .get-list li:before{content:"";position:absolute;left:20px;top:22px;width:22px;height:22px;border-radius:11px;background:var(--wine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.ms .get-list b{font-size:18px;letter-spacing:-.02em}
.ms .get-list span{font-size:15px;line-height:1.4;color:var(--muted)}
.ms-short .faq{margin-top:0}
.ms .more{margin-top:24px}
.ms-short .cmp{margin-top:36px}
@media(max-width:734px){
  .ms-short section{padding:56px 0}
  .ms-short .hero{padding-top:28px;padding-bottom:0}
  .ms .proof{padding:44px 0}
  .ms .ba-mini{gap:6px;margin-top:22px}
  .ms .ba-mini img{border-radius:10px}
  .ms .ba-mini figcaption{font-size:11px}
  .ms .get-list{grid-template-columns:1fr;gap:8px;margin-top:28px}
  .ms .get-list li{padding:16px 16px 16px 50px}
  .ms .get-list li:before{left:16px;top:18px}
  .ms .get-list b{font-size:17px}
}
@media(min-width:1068px){.ms-short .hero{padding-bottom:110px}}
/* Rechner wie im App-Fragebogen */
.ms .kr-l span{font-weight:500;color:#9a8f8b;margin-left:6px}
.ms .kr-opts{display:flex;flex-direction:column;gap:8px}
.ms .kr-opts button{font:inherit;text-align:left;border:1.5px solid transparent;background:var(--cream);color:var(--ink);border-radius:16px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .2s,background .2s}
.ms .kr-opts button b{font-size:16px}
.ms .kr-opts button span{font-size:14px;color:var(--muted)}
.ms .kr-opts button[aria-pressed=true]{background:#fff;border-color:var(--wine);box-shadow:0 0 0 1px var(--wine)}
.ms .kr-in{font:inherit;font-size:19px;font-weight:600;color:var(--ink);border:none;background:var(--cream);border-radius:12px;padding:13px 14px;width:100%;max-width:220px}
.ms .kr-in:focus{outline:none;box-shadow:0 0 0 3px rgba(107,31,42,.35)}
.ms .kr-proj{background:var(--cream);border-radius:14px;padding:14px 16px;margin:-8px 0 24px;font-weight:600;color:var(--wine)}
.ms .kr-proj[hidden]{display:none}

/* Duo-Modus: zu zweit zunehmen (Sektion in mase.-Rot mit Push-Mitteilungen über dem Handy) */
.ms .duo{background:var(--wine);color:#fff}
.ms .duo .eyebrow{color:#f2d4d8}
.ms .duo .sub{color:rgba(255,255,255,.8);margin-left:0}
.ms .duo .st-list b{background:#fff;color:var(--wine)}
.ms .duo .st-list p{color:rgba(255,255,255,.8)}
.ms .duo .steps{margin-top:0}
.ms .duo .ph{position:relative}
.ms .duo .ctas{margin-top:36px;justify-content:flex-start}
.ms .duo .btn{background:#fff;color:var(--wine)!important}
.ms .duo .btn:hover{background:var(--cream)}
.ms .pushes{position:absolute;left:0;right:0;top:8%;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.ms .push{width:min(330px,94%);display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;text-align:left;
  background:rgba(250,247,242,.9);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);color:#1d1416;border-radius:22px;padding:12px 14px;
  box-shadow:0 20px 44px rgba(20,6,9,.35),0 1px 0 rgba(255,255,255,.6) inset}
.ms .push.two{width:min(310px,88%);opacity:.94}
.ms .push i{width:38px;height:38px;border-radius:10px;background:var(--wine);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;letter-spacing:-.02em}
.ms .push .hd{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.3;color:#6e6467;letter-spacing:0}
.ms .push b{display:block;font-size:15px;line-height:1.25;letter-spacing:-.01em}
.ms .push p{font-size:15px;line-height:1.3;letter-spacing:-.01em}
@media (max-width:734px){
  .ms .duo h2,.ms .duo .sub,.ms .duo .eyebrow{text-align:left}
  .ms .push{width:min(300px,86%);padding:10px 12px}
  .ms .push.two{width:min(282px,80%)}
  .ms .push b,.ms .push p{font-size:14px}
}
@media (prefers-reduced-transparency:reduce){.ms .push{background:#faf7f2;-webkit-backdrop-filter:none;backdrop-filter:none}}
.ms .get-list li.hl{grid-column:1/-1;background:var(--wine);color:#fff}
.ms .get-list li.hl:before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='%236B1F2A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ms .get-list li.hl span{color:rgba(255,255,255,.82)}

/* v19: Handy zuerst. App-Video ohne iOS-Play-Knopf, Kaufknopf über die ganze Breite, Preis direkt darunter */
.ms .ph-vid::-webkit-media-controls,.ms .ph-vid::-webkit-media-controls-start-playback-button,.ms .ph-vid::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
@media(max-width:734px){
  .ms .hero{padding-top:20px}
  .ms .hero .eyebrow{font-size:17px;margin-bottom:6px}
  .ms .hero h1{font-size:44px;line-height:1.02}
  .ms .hero .sub{font-size:17px;line-height:1.4;margin-top:12px}
  .ms .hero .ctas{flex-direction:column;gap:0;margin-top:20px}
  .ms .hero .ctas .btn{width:100%;min-height:56px;font-size:18px}
  .ms .hero .ctas .lnk{display:none}
  .ms .hero .price{order:4;margin-top:10px;font-size:14px;color:var(--ink);font-weight:500}
  .ms .hero .assure{order:4;margin:8px 0 0}
  .ms .hero-media{order:5;margin-top:28px}
  .ms .bento{grid-template-columns:1fr 1fr;gap:12px}
  .ms .b-track,.ms .b-train,.ms .b-weight,.ms .b-num.wine{grid-column:1/-1}
  .ms .b-num{grid-column:auto;padding:22px}
  .ms .b-num .num{font-size:48px}
  .ms .b-num p:not(.num){font-size:14px;line-height:1.35}
  .ms .col.hl .btn{width:100%}
}

/* Zusätze im Kauf-Fenster (Black Friday) */
.ms-dlg .addons{display:flex;flex-direction:column;gap:10px;border:1px solid #e6dccd;border-radius:14px;padding:12px 14px}
.ms-dlg .addons label{font-size:14px}
.ms-dlg .addons b{font-weight:600}
.ms .price s,.ms .pr s{opacity:.55;font-weight:500}