.keuzehulp-section{background:var(--kh-surface);overflow:hidden}.keuzehulp__intro{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:3.2rem}.keuzehulp__eyebrow{display:inline-flex;padding:.6rem 1.4rem;border-radius:var(--badges-radius, 4rem);background:var(--kh-highlight);color:#000;font-size:1.3rem;letter-spacing:.04em}.keuzehulp__heading{margin:0;color:var(--kh-accent-dark);text-wrap:balance}.keuzehulp__text{max-width:56rem;margin:0 auto}.keuzehulp__text p{margin:0}.keuzehulp__usps{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 2.4rem;margin:.8rem 0 0;padding:0}.keuzehulp__usp{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:var(--font-body-weight-bold, 500);color:var(--kh-accent-dark)}.keuzehulp__usp-icon{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--kh-accent);color:#fff;flex-shrink:0}.keuzehulp__usp-icon svg{width:1.3rem;height:1.3rem}.keuzehulp__card{display:block;max-width:108rem;margin:0 auto;background:var(--kh-card);border-radius:var(--blocks-radius, 2rem);box-shadow:0 2px 4px #1d45310a,0 18px 48px -12px #1d45312e;overflow:hidden}.keuzehulp-steps{--kh-step-size: 3.6rem;position:relative;padding:2.4rem 2.4rem 2rem;border-bottom:1px solid rgb(29 69 49 / .08)}.keuzehulp-steps__list{position:relative;display:grid;grid-template-columns:repeat(var(--kh-steps, 3),1fr);margin:0;padding:0;z-index:1}.keuzehulp-steps__track{position:absolute;top:calc(2.4rem + var(--kh-step-size) / 2 - .3rem);left:calc(2.4rem + (100% - 4.8rem) / var(--kh-steps, 3) / 2);right:calc(2.4rem + (100% - 4.8rem) / var(--kh-steps, 3) / 2);height:.6rem;border-radius:1rem;background:#1d45311a;overflow:hidden}.keuzehulp-steps__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--kh-accent),color-mix(in srgb,var(--kh-accent) 55%,var(--kh-highlight)));transform-origin:left center;transform:scaleX(var(--kh-progress, 0));transition:transform .6s cubic-bezier(.65,0,.35,1)}.keuzehulp-steps__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);transform:translate(-100%);animation:kh-shine 2.4s ease-in-out infinite}.keuzehulp-steps__item{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.keuzehulp-steps__dot{position:relative;display:grid;place-items:center;width:var(--kh-step-size);height:var(--kh-step-size);border-radius:50%;background:var(--kh-card);border:2px solid rgb(29 69 49 / .18);color:#1d45318c;font-family:var(--font-heading-family);font-weight:600;font-size:1.4rem;transition:background-color .35s,border-color .35s,color .35s,transform .35s cubic-bezier(.22,1,.36,1)}.keuzehulp-steps__num,.keuzehulp-steps__check{grid-area:1 / 1;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}.keuzehulp-steps__check{display:grid;opacity:0;transform:scale(.4)}.keuzehulp-steps__check svg{width:1.6rem;height:1.6rem}.keuzehulp-steps__label{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:500;color:#1d453199;transition:color .3s}.keuzehulp-steps__item[aria-current=step] .keuzehulp-steps__dot{border-color:var(--kh-accent);color:var(--kh-accent);transform:scale(1.12);box-shadow:0 0 0 .5rem color-mix(in srgb,var(--kh-accent) 14%,transparent);animation:kh-pulse 2s ease-out infinite}.keuzehulp-steps__item[aria-current=step] .keuzehulp-steps__label{color:var(--kh-accent-dark);font-weight:600}.keuzehulp-steps__item.is-done .keuzehulp-steps__dot{background:var(--kh-accent);border-color:var(--kh-accent);color:#fff}.keuzehulp-steps__item.is-done .keuzehulp-steps__num{opacity:0;transform:scale(.4)}.keuzehulp-steps__item.is-done .keuzehulp-steps__check{opacity:1;transform:scale(1)}.keuzehulp-steps__item.is-done .keuzehulp-steps__label{color:var(--kh-accent-dark)}keuzehulp-quiz[data-state=result] .keuzehulp-steps__item:last-child .keuzehulp-steps__dot{background:var(--kh-highlight);border-color:var(--kh-highlight);color:#000;animation:kh-pop .6s cubic-bezier(.22,1,.36,1);box-shadow:none}keuzehulp-quiz[data-state=result] .keuzehulp-steps__item:last-child .keuzehulp-steps__num{opacity:0}keuzehulp-quiz[data-state=result] .keuzehulp-steps__item:last-child .keuzehulp-steps__check{opacity:1;transform:scale(1)}.keuzehulp__quiz{position:relative;min-height:48rem}.keuzehulp__app{transition:opacity .4s ease}.keuzehulp__app .shopify-app-block,.keuzehulp__app quiz-renderer{display:block;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important;transform:none!important}keuzehulp-quiz[data-state=loading] .keuzehulp__app{opacity:0}.keuzehulp__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:5.6rem 2.4rem;pointer-events:none;opacity:0;transition:opacity .3s ease}keuzehulp-quiz[data-state=loading] .keuzehulp__skeleton{opacity:1}.keuzehulp__skeleton-line{display:block;width:min(100%,42rem);height:5.2rem;border-radius:var(--buttons-radius, 10rem);background:linear-gradient(90deg,#1d45310f,#1d45311f,#1d45310f) 0 0 / 200% 100%;animation:kh-skeleton 1.4s linear infinite}.keuzehulp__skeleton-line--title{width:min(80%,32rem);height:3.2rem;margin-bottom:1.4rem}@keyframes kh-shine{0%,30%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes kh-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--kh-accent) 35%,transparent)}70%{box-shadow:0 0 0 1rem color-mix(in srgb,var(--kh-accent) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--kh-accent) 0%,transparent)}}@keyframes kh-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1.12)}}@keyframes kh-skeleton{to{background-position:-200% 0}}@media screen and (max-width:749px){.keuzehulp__intro{margin-bottom:2.4rem}.keuzehulp__usps{flex-direction:column;align-items:center}.keuzehulp__card{border-radius:var(--blocks-radius-mobile, 1.6rem)}.keuzehulp-steps{--kh-step-size: 3rem;padding:1.8rem 1.2rem 1.6rem}.keuzehulp-steps__track{top:calc(1.8rem + var(--kh-step-size) / 2 - .3rem);left:calc(1.2rem + (100% - 2.4rem) / var(--kh-steps, 3) / 2);right:calc(1.2rem + (100% - 2.4rem) / var(--kh-steps, 3) / 2)}.keuzehulp-steps__label{font-size:1.2rem}.keuzehulp__quiz{min-height:42rem}}@media(prefers-reduced-motion:reduce){.keuzehulp-section *,.keuzehulp-section *:before,.keuzehulp-section *:after{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/keuzehulp.css.map */