.pjl-v{--node:44px;--mid:120px;--pjl-pink:var(--jv-pink,#D82591);--pjl-pink-text:var(--jv-pink-text,#B81B7B);--pjl-petrol:var(--jv-petrol,#006480);--pjl-line:var(--jv-hellgrau,#E6E8EB);--pjl-ink:var(--jv-schwarz,#242A33);--pjl-text:var(--jv-dunkelgrau,#363F4D);--pjl-font:var(--font-mono,'Source Code Pro',ui-monospace,monospace);position:relative;margin:48px auto 0;max-width:1040px}.pjl-v::before,.pjl-v::after{content:"";position:absolute;left:50%;top:0;bottom:calc(var(--node) / 2);width:2px;margin-left:-1px;border-radius:2px}.pjl-v::before{background:var(--pjl-line)}.pjl-v::after{background:linear-gradient(180deg,var(--pjl-pink),var(--pjl-petrol));clip-path:inset(0 0 calc((1 - var(--p,0)) * 100%) 0)}.pjl-v ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.pjl-v__phase{position:relative;z-index:1}.pjl-v__phase+.pjl-v__phase{margin-top:48px}.pjl-v__phase-label{margin:0 0 24px;display:flex;justify-content:center}.pjl-v__phase-label span{font-family:var(--pjl-font);font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:#F2F4F6;border:1px solid var(--pjl-line);color:var(--pjl-text);transition:background .35s ease,border-color .35s ease,color .35s ease}.pjl-v__phase.is-lit .pjl-v__phase-label span{background:var(--pjl-ink);border-color:var(--pjl-ink);color:#fff}.pjl-v__step{--pjl-mix:color-mix(in srgb,var(--pjl-petrol) calc(var(--t,0) * 100%),var(--pjl-pink));display:grid;grid-template-columns:minmax(0,1fr) var(--mid) minmax(0,1fr);align-items:start}.pjl-v__node{grid-column:2;grid-row:1;justify-self:center;width:var(--node);height:var(--node);border-radius:6px 18px 18px 18px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--pjl-line);font-family:var(--pjl-font);font-size:13px;font-weight:700;color:#5A6472;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.pjl-v__txt{grid-row:1;padding-top:10px;opacity:.35;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.pjl-v__step.is-l .pjl-v__txt{grid-column:1;text-align:right}.pjl-v__step.is-r .pjl-v__txt{grid-column:3}.pjl-v__title{margin:0 0 6px;font-family:var(--pjl-font);font-size:18px;font-weight:600;color:var(--pjl-ink);line-height:1.3}.pjl-v__text{margin:0;font-size:15px;line-height:1.55;color:var(--pjl-text);text-wrap:pretty}.pjl-v__time{grid-row:1;align-self:start;margin-top:10px;font-family:var(--pjl-font);font-size:14px;font-weight:600;color:var(--pjl-pink-text);white-space:nowrap;opacity:.35;transition:opacity .5s ease}.pjl-v__step.is-l .pjl-v__time{grid-column:3}.pjl-v__step.is-r .pjl-v__time{grid-column:1;justify-self:end}.pjl-v__step.is-lit .pjl-v__node{background:var(--pjl-mix);border-color:var(--pjl-mix);color:#fff;transform:scale(1.06)}.pjl-v__step.is-lit .pjl-v__txt,.pjl-v__step.is-lit .pjl-v__time{opacity:1;transform:none}.pjl-v__step.is-lit:hover .pjl-v__node{transform:scale(1.14)}.pjl-v__goal{position:relative;z-index:1;margin:32px auto 0;width:var(--node);height:var(--node);border-radius:6px 18px 18px 18px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--pjl-line);color:#5A6472;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.pjl-v__goal svg{display:block}.pjl-v__goal.is-lit{background:var(--pjl-petrol);border-color:var(--pjl-petrol);color:#fff;transform:scale(1.06)}.pjl-v__confetti{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:1px;background:var(--pjl-pink);opacity:0;pointer-events:none;--d:-40px}.pjl-v__confetti:nth-of-type(odd){background:var(--pjl-petrol);width:4px;height:8px;margin:-4px 0 0 -2px;--d:-50px}.pjl-v__confetti:nth-of-type(3n){background:var(--pjl-ink);border-radius:50%}.pjl-v__confetti:nth-of-type(1){--a:0deg}.pjl-v__confetti:nth-of-type(2){--a:36deg}.pjl-v__confetti:nth-of-type(3){--a:72deg}.pjl-v__confetti:nth-of-type(4){--a:108deg}.pjl-v__confetti:nth-of-type(5){--a:144deg}.pjl-v__confetti:nth-of-type(6){--a:180deg}.pjl-v__confetti:nth-of-type(7){--a:216deg}.pjl-v__confetti:nth-of-type(8){--a:252deg}.pjl-v__confetti:nth-of-type(9){--a:288deg}.pjl-v__confetti:nth-of-type(10){--a:324deg}.pjl-v__goal.is-cheer{animation:pjl-goal-pop .75s cubic-bezier(.34,1.56,.64,1) both}.pjl-v__goal.is-cheer .pjl-v__confetti{animation:pjl-confetti .9s cubic-bezier(.2,.7,.3,1) .15s both}@keyframes pjl-goal-pop{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-10deg)}60%{transform:scale(.94) rotate(5deg)}80%{transform:scale(1.12) rotate(-2deg)}100%{transform:scale(1.06)}}@keyframes pjl-confetti{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.3)}70%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(var(--d)) rotate(200deg) scale(1)}}.pjl-v__note{margin:32px auto 0;text-align:center;font-size:13px;color:#5A6472;max-width:60ch}.pjl-v:not(.pjl--js)::after{clip-path:none}.pjl-v:not(.pjl--js) .pjl-v__step .pjl-v__txt,.pjl-v:not(.pjl--js) .pjl-v__step .pjl-v__time{opacity:1;transform:none}.pjl--init,.pjl--init *,.pjl--init::after{transition:none!important}@media (max-width:1000px){.pjl-v::before,.pjl-v::after{left:calc(var(--node) / 2)}.pjl-v__phase-label{justify-content:flex-start}.pjl-v__goal{margin-left:0}.pjl-v__step{grid-template-columns:var(--node) minmax(0,1fr);column-gap:16px;row-gap:2px}.pjl-v__node{grid-column:1;grid-row:1 / span 2;align-self:start}.pjl-v__step:nth-child(n) .pjl-v__txt{grid-column:2;grid-row:1;text-align:left}.pjl-v__step:nth-child(n) .pjl-v__time{grid-column:2;grid-row:1;justify-self:start;font-size:13px}.pjl-v__step:has(.pjl-v__time) .pjl-v__txt{grid-row:2;padding-top:0}.pjl-v__note{text-align:left}}@media (prefers-reduced-motion:reduce){.pjl-v *{transition:none!important;animation:none!important}}