.kh,.khb{--kh-accent: var(--kh-accent-setting, #111);--kh-accent-contrast: var(--kh-accent-contrast-setting, #fff);--kh-text: currentColor;--kh-muted: rgba(0, 0, 0, .62);--kh-border: rgba(0, 0, 0, .14);--kh-surface: #fff;--kh-soft: rgba(0, 0, 0, .04);--kh-success: #1e7a46;--kh-radius: 12px;--kh-gap: 12px;box-sizing:border-box}.kh *,.khb *{box-sizing:border-box}.kh{display:block;color:var(--kh-text)}.kh__root{max-width:920px;margin:0 auto}.kh__intro{text-align:center;padding:8px 0}.kh__title{margin:0 0 8px}.kh__lead{margin:0 auto 20px;max-width:560px;color:var(--kh-muted)}.kh__lead p{margin:0}.kh__progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}.kh__bar{flex:1;height:6px;border-radius:99px;background:var(--kh-soft);overflow:hidden}.kh__bar span{display:block;height:100%;background:var(--kh-accent);border-radius:inherit;transition:width .35s ease}.kh__count{font-size:.85em;color:var(--kh-muted);white-space:nowrap}.kh__q{margin:0 0 6px;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.25;outline:none}.kh__help{margin:0 0 18px;color:var(--kh-muted)}.kh__options{display:grid;gap:var(--kh-gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kh__options--media{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kh__opt{display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--kh-surface);border:1.5px solid var(--kh-border);border-radius:var(--kh-radius);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.kh__options--media .kh__opt{flex-direction:column;align-items:stretch;text-align:center}.kh__opt:hover{border-color:var(--kh-accent)}.kh__opt:focus-visible{outline:2px solid var(--kh-accent);outline-offset:2px}.kh__opt:active{transform:scale(.99)}.kh__opt.is-selected{border-color:var(--kh-accent);box-shadow:inset 0 0 0 1px var(--kh-accent)}.kh__opt-media{display:block;aspect-ratio:1;background:var(--kh-soft);border-radius:calc(var(--kh-radius) - 4px);overflow:hidden}.kh__opt-media--icon{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:96px;background:transparent;color:var(--kh-muted);transition:color .15s ease}.kh__opt-media--icon svg{width:72px;height:72px}.kh__opt:hover .kh__opt-media--icon,.kh__opt.is-selected .kh__opt-media--icon{color:var(--kh-accent)}.kh__opt-media img{width:100%;height:100%;object-fit:contain;display:block}.kh__opt-text{display:flex;flex-direction:column;gap:2px}.kh__opt-label{font-weight:600}.kh__opt-desc{font-size:.9em;color:var(--kh-muted)}.kh__opt-hint{font-size:.8em;color:var(--kh-muted);opacity:.85}.kh__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:20px}.kh__link{background:none;border:0;padding:4px 0;font:inherit;font-size:.95em;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kh__link:hover{opacity:.75}.kh__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;border:1.5px solid var(--kh-accent);transition:opacity .15s ease}.kh__btn--primary{background:var(--kh-accent);color:var(--kh-accent-contrast)}.kh__btn--secondary{background:transparent;color:var(--kh-accent)}.kh__btn:hover{opacity:.88}.kh__btn:disabled{opacity:.55;cursor:wait}.kh__btn:focus-visible{outline:2px solid var(--kh-accent);outline-offset:3px}.kh__summary{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:4px 0 16px}.kh__summary li{font-size:.85em;padding:4px 10px;border-radius:99px;background:var(--kh-soft)}.kh__notice{margin:0 0 14px;padding:10px 14px;border-radius:8px;background:var(--kh-soft);font-size:.95em}.kh__error{margin:10px 0 0;color:#b42318;min-height:0}.kh__error:empty{display:none}.kh__cards{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:750px){.kh__cards{grid-template-columns:1.15fr 1fr;align-items:start}}.kh__card{position:relative;display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px;border:1.5px solid var(--kh-border);border-radius:var(--kh-radius);background:var(--kh-surface)}.kh__card--primary{border-color:var(--kh-accent);box-shadow:inset 0 0 0 1px var(--kh-accent)}@media(min-width:750px){.kh__card{grid-template-columns:1fr}}.kh__badge{position:absolute;top:-11px;left:16px;padding:3px 10px;border-radius:99px;font-size:.75em;font-weight:700;letter-spacing:.02em;background:var(--kh-surface);border:1.5px solid var(--kh-border)}.kh__card--primary .kh__badge{background:var(--kh-accent);color:var(--kh-accent-contrast);border-color:var(--kh-accent)}.kh__card-media{display:block;aspect-ratio:1;background:var(--kh-soft);border-radius:calc(var(--kh-radius) - 4px);overflow:hidden}.kh__card-media img{width:100%;height:100%;object-fit:contain;display:block}@media(min-width:750px){.kh__card-media{max-height:240px}}.kh__card-title{margin:0 0 4px;font-size:1.05em;line-height:1.3}.kh__card-title a{color:inherit;text-decoration:none}.kh__card-title a:hover{text-decoration:underline}.kh__price{display:flex;gap:8px;align-items:baseline;margin:0 0 10px;font-weight:700;font-size:1.1em}.kh__was{font-weight:400;font-size:.85em;color:var(--kh-muted)}.kh__reasons{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:4px;font-size:.92em}.kh__reasons li{position:relative;padding-left:22px}.kh__reasons li:before{content:"\2713";position:absolute;left:0;color:var(--kh-success);font-weight:700}.kh__note{margin:0 0 10px;font-size:.85em;color:var(--kh-muted)}.kh__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.kh-section{padding-block:var(--kh-pad, 32px)}.kh-section--contained{max-width:1280px;margin-inline:auto;padding-inline:15px}.kh-section__card{padding:clamp(20px,4vw,40px);border-radius:var(--kh-radius, 12px);background:var(--kh-section-bg, rgba(0, 0, 0, .03))}.khb{display:block;margin:16px 0}.khb__bar{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed var(--kh-border);border-radius:var(--kh-radius);background:var(--kh-soft)}.khb__icon{flex:0 0 auto;width:28px;height:28px}.khb__text{flex:1;display:flex;flex-direction:column;font-size:.92em;line-height:1.35;margin:0}.khb__text strong{font-size:1.02em}.khb__text span{color:var(--kh-muted)}.khb__btn{flex:0 0 auto;padding:9px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:.9em;font-weight:600;background:var(--kh-accent);color:var(--kh-accent-contrast);border:0}.khb__btn:focus-visible{outline:2px solid var(--kh-accent);outline-offset:2px}@media(max-width:480px){.khb__bar{flex-wrap:wrap}.khb__btn{width:100%}}.khb__dialog{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;background:var(--kh-surface, #fff);color:inherit;box-shadow:0 20px 60px #00000040}.khb__dialog::backdrop{background:#00000080}.khb__dialog[open]{animation:kh-in .2s ease-out}.khb__dialog-inner{position:relative;padding:44px clamp(16px,4vw,36px) 28px}.khb__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--kh-soft);font-size:22px;line-height:1;cursor:pointer;color:inherit}@media(max-width:749px){.khb__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}}html.kh-lock{overflow:hidden}@keyframes kh-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.kh__bar span,.kh__opt,.khb__dialog[open]{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/keuzehulp.css.map */