.ck-aufbau{--a-fir: var(--ck-fir, #15342F);--a-brass: var(--ck-brass, #D6B46A);--a-brass-text: #8A6A28;--a-muted: var(--ck-muted, #5A6662);--a-sand: var(--ck-sand, #F4F6F1);--a-line: var(--ck-line, #E8EBEA);--a-font: var(--ck-font-body, Futura, "Futura PT", "Century Gothic", "Avenir Next", sans-serif);--a-ease: var(--ck-ease, cubic-bezier(.16, 1, .3, 1));position:relative;border-radius:10px;box-shadow:inset 0 0 0 1px var(--a-line);overflow:hidden;background:var(--a-sand);font-family:var(--a-font)}.ck-aufbau__stage{position:relative;width:100%;aspect-ratio:2.15 / 1}.ck-aufbau:empty{aspect-ratio:2.15 / 1}.ck-aufbau__canvas,.ck-aufbau__ov{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ck-aufbau__canvas{touch-action:pan-y}.ck-aufbau__ov{pointer-events:none;overflow:visible}.ck-aufbau__ov text{font-variant-numeric:tabular-nums}.ck-aufbau__step{position:absolute;left:clamp(14px,2vw,22px);top:clamp(14px,1.8vw,20px);right:72px;pointer-events:none}.ck-aufbau__step-l{display:flex;gap:10px;align-items:baseline;font-size:.875rem;font-weight:700;color:var(--a-fir);line-height:1.3}.ck-aufbau__step-n{color:var(--a-brass-text);font-variant-numeric:tabular-nums;flex:none}.ck-aufbau__sub{margin:4px 0 0;font-size:.8125rem;color:var(--a-muted);line-height:1.35;opacity:0;transition:opacity .45s var(--a-ease)}.ck-aufbau__sub.is-on{opacity:1}.ck-aufbau__hint{position:absolute;right:clamp(14px,2vw,22px);top:clamp(60px,6vw,68px);max-width:15rem;text-align:right;font-size:.8125rem;line-height:1.35;color:var(--a-muted);pointer-events:none;opacity:0;transition:opacity .4s var(--a-ease)}.ck-aufbau__hint.is-on{opacity:1}@media(hover:none){.ck-aufbau__hint{display:none}}.ck-aufbau__mk{pointer-events:auto;cursor:pointer}.ck-aufbau__mk-line{stroke:var(--a-fir);stroke-width:1;fill:none}.ck-aufbau__mk-dot{fill:#fff;stroke:var(--a-fir);stroke-width:1.4}.ck-aufbau__mk-tag{fill:var(--a-fir);transition:fill .25s var(--a-ease)}.ck-aufbau__mk-txt{fill:#fff;font-weight:700;dominant-baseline:central}.ck-aufbau__mk-name{font-weight:400;fill:#e9eeec}.ck-aufbau__mk.is-focus .ck-aufbau__mk-tag,.ck-aufbau__mk:hover .ck-aufbau__mk-tag{fill:var(--a-brass-text)}.ck-aufbau__dim line,.ck-aufbau__dim path{stroke:var(--a-fir);stroke-width:1;fill:none}.ck-aufbau__dim .is-ext{stroke:#b8913e;stroke-width:1.6}.ck-aufbau__dim .is-base{stroke-width:1.6}.ck-aufbau__dim .is-xl{stroke:#15342f59;stroke-width:1}.ck-aufbau__dim text{font-weight:700;text-anchor:middle;dominant-baseline:central;fill:var(--a-fir);paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.ck-aufbau__dim text.is-ext{fill:var(--a-brass-text);stroke:#fff;stroke-width:5px}.ck-aufbau__lring{fill:none;stroke:var(--a-fir);stroke-width:1}.ck-aufbau__lcap{font-weight:700;dominant-baseline:hanging;fill:var(--a-fir)}.ck-aufbau__lcap.is-done{fill:var(--a-brass-text)}.ck-aufbau__ctl{position:absolute;right:clamp(12px,1.8vw,20px);top:clamp(10px,1.6vw,16px);display:flex;gap:8px}.ck-aufbau__btn{position:relative;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:4px;overflow:hidden;background:var(--a-fir);color:#fff;cursor:pointer;box-shadow:0 8px 18px -10px #0d201d8c;transition:background .25s var(--a-ease),transform .25s var(--a-ease)}.ck-aufbau__btn.is-on{display:inline-flex;animation:ck-aufbau-in .35s var(--a-ease)}.ck-aufbau__btn:hover{background:#1e4540}.ck-aufbau__btn:active{transform:scale(.96)}.ck-aufbau__btn:focus-visible{outline:2px solid var(--a-brass);outline-offset:2px}.ck-aufbau__btn svg{width:16px;height:16px}.ck-aufbau__prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--a-brass);transform-origin:left;transform:scaleX(var(--prog, 0))}@keyframes ck-aufbau-in{0%{opacity:0}to{opacity:1}}.ck-aufbau__scrub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--a-ease);background:#fff}.ck-aufbau.is-scrub .ck-aufbau__scrub{grid-template-rows:1fr;border-top:1px solid var(--a-line)}.ck-aufbau__range{min-height:0;overflow:hidden;-webkit-appearance:none;appearance:none;width:calc(100% - (2*clamp(14px,2vw,22px)));margin:0 clamp(14px,2vw,22px);height:0;background:transparent;cursor:pointer;transition:height .4s var(--a-ease)}.ck-aufbau.is-scrub .ck-aufbau__range{height:48px}.ck-aufbau__range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(var(--a-fir),var(--a-fir)) 0 / var(--p, 0%) 100% no-repeat,var(--a-line)}.ck-aufbau__range::-moz-range-track{height:2px;background:var(--a-line)}.ck-aufbau__range::-moz-range-progress{height:2px;background:var(--a-fir)}.ck-aufbau__range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-7px;border-radius:2px;background:var(--a-brass);border:2px solid var(--a-fir);transform:rotate(45deg)}.ck-aufbau__range::-moz-range-thumb{width:12px;height:12px;border-radius:2px;background:var(--a-brass);border:2px solid var(--a-fir);transform:rotate(45deg)}.ck-aufbau__range:focus-visible{outline:2px solid var(--a-brass);outline-offset:-6px}.ck-aufbau .ck-aufbau__range,.ck-aufbau .ck-aufbau__range:hover,.ck-aufbau .ck-aufbau__range:focus{border:0;border-radius:0;box-shadow:none;padding:0;background:transparent;min-height:0}@media(max-width:760px){.ck-aufbau__stage,.ck-aufbau:empty{aspect-ratio:.9 / 1}.ck-aufbau__step{right:64px}}@media(prefers-reduced-motion:reduce){.ck-aufbau__btn,.ck-aufbau__sub,.ck-aufbau__scrub,.ck-aufbau__range{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/ck-aufbau.css.map */