.jd-probe{--jd-handy:clamp(176px, min(70vw, calc((100svh - 300px) * .4745)), 320px);--jd-handy-h:calc(var(--jd-handy) * 822 / 390);--jd-oben:14px;flex-direction:column;align-items:center;display:flex;overflow-x:clip}.jd-probe__kopf{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:clamp(12px,3vw,28px);display:flex}.jd-probe .jd-probe__titel{letter-spacing:-.058em;color:var(--text-strong);margin:0;font-size:clamp(46px,13vw,104px);font-weight:900;line-height:.86}.jd-probe__punkt{color:var(--accent)}.jd-probe .jd-probe__anleitung{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:clamp(17px,4.6vw,24px);font-weight:750;line-height:1.15}.jd-probe__leinwand{isolation:isolate;width:min(1180px, calc(100% + 2 * var(--gutter) - 16px));padding:var(--jd-oben) 12px 10px;box-shadow:inset 0 1px 0 #fff6, inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 26px 60px -34px #08061c73;border-radius:32px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}@media (min-width:900px){.jd-probe{--jd-oben:36px}.jd-probe__leinwand{padding:var(--jd-oben) 24px 24px}}.jd-probe__grund{background:radial-gradient(58% 40% at 50% 46%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--surface-page)), color-mix(in srgb, var(--accent) 13%, var(--surface-page)));position:absolute;inset:0}.jd-probe__flut{left:50%;top:calc(var(--jd-oben) + var(--jd-handy-h) * .24);background:radial-gradient(closest-side, color-mix(in srgb, var(--jd-farbe,var(--accent)) 78%, #fff) 0%, var(--jd-farbe,var(--accent)) 16%, color-mix(in srgb, var(--jd-farbe,var(--accent)) 70%, #000) 42%);opacity:0;pointer-events:none;border-radius:50%;width:max(1700px,190vmax);height:max(1700px,190vmax);margin:calc(max(1700px,190vmax)/-2) 0 0 calc(max(1700px,190vmax)/-2);transition:opacity .32s;position:absolute}.jd-probe__leinwand[data-flut] .jd-probe__flut{opacity:1;animation:jd-flut var(--jd-z-weltDauer,.9s) cubic-bezier(.45, 0, .25, 1) var(--jd-z-welt,.18s) backwards}@keyframes jd-flut{0%{transform:scale(.02)}}.jd-probe__leinwand:after{content:"";left:50%;top:calc(var(--jd-oben) + var(--jd-handy-h) * .46);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#ec4899cc,#ec48995c 55%,#0000 100%);border-radius:50%;width:150vmin;height:150vmin;margin:-75vmin 0 0 -75vmin;position:absolute}.jd-probe[data-praemie] .jd-probe__leinwand:after{opacity:.85;animation:.7s ease-out backwards jd-rosa}@keyframes jd-rosa{0%{opacity:0;transform:scale(.6)}}.jd-probe__nacht{opacity:0;pointer-events:none;background:radial-gradient(56% 36% at 50% 40%,#6366f175,#0000 72%),linear-gradient(165deg,#172057 0%,#0e1440 46%,#070a22 100%);transition:opacity .32s;position:absolute;inset:0}.jd-probe__leinwand[data-nacht] .jd-probe__nacht{opacity:1;animation:.7s backwards jd-auf}.jd-probe__wasser{color:#ffffff1a;letter-spacing:-.07em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:min(170px,36vw);font-weight:900;line-height:.84;transition:opacity .32s;position:absolute;top:12px;left:-.04em}.jd-probe__leinwand[data-flut] .jd-probe__wasser{opacity:1;animation:jd-wasser .9s ease var(--jd-z-wasser,.52s) backwards}@keyframes jd-wasser{0%{opacity:0;transform:translate(-6%)}}.jd-probe__buehne{z-index:1;width:var(--jd-handy);padding-bottom:24px;scroll-margin-top:80px;scroll-margin-bottom:80px;position:relative}.jd-probe__handy{isolation:isolate;width:100%;position:relative}.jd-schale__handy{aspect-ratio:390/822;background:var(--surface-page);border-radius:15.4%/7.3%;width:100%;display:block;box-shadow:inset 0 0 0 8px #161618,0 30px 55px -28px #00000080}.jd-probe__zeile{z-index:6;color:#15131d;letter-spacing:-.01em;text-align:center;font-variant-numeric:tabular-nums;opacity:0;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:calc(100vw - 40px);min-height:44px;margin:0;padding:9px clamp(14px,4.4vw,20px);font-size:clamp(14px,4vw,16px);font-weight:800;line-height:1.2;transition:opacity .18s;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px -14px #08061c99,0 0 0 1px #08061c0f}.jd-probe__zeile[data-an]{opacity:1;animation:.36s cubic-bezier(.16,1,.3,1) backwards jd-pille}.jd-probe__zeile[data-art=meldung]{background:var(--text-strong);color:var(--surface-page)}.jd-probe__zeile[data-art=praemie]{color:#fff;background:#be185d;box-shadow:0 0 0 4px #ec48994d,0 16px 32px -12px #be185db3}.jd-schritte{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.jd-schritt{opacity:.45;align-items:center;gap:6px;transition:opacity .2s;display:inline-flex}.jd-schritt[data-an]{opacity:1}.jd-schritt__nr{background:#15131d1f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:850;display:inline-grid}.jd-schritt[data-an] .jd-schritt__nr{background:var(--accent);color:#fff}.jd-schritt__trenner{opacity:.35}@keyframes jd-pille{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.9)}}.jd-probe__zeile[data-weg]{opacity:0}.jd-probe .jd-probe__weiter{z-index:7;white-space:nowrap;visibility:hidden;min-height:56px;padding-inline:36px;font-size:18px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #ffffff3d,0 18px 36px -14px #08061cbf}.jd-probe .jd-probe__weiter[data-an]{visibility:visible;animation:jd-weiter .52s cubic-bezier(.16, 1, .3, 1) var(--jd-c-knopf,2.25s) backwards}@keyframes jd-weiter{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.94)}}@keyframes jd-auf{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.jd-probe *,.jd-probe :before,.jd-probe :after,.jd-probe__leinwand:after{transition:none!important;animation:none!important}}
