.gl{gap:.9rem;margin:0;display:grid}.gl-szene{--h:.34;aspect-ratio:4/4.2;background:var(--color-mist);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);cursor:ns-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:1.6rem;outline:none;position:relative;overflow:hidden}@media (max-width:1023px){.gl-szene{aspect-ratio:4/3.6}}.gl-szene:focus-visible{box-shadow:0 0 0 3px var(--color-action)}.gl-fassade{object-fit:cover;object-position:50% 60%;transform:scale(1.04) translateY(calc((var(--h) - .5) * 3%));transition:transform 1s cubic-bezier(.16,1,.3,1)}.gl-glanz{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(170deg, transparent 30%, color-mix(in srgb, var(--color-on-dark) 70%, transparent) 46%, transparent 60%);transform:translateY(calc((.5 - var(--h)) * 40%));transition:transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;inset:-20% 0}.gl-leiste{background:color-mix(in srgb, var(--color-on-dark) 55%, transparent);width:2px;position:absolute;top:0;bottom:0;left:.9rem}.gl-marke{white-space:nowrap;letter-spacing:.01em;color:var(--color-ink);background:var(--color-on-dark);border-radius:0 999px 999px 0;padding:.32rem .7rem .32rem .95rem;font-size:.8rem;font-weight:800;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1);position:absolute;left:0;transform:translateY(50%)}.gl-marke:before{content:"";background:var(--color-on-dark);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-action);border-radius:50%;margin-top:-4px;position:absolute;top:50%;left:-4px}.gl-marke.an{background:var(--color-action);color:var(--color-on-dark)}.gl-stange{width:0;height:calc(var(--h) * 100%);transition:height 1s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:58%}.gl-zieht .gl-stange,.gl-zieht .gl-fassade,.gl-zieht .gl-glanz{transition-duration:.35s}.gl-segment{--b:calc(15px - var(--i) * 2.5px);left:calc(var(--b) / -2);width:var(--b);bottom:calc(var(--i) * 25%);height:calc(25% + 6px);box-shadow:0 -3px 0 -1px #2c363b inset, 6px 10px 18px -8px color-mix(in srgb, var(--color-deep) 50%, transparent);background:linear-gradient(90deg,#5d6970 0%,#c9d2d7 28%,#f3f6f8 42%,#9aa6ad 70%,#4d585e 100%);border-radius:3px;position:absolute}.gl-segment:after{content:"";background:linear-gradient(90deg,#1e282d,#4a565c 40%,#1e282d);border-radius:2px;height:7px;position:absolute;top:0;left:-2px;right:-2px}.gl-kopf{touch-action:none;width:clamp(130px,15vw,210px);position:absolute;top:0;left:0;transform:translate(-50%,-82%)}.gl-buerste{width:100%;height:auto;filter:drop-shadow(0 14px 18px color-mix(in srgb, var(--color-deep) 40%, transparent));display:block}.gl-tropfen{left:calc(50% + var(--x));background:radial-gradient(circle at 35% 30%, #fff 0 18%, color-mix(in srgb, var(--color-brand) 30%, transparent) 45%, color-mix(in srgb, var(--color-on-dark) 35%, transparent) 70%);width:10px;height:13px;box-shadow:0 1px 2px color-mix(in srgb, var(--color-deep) 35%, transparent);opacity:0;animation:3.4s cubic-bezier(.45,0,.55,1) infinite gl-perlen;animation-delay:calc(var(--t) * -.29s);border-radius:50%/60% 60% 40% 40%;position:absolute;top:55%}@keyframes gl-perlen{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:1;transform:translateY(6px)scale(1)}70%{opacity:.9}to{opacity:0;transform:translateY(min(48vh,420px))scale(.85,1.15)}}.gl-hinweis{color:var(--color-ink);background:var(--color-on-dark);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:800;animation:2.8s cubic-bezier(.16,1,.3,1) 1.2s 2 both gl-wink;position:absolute;top:.9rem;right:.9rem}@keyframes gl-wink{0%,to{translate:0}50%{translate:0 -6px}}.gl-symbol{color:var(--color-ink-soft);margin-top:.8rem;font-size:.75rem;font-weight:700}.gl-karte{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse);border-radius:1.2rem;padding:1.1rem 1.25rem 1.2rem}.gl-osmose{color:var(--color-ink-soft);border-bottom:1px solid var(--sprosse);margin-bottom:.7rem;padding-bottom:.7rem;font-size:.95rem;line-height:1.5}.gl-osmose strong{color:var(--color-action);margin-right:.4rem;font-weight:900;display:inline-block}.gl-titel{color:var(--color-ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:900}.gl-text{color:var(--color-ink-soft);margin-top:.25rem;font-size:1rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.gl-stange,.gl-fassade,.gl-glanz,.gl-marke{transition:none}.gl-tropfen{opacity:.85;transform:translateY(calc(var(--t) * 7px + 10px));animation:none}.gl-hinweis{animation:none}}
.gr{gap:.9rem;margin:0;display:grid}.gr-boden{--w:0deg;--n:0;--g:0;aspect-ratio:1;background:var(--color-mist);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;position:relative;overflow:hidden}@media (max-width:1023px){.gr-boden{aspect-ratio:4/3.4}}.gr-bild{object-fit:cover}.gr-boden>.gr-bild:first-of-type{filter:brightness(.8)sepia(.35)saturate(.8)contrast(.92)}.gr-fertig,.gr-jetzt{filter:brightness(1.08)contrast(1.12)}.gr-fertig{opacity:calc(var(--n) / 4);transition:opacity 1s cubic-bezier(.16,1,.3,1)}.gr-jetzt,.gr-spiegel{-webkit-mask-image:conic-gradient(from 180deg at 50% 50%, #000 0 var(--w), transparent var(--w)), radial-gradient(closest-side, transparent 0 40%, #000 45% 79%, transparent 84%);-webkit-mask-image:conic-gradient(from 180deg at 50% 50%, #000 0 var(--w), transparent var(--w)), radial-gradient(closest-side, transparent 0 40%, #000 45% 79%, transparent 84%);mask-image:conic-gradient(from 180deg at 50% 50%, #000 0 var(--w), transparent var(--w)), radial-gradient(closest-side, transparent 0 40%, #000 45% 79%, transparent 84%);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.gr-jetzt{opacity:calc((var(--n) + 1) / 4)}.gr-spiegel{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from calc(180deg + var(--w) - 70deg) at 50% 50%, transparent 0deg, color-mix(in srgb, var(--color-on-dark) 55%, transparent) 55deg, transparent 70deg, transparent 360deg);position:absolute;inset:0}.gr-licht{pointer-events:none;mix-blend-mode:screen;opacity:calc(var(--g) * .55);background:radial-gradient(ellipse 60% 40% at 30% 22%, color-mix(in srgb, var(--color-on-dark) 55%, transparent), transparent 70%);transition:opacity 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.gr-bahn{aspect-ratio:1;pointer-events:none;border:2px dashed color-mix(in srgb, var(--color-on-dark) 55%, transparent);border-radius:50%;width:62%;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (max-width:1023px){.gr-bahn{width:auto;height:62%}}.gr-maschine{--a:0deg;aspect-ratio:1;width:20%;translate:-50% -50%;transform:rotate(calc(var(--a) + 180deg)) translateY(-155%) rotate(calc(-1 * var(--a) - 180deg));cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:50%;left:50%}@media (max-width:1023px){.gr-maschine{width:17%}}.gr-maschine:active{cursor:grabbing}.gr-maschine:focus-visible{outline:3px solid var(--color-action);outline-offset:4px}.gr-maschine:disabled{cursor:default}.gr-maschine-bild{pointer-events:none;width:154.1%;max-width:none;height:auto;filter:drop-shadow(0 14px 14px color-mix(in srgb, var(--color-deep) 45%, transparent));position:absolute;top:-220.07%;left:-.5%}.gr-teller{aspect-ratio:1;pointer-events:none;position:absolute;top:50%;left:-6%;right:-6%;transform:translateY(-40%)scaleY(.44)}.gr-teller:before{content:"";background:repeating-conic-gradient(#8f1712 0 5deg, #e8574c 5deg 10deg), #c9302a;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #7d1712}@media (prefers-reduced-motion:no-preference){.gr-teller:before{animation:.9s linear infinite gr-drehen}}@keyframes gr-drehen{to{rotate:360deg}}.gr-symbol{color:var(--color-on-dark);text-shadow:0 1px 3px color-mix(in srgb, var(--color-deep) 70%, transparent);font-size:.72rem;font-weight:700;position:absolute;bottom:.8rem;right:.9rem}.gr-karte{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse);border-radius:1.2rem;padding:1.1rem 1.25rem 1.2rem}.gr-zaehler{gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.gr-zaehler li{background:var(--color-mist);border-radius:999px;flex:1;height:6px;transition:background-color .8s cubic-bezier(.16,1,.3,1)}.gr-zaehler li.jetzt{background:color-mix(in srgb, var(--color-brand) 45%, var(--color-mist))}.gr-zaehler li.voll{background:var(--color-action)}.gr-text{color:var(--color-ink);min-height:3.1em;font-size:1.02rem;font-weight:700;line-height:1.55}.gr-knoepfe{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.9rem;display:flex}.gr-knopf{cursor:pointer;min-height:44px;font:inherit;color:var(--color-on-dark);background:var(--color-action);transition:background-color .2s var(--ease-out-strong), transform .16s var(--ease-out-strong);border:0;border-radius:999px;padding:.6rem 1.15rem;font-size:.95rem;font-weight:800}.gr-knopf:active{transform:scale(.97)}.gr-knopf:disabled{opacity:.55;cursor:default}.gr-knopf:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}@media (hover:hover){.gr-knopf:hover:not(:disabled){background:var(--color-action-strong)}}.gr-leise{color:var(--color-action);box-shadow:inset 0 0 0 2px var(--color-action);background:0 0}@media (hover:hover){.gr-leise:hover:not(:disabled){color:var(--color-on-dark)}}.gr-tipp{color:var(--color-ink-soft);font-size:.88rem;font-weight:700}
.uh{--stand:0;--takt:2s;gap:.9rem;margin:0;display:grid}.uh-scheibe{aspect-ratio:1;background:repeating-conic-gradient(from -30deg, color-mix(in srgb, var(--color-ink) 10%, transparent) 0 .6deg, transparent .6deg 60deg), radial-gradient(circle, var(--color-paper) 0 49%, var(--color-on-dark) 49.5% 100%);width:100%;max-width:34rem;box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent), inset 0 0 0 10px var(--color-paper);border-radius:50%;justify-self:center;position:relative;overflow:clip}@media (max-width:1023px){.uh-scheibe{max-width:min(100%,26rem)}}.uh-zeiger{pointer-events:none;background:conic-gradient(from -30deg, color-mix(in srgb, var(--color-brand) 26%, transparent) 0 60deg, transparent 60deg);rotate:calc(var(--stand) * 60deg);transition:rotate min(var(--takt), 1.1s) cubic-bezier(.16, 1, .3, 1);border-radius:50%;position:absolute;inset:3%;-webkit-mask-image:radial-gradient(circle,#0000 0 51%,#000 52%);mask-image:radial-gradient(circle,#0000 0 51%,#000 52%)}.uh-ring{z-index:1;margin:0;padding:0;list-style:none;position:absolute;inset:0}.uh-scheibe{container-type:inline-size}.uh-ring li{width:0;height:0;position:absolute}.uh-feld{aspect-ratio:1;cursor:pointer;width:clamp(44px,12cqw,58px);font:inherit;color:var(--color-action);background:var(--color-on-dark);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-action) 30%, transparent), 0 8px 18px -10px color-mix(in srgb, var(--color-ink) 50%, transparent);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;font-size:clamp(1rem,4cqw,1.2rem);font-weight:900;transition:background-color .6s cubic-bezier(.16,1,.3,1),color .6s cubic-bezier(.16,1,.3,1),scale .6s cubic-bezier(.16,1,.3,1);display:grid;translate:-50% -50%}.uh-feld.an{background:var(--color-action);color:var(--color-on-dark);scale:1.12}.uh-feld:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}@media (hover:hover){.uh-feld:not(.an):hover{background:var(--color-mist)}}.uh-knopf{aspect-ratio:1;z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:46%;box-shadow:0 0 0 6px var(--color-on-dark), 0 0 0 7px var(--sprosse), 0 22px 40px -18px color-mix(in srgb, var(--color-deep) 55%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.uh-knopf.dreht{cursor:grabbing}.uh-bild{object-fit:cover}.uh-griff{transition:rotate .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.uh-knopf.dreht .uh-griff{transition-duration:.12s}.uh-griff span{background:linear-gradient(90deg, var(--color-action-strong), var(--color-action) 45%, var(--color-brand));width:12%;height:30%;box-shadow:0 0 0 3px var(--color-on-dark), 0 6px 12px -4px color-mix(in srgb, var(--color-deep) 60%, transparent);border-radius:999px;position:absolute;top:5%;left:50%;translate:-50%}.uh-raste{background:var(--color-action);z-index:1;width:8px;height:8px;transform:rotate(var(--g)) translateY(-26.5cqw);border-radius:50%;margin:-4px;position:absolute;top:50%;left:50%}.uh-symbol{color:var(--color-ink-soft);margin-top:.8rem;font-size:.75rem;font-weight:700}.uh-karte{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse);border-radius:1.2rem;padding:1.1rem 1.25rem 1.2rem}.uh-takt{background:var(--color-mist);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.3rem;display:grid}.uh-takt button{cursor:pointer;min-height:44px;font:inherit;color:var(--color-ink-soft);background:0 0;border:0;border-radius:999px;font-size:.95rem;font-weight:800;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1)}.uh-takt button.an{background:var(--color-on-dark);color:var(--color-action);box-shadow:0 4px 12px -6px color-mix(in srgb, var(--color-ink) 45%, transparent)}.uh-takt button:focus-visible{outline:3px solid var(--color-action);outline-offset:2px}.uh-titel{color:var(--color-ink);align-items:center;gap:.6rem;margin-top:.95rem;font-size:1.15rem;font-weight:900;display:flex}.uh-nr{width:1.8rem;height:1.8rem;color:var(--color-on-dark);background:var(--color-action);border-radius:50%;place-items:center;font-size:.9rem;display:grid}.uh-text{color:var(--color-ink-soft);margin-top:.3rem;font-size:1rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.uh-zeiger,.uh-griff,.uh-feld{transition:none}}
.wds{aspect-ratio:4/4.2;background:var(--color-deep);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);--p:0;border-radius:1.6rem;margin:0;position:relative;overflow:hidden}@media (max-width:1023px){.wds{aspect-ratio:4/4.6}}.wds-bild{object-fit:cover;filter:brightness(calc(.62 + var(--p) * .5)) saturate(calc(.8 + var(--p) * .2))}.wds-morgen{pointer-events:none;opacity:calc(max(0, var(--p) - .42) * 1.5);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 35%, transparent), transparent 55%);mix-blend-mode:screen;position:absolute;inset:0}.wds-uhr{aspect-ratio:1;background:var(--color-on-dark);width:clamp(7.5rem,30%,11.5rem);box-shadow:0 0 0 .45rem color-mix(in srgb, var(--color-ink) 82%, transparent), 0 0 0 .6rem color-mix(in srgb, var(--color-on-dark) 30%, transparent), 0 24px 50px -18px color-mix(in srgb, var(--color-deep) 90%, transparent);border-radius:50%;position:absolute;top:7%;left:7%}.wds-ziffern{background:repeating-conic-gradient(var(--color-ink) 0 1.6deg, transparent 1.6deg 30deg), repeating-conic-gradient(var(--color-ink) 0 .7deg, transparent .7deg 6deg);background-position:50%;border-radius:50%;position:absolute;inset:5%;transform:rotate(-.8deg);-webkit-mask:radial-gradient(circle closest-side,#0000 0 80%,#000 81%);mask:radial-gradient(circle closest-side,#0000 0 80%,#000 81%)}.wds-std,.wds-min{transform-origin:50% 100%;background:var(--color-ink);border-radius:2px;position:absolute;bottom:50%;left:50%;translate:-50%}.wds-std{width:7%;height:30%}.wds-min{width:5%;height:42%}.wds-mitte{aspect-ratio:1;background:var(--color-signal);width:9%;box-shadow:0 0 0 2px var(--color-on-dark);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.wds-ablauf{background:linear-gradient(0deg, color-mix(in srgb, var(--color-deep) 88%, transparent) 30%, transparent);color:var(--color-on-dark);padding:4.5rem 1.4rem 3.2rem;position:absolute;bottom:0;left:0;right:0}.wds-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-dark);margin-bottom:.7rem;font-size:.8rem;font-weight:800}.wds-ablauf ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wds-ablauf li{color:var(--color-on-dark);opacity:.55;align-items:center;gap:.7rem;font-size:1rem;font-weight:800;line-height:1.3;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-.4rem)}.wds-ablauf li.ist-an{opacity:1;transform:none}.wds-haken{width:1.4rem;height:1.4rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-on-dark) 70%, transparent);border-radius:50%;flex:none;transition:background-color .9s cubic-bezier(.16,1,.3,1),box-shadow .9s cubic-bezier(.16,1,.3,1);position:relative}.wds-haken:after{content:"";border:solid var(--color-on-dark);border-width:0 2.5px 2.5px 0;width:.4rem;height:.7rem;transition:transform .7s cubic-bezier(.16,1,.3,1) .15s;position:absolute;top:.28rem;left:.47rem;transform:rotate(45deg)scale(0)}.ist-an .wds-haken{background:var(--color-action);box-shadow:inset 0 0 0 2px var(--color-action)}.ist-an .wds-haken:after{transform:rotate(45deg)scale(1)}@media (max-width:480px){.wds-ablauf{padding:3.5rem 1rem 3rem}.wds-uhr{width:6.8rem}}@media (prefers-reduced-motion:reduce){.wds-ablauf li,.wds-haken,.wds-haken:after{transition:none}}
.u-fq{border-top:1px solid var(--sprosse,color-mix(in srgb, var(--color-ink) 12%, transparent));grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}@media (max-width:1023px){.u-fq{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.u-fq-kopf{align-self:start;position:sticky;top:7rem}@media (max-width:1023px){.u-fq-kopf{position:static}}.u-fq-links{gap:.25rem;margin-top:2rem;padding:0;list-style:none;display:grid}.u-fq-links a{color:var(--color-action);text-underline-offset:4px;gap:.5rem;padding:.55rem 0;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.u-fq-links a:hover{color:var(--color-action-strong)}.u-fq-antwort{font-size:var(--text-body,1.0625rem);color:var(--color-ink-soft);max-width:62ch;padding-bottom:1.5rem;line-height:1.7}
.ot{padding:clamp(1rem, 3vw, 2.5rem) var(--gutter,1rem) 0}.ot-nacht{background:radial-gradient(120% 80% at 12% 0%, color-mix(in srgb, var(--color-action) 42%, transparent), transparent 60%), var(--color-deep);color:var(--color-on-dark);border-radius:1.25rem;overflow:hidden}.ot-nacht .spotlight-licht{pointer-events:none;z-index:1;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}@media (hover:hover){.ot-nacht:hover .spotlight-licht{opacity:1}}.ot-leuchte{z-index:0;aspect-ratio:1;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--color-signal) 26%, transparent) 14deg, transparent 40deg, transparent 360deg);mix-blend-mode:screen;border-radius:50%;width:160%;animation:7s linear infinite ot-dreh;position:absolute;top:-60%;right:-30%}@keyframes ot-dreh{to{transform:rotate(360deg)}}.ot-wrap{z-index:2;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5rem);padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);display:grid;position:relative}@media (max-width:1023px){.ot-wrap{grid-template-columns:minmax(0,1fr)}}.ot-label{color:var(--color-brand)}.ot-h2{color:var(--color-on-dark)}.ot-tel{color:var(--color-on-dark);gap:.2rem;margin-top:2rem;text-decoration:none;display:inline-grid}.ot-tel span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-signal);font-size:.8rem;font-weight:800}.ot-tel strong{letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900}.ot-tel:hover strong{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.ot-gruppen{gap:2.5rem;display:grid}.ot-h3{letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-dark);margin-bottom:1rem;font-size:.85rem;font-weight:800}.ot-liste{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.ot-tafel{background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-paper), inset 0 0 0 3.5px var(--color-ink);white-space:nowrap;border-radius:.35rem;gap:.05rem;padding:.55rem .85rem .6rem;line-height:1.1;display:grid}.ot-oben{letter-spacing:.08em;color:var(--color-ink-soft);font-size:.68rem;font-weight:700}.ot-name{letter-spacing:-.01em;font-size:1.02rem;font-weight:800}@supports (animation-timeline:view()){.ot-tafel{animation:linear both ot-ein;animation-timeline:view();animation-range:entry entry 70%}}@keyframes ot-ein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ot-leuchte{animation:none;transform:rotate(200deg)}.ot-tafel{animation:none}.ot-nacht .spotlight-licht{transition:none}}html[data-motion=off] .ot-leuchte{animation:none;transform:rotate(200deg)}
.hm{aspect-ratio:4/4.2;background:var(--color-mist);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden}@media (max-width:1023px){.hm{aspect-ratio:4/4.6}}.hm-bild{object-fit:cover}.hm:after{content:"";z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--color-deep) 86%, transparent), color-mix(in srgb, var(--color-deep) 60%, transparent) 32%, color-mix(in srgb, var(--color-deep) 10%, transparent) 62%, transparent);position:absolute;inset:0}.hm-anzeige{z-index:1;color:var(--color-on-dark);gap:.35rem;display:grid;position:absolute;top:1.4rem;left:1.4rem;right:1.4rem}.hm-anzeige strong{letter-spacing:-.02em;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:900;line-height:1.15;animation:.8s cubic-bezier(.16,1,.3,1) hm-ein}.hm-anzeige span{max-width:26rem;color:var(--color-on-dark);font-size:1rem;font-weight:700;line-height:1.45;animation:.9s cubic-bezier(.16,1,.3,1) 50ms both hm-ein}@keyframes hm-ein{0%{opacity:0;transform:translateY(.5rem)}}.hm-guertel{z-index:1;position:absolute;bottom:2.4rem;left:4%;right:4%}.hm-tasche{z-index:2;pointer-events:none;width:100%;height:auto;filter:drop-shadow(0 18px 18px color-mix(in srgb, var(--color-deep) 45%, transparent));display:block;position:relative}.hm-reihe{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:0;display:grid;position:absolute;bottom:22%;left:4%;right:4%}.hm-werkzeug{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(0)}.hm-werkzeug img{width:100%;height:auto;filter:drop-shadow(0 6px 8px color-mix(in srgb, var(--color-deep) 40%, transparent));display:block}.hm-werkzeug[aria-pressed=true]{transform:translateY(-48%)}.hm-werkzeug:focus-visible{outline:3px solid var(--color-on-dark);outline-offset:3px;border-radius:.6rem}@media (hover:hover){.hm-werkzeug:hover:not([aria-pressed=true]){transform:translateY(-10%)}}@media (prefers-reduced-motion:no-preference){.hm[data-wach] .hm-werkzeug:not([aria-pressed=true]){animation:hm-heben 1.6s cubic-bezier(.16, 1, .3, 1) calc(.3s + var(--i) * .18s) both}}@keyframes hm-heben{0%,to{transform:translateY(0)}45%{transform:translateY(-16%)}}@media (prefers-reduced-motion:reduce){.hm-werkzeug,.hm-anzeige strong,.hm-anzeige span{transition:none;animation:none}}
.tl{--tl-ease:cubic-bezier(.16, 1, .3, 1);background:var(--color-deep);color:var(--color-on-dark);padding:clamp(4.5rem,9vw,8rem) 0}.tl-label{color:var(--color-brand)}.tl-h2{color:var(--color-on-dark)}.tl-haus{border-inline:2px solid var(--sprosse-dark);border-top:2px solid var(--sprosse-dark);clip-path:inset(0);margin-top:clamp(2.5rem,5vw,4rem);position:relative}.tl-geschoss{isolation:isolate;border-bottom:6px solid color-mix(in srgb, var(--color-on-dark) 10%, transparent);grid-template-columns:4.2rem minmax(0,1fr) 3.4rem;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(2.2rem,4.5vw,3.4rem) clamp(1rem,3vw,2.4rem);display:grid;position:relative}.tl-geschoss:after{content:"";z-index:-1;background:linear-gradient(to top right, transparent calc(50% - 1px), var(--sprosse-dark) calc(50% - 1px), var(--sprosse-dark) calc(50% + 1px), transparent calc(50% + 1px));opacity:.8;width:clamp(5rem,24vw,22rem);position:absolute;top:0;bottom:0;right:5.2rem}.tl-geschoss:nth-child(2n):after{transform:scaleX(-1)}@media (max-width:639px){.tl-geschoss:after{display:none}}.tl-lampe{background:var(--sprosse-dark);width:3.2rem;height:.35rem;transition:background-color 1.1s var(--tl-ease), box-shadow 1.1s var(--tl-ease);border-radius:0 0 .4rem .4rem;position:absolute;top:0;left:calc(4.2rem + clamp(2rem,6vw,4.8rem))}.tl-kegel{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 120% at calc(4.2rem + clamp(2rem, 6vw, 4.8rem) + 1.6rem) 0%, color-mix(in srgb, var(--color-on-dark) 17%, transparent), transparent 72%);transition:opacity 1.1s var(--tl-ease);position:absolute;inset:0}.tl-geschoss[data-hell] .tl-kegel{opacity:1}.tl-geschoss[data-hell] .tl-lampe{background:var(--color-on-dark);box-shadow:0 0 18px 2px color-mix(in srgb, var(--color-on-dark) 55%, transparent)}.tl-kurz{letter-spacing:-.02em;color:var(--color-on-dark-soft);transition:color 1.1s var(--tl-ease);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900}.tl-geschoss[data-hell] .tl-kurz{color:var(--color-brand)}.tl-ort{font-size:var(--text-label,.8rem);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-dark-soft);font-weight:800}.tl-t{letter-spacing:-.02em;color:var(--color-on-dark);text-wrap:balance;margin-top:.45rem;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:900;line-height:1.2}.tl-d{max-width:46ch;color:var(--color-on-dark);margin-top:.55rem;font-size:1.0625rem;line-height:1.65}.tl-taster{cursor:pointer;background:color-mix(in srgb, var(--color-on-dark) 8%, transparent);width:3.2rem;height:3.2rem;box-shadow:inset 0 0 0 1px var(--sprosse-dark);border-radius:.6rem;justify-self:end;place-items:center;transition:transform .16s ease-out,background-color .3s;display:grid}.tl-taster:active{transform:scale(.94)}.tl-taster span{width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 2px var(--color-on-dark-soft);transition:background-color .6s var(--tl-ease), box-shadow .6s var(--tl-ease);border-radius:50%}.tl-taster[aria-pressed=true] span{background:var(--color-brand);box-shadow:inset 0 0 0 2px var(--color-brand), 0 0 14px 2px color-mix(in srgb, var(--color-brand) 60%, transparent)}@media (hover:hover) and (pointer:fine){.tl-taster:hover{background:color-mix(in srgb, var(--color-on-dark) 14%, transparent)}}@media (max-width:639px){.tl-geschoss{grid-template-columns:minmax(0,1fr) 3.2rem;grid-template-areas:"kurz taster""text text";row-gap:.8rem}.tl-kurz{grid-area:kurz}.tl-text{grid-area:text}.tl-taster{grid-area:taster}.tl-lampe{left:50%;transform:translate(-50%)}.tl-kegel{background:radial-gradient(ellipse 80% 90% at 50% 0%, color-mix(in srgb, var(--color-on-dark) 15%, transparent), transparent 70%)}}@media (prefers-reduced-motion:reduce){.tl-kegel,.tl-lampe,.tl-kurz,.tl-taster,.tl-taster span{transition:none}}html[data-motion=off] :is(.tl-kegel,.tl-lampe,.tl-kurz,.tl-taster span){transition:none}
.uf{border-top:1px solid var(--sprosse);padding:clamp(4rem,8vw,7rem) 0}.uf-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}@media (max-width:1023px){.uf-raster{grid-template-columns:minmax(0,1fr)}}.uf-kopf{position:sticky;top:7rem}@media (max-width:1023px){.uf-kopf{position:static}}.uf-a{max-width:62ch;color:var(--color-ink-soft);padding-bottom:1.4rem;font-size:1.0625rem;line-height:1.7}
.rw{background:linear-gradient(180deg, var(--color-on-dark), var(--color-paper));box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:.4rem 1rem;margin:0;padding:clamp(1rem,2.4vw,1.8rem);display:grid;position:relative}@media (max-width:1023px){.rw{grid-template-columns:minmax(0,1fr);gap:.8rem;padding:1rem}}.rw-wagen{align-self:stretch;min-height:16rem;position:relative}.rw-wagen:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--color-deep) 30%, transparent), transparent);z-index:0;border-radius:50%;height:5%;position:absolute;bottom:1%;left:12%;right:8%}.rw-bild{object-fit:contain;object-position:50% 60%;z-index:1;height:calc(100% - 2.8rem)!important}.rw-symbol{z-index:2;max-width:44%;color:var(--color-ink-soft);background:color-mix(in srgb, var(--color-on-dark) 92%, transparent);box-shadow:0 0 0 1px var(--sprosse);border-radius:.4rem;padding:.22rem .55rem;font-size:.7rem;font-weight:700;line-height:1.3;position:absolute;bottom:0;right:0}.rw-faecher{gap:.38rem;margin:0;padding:0;list-style:none;display:grid}.rw-fach{--farbe:var(--color-action)}.rw-rot{--farbe:#d8433a}.rw-gelb{--farbe:#f2c230}.rw-blau{--farbe:#2f7fd0}.rw-gruen{--farbe:#3fa45a}.rw-front{z-index:1;cursor:pointer;text-align:left;width:100%;min-height:48px;font:inherit;color:var(--color-ink);box-shadow:inset 0 1px 0 var(--color-on-dark), inset 0 -2px 0 color-mix(in srgb, var(--color-ink) 14%, transparent), 0 2px 0 color-mix(in srgb, var(--color-ink) 12%, transparent);-webkit-tap-highlight-color:transparent;background:linear-gradient(#f4f6f7,#dfe5e8);border:0;border-radius:.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.45rem .8rem .45rem .6rem;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.rw-front:focus-visible{outline:3px solid var(--color-action);outline-offset:2px}.rw-griff{background:var(--farbe);width:.55rem;height:1.9rem;box-shadow:inset 0 2px 3px color-mix(in srgb, var(--color-deep) 35%, transparent);border-radius:999px}.rw-etikett{text-wrap:balance;background:var(--color-on-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:.3rem;padding:.2rem .55rem;font-size:clamp(.88rem,1.05vw,1rem);font-weight:800;line-height:1.25}.rw-plus{width:.9rem;height:.9rem;position:relative}.rw-plus:before,.rw-plus:after{content:"";background:var(--color-action);border-radius:2px;height:2px;margin-top:-1px;transition:rotate .6s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;right:0}.rw-plus:after{rotate:90deg}.rw-fach.auf .rw-plus:after{rotate:none}.rw-fach.auf .rw-front{box-shadow:inset 0 1px 0 var(--color-on-dark), inset 0 -2px 0 color-mix(in srgb, var(--color-ink) 14%, transparent), 0 14px 22px -12px color-mix(in srgb, var(--color-ink) 55%, transparent);transform:translate(-.9rem)}@media (hover:hover){.rw-fach:not(.auf) .rw-front:hover{transform:translate(-.3rem)}}.rw-auszug{grid-template-rows:0fr;transition:grid-template-rows .9s cubic-bezier(.16,1,.3,1);display:grid}.rw-auszug>div{min-height:0;overflow:hidden}.rw-fach.auf .rw-auszug{grid-template-rows:1fr}.rw-link{min-height:48px;color:var(--color-on-dark);background:repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--color-on-dark) 14%, transparent) 22px 24px), linear-gradient(180deg, color-mix(in srgb, var(--color-deep) 30%, var(--farbe)), var(--farbe));text-shadow:0 1px 2px color-mix(in srgb, var(--color-deep) 60%, transparent);border-radius:0 0 .6rem .6rem;justify-content:space-between;align-items:center;margin:.15rem .9rem .2rem 0;padding:.55rem .95rem;font-size:.95rem;font-weight:900;display:flex}.rw-link:focus-visible{outline:3px solid var(--color-action);outline-offset:2px}.rw-gelb .rw-link{color:var(--color-ink);text-shadow:none}.rw-hinweis{color:var(--color-ink-soft);grid-column:-2/-1;padding-left:.2rem;font-size:.85rem;font-weight:700}@media (prefers-reduced-motion:reduce){.rw-front,.rw-auszug,.rw-plus:before,.rw-plus:after{transition:none}}@media (max-width:1023px){.rw-wagen{height:11.6rem;min-height:11.6rem}.rw-symbol{max-width:100%}}
.hv{--hv-ease:cubic-bezier(.16, 1, .3, 1);border-top:1px solid var(--sprosse);padding:clamp(4.5rem,9vw,8rem) 0}.hv-tafel{color:var(--color-on-dark);background:repeating-linear-gradient(180deg, transparent 0 12px, color-mix(in srgb, var(--color-on-dark) 7%, transparent) 12px 13px, color-mix(in srgb, var(--color-ink) 60%, var(--color-deep)) 13px 15px), var(--color-deep);box-shadow:0 0 0 10px color-mix(in srgb, var(--color-ink) 80%, var(--color-mist)), 0 0 0 11px var(--sprosse), 0 50px 80px -60px color-mix(in srgb, var(--color-ink) 70%, transparent);margin-top:clamp(2.5rem,5vw,4rem);border-radius:.5rem;margin-inline:11px;padding:clamp(1.6rem,4vw,3.2rem) clamp(1.2rem,4vw,3.4rem);position:relative}.hv-schraube{background:color-mix(in srgb, var(--color-mist) 60%, var(--color-ink));width:10px;height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 60%, transparent);border-radius:50%;position:absolute}.hv-schraube:first-child{top:12px;left:12px}.hv-schraube:nth-child(2){top:12px;right:12px}.hv-schraube:nth-child(3){bottom:12px;left:12px}.hv-schraube:nth-child(4){bottom:12px;right:12px}.hv-zeilen{display:grid}.hv-zeile{border-bottom:1px dashed color-mix(in srgb, var(--color-on-dark) 22%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:1rem 2.5rem;padding:clamp(1.1rem,2.4vw,1.7rem) 0;display:grid}.hv-zeile:last-child{border-bottom:0}@media (max-width:767px){.hv-zeile{grid-template-columns:minmax(0,1fr)}}.hv-wort{letter-spacing:.14em;white-space:nowrap;font-size:clamp(1.25rem,4.4vw,3rem);font-weight:800;line-height:1}.hv-buchstaben{display:inline-flex}.hv-b{color:color-mix(in srgb, var(--color-on-dark) 92%, var(--color-mist));transition:opacity .8s var(--hv-ease), transform .8s var(--hv-ease);transition-delay:calc(var(--n) * 30ms);text-shadow:0 2px 0 color-mix(in srgb, var(--color-ink) 70%, transparent);display:inline-block}.hv-b:nth-child(3n){translate:0 1px}.hv-b:nth-child(4n+1){translate:0 -1px}html.js .hv-tafel:not([data-da]) .hv-b{opacity:0;transform:translateY(-.4em)}.hv-links{gap:.35rem;display:grid}.hv-link{min-height:2.75rem;color:var(--color-on-dark);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:700;display:inline-flex}.hv-link-t{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-brand) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--color-brand) 70%, transparent);text-underline-offset:4px}.hv-link .pfeil{color:var(--color-brand);transition:transform .2s ease-out}@media (hover:hover) and (pointer:fine){.hv-link:hover .pfeil{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.hv-b{transition:none}html.js .hv-tafel:not([data-da]) .hv-b{opacity:1;transform:none}}
.gp{aspect-ratio:4/4.2;background:var(--color-mist);--yc:42.2%;--n:16;box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden;container-type:size}@media (max-width:1023px){.gp{aspect-ratio:4/4.4}}.gp-bild{object-fit:cover}.gp-triebe{pointer-events:none;position:absolute;inset:0}.gp-triebe>span{top:0;bottom:0;left:calc(var(--i) * 100% / var(--n));width:calc(100cqw / var(--n) + 1px);transform-origin:50% var(--yc);transition:transform 1.1s cubic-bezier(.33,0,.2,1),opacity 1.1s cubic-bezier(.16,1,.3,1) .25s;position:absolute;overflow:hidden}.gp-triebe>span>span{top:0;bottom:0;left:calc(var(--i) * -100cqw / var(--n));background:url(/img/unterseiten/gruenpflege/triebe.webp) 50%/cover no-repeat;width:100cqw;position:absolute}.gp-triebe>span.ab{transform:translateY(70%) rotate(var(--k));opacity:0}.gp-schnur{left:0;right:0;top:var(--yc);background:var(--color-signal);height:2px;box-shadow:0 1px 2px color-mix(in srgb, var(--color-deep) 35%, transparent);position:absolute}.gp-schere{top:var(--yc);pointer-events:none;will-change:left;width:44%;position:absolute;left:-12%;translate:-100% -55%}.gp-schere img{width:100%;height:auto;filter:drop-shadow(0 10px 10px color-mix(in srgb, var(--color-deep) 40%, transparent));display:block}.gp-marke{background:var(--color-action);color:var(--color-on-dark);opacity:0;border-radius:999px;padding:.5rem .95rem;font-size:1rem;font-weight:900;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3rem;left:1.2rem;transform:translateY(.6rem)}.gp[data-fertig] .gp-marke{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.gp-triebe>span,.gp-marke{transition:none}}
.jr{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}.jr-bild-spalte{position:relative}.jr-bild{aspect-ratio:1;background:var(--color-mist);border-radius:1.25rem;position:sticky;top:7rem;overflow:hidden}.jr-foto{object-fit:cover}.jr-ring{width:calc(var(--d) * 100%);aspect-ratio:1;box-shadow:0 0 0 3px var(--color-brand), 0 0 0 9px color-mix(in srgb, var(--color-brand) 28%, transparent);border-radius:50%;transition:width 1.1s cubic-bezier(.16,1,.3,1);position:absolute;top:47.4%;left:50.5%;translate:-50% -50%}.jr-nr{background:var(--color-paper);color:var(--color-ink);letter-spacing:.04em;border-radius:.4rem;padding:.3rem .6rem;font-size:.95rem;font-weight:900;position:absolute;bottom:.9rem;left:1rem}.jr-liste{margin-top:2.25rem;padding:0;list-style:none;display:grid}.jr-liste li{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);padding:1.4rem 0 1.5rem}.jr-knopf{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:baseline;gap:1rem;padding:0;display:flex}.jr-pos{color:var(--color-action);min-width:1.8rem;font-size:.9rem;font-weight:900}.jr-h3{letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:800;transition:color .7s cubic-bezier(.16,1,.3,1)}.jr-liste li[data-aktiv] .jr-h3{color:var(--color-action)}.jr-p{font-size:var(--text-body,1.0625rem);color:var(--color-ink);max-width:60ch;margin:.6rem 0 0 2.8rem;line-height:1.7}.jr-merk{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin-top:2.5rem;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:800;line-height:1.25}.jr-einleitung{font-size:var(--text-body,1.0625rem);color:var(--color-ink);max-width:60ch;margin-top:1.2rem;line-height:1.7}.jr-aktiv{display:none}@media (max-width:1023px){.jr{grid-template-columns:minmax(0,1fr);gap:0}.jr-text{display:contents}.jr-text>.hs-label,.jr-text>.hs-h2,.jr-einleitung{order:1}.jr-bild-spalte{z-index:2;background:var(--color-paper);border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);order:2;align-items:center;gap:1rem;margin-top:1.5rem;padding:.75rem 0;display:flex;position:sticky;top:4.6rem}.jr-bild{border-radius:.75rem;flex:none;width:6.5rem;position:relative;top:0}.jr-nr{display:none}.jr-aktiv{color:var(--color-action);gap:.1rem;font-size:1.05rem;font-weight:800;line-height:1.25;display:grid}.jr-aktiv span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.75rem}.jr-liste{order:3;margin-top:0}.jr-merk{order:4}.jr-p{margin-left:0}}@media (prefers-reduced-motion:reduce){.jr-ring,.jr-h3{transition:none}}
.wd{aspect-ratio:4/4.2;background:var(--color-mist);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden}@media (max-width:1023px){.wd{aspect-ratio:4/4.4}}.wd-bild{object-fit:cover;filter:brightness(1.12)saturate(1.05)}.wd:not([data-bereit]):not([data-ruhig]) .wd-bild{opacity:0}.wd-eis{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wd-hinweis{background:color-mix(in srgb, var(--color-deep) 72%, transparent);color:var(--color-on-dark);pointer-events:none;border-radius:999px;padding:.4rem .8rem;font-size:.82rem;font-weight:800;position:absolute;top:1rem;left:1rem}.wd[data-ruhig] .wd-hinweis,.wd[data-ruhig]{cursor:default}.wd[data-ruhig] .wd-hinweis{display:none}.wd-text{background:linear-gradient(0deg, color-mix(in srgb, var(--color-deep) 85%, transparent) 35%, transparent);color:var(--color-on-dark);pointer-events:none;gap:.2rem;padding:4rem 1.4rem 3.1rem;display:grid;position:absolute;bottom:0;left:0;right:0}.wd-text strong{letter-spacing:-.01em;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:900}.wd-text span{color:var(--color-on-dark);font-size:1rem;font-weight:700}
.rf{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(3rem,6vw,5rem)}.rf-kopf{max-width:44rem}.rf-zeile{color:var(--color-ink-soft);margin-top:1rem;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700}.rf-buehne{grid-template-columns:minmax(0,8fr) minmax(0,3fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}@media (max-width:1023px){.rf-buehne{grid-template-columns:minmax(0,1fr)}}.rf-bild{aspect-ratio:3/2;background:var(--color-mist);border-radius:1.25rem;position:relative;overflow:hidden}.rf-foto{object-fit:cover}.rf-stange{z-index:1;--stab:clamp(28px, 6vw, 92px);width:0;height:0;position:absolute}@media (max-width:639px){.rf-stange .rf-nr{width:1.45rem;height:1.45rem;font-size:.78rem}}.rf-stab{width:6px;height:var(--stab);background:repeating-linear-gradient(180deg, var(--color-action) 0 14%, var(--color-paper) 14% 28%);box-shadow:4px 6px 6px -3px color-mix(in srgb, var(--color-deep) 40%, transparent);transform-origin:50% 100%;opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * .18s);border-radius:3px;position:absolute;bottom:0;left:-3px;transform:translateY(-60%)scaleY(.2)}.rf-nr{background:var(--color-action);width:1.9rem;height:1.9rem;color:var(--color-on-dark);border-radius:50%;place-items:center;font-size:.95rem;font-weight:900;display:inline-grid}.rf-stange .rf-nr{left:0;bottom:var(--stab);opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),scale .7s cubic-bezier(.16,1,.3,1),background-color .2s;transition-delay:calc(var(--i) * .18s + .45s);position:absolute;translate:-50% -4px;scale:.6}.rf-bild[data-gesteckt] .rf-stab{opacity:1;transform:none}.rf-bild[data-gesteckt] .rf-nr{opacity:1;scale:1}.rf-stange[data-aktiv] .rf-nr{background:var(--color-ink);transition-delay:0s;scale:1.15}.rf-legende{gap:.15rem;padding:0;list-style:none;display:grid}.rf-eintrag{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);text-align:left;width:100%;font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;align-items:center;gap:.8rem;padding:.7rem 0;font-size:1.05rem;font-weight:800;transition:color .2s cubic-bezier(.16,1,.3,1);display:flex}.rf-eintrag[data-aktiv]{color:var(--color-action)}.rf-nr-klein{flex:none;width:1.7rem;height:1.7rem;font-size:.85rem}@media (min-width:560px) and (max-width:1023px){.rf-legende{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (prefers-reduced-motion:reduce){.rf-stab,.rf-stange .rf-nr{opacity:1;transition:none;transform:scale(1)}}
.tk{aspect-ratio:4/4.2;background:var(--color-deep);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden}@media (max-width:1023px){.tk{aspect-ratio:4/4.6}}.tk-innen{background:url(/img/unterseiten/technik/innen.webp) 50%/cover no-repeat;position:absolute;inset:0}.tk-innen:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-deep) 55%, transparent), transparent 30% 70%, color-mix(in srgb, var(--color-deep) 55%, transparent));position:absolute;inset:0}.tk-feld{background:color-mix(in srgb, var(--color-on-dark) 94%, transparent);width:min(86%,25rem);box-shadow:0 0 0 1px var(--sprosse), 0 20px 40px -20px color-mix(in srgb, var(--color-deep) 80%, transparent);border-radius:.9rem;padding:1.2rem 1.3rem 1.1rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.tk-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:.7rem;font-size:.78rem;font-weight:800}.tk-feld ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.tk-feld li{color:var(--color-ink);border-top:1px solid var(--sprosse);align-items:center;gap:.75rem;padding:.5rem 0;font-size:1rem;font-weight:800;line-height:1.3;display:flex}.tk-feld li:first-child{border-top:0}.tk-led{background:color-mix(in srgb, var(--color-ink) 22%, var(--color-mist));width:.85rem;height:.85rem;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-deep) 40%, transparent);border-radius:50%;flex:none;transition:background-color .8s cubic-bezier(.16,1,.3,1),box-shadow .8s cubic-bezier(.16,1,.3,1)}.tk[data-offen] .tk-led{background:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 25%, transparent), 0 0 14px 2px color-mix(in srgb, var(--color-brand) 65%, transparent);transition-delay:calc(1s + var(--i) * .28s)}.tk-tueren{perspective:1600px;pointer-events:none;position:absolute;inset:0}.tk-tuer{width:50%;transition:transform 1.4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0}.tk-links{transform-origin:0;left:0}.tk-rechts{transform-origin:100%;transition-delay:.12s;right:0}.tk-vorne{background:url(/img/unterseiten/technik/tuer.webp) 0 0/200% no-repeat;position:absolute;inset:0}.tk-links .tk-vorne{box-shadow:inset -1px 0 0 color-mix(in srgb, var(--color-deep) 40%, transparent);background-position:0%}.tk-rechts .tk-vorne{background-position:100%}.tk[data-offen] .tk-links{transform:rotateY(-108deg)}.tk[data-offen] .tk-rechts{transition-delay:0s;transform:rotateY(108deg)}.tk-knopf{z-index:2;background:color-mix(in srgb, var(--color-deep) 78%, transparent);color:var(--color-on-dark);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:800;position:absolute;top:1rem;left:1rem}@media (hover:hover){.tk-knopf:hover{background:var(--color-action)}}@media (max-width:480px){.tk-feld{padding:.9rem 1rem}.tk-feld li{padding:.4rem 0;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.tk-tuer,.tk-led{transition:none!important}}
.lp{--lp-ease:cubic-bezier(.16, 1, .3, 1);--lp-x:1.4rem;--lp-ventil:3.4rem;background:linear-gradient(180deg, var(--color-paper), color-mix(in srgb, var(--color-mist) 55%, var(--color-paper)));border-top:1px solid var(--sprosse);padding:clamp(4.5rem,9vw,8rem) 0}.lp-plan{max-width:54rem;margin-top:clamp(2.5rem,5vw,4rem);position:relative}.lp-rohr{left:calc(var(--lp-x) - 11px);background:color-mix(in srgb, var(--color-ink) 9%, var(--color-paper));width:22px;box-shadow:inset 0 0 0 1px var(--sprosse), inset 3px 0 0 color-mix(in srgb, var(--color-on-dark) 70%, transparent);border-radius:11px;position:absolute;top:0;bottom:0;overflow:hidden}.lp-wasser{transform-origin:top;background:linear-gradient(180deg, var(--color-brand), var(--color-action));border-radius:7px;position:absolute;inset:4px;overflow:hidden;transform:scaleY(0)}.lp-wasser:after{content:"";background:repeating-linear-gradient(180deg, transparent 0 26px, color-mix(in srgb, var(--color-on-dark) 35%, transparent) 26px 30px, transparent 30px 40px);animation:6s linear infinite lp-fluss;position:absolute;inset:-40px 0 0}@keyframes lp-fluss{to{transform:translateY(40px)}}.lp-liste{gap:clamp(1.2rem,2.5vw,2rem);display:grid}.lp-abzweig{padding-left:calc(var(--lp-x) + 2.6rem + var(--lp-ventil));position:relative}.lp-stich{top:50%;left:var(--lp-x);background:color-mix(in srgb, var(--color-ink) 9%, var(--color-paper));width:2.8rem;height:12px;box-shadow:inset 0 0 0 1px var(--sprosse);margin-top:-6px;position:absolute;overflow:hidden}.lp-stich span{transform-origin:0;background:var(--color-brand);transition:transform .9s var(--lp-ease) .35s;position:absolute;inset:2px;transform:scaleX(0)}.lp-abzweig[data-offen] .lp-stich span{transform:scaleX(1)}.lp-ventil{top:50%;left:calc(var(--lp-x) + 2.4rem);width:var(--lp-ventil);height:var(--lp-ventil);margin-top:calc(var(--lp-ventil) / -2);background:var(--color-paper);box-shadow:0 0 0 1px var(--sprosse);color:var(--color-ink-soft);transition:color .9s var(--lp-ease);border-radius:50%;place-items:center;display:grid;position:absolute}.lp-rad{width:78%;height:78%;transition:transform 1.2s var(--lp-ease);transform:rotate(-90deg)}.lp-abzweig[data-offen] .lp-ventil{color:var(--color-action)}.lp-abzweig[data-offen] .lp-rad{transform:rotate(0)}.lp-karte{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse);transition:box-shadow .9s var(--lp-ease), transform .9s var(--lp-ease);border-radius:1.2rem;padding:clamp(1.4rem,2.6vw,2rem)}.lp-abzweig:not([data-offen]) .lp-karte{transform:translate(.6rem)}.lp-abzweig[data-offen] .lp-karte{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand) 45%, transparent), 0 30px 60px -46px color-mix(in srgb, var(--color-ink) 50%, transparent)}.lp-t{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:900;line-height:1.2}.lp-d{max-width:52ch;color:var(--color-ink-soft);margin-top:.5rem;font-size:1.0625rem;line-height:1.65}@media (max-width:639px){.lp{--lp-x:.6rem;--lp-ventil:2.6rem}.lp-stich{width:1.4rem}.lp-ventil{left:calc(var(--lp-x) + 1.1rem)}.lp-abzweig{padding-left:calc(var(--lp-x) + 1.5rem + var(--lp-ventil))}.lp-karte{padding:1.15rem 1.1rem}.lp-abzweig:not([data-offen]) .lp-karte{transform:none}}.lp-abzweig:before{content:"";top:50%;left:calc(var(--lp-x) - 15px);background:color-mix(in srgb, var(--color-ink) 14%, var(--color-paper));width:30px;height:18px;box-shadow:inset 0 0 0 1px var(--sprosse);z-index:1;border-radius:4px;margin-top:-9px;position:absolute}@media (prefers-reduced-motion:reduce){.lp-wasser:after{animation:none}.lp-stich span,.lp-ventil,.lp-rad,.lp-karte{transition:none}}
.lv{width:100%;position:relative}.lv-ordner{background:linear-gradient(160deg, var(--color-action), var(--color-action-strong) 60%, var(--color-deep));box-shadow:0 30px 60px -36px color-mix(in srgb, var(--color-ink) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-on-dark) 22%, transparent);border-radius:1.4rem;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:stretch;padding:1.1rem 0 1.1rem .9rem;display:grid;position:relative}.lv-ruecken{z-index:3;position:relative}.lv-ruecken span{border:.32rem solid color-mix(in srgb, var(--color-mist) 80%, var(--color-on-dark-soft));border-left-color:color-mix(in srgb, var(--color-ink-soft) 60%, var(--color-mist));width:2.1rem;height:1.15rem;box-shadow:0 2px 3px color-mix(in srgb, var(--color-deep) 45%, transparent);border-radius:999px;position:absolute;top:28%;right:-1.15rem;translate:0 -50%}.lv-stapel{min-height:100%;display:grid;position:relative}.lv-kante{background:var(--color-mist);border-radius:.3rem .6rem .6rem .3rem;position:absolute;inset:.5rem -.35rem .5rem 0}.lv-kante-1{background:color-mix(in srgb, var(--color-mist) 55%, var(--color-on-dark));inset:.25rem -.2rem .25rem 0}.lv-blatt{z-index:2;background:var(--color-on-dark);box-shadow:0 1px 0 var(--sprosse), 0 18px 30px -24px color-mix(in srgb, var(--color-deep) 70%, transparent);transform-origin:0%;border-radius:.3rem .6rem .6rem .3rem;flex-direction:column;grid-area:1/1;padding:clamp(1.1rem,2.2vw,1.7rem) clamp(1.1rem,2.2vw,1.8rem) clamp(1.1rem,2.2vw,1.6rem) clamp(1.6rem,3vw,2.4rem);display:flex;position:relative}.lv-ruecken span+span{top:72%}.lv-loecher i{background:var(--color-action-strong);width:.62rem;height:.62rem;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-deep) 70%, transparent);border-radius:50%;position:absolute;top:28%;left:.5rem;translate:0 -50%}.lv-loecher i+i{top:72%}.lv-reg{letter-spacing:.14em;text-transform:uppercase;color:var(--color-action);font-size:.78rem;font-weight:800}.lv-foto{aspect-ratio:16/10;background:var(--color-mist);border-radius:.6rem;margin-top:.8rem;display:block;position:relative;overflow:hidden}.lv-foto img{object-fit:cover}.lv-symbol{background:color-mix(in srgb, var(--color-on-dark) 88%, transparent);max-width:calc(100% - 1rem);color:var(--color-ink-soft);border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.lv-titel{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;margin-top:1.1rem;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:900;line-height:1.2}.lv-kurz{color:var(--color-ink-soft);margin-top:.5rem;font-size:1rem;line-height:1.55}.lv-link{color:var(--color-action);align-self:flex-start;gap:.45rem;margin-top:auto;padding-top:1.1rem;font-weight:900;display:inline-flex}.lv-link span{transition:transform .2s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.lv-link:hover span{transform:translate(4px)}}.lv-reiter{z-index:1;flex-direction:column;justify-content:center;gap:.3rem;margin-left:-.15rem;display:flex;position:relative}.lv-tab{text-align:left;cursor:pointer;background:color-mix(in srgb, var(--color-mist) calc(40% + var(--i) * 6%), var(--color-on-dark));min-height:2.75rem;color:var(--color-ink);box-shadow:inset 1px 0 0 var(--sprosse);border-radius:0 .7rem .7rem 0;align-items:center;gap:.6rem;padding:.35rem .95rem .35rem .8rem;font-size:.9rem;font-weight:800;line-height:1.15;transition:background-color .2s,color .2s,padding .4s cubic-bezier(.16,1,.3,1);display:flex}.lv-tab-nr{letter-spacing:.06em;color:var(--color-action);font-size:.78rem;font-weight:900}.lv-tab[aria-selected=true]{background:var(--color-on-dark);box-shadow:none;padding-right:1.35rem}.lv-tab[aria-selected=true] .lv-tab-nr{color:var(--color-brand)}@media (hover:hover){.lv-tab:hover{background:var(--color-on-dark)}}.lv-tab:focus-visible{outline:3px solid var(--color-signal);outline-offset:-3px}@media (max-width:639px){.lv-ordner{grid-template-columns:1.6rem minmax(0,1fr) auto;padding-left:.6rem}.lv-ruecken span{border-width:.26rem;width:1.6rem;height:.95rem;right:-.95rem}.lv-tab{gap:0;min-height:2.75rem;padding:.3rem .6rem .3rem .55rem}.lv-tab[aria-selected=true]{padding-right:.85rem}.lv-tab-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lv-reiter{gap:.22rem}}
.sk,.ww,.wg,.fb,.d-fragen{--d-ease:cubic-bezier(.16, 1, .3, 1)}.sk,.wg,.fb{border-top:1px solid var(--sprosse);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}.sk-kopf,.wg-kopf,.fb-kopf{margin-bottom:clamp(2rem,4vw,3.2rem)}.sk-gehaeuse{background:linear-gradient(180deg, color-mix(in srgb, var(--color-mist) 70%, var(--color-on-dark)), var(--color-mist));box-shadow:inset 0 0 0 1px var(--sprosse), inset 0 2px 0 var(--color-on-dark), 0 30px 60px -45px color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:1.3rem;padding:clamp(1.2rem,3vw,2.4rem) clamp(1rem,3vw,2.6rem) clamp(1.6rem,3vw,2.6rem);position:relative;overflow:hidden}.sk-typ{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:1.3rem;font-weight:800;display:block}.sk-schiene{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.6rem clamp(.6rem,1.6vw,1.4rem);display:grid;position:relative}@media (max-width:1023px){.sk-schiene{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:559px){.sk-schiene{grid-template-columns:repeat(2,minmax(0,1fr))}}.sk-kreis{flex-direction:column;display:flex;position:relative}.sk-kreis:before{content:"";z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 22%, var(--color-mist)), color-mix(in srgb, var(--color-ink) 35%, var(--color-mist)));border-radius:2px;height:1.1rem;position:absolute;top:3.6rem;left:-.8rem;right:-.8rem}.sk-automat{z-index:1;background:var(--color-paper);cursor:pointer;width:100%;max-width:8.5rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 16%, transparent), 0 10px 18px -12px color-mix(in srgb, var(--color-ink) 50%, transparent);transition:box-shadow .25s var(--d-ease);border-radius:.6rem;justify-items:center;gap:.55rem;margin:0 auto;padding:.7rem .6rem .8rem;display:grid;position:relative}.sk-automat:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}.sk-nr{letter-spacing:.08em;color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:900}.sk-led{background:color-mix(in srgb, var(--color-ink) 20%, var(--color-mist));width:.6rem;height:.6rem;transition:background .8s var(--d-ease) calc(var(--i) * .22s + .35s), box-shadow .8s var(--d-ease) calc(var(--i) * .22s + .35s);border-radius:50%}.sk-schacht{background:color-mix(in srgb, var(--color-deep) 88%, var(--color-ink));width:2.3rem;height:4.4rem;box-shadow:inset 0 3px 6px color-mix(in srgb, var(--color-deep) 80%, transparent);border-radius:.35rem;position:relative}.sk-kippe{background:linear-gradient(180deg, var(--color-on-dark), var(--color-mist));height:2rem;box-shadow:0 2px 0 color-mix(in srgb, var(--color-ink) 40%, transparent);transition:transform .9s var(--d-ease) calc(var(--i) * .22s), background .9s var(--d-ease) calc(var(--i) * .22s);border-radius:.25rem;position:absolute;bottom:.25rem;left:.25rem;right:.25rem}.sk-schild{border-top:1px solid var(--sprosse);letter-spacing:.06em;text-transform:uppercase;text-align:center;width:100%;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .2rem;font-size:.8rem;font-weight:800;overflow:hidden}.sk-automat[data-an] .sk-kippe{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 60%, var(--color-on-dark)), var(--color-brand));transform:translateY(-1.9rem)}.sk-automat[data-an] .sk-led{background:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 28%, transparent), 0 0 12px var(--color-brand)}.sk-automat[data-beruehrt] .sk-kippe,.sk-automat[data-beruehrt] .sk-led{transition-duration:.22s;transition-delay:0s}.sk-text{color:var(--color-ink);text-align:center;text-wrap:balance;margin-top:1rem;font-size:.98rem;line-height:1.5}.sk-zurueck{min-height:1.4em;color:var(--color-action);text-align:center;margin-top:.3rem;font-size:.85rem;font-weight:800}@media (hover:hover){.sk-automat:hover{box-shadow:0 0 0 1px var(--color-action), 0 14px 22px -14px color-mix(in srgb, var(--color-ink) 55%, transparent)}}.ww{border-top:1px solid var(--sprosse);background:linear-gradient(180deg, var(--color-paper), color-mix(in srgb, var(--color-mist) 55%, var(--color-paper)));padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4.5rem,9vw,8rem);overflow:hidden}.ww-flaeche{touch-action:pan-y;place-items:center;height:clamp(9rem,20vw,15rem);margin-top:clamp(1rem,3vw,2rem);display:grid}.ww-waage{background:linear-gradient(180deg, color-mix(in srgb, var(--color-on-dark) 85%, var(--color-mist)) 0%, var(--color-mist) 45%, color-mix(in srgb, var(--color-ink) 22%, var(--color-mist)) 100%);width:min(100%,64rem);height:clamp(3.2rem,6vw,4.6rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 18%, transparent), 0 26px 40px -30px color-mix(in srgb, var(--color-ink) 60%, transparent);will-change:transform;border-radius:.55rem;position:relative}.ww-skala{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 45%, transparent) 0 1px, transparent 1px .75rem);opacity:.55;height:.7rem;position:absolute;top:0;left:3rem;right:3rem}.ww-kappe{background:linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 70%, var(--color-deep)), var(--color-deep));width:clamp(1.6rem,3vw,2.6rem);position:absolute;top:0;bottom:0}.ww-kappe-l{border-radius:.55rem 0 0 .55rem;left:0}.ww-kappe-r{border-radius:0 .55rem .55rem 0;right:0}.ww-libelle{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 30%, var(--color-on-dark)), color-mix(in srgb, var(--color-brand) 55%, var(--color-on-dark)));width:clamp(9rem,24vw,16rem);height:58%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-action) 45%, transparent), inset 0 -4px 8px color-mix(in srgb, var(--color-action) 25%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.ww-marke{background:var(--color-action-strong);width:2px;transition:opacity .5s var(--d-ease);position:absolute;top:12%;bottom:12%}.ww-marke-l{left:calc(50% - clamp(1.5rem,3.2vw,2.2rem))}.ww-marke-r{left:calc(50% + clamp(1.5rem,3.2vw,2.2rem))}.ww-blase{background:radial-gradient(ellipse at 40% 35%, var(--color-on-dark), color-mix(in srgb, var(--color-on-dark) 70%, var(--color-brand)));width:clamp(2.2rem,5vw,3.4rem);height:62%;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-action) 30%, transparent);border-radius:999px;position:absolute;top:50%;translate:-50% -50%}.ww-satz{margin-top:clamp(2.5rem,5vw,4rem)}.ww-satz p{letter-spacing:-.03em;max-width:17em;color:var(--color-ink);text-wrap:balance;font-size:clamp(1.7rem,1rem + 2.8vw,3.2rem);font-weight:900;line-height:1.12}.ww-satz footer{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--color-action);margin-top:1.4rem;font-weight:800}.wg-buehne{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}@media (max-width:1023px){.wg-buehne{grid-template-columns:minmax(0,1fr)}}.wg-pfosten{flex-direction:column;gap:clamp(1.2rem,2.4vw,1.8rem);padding:1.5rem 0 4.2rem;display:flex;position:relative}.wg-stange{background:linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 55%, var(--color-mist)), color-mix(in srgb, var(--color-ink) 30%, var(--color-mist)) 45%, color-mix(in srgb, var(--color-ink) 65%, var(--color-mist)));border-radius:.45rem .45rem 0 0;width:.9rem;position:absolute;top:0;bottom:1.4rem;left:50%;translate:-50%}.wg-fuss{background:color-mix(in srgb, var(--color-ink) 70%, var(--color-mist));border-radius:.4rem .4rem 0 0;width:6rem;height:1.4rem;position:absolute;bottom:0;left:50%;translate:-50%}.wg-schild{--spitze:1.6rem;z-index:1;width:min(19rem,50% + 1.6rem);height:clamp(3.6rem,6vw,4.4rem);padding:0 calc(var(--spitze) + .9rem) 0 2.2rem;cursor:pointer;clip-path:polygon(0 0, calc(100% - var(--spitze)) 0, 100% 50%, calc(100% - var(--spitze)) 100%, 0 100%);background:var(--color-on-dark);color:var(--color-ink);transform-origin:1.6rem;filter:drop-shadow(0 10px 14px color-mix(in srgb, var(--color-ink) 22%, transparent));letter-spacing:-.01em;white-space:nowrap;transition:background .25s var(--d-ease), color .25s var(--d-ease), translate .25s var(--d-ease);align-items:center;margin-left:calc(50% - 1.6rem);font-size:clamp(1.02rem,1.6vw,1.25rem);font-weight:900;display:flex;position:relative}.wg-schild-links{padding:0 2.2rem 0 calc(var(--spitze) + .9rem);clip-path:polygon(var(--spitze) 0, 100% 0, 100% 100%, var(--spitze) 100%, 0 50%);transform-origin:calc(100% - 1.6rem);justify-content:flex-end;align-self:flex-start;margin-left:0}.wg-schild[data-aktiv]{background:var(--color-action);color:var(--color-on-dark)}.wg-schild:after{content:"";background:color-mix(in srgb, var(--color-ink) 45%, var(--color-mist));border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:1.35rem;translate:0 -50%}.wg-schild-links:after{left:auto;right:1.35rem}.wg-schild:focus-visible{outline:3px solid var(--color-action);outline-offset:4px}@media (hover:hover){.wg-schild:not([data-aktiv]):hover{translate:.35rem}.wg-schild-links:not([data-aktiv]):hover{translate:-.35rem}}.wg-tafel{background:var(--color-on-dark);min-height:25rem;box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -45px color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:1.4rem;padding:clamp(1.6rem,3.4vw,2.8rem);position:relative;overflow:hidden}.wg-titel{letter-spacing:-.025em;color:var(--color-ink);font-size:clamp(1.4rem,1rem + 1.4vw,2.1rem);font-weight:900;line-height:1.15}.wg-text{max-width:46ch;color:var(--color-ink);margin-top:.9rem;font-size:1.06rem;line-height:1.65}.wg-felder{color:var(--color-ink);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.9rem;font-weight:700;display:flex}.wg-felder li+li:before{content:"·";color:var(--color-brand);margin-right:1.2rem}.wg-zwischen{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--color-action);margin-top:1.6rem;font-weight:800}.wg-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.4rem;margin-top:.9rem;display:grid}@media (max-width:479px){.wg-benefits{grid-template-columns:minmax(0,1fr)}}.wg-benefits li{color:var(--color-ink);padding-left:1.6rem;line-height:1.45;position:relative}.wg-benefits li:before{content:"";border:solid var(--color-action);border-width:0 2.5px 2.5px 0;width:.42rem;height:.8rem;position:absolute;top:.3em;left:.1rem;rotate:45deg}.wg-knopf{margin-top:1.8rem}.fb-tafel{background:var(--color-deep);color:var(--color-on-dark);box-shadow:inset 0 0 0 1px var(--sprosse-dark), 0 30px 60px -40px color-mix(in srgb, var(--color-deep) 80%, transparent);border-radius:1.4rem;padding:clamp(1.1rem,3vw,2.4rem);position:relative;overflow:hidden}.fb-spalten,.fb-zeile{grid-template-columns:2.6rem 8.5rem minmax(0,1fr);align-items:center;gap:.4rem 1.2rem;display:grid}.fb-spalten{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--color-on-dark-soft);padding-bottom:.8rem;font-weight:800}.fb-zeilen>li{border-top:1px solid var(--sprosse-dark)}.fb-zeile{color:var(--color-on-dark);transition:background .2s var(--d-ease);border-radius:.5rem;padding:clamp(.8rem,1.6vw,1.15rem) .2rem;position:relative}@media (hover:hover){.fb-zeile:hover{background:color-mix(in srgb, var(--color-on-dark) 6%, transparent)}}.fb-zeile:focus-visible{outline:3px solid var(--color-on-dark);outline-offset:2px}.fb-gleis{background:var(--color-action);font-variant-numeric:tabular-nums;border-radius:.4rem;place-items:center;width:2.2rem;height:2.2rem;font-weight:900;display:grid}.fb-ziel{letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;font-weight:800}.fb-wert{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.35em .6em;font-size:clamp(.92rem,.6rem + 1.5vw,1.55rem);font-weight:800;display:flex}.fb-wort{white-space:nowrap;gap:.08em;display:inline-flex}.fb-blatt{background:linear-gradient(180deg, color-mix(in srgb, var(--color-on-dark) 13%, var(--color-deep)) 50%, color-mix(in srgb, var(--color-on-dark) 9%, var(--color-deep)) 50%);border-radius:.14em;place-items:center;min-width:.95em;padding:.16em .08em;line-height:1.15;display:inline-grid;position:relative}.fb-blatt:after{content:"";background:color-mix(in srgb, var(--color-deep) 55%, transparent);height:1px;position:absolute;top:50%;left:0;right:0}.fb-fuss{border-top:1px solid var(--sprosse-dark);color:var(--color-on-dark);flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem;margin-top:1.4rem;padding-top:1.2rem;font-size:.95rem;display:flex}.fb-anfrage{color:var(--color-on-dark);text-underline-offset:4px;font-weight:800;text-decoration:underline}@media (max-width:639px){.fb-spalten{display:none}.fb-zeile{grid-template-columns:2.2rem minmax(0,1fr);gap:.45rem .8rem}.fb-gleis{grid-row:span 2;align-self:start;width:2rem;height:2rem}.fb-ziel{font-size:.82rem}.fb-wert{grid-column:2;font-size:1rem}.fb-wort{flex-wrap:wrap;row-gap:.2em}}.d-fragen{border-top:1px solid var(--sprosse);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(1.5rem,5vw,5rem);padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}@media (max-width:1023px){.d-fragen{grid-template-columns:minmax(0,1fr)}}.d-fragen-kopf{align-self:start}@media (min-width:1024px){.d-fragen-kopf{position:sticky;top:7rem}}@media (prefers-reduced-motion:reduce){.sk-kippe,.sk-led,.ww-marke,.wg-schild,.fb-zeile{transition:none!important}}html[data-motion=off] .sk-kippe,html[data-motion=off] .sk-led{transition:none!important}
.au{margin:0}.au-tableau{max-width:26rem;color:var(--color-ink);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-on-dark) 22%, transparent) 0 1px, transparent 1px 3px), linear-gradient(105deg, color-mix(in srgb, var(--color-mist) 85%, var(--color-ink-soft)) 0%, var(--color-on-dark) 38%, color-mix(in srgb, var(--color-mist) 75%, var(--color-ink-soft)) 62%, color-mix(in srgb, var(--color-mist) 92%, var(--color-ink-soft)) 100%);box-shadow:inset 0 1px 0 var(--color-on-dark), inset 0 -1px 0 color-mix(in srgb, var(--color-ink) 18%, transparent), 0 18px 30px -18px color-mix(in srgb, var(--color-deep) 45%, transparent);border-radius:.35rem;gap:clamp(1.1rem,3vw,1.5rem);margin-inline:auto;padding:clamp(1.1rem,4vw,1.6rem);display:grid;position:relative}.au-schild{text-align:center;border-bottom:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent);padding-bottom:.9rem}.au-firma{letter-spacing:.04em;text-shadow:0 1px 0 var(--color-on-dark);font-size:clamp(.95rem,3.6vw,1.1rem);font-weight:900}.au-seit{letter-spacing:.12em;text-transform:uppercase;color:var(--color-action);margin-top:.2rem;font-size:.8rem;font-weight:800}.au-anzeige{background:var(--color-deep);color:var(--color-on-dark);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--color-deep) 80%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:.7rem;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.9rem;padding:.8rem 1rem;display:grid}.au-pfeil{width:1rem;height:1rem;fill:var(--color-brand);transition:rotate .45s cubic-bezier(.16,1,.3,1)}.au-pfeil[data-runter]{rotate:180deg}.au-rolle{width:2.2ch;height:3rem;display:grid;position:relative;overflow:hidden}.au-ziffer{text-align:center;color:var(--color-brand);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:2.6rem;font-weight:900;line-height:3rem}.au-tasten{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.au-zeile{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;display:grid}.au-taste{cursor:pointer;width:3.25rem;height:3.25rem;font:inherit;color:var(--color-ink-soft);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 40% 35%, var(--color-on-dark), color-mix(in srgb, var(--color-mist) 70%, var(--color-ink-soft)));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-mist) 60%, var(--color-ink-soft)), 0 0 0 5px color-mix(in srgb, var(--color-on-dark) 70%, transparent), 0 4px 8px -3px color-mix(in srgb, var(--color-deep) 45%, transparent);border:0;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:900;transition:transform .16s cubic-bezier(.23,1,.32,1),color .3s,box-shadow .3s;display:grid;position:relative}.au-taste:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.au-taste:hover{color:var(--color-ink)}}.au-taste:focus-visible{outline:3px solid var(--color-action);outline-offset:6px}.au-zeile[data-an] .au-taste{color:var(--color-action);box-shadow:0 0 0 3px var(--color-brand), 0 0 0 5px color-mix(in srgb, var(--color-brand) 30%, transparent), 0 4px 8px -3px color-mix(in srgb, var(--color-deep) 45%, transparent)}.au-gravur{color:color-mix(in srgb, var(--color-ink) 80%, var(--color-ink-soft));text-shadow:0 1px 0 color-mix(in srgb, var(--color-on-dark) 70%, transparent);font-size:.98rem;font-weight:800;line-height:1.3;transition:color .3s}.au-zeile[data-an] .au-gravur,.au-zeile[data-besucht] .au-gravur{color:var(--color-ink)}@media (prefers-reduced-motion:reduce){.au-pfeil,.au-taste,.au-gravur{transition:none}}
.ks{width:100%}.ks-raum{aspect-ratio:1;--schnur:25cqw;background:var(--color-mist);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden;container-type:inline-size}.ks-raum>img{object-fit:cover}.ks-fach{perspective:900px;perspective-origin:100%;width:23.9%;height:89.6%;position:absolute;top:1.9%;left:37.8%}.ks-tuer{transform-origin:100%;transform-style:preserve-3d;cursor:pointer;background:0 0;border-radius:2px;position:absolute;inset:0}.ks-tuer-vorn,.ks-tuer-hinten{backface-visibility:hidden;border-radius:2px;position:absolute;inset:0}.ks-tuer-vorn{box-shadow:inset -1px 0 0 color-mix(in srgb, var(--color-ink) 18%, transparent), 4px 0 10px -6px color-mix(in srgb, var(--color-deep) 40%, transparent);background:url(/img/unterseiten/karriere/tuer.webp) 50%/100% 100% no-repeat}.ks-tuer-hinten{filter:brightness(.8)saturate(.85);box-shadow:inset 0 0 0 .3rem color-mix(in srgb, var(--color-ink) 22%, transparent);background:url(/img/unterseiten/karriere/tuer.webp) 50%/100% 100% no-repeat;transform:rotateY(180deg)}.ks-tuer:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}.ks-hinweis{pointer-events:none;background:var(--color-ink);color:var(--color-on-dark);white-space:nowrap;border-radius:999px;margin-left:-.6rem;padding:.3rem .75rem;font-size:.82rem;font-weight:800;position:absolute;top:46%;left:39.6%;translate:-100% -50%}.ks-hinweis:after{content:"";background:var(--color-ink);width:.6rem;height:.6rem;position:absolute;top:50%;right:-.3rem;translate:0 -50%;rotate:45deg}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .ks-hinweis{animation:2.6s cubic-bezier(.16,1,.3,1) 1.4s infinite ks-wink}}@keyframes ks-wink{0%,60%,to{translate:-100% -50%}30%{translate:calc(-100% - .35rem) -50%}}.ks-anhaenger{z-index:2;background:var(--color-on-dark);width:15.5rem;box-shadow:0 0 0 1px var(--sprosse), 0 22px 40px -22px color-mix(in srgb, var(--color-deep) 70%, transparent);translate:0 var(--schnur);border-radius:.5rem .5rem .9rem .9rem;margin-left:-7.75rem;padding:1.5rem 1rem 1rem;position:absolute;top:23%;left:50%}.ks-schnur{width:2px;height:var(--schnur);background:var(--color-on-dark-soft);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-deep) 25%, transparent);margin-left:-1px;position:absolute;bottom:100%;left:50%}.ks-loch{background:var(--color-mist);width:.6rem;height:.6rem;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-ink) 40%, transparent);border-radius:50%;margin-left:-.3rem;position:absolute;top:.55rem;left:50%}.ks-ruf{letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance;font-size:1.05rem;font-weight:900;line-height:1.3}.ks-mail{white-space:nowrap;background:var(--color-action);color:var(--color-on-dark);border-radius:.7rem;justify-content:center;gap:.4rem;margin-top:.8rem;padding:.65rem .7rem;font-size:.95rem;font-weight:900;display:flex}@media (hover:hover){.ks-mail:hover{background:var(--color-action-strong)}}.ks-mail:focus-visible{outline:3px solid var(--color-signal);outline-offset:3px}.ks-symbol{background:color-mix(in srgb, var(--color-on-dark) 88%, transparent);max-width:calc(100% - 1.6rem);color:var(--color-ink-soft);border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.8rem;left:.8rem}@media (max-width:639px){.ks-raum{--schnur:17cqw}.ks-anhaenger{width:13.6rem;margin-left:-6.8rem;padding:1.3rem .85rem .85rem}.ks-ruf{font-size:.98rem}.ks-mail{font-size:.88rem}}
.kk{--kw:64;--hw:78;--ch:calc(var(--kw) * .84cqw);--hh:calc(var(--hw) * .7414cqw);--lippe:calc(5cqw + var(--hh) * .358);aspect-ratio:4/4.2;background:var(--color-mist);box-shadow:0 0 0 1px var(--sprosse), 0 30px 60px -40px color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:1.6rem;margin:0;position:relative;overflow:hidden;container-type:inline-size}@media (max-width:639px){.kk{--kw:86;--hw:98;aspect-ratio:4/4.5}}.kk-tisch{object-fit:cover;object-position:50% 60%}.kk-halter{width:calc(var(--hw) * 1cqw);pointer-events:none;position:absolute;bottom:5cqw;left:50%;translate:-50%}.kk-halter img{object-fit:contain;object-position:50% 100%}.kk-halter-hinten{z-index:1;height:var(--hh);filter:drop-shadow(0 18px 18px color-mix(in srgb, var(--color-deep) 35%, transparent))}.kk-halter-vorn{z-index:3;height:calc(var(--hh) * .358)}.kk-fach{z-index:2;pointer-events:none;position:absolute;inset:0 0 5cqw;overflow:hidden}.kk-fach>*{pointer-events:auto}.kk-karte{z-index:2;left:50%;bottom:calc(var(--lippe) - 5cqw - var(--ch) * .08);width:calc(var(--kw) * 1cqw);height:var(--ch);margin-left:calc(var(--kw) * -.5cqw);background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse), 0 10px 26px -14px color-mix(in srgb, var(--color-deep) 60%, transparent);border-radius:.55rem;grid-template-rows:auto 1fr;display:grid;position:absolute;overflow:hidden}.kk-griff{text-align:left;cursor:pointer;border-bottom:3px solid var(--color-brand);background:var(--color-on-dark);flex-wrap:wrap;align-items:baseline;gap:.15rem .7rem;width:100%;padding:3.6cqw 5cqw 2.6cqw;display:flex}.kk-marke{letter-spacing:.12em;color:var(--color-ink);font-size:clamp(1.3rem,6cqw,2rem);font-weight:900;line-height:1}.kk-firma{letter-spacing:.08em;text-transform:uppercase;color:var(--color-action);font-size:clamp(.78rem,2.4cqw,.95rem);font-weight:800}.kk-griff:focus-visible{outline:3px solid var(--color-signal);outline-offset:-3px}.kk-wege{align-content:start;padding:1.2cqw 5cqw;display:grid}.kk-wege li{border-bottom:1px solid var(--sprosse);gap:0;padding:.3rem 0;display:grid}.kk-wege li:last-child{border-bottom:0}.kk-art{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.7rem;font-weight:800}.kk-wege a{color:var(--color-ink);overflow-wrap:anywhere;justify-self:start;padding:.2rem 0;font-size:clamp(.85rem,2.6cqw,1.05rem);font-weight:800;line-height:1.3}@media (hover:hover){.kk-wege a:hover{color:var(--color-action);text-underline-offset:3px;text-decoration:underline}}.kk-wege a:focus-visible{outline:3px solid var(--color-action);outline-offset:2px;border-radius:3px}.kk-hinweis{z-index:4;left:50%;bottom:calc(var(--lippe) + var(--ch) * .42 + .6rem);pointer-events:none;background:var(--color-ink);color:var(--color-on-dark);white-space:nowrap;border-radius:999px;padding:.3rem .8rem;font-size:.82rem;font-weight:800;position:absolute;translate:-50%}.kk-hinweis:after{content:"";background:var(--color-ink);width:.6rem;height:.6rem;position:absolute;bottom:-.3rem;left:50%;translate:-50%;rotate:45deg}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .kk-hinweis{animation:2.6s cubic-bezier(.16,1,.3,1) 2.4s infinite kk-wink}}@keyframes kk-wink{0%,60%,to{translate:-50%}30%{translate:-50% -.35rem}}.kk-symbol{z-index:4;background:color-mix(in srgb, var(--color-on-dark) 88%, transparent);max-width:calc(100% - 1.6rem);color:var(--color-ink-soft);border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;position:absolute;top:.8rem;left:.8rem}
.ul-fragen{border-top:1px solid var(--sprosse);padding:clamp(4rem,8vw,7rem) 0}.ul-fragen-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}@media (max-width:1023px){.ul-fragen-raster{grid-template-columns:minmax(0,1fr)}}.ul-fragen-h2{letter-spacing:-.03em;color:var(--color-ink);text-wrap:balance;margin-top:.9rem;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.9rem);font-weight:900;line-height:1.1}.ul-fragen .faq-antwort p{color:var(--color-ink-soft)}.ul-dazu{padding-bottom:clamp(4rem,8vw,6rem)}.ul-dazu ul{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1rem;margin-top:1rem;display:grid}@media (max-width:767px){.ul-dazu ul{grid-auto-flow:row}}.ul-dazu-link{background:var(--color-on-dark);height:100%;box-shadow:0 0 0 1px var(--sprosse);color:var(--color-ink);border-radius:1rem;gap:.3rem;padding:1.3rem 3rem 1.3rem 1.3rem;transition:box-shadow .2s;display:grid;position:relative}.ul-dazu-link strong{font-size:1.1rem;font-weight:900}.ul-dazu-link span{color:var(--color-ink-soft);line-height:1.45}.ul-dazu-link .ul-dazu-pfeil{color:var(--color-action);transition:translate .3s var(--ease-out-strong);font-weight:900;position:absolute;top:1.3rem;right:1.2rem}@media (hover:hover) and (pointer:fine){.ul-dazu-link:hover{box-shadow:0 0 0 2px var(--color-action)}.ul-dazu-link:hover .ul-dazu-pfeil{translate:.3rem}}.u-seite .spotlight-licht{pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.u-seite .spotlight:hover .spotlight-licht{opacity:1}}@media (prefers-reduced-motion:reduce){.u-seite .spotlight-licht{transition:none}}
.glp{border-top:1px solid var(--sprosse);background:linear-gradient(180deg, var(--color-paper), color-mix(in srgb, var(--color-mist) 45%, var(--color-paper)));padding:clamp(4rem,8vw,7rem) 0}.glp-kopf{max-width:44rem}.glp-h2{letter-spacing:-.03em;color:var(--color-ink);text-wrap:balance;margin-top:.9rem;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.9rem);font-weight:900;line-height:1.1}.glp-lead{color:var(--color-ink-soft);margin-top:1rem;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6}.glp-buehne{grid-template-columns:15rem minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(1.5rem,3.5vw,3rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (max-width:1023px){.glp-buehne{grid-template-columns:minmax(0,1fr)}}.glp-leiste{gap:.7rem;display:grid}@media (max-width:1023px){.glp-leiste{grid-template-columns:repeat(2,minmax(0,1fr))}}.glp-wahl{background:var(--color-on-dark);width:100%;min-height:3.6rem;box-shadow:0 0 0 1px var(--sprosse);text-align:left;color:var(--color-ink);cursor:pointer;transition:box-shadow .2s, translate .2s var(--ease-out-strong);border-radius:.8rem;align-items:center;gap:.85rem;padding:.55rem .8rem .55rem .55rem;font-weight:800;line-height:1.25;display:flex}.glp-wahl[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-action)}@media (hover:hover) and (pointer:fine){.glp-wahl:hover{translate:.25rem}}.glp-wahl-name{min-width:0;font-size:.95rem}.glp-probe{width:2.6rem;height:2.6rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 18%, transparent);border-radius:.35rem;flex:none}.glp-rahmen{aspect-ratio:4/4.4;background:linear-gradient(135deg, color-mix(in srgb, var(--color-on-dark) 92%, var(--color-mist)), color-mix(in srgb, var(--color-mist) 80%, var(--color-ink-soft)) 55%, var(--color-on-dark));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 22%, transparent), 0 40px 70px -50px color-mix(in srgb, var(--color-deep) 70%, transparent);border-radius:.6rem;padding:clamp(.9rem,2vw,1.3rem);position:relative;overflow:hidden}@media (max-width:1023px){.glp-rahmen{aspect-ratio:4/3.4}}.glp-rahmen .spotlight-licht{z-index:2}.glp-scheibe{height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 25%, transparent);border-radius:.2rem;position:relative;overflow:hidden}.glp-klemme{z-index:3;background:linear-gradient(90deg, var(--color-ink-soft), var(--color-mist), var(--color-ink-soft));border-radius:.2rem;width:.55rem;height:3.4rem;margin-top:-1.7rem;position:absolute;top:50%}.glp-klemme-l{left:.2rem}.glp-klemme-r{right:.2rem}.glp-glanz{background:linear-gradient(115deg, transparent 42%, color-mix(in srgb, var(--color-on-dark) 55%, transparent) 48%, transparent 54%);position:absolute;inset:-40% -60%;translate:-30%}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .glp-scheibe{animation:1s cubic-bezier(.16,1,.3,1) both glp-ein}html:not([data-motion=off]) .glp-glanz{animation:7s cubic-bezier(.45,0,.55,1) 1s infinite glp-glanz}html:not([data-motion=off]) .glp-befund-text{animation:.9s cubic-bezier(.16,1,.3,1) both glp-text}}@keyframes glp-ein{0%{opacity:0;translate:0 -8%}to{opacity:1;translate:0}}@keyframes glp-glanz{0%{translate:-30%}55%,to{translate:30%}}@keyframes glp-text{0%{opacity:0;translate:0 .6rem}to{opacity:1;translate:0}}.glp-glas-fenster{background:linear-gradient(160deg, color-mix(in srgb, var(--color-on-dark) 70%, transparent), transparent 40%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 30%, var(--color-on-dark)), color-mix(in srgb, var(--color-mist) 70%, var(--color-on-dark)) 70%, color-mix(in srgb, var(--color-ink-soft) 25%, var(--color-mist)))}.glp-glas-beschichtet{background:linear-gradient(160deg, color-mix(in srgb, var(--color-on-dark) 35%, transparent), transparent 35%), linear-gradient(200deg, color-mix(in srgb, var(--color-action) 55%, var(--color-ink)), color-mix(in srgb, var(--color-ink-soft) 70%, var(--color-deep)) 60%, color-mix(in srgb, var(--color-brand) 30%, var(--color-ink)))}.glp-glas-pv{background:linear-gradient(160deg, color-mix(in srgb, var(--color-on-dark) 22%, transparent), transparent 30%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-mist) 75%, transparent) 0 1px, transparent 1px 25%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-mist) 75%, transparent) 0 2px, transparent 2px 16.66%), repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), color-mix(in srgb, var(--color-mist) 35%, transparent) calc(12.5% - 1px) 12.5%), linear-gradient(180deg, color-mix(in srgb, var(--color-action) 60%, var(--color-deep)), var(--color-deep))}.glp-glas-dach{background:linear-gradient(90deg, transparent calc(33.3% - .35rem), var(--color-mist) calc(33.3% - .35rem) calc(33.3% + .35rem), transparent calc(33.3% + .35rem) calc(66.6% - .35rem), var(--color-mist) calc(66.6% - .35rem) calc(66.6% + .35rem), transparent calc(66.6% + .35rem)), linear-gradient(180deg, transparent calc(50% - .3rem), var(--color-mist) calc(50% - .3rem) calc(50% + .3rem), transparent calc(50% + .3rem)), linear-gradient(160deg, color-mix(in srgb, var(--color-on-dark) 60%, transparent), transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 45%, var(--color-on-dark)), color-mix(in srgb, var(--color-brand) 15%, var(--color-on-dark)))}.glp-befund{align-self:center}.glp-befund-name{letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);font-weight:900;line-height:1.15}.glp-befund-text{color:var(--color-ink-soft);margin-top:.9rem;line-height:1.65}.glp-verfahren{flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex}.glp-verfahren li{background:color-mix(in srgb, var(--color-brand) 12%, var(--color-paper));color:var(--color-action);white-space:nowrap;border-radius:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:800}
.uf{border-top:1px solid var(--sprosse);background:var(--color-paper);padding:clamp(4rem,8vw,7rem) 0;transition:background-color 1.1s cubic-bezier(.16,1,.3,1)}.uf[data-abend=true]{background:var(--color-deep)}.uf-kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem 3rem;display:flex}.uf-h2{letter-spacing:-.03em;color:var(--color-ink);text-wrap:balance;margin-top:.9rem;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.9rem);font-weight:900;line-height:1.1;transition:color 1.1s cubic-bezier(.16,1,.3,1)}.uf[data-abend=true] .uf-h2{color:var(--color-on-dark)}.uf[data-abend=true] .uf-label{color:var(--color-brand)}.uf-schalter{cursor:pointer;min-height:3.5rem;color:var(--color-ink);border-radius:1rem;align-items:center;gap:.9rem;padding:.3rem 1.1rem .3rem .3rem;font-weight:900;transition:color 1.1s cubic-bezier(.16,1,.3,1);display:inline-flex}.uf[data-abend=true] .uf-schalter{color:var(--color-on-dark)}.uf-platte{background:linear-gradient(160deg, var(--color-on-dark), color-mix(in srgb, var(--color-mist) 75%, var(--color-on-dark)));width:4.4rem;height:4.4rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 16%, transparent), 0 10px 20px -12px color-mix(in srgb, var(--color-deep) 60%, transparent);border-radius:.75rem;place-items:center;display:grid;position:relative}.uf-wippe{background:linear-gradient(180deg, color-mix(in srgb, var(--color-mist) 55%, var(--color-on-dark)) 0 50%, var(--color-on-dark) 50%);width:2.4rem;height:2.9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 14%, transparent), 0 3px 0 -1px color-mix(in srgb, var(--color-ink) 18%, transparent);transition:transform .3s var(--ease-out-strong), background .3s;border-radius:.4rem;transform:perspective(160px)rotateX(10deg)}.uf-schalter[aria-checked=true] .uf-wippe{background:linear-gradient(180deg, var(--color-on-dark) 0 50%, color-mix(in srgb, var(--color-mist) 55%, var(--color-on-dark)) 50%);transform:perspective(160px)rotateX(-10deg)}@media (hover:hover) and (pointer:fine){.uf-schalter:hover .uf-platte{box-shadow:0 0 0 2px var(--color-action), 0 10px 20px -12px color-mix(in srgb, var(--color-deep) 60%, transparent)}}.uf-fassade{background:color-mix(in srgb, var(--color-mist) 60%, var(--color-paper));box-shadow:inset 0 0 0 1px var(--sprosse);border-radius:1.4rem;margin-top:clamp(2rem,4vw,3rem);padding:clamp(.8rem,1.6vw,1.1rem);transition:background-color 1.1s cubic-bezier(.16,1,.3,1)}.uf[data-abend=true] .uf-fassade{background:color-mix(in srgb, var(--color-on-dark) 6%, var(--color-deep));box-shadow:inset 0 0 0 1px var(--sprosse-dark)}.uf-fenster{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.1rem);display:grid;position:relative}@media (max-width:1023px){.uf-fenster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.uf-fenster{grid-template-columns:minmax(0,1fr)}}.uf-fenster li{background:var(--color-on-dark);min-height:13rem;box-shadow:inset 0 0 0 1px var(--sprosse);border-radius:.9rem;align-content:start;gap:.45rem;padding:1.4rem 1.3rem 1.5rem;transition:background-color 1s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}@media (max-width:559px){.uf-fenster li{min-height:0}}.uf-fenster strong{color:var(--color-ink);font-size:1.12rem;font-weight:900;line-height:1.25;transition:color 1s cubic-bezier(.16,1,.3,1);position:relative}.uf-beispiele{color:var(--color-ink-soft);line-height:1.55;transition:color 1s cubic-bezier(.16,1,.3,1);position:relative}.uf-scheibe{pointer-events:none;transition-delay:inherit;position:absolute;inset:0}.uf-scheibe:after{content:"";opacity:0;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--color-brand) 34%, transparent), transparent 70%);transition:opacity 1s cubic-bezier(.16,1,.3,1);transition-delay:inherit;position:absolute;inset:0}.uf[data-abend=true] .uf-fenster li{background:color-mix(in srgb, var(--color-action) 40%, var(--color-deep));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 45%, transparent), 0 0 40px -10px color-mix(in srgb, var(--color-brand) 50%, transparent)}.uf[data-abend=true] .uf-fenster strong,.uf[data-abend=true] .uf-beispiele{color:var(--color-on-dark)}.uf[data-abend=true] .uf-scheibe:after{opacity:1}.uf-satz{max-width:40rem;color:var(--color-ink);margin-top:clamp(1.6rem,3vw,2.4rem);font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:800;line-height:1.5;transition:color 1.1s cubic-bezier(.16,1,.3,1)}.uf[data-abend=true] .uf-satz{color:var(--color-on-dark)}@media (prefers-reduced-motion:reduce){.uf,.uf *,.uf :after{transition-duration:0s!important;transition-delay:0s!important}}html[data-motion=off] .uf,html[data-motion=off] .uf *,html[data-motion=off] .uf :after{transition-duration:0s!important;transition-delay:0s!important}
.gb{border-top:1px solid var(--sprosse);padding:clamp(4rem,8vw,7rem) 0}.gb-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,5.5rem);display:grid}@media (max-width:1023px){.gb-raster{grid-template-columns:minmax(0,1fr)}}.gb-h2{letter-spacing:-.03em;color:var(--color-ink);text-wrap:balance;margin-top:.9rem;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.9rem);font-weight:900;line-height:1.1}.gb-schalter{background:color-mix(in srgb, var(--color-mist) 70%, var(--color-paper));box-shadow:inset 0 0 0 1px var(--sprosse);border-radius:.9rem;flex-wrap:wrap;gap:.3rem;margin-top:1.6rem;padding:.3rem;display:inline-flex}.gb-schalter button{min-height:2.9rem;color:var(--color-ink-soft);cursor:pointer;border-radius:.65rem;padding:0 1.1rem;font-weight:800;transition:background-color .2s,color .2s,box-shadow .2s}.gb-schalter button[aria-pressed=true]{background:var(--color-on-dark);color:var(--color-action);box-shadow:0 0 0 1px var(--sprosse), 0 8px 18px -12px color-mix(in srgb, var(--color-ink) 50%, transparent)}.gb-text{max-width:34rem;color:var(--color-ink-soft);margin-top:1.3rem;line-height:1.7}.gb-merk{border-left:3px solid var(--color-brand);max-width:34rem;color:var(--color-ink);margin-top:1.6rem;padding-left:1rem;font-weight:800;line-height:1.55}.gb-schnitt{background:var(--color-on-dark);box-shadow:0 0 0 1px var(--sprosse), 0 40px 70px -50px color-mix(in srgb, var(--color-deep) 60%, transparent);border-radius:1.4rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(1.2rem,3vw,2.2rem);padding:clamp(1.4rem,3vw,2.2rem);display:grid;position:relative;overflow:hidden}@media (max-width:559px){.gb-schnitt{grid-template-columns:minmax(0,1fr)}}.gb-stapel{z-index:1;flex-direction:column;justify-content:flex-end;height:clamp(13rem,24vw,16rem);display:flex;position:relative}.gb-band{height:var(--h);flex:none;transition:height 1s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1);display:block}.gb-band[data-weg=true],.gb-schutz[data-da=false]{opacity:0;height:0}.gb-schutz{--h:.7rem;background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand) 60%, var(--color-on-dark)), color-mix(in srgb, var(--color-on-dark) 80%, var(--color-brand)) 45%, color-mix(in srgb, var(--color-brand) 60%, var(--color-on-dark)));border-radius:.25rem .25rem 0 0}.gb-staub{--h:1.4rem;background:radial-gradient(circle at 20% 40%, color-mix(in srgb, var(--color-ink-soft) 55%, transparent) 0 1px, transparent 1.6px) 0 0 / 7px 6px, radial-gradient(circle at 70% 70%, color-mix(in srgb, var(--color-ink-soft) 45%, transparent) 0 1px, transparent 1.6px) 0 0 / 9px 7px, color-mix(in srgb, var(--color-mist) 70%, var(--color-ink-soft))}.gb-flecken{--h:2rem;background:radial-gradient(ellipse 16% 60% at 22% 55%, color-mix(in srgb, var(--color-deep) 45%, transparent), transparent 70%), radial-gradient(ellipse 20% 70% at 68% 40%, color-mix(in srgb, var(--color-deep) 38%, transparent), transparent 70%), color-mix(in srgb, var(--color-ink-soft) 62%, var(--color-mist))}.gb-kalk{--h:1.5rem;background:repeating-linear-gradient(100deg, color-mix(in srgb, var(--color-on-dark) 80%, transparent) 0 3px, transparent 3px 9px), color-mix(in srgb, var(--color-mist) 70%, var(--color-ink-soft))}.gb-belag{--h:clamp(5rem, 9vw, 6.5rem);background:linear-gradient(180deg, color-mix(in srgb, var(--color-on-dark) 30%, transparent), transparent 30%), repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), color-mix(in srgb, var(--color-deep) 35%, transparent) calc(25% - 1px) 25%), linear-gradient(135deg, color-mix(in srgb, var(--color-ink-soft) 60%, var(--color-mist)), color-mix(in srgb, var(--color-ink) 70%, var(--color-ink-soft)));border-radius:0 0 .25rem .25rem}.gb-legende{z-index:1;gap:.15rem;display:grid;position:relative}.gb-legende li{border-bottom:1px solid var(--sprosse);color:var(--color-ink);grid-template-columns:1.6rem minmax(0,1fr);align-items:center;column-gap:.7rem;padding:.55rem 0;font-weight:800;line-height:1.3;display:grid}.gb-legende li:last-child{border-bottom:0}.gb-legende em{letter-spacing:.04em;color:var(--color-ink-soft);grid-column:2;font-size:.82rem;font-style:normal;font-weight:700}.gb-legende li[data-stand=weg] em,.gb-legende li[data-stand=neu] em{color:var(--color-action)}.gb-legende li[data-stand=weg]{color:var(--color-ink-soft)}.gb-farbe{width:1.6rem;height:1.1rem;box-shadow:inset 0 0 0 1px var(--sprosse);border-radius:.25rem;grid-row:span 2}@media (prefers-reduced-motion:reduce){.gb-band{transition:none!important}}html[data-motion=off] .gb-band{transition:none!important}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .gb-text{animation:.9s cubic-bezier(.16,1,.3,1) both gb-text}}@keyframes gb-text{0%{opacity:0;translate:0 .6rem}to{opacity:1;translate:0}}@media (max-width:559px){.gb-schalter{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.gb-schalter button{padding:0 .5rem;font-size:.92rem}.gb-stapel{height:auto}}