.stf{width:100%;max-width:760px}.stf__frage{margin:0 0 var(--3idee-abstand-8);color:var(--variant-option-label-color, var(--color-foreground))}.stf__regler{display:flex;align-items:center;gap:var(--3idee-abstand-12)}.stf__schritt{flex:0 0 44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;border:1px solid var(--3idee-hairline);border-radius:var(--3idee-radius-mittel);background:var(--color-background, #fff);color:var(--3idee-ink)}.stf__schritt svg{width:20px;height:20px}.stf__schritt:hover{border-color:var(--3idee-ink)}.stf__schritt:focus-visible,.stf__range:focus-visible{outline:2px solid var(--3idee-ink);outline-offset:2px}.stf__range{flex:1 1 auto;min-width:0;height:44px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}.stf__range::-webkit-slider-runnable-track{height:4px;border-radius:var(--3idee-radius-winzig);background:var(--3idee-hairline)}.stf__range::-moz-range-track{height:4px;border-radius:var(--3idee-radius-winzig);background:var(--3idee-hairline)}.stf__range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:26px;margin-top:-11px;border:0;border-radius:var(--3idee-radius-winzig);background:var(--3idee-ink);box-shadow:0 0 0 4px var(--color-background, #fff)}.stf__range::-moz-range-thumb{width:12px;height:26px;border:0;border-radius:var(--3idee-radius-winzig);background:var(--3idee-ink);box-shadow:0 0 0 4px var(--color-background, #fff)}.stf__wert{flex:0 0 auto;display:flex;align-items:baseline;gap:var(--3idee-abstand-4);cursor:text}.stf__zahl{width:2.6ch;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--3idee-hairline);border-radius:0;background:none;font-family:var(--font-heading--family);font-size:var(--3idee-text-zahl);font-weight:600;line-height:1.1;color:var(--3idee-ink);text-align:right;letter-spacing:-.02em}.stf__zahl:focus{outline:none;border-bottom-color:var(--3idee-ink)}.stf__einheit{font-size:var(--3idee-text-body);font-weight:600;color:var(--3idee-muted)}.stf__treppe{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--3idee-abstand-16);margin-top:var(--3idee-abstand-32);border-bottom:1px solid var(--3idee-hairline)}.stf__stufe{display:flex;flex-direction:column;min-width:0;transition:opacity .2s ease}.stf__balken{display:flex;align-items:flex-end;justify-content:center;gap:var(--3idee-abstand-8);height:200px}.stf__b{position:relative;flex:0 1 44px;height:var(--stf-h);min-height:8px;border-radius:var(--3idee-radius-klein) var(--3idee-radius-klein) 0 0;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease}.stf__b b{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;font-family:var(--font-heading--family);font-weight:600;font-size:var(--3idee-text-aussage);line-height:1;color:var(--3idee-ink)}.stf__b--one{background:var(--3idee-ink)}.stf__b--ad{background:var(--color-background, #fff);border:1.5px solid var(--3idee-ink);border-bottom:0}.stf__b--ad b{font-size:var(--3idee-text-body);color:var(--3idee-body)}.stf__ab{order:2;padding:var(--3idee-abstand-12) 0;text-align:center;font-weight:600;color:var(--3idee-ink);border-top:1px solid var(--3idee-hairline)}.stf--gewaehlt .stf__stufe:not(.stf__stufe--an) .stf__b--one{background:var(--3idee-hairline)}.stf--gewaehlt .stf__stufe:not(.stf__stufe--an) .stf__b--ad{border-color:var(--3idee-hairline)}.stf--gewaehlt .stf__stufe:not(.stf__stufe--an) .stf__b b,.stf--gewaehlt .stf__stufe:not(.stf__stufe--an) .stf__ab{color:var(--3idee-muted);font-weight:400}.stf__stufe--an .stf__ab{box-shadow:inset 0 2px 0 var(--3idee-ink)}.stf__legende{display:flex;flex-wrap:wrap;gap:var(--3idee-abstand-16);margin-top:var(--3idee-abstand-12);font-size:var(--3idee-text-klein);color:var(--3idee-body)}.stf__legende span{display:inline-flex;align-items:center;gap:var(--3idee-abstand-8)}.stf__l{display:inline-block;width:12px;height:12px;border-radius:var(--3idee-radius-winzig);box-sizing:border-box}.stf__l--one{background:var(--3idee-ink)}.stf__l--ad{border:1.5px solid var(--3idee-ink)}.stf__ergebnis{margin:var(--3idee-abstand-16) 0 0;padding:var(--3idee-abstand-16);border-radius:var(--3idee-radius-mittel);background:var(--3idee-surface-alt);color:var(--3idee-ink);font-weight:600}.stf__ergebnis:empty{display:none}@media screen and (max-width:1023px){.stf__treppe{gap:var(--3idee-abstand-8)}.stf__balken{height:150px;gap:var(--3idee-abstand-4)}.stf__b{flex-basis:30px}.stf__b b{font-size:var(--3idee-text-body)}.stf__b--ad b,.stf__ab{font-size:var(--3idee-text-klein)}.stf .stf__zahl{font-size:var(--3idee-text-zahl)!important}}@media(prefers-reduced-motion:reduce){.stf__stufe,.stf__b{transition:none}}.stf__stufe{cursor:pointer}@media screen and (max-width:1023px){.stf__regler{flex-wrap:wrap}.stf__wert{order:-1;flex:1 0 100%;justify-content:flex-start}.stf__zahl{text-align:left;width:2.2ch}}.stf__art{display:inline-grid;grid-auto-flow:column;gap:3px;padding:3px;margin-bottom:var(--3idee-abstand-24);border:1px solid var(--3idee-hairline);border-radius:var(--3idee-radius-mittel);background:var(--color-background, #fff)}.stf__a{min-height:40px;padding:0 var(--3idee-abstand-16);cursor:pointer;font:inherit;font-weight:700;border:1px solid transparent;border-radius:calc(var(--3idee-radius-mittel) - 3px);background:none;color:color-mix(in srgb,var(--3idee-ink) 70%,#fff);transition:color .2s ease,border-color .2s ease}.stf__a:hover{color:var(--3idee-ink);border-color:var(--3idee-hairline)}.stf__a.is-an{color:var(--3idee-ink);border-color:var(--3idee-ink)}.stf__a:focus-visible{outline:2px solid var(--3idee-ink);outline-offset:2px}.stf__legende,.stf[data-stf-art=one] .stf__b--ad,.stf[data-stf-art=adapter] .stf__b--one{display:none}.stf .stf__b--one,.stf .stf__b--ad{flex-basis:72px;background:var(--3idee-ink);border:0}.stf .stf__b--ad b,.stf .stf__b--one b{font-size:var(--3idee-text-kasten);color:var(--3idee-ink)}.stf--gewaehlt .stf__stufe:not(.stf__stufe--an) .stf__b--ad{background:var(--3idee-hairline)}@keyframes stf-wachsen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.stf .stf__b{transform-origin:bottom}.stf.is-neu .stf__b{animation:stf-wachsen .5s cubic-bezier(.2,.7,.2,1) both}.stf.is-neu .stf__stufe:nth-child(2) .stf__b{animation-delay:.06s}.stf.is-neu .stf__stufe:nth-child(3) .stf__b{animation-delay:.12s}.stf.is-neu .stf__stufe:nth-child(4) .stf__b{animation-delay:.18s}@media screen and (max-width:1023px){.stf .stf__b--one,.stf .stf__b--ad{flex-basis:52px}.stf .stf__b--ad b,.stf .stf__b--one b{font-size:var(--3idee-text-aussage)}.stf__art{display:grid;grid-template-columns:1fr 1fr;width:100%}}@media(prefers-reduced-motion:reduce){.stf.is-neu .stf__b{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/staffel-tabelle.css.map */