.muskeln{--impuls: #5fd0ff;--grund: #070d18;position:relative;display:grid;color:var(--c-weiss);background:var(--grund)}.muskeln__buehne{position:sticky;top:var(--kopf-hoehe);z-index:1;display:grid;place-items:center;height:56svh;background:var(--grund)}.muskeln__buehne:before{content:"";position:absolute;top:8%;right:12%;bottom:8%;left:12%;border-radius:50%;background:radial-gradient(closest-side,#5fd0ff33,#5fd0ff00);pointer-events:none}.muskeln__koerper{position:relative;width:min(78vw,28.4svh);aspect-ratio:770 / 1320;perspective:1400px}.muskeln__drehen{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.77,0,.175,1)}.muskeln[data-seite=hinten] .muskeln__drehen{transform:rotateY(180deg)}.muskeln__seite{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.muskeln__seite--hinten{transform:rotateY(180deg)}.muskeln__seite .freisteller{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}.zone{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:19%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#5fd0fff2,#5fd0ff59 45%,#5fd0ff00);mix-blend-mode:screen;opacity:.12;cursor:pointer;transition:opacity .5s cubic-bezier(.23,1,.32,1)}.zone:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--c-weiss);box-shadow:0 0 8px 2px var(--impuls)}.muskeln[data-aktiv=brust] .zone[data-gruppe=brust],.muskeln[data-aktiv=bauch] .zone[data-gruppe=bauch],.muskeln[data-aktiv=ruecken] .zone[data-gruppe=ruecken],.muskeln[data-aktiv=beine] .zone[data-gruppe=beine],.muskeln[data-aktiv=alle] .zone{opacity:1;animation:zone-puls 3.2s cubic-bezier(.23,1,.32,1) infinite}.muskeln:not(.ist-sichtbar) .zone{animation:none!important}@keyframes zone-puls{0%{opacity:.4;scale:.85}7%{opacity:1;scale:1.06}42%{opacity:.9;scale:1}56%,to{opacity:.4;scale:.88}}.muskeln__fortschritt{position:absolute;inset-block-end:12px;inset-inline-start:50%;translate:-50% 0;display:flex;gap:6px}[dir=rtl] .muskeln__fortschritt{translate:50% 0}.muskeln__fortschritt span{width:22px;height:3px;border-radius:var(--r-voll);background:#fff3;transition:background-color .3s var(--kurve)}.muskeln__fortschritt .ist-aktiv{background:var(--impuls)}.muskeln__schritte{position:relative;padding:0 var(--rand) 24svh}.muskeln__schritt{min-height:58svh;padding-block-start:5svh;color:#ffffff80;scroll-margin-top:calc(var(--kopf-hoehe) + 56svh);transition:color .5s cubic-bezier(.23,1,.32,1)}.muskeln__schritt.ist-aktiv{color:var(--c-weiss)}.muskeln__zahl{color:#ffffff8c}.muskeln__titel{margin-block-start:10px;font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-.01em;font-weight:500}.muskeln__text{max-width:32ch;margin-block-start:12px;font-size:18px;line-height:1.45}.muskeln__schritt.ist-aktiv .muskeln__text{color:#ffffffd1}@media(min-width:768px){.muskeln{grid-template-columns:1fr 1fr}.muskeln__buehne{top:0;height:100svh}.muskeln__koerper{width:min(42vw,44.9svh)}.muskeln__schritte{padding:30svh clamp(24px,4.5vw,64px) 30svh 0}.muskeln__schritt{display:grid;align-content:center;min-height:72svh;padding:0;scroll-margin-top:14svh}.muskeln__text{font-size:20px}}@media(prefers-reduced-motion:reduce){.muskeln__drehen{transition:none}.muskeln .zone{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/muskel-karte.css.map */