.kb-hub{display:grid;gap:var(--sp-6);align-items:center;grid-template-columns:1fr;perspective:1400px}.kb-hub-turm{display:flex;justify-content:center;padding-block:var(--sp-8)}.kb-satellit{display:grid;gap:2px;justify-items:center;text-align:center;text-decoration:none;color:var(--ink);font-size:var(--text-sm);padding:var(--sp-4);border:1px dashed var(--ash);border-radius:var(--radius-card);background:var(--paper);position:relative}.kb-satellit strong{font-weight:500}.kb-satellit-box{width:40px;height:22px;border:1.5px solid var(--accent);border-radius:5px;margin-bottom:var(--sp-2);position:relative}.kb-satellit-box:after{content:"";position:absolute;right:5px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.kb-hub-panel{background:var(--paper);border:1px solid var(--mist);border-radius:var(--radius-card);padding:var(--sp-6);display:grid;gap:var(--sp-5);box-shadow:var(--shadow-sm)}.kb-hub-panel h3{margin:var(--sp-1) 0 var(--sp-3);font-weight:300;font-size:var(--text-sub);letter-spacing:var(--tracking-h)}.kb-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.kb-hub-fortschritt-zeile{margin:0;font-size:var(--text-sm);color:var(--charcoal)}.kb-hub-balken{--p: 0;height:6px;background:var(--mist);border-radius:var(--radius-pill);overflow:hidden;margin-top:var(--sp-2)}.kb-hub-balken b{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--accent);transition:width .4s ease}.kb-hub-abschluss-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3)}.kb-turm{--rx: 8deg;--ry: -22deg;position:relative;width:220px;height:340px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out}.kb-turm-flaeche{position:absolute;inset:0;border:1.5px solid var(--ink);border-radius:14px;background:var(--paper)}.kb-turm-seite{width:90px;left:100%;transform-origin:left;transform:rotateY(90deg);background:var(--linen);border-radius:0 14px 14px 0}.kb-turm-deckel{height:90px;top:auto;bottom:100%;transform-origin:bottom;transform:rotateX(-90deg);background:var(--canvas);border-radius:14px 14px 0 0}.kb-turm-front{padding:var(--sp-3) var(--sp-3) var(--sp-8);display:flex;flex-direction:column;gap:6px;transform:translateZ(.5px)}.kb-turm-display{height:62px;border:1.5px solid var(--ink);border-radius:8px;background:var(--ink);overflow:hidden;display:grid;place-items:center;transition:background .5s}.kb-turm-display img{width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .5s}.kb-turm-leds{list-style:none;margin:0;padding:0 2px;display:flex;gap:6px;justify-content:flex-end}.kb-turm-leds li{width:7px;height:7px;border-radius:50%;background:var(--mist)}.kb-turm-schaechte{display:grid;gap:5px}.kb-schacht{height:24px;border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:var(--text-caption);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-2);cursor:pointer;transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s,background .25s}.kb-schacht small{color:var(--charcoal)}.kb-schacht:hover,.kb-schacht:focus-visible,.kb-schacht[aria-pressed=true]{transform:translateZ(34px);background:var(--accent-soft);box-shadow:-6px 10px 18px #1817172e;outline:none}.kb-schacht:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kb-schacht.is-komplett{border-color:var(--accent)}.kb-schacht.is-komplett small:after{content:" ✓";color:var(--accent)}.kb-turm-power{position:absolute;right:var(--sp-3);bottom:var(--sp-3);width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;display:grid;place-items:center;padding:0}.kb-turm-power:before{content:"";width:10px;height:10px;border:2px solid var(--ink);border-top-color:transparent;border-radius:50%}.kb-turm-power:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html:not(.kb-js) .kb-turm .kb-turm-display,.kb-turm.is-an .kb-turm-display{background:var(--paper)}html:not(.kb-js) .kb-turm .kb-turm-display img,.kb-turm.is-an .kb-turm-display img{opacity:1}html:not(.kb-js) .kb-turm .kb-turm-leds li,.kb-turm.is-an .kb-turm-leds li{background:var(--accent)}.kb-turm.is-an .kb-turm-leds li{animation:kb-boot .8s ease-out both}.kb-turm.is-an .kb-turm-leds li:nth-child(2){animation-delay:.15s}.kb-turm.is-an .kb-turm-leds li:nth-child(3){animation-delay:.3s}.kb-turm.is-an .kb-turm-leds li:nth-child(4){animation-delay:.45s}.kb-turm.is-an .kb-turm-power,html:not(.kb-js) .kb-turm-power{border-color:var(--accent)}.kb-turm.is-an .kb-turm-power:before,html:not(.kb-js) .kb-turm-power:before{border-color:var(--accent);border-top-color:transparent}@keyframes kb-boot{0%{background:var(--mist)}60%{background:var(--paper)}to{background:var(--accent)}}html:not(.kb-js) .kb-turm-power{display:none}html:not(.kb-js) [data-kb-panel-intro]{display:none}@media(min-width:1000px){.kb-hub{grid-template-columns:130px 1fr 130px 1.3fr}.kb-satellit--links:after,.kb-satellit--rechts:before{content:"";position:absolute;top:50%;width:var(--sp-6);border-top:1.5px dashed var(--accent)}.kb-satellit--links:after{right:calc(-1 * var(--sp-6) - 1px)}.kb-satellit--rechts:before{left:calc(-1 * var(--sp-6) - 1px)}}@media(max-width:999px){.kb-hub{grid-template-areas:"turm" "sat" "panel"}.kb-hub-turm{grid-area:turm}.kb-hub-panel{grid-area:panel}.kb-satellit--links,.kb-satellit--rechts{grid-area:sat}.kb-satellit--rechts{justify-self:end}.kb-satellit--links{justify-self:start}.kb-satellit{width:calc(50% - var(--sp-3))}}@media(prefers-reduced-motion:reduce){.kb-turm,.kb-schacht{transition:none}.kb-turm.is-an .kb-turm-leds li{animation:none}}.kb-zwei[data-astro-cid-mqhye2hq]{display:grid;gap:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.kb-checkliste[data-astro-cid-mqhye2hq]{padding-left:1.2em;display:grid;gap:var(--sp-2)}