.band-teil{--band-griff:74px;--band-hoehe:clamp(420px,52vh,560px);--band-foto:calc(var(--band-hoehe) * .566);--band-feld:#131C2E}.band-kopf{max-width:62ch;margin-bottom:clamp(1.2rem,2.4vw,2rem)}.band-kopf .fuehrung{margin-top:.7rem}.band-buehne,.band-haft{position:relative}.band{display:grid;gap:var(--spalt)}.band-posten{position:relative;margin:0;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius-gross);overflow:hidden;box-shadow:0 1px 2px #141c2e0a,0 10px 26px #141c2e12}.band-griff{position:relative;display:block;width:100%;padding:0;border:0;background:var(--band-feld);cursor:pointer;color:#fff;overflow:hidden;aspect-ratio:16/10}.band-griff:has(.band-foto--geraet){aspect-ratio:580/1024}.band-griff:focus-visible{outline:3px solid var(--lagune);outline-offset:-3px}.band-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:filter .5s var(--ease),transform .6s var(--ease),opacity .5s var(--ease)}.band-streifen{display:none}.band-griff .ki-hinweis{right:.6rem;top:.6rem}.band-karte{min-width:0}.band-karte__text{display:flex;flex-direction:column;gap:.7rem;padding:clamp(1.1rem,1rem + .9vw,1.8rem)}.band-karte__kunde{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.4rem);line-height:1.1;letter-spacing:-.02em}.band-karte__wer{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem;font-size:var(--s--1);color:var(--tinte-weich)}.band-karte__netz{font-weight:700;color:var(--lagune);text-decoration:underline;text-underline-offset:3px}.band-karte__leistungen{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.1rem 0 0;padding:0}.band-karte__leistungen li{background:var(--himmel);border:1px solid #D3E6F4;color:var(--tief);border-radius:999px;padding:.4rem .85rem;font-size:var(--s--1);line-height:1.2}.band-karte__werte{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;padding-top:.8rem;margin-top:clamp(.6rem,2.4vh,1.8rem)}.band-karte__werte b{display:block;font-family:Aeonik,Plus Jakarta Sans,sans-serif;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);font-weight:800;line-height:1.05;color:var(--tief);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.band-karte__werte span{font-size:var(--s--1);color:var(--tinte-weich)}.band-karte__quelle{font-size:.875rem;line-height:1.5;color:#46536a;padding-top:.7rem;border-top:1px solid var(--linie)}.band-karte__quelle b{font-weight:600;color:var(--tief)}.band-leiste{display:none;align-items:center;gap:1.2rem;margin-top:clamp(1.2rem,2.4vw,2rem)}.band-zaehler{font-size:var(--s--1);color:var(--tinte-weich);font-variant-numeric:tabular-nums;white-space:nowrap}.band-schiene{flex:1 1 auto;height:2px;background:var(--linie);border-radius:999px;overflow:hidden}.band-schiene i{display:block;height:100%;width:20%;border-radius:999px;background:var(--tinte);transition:width .5s var(--ease)}.band-weiter{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1px solid var(--linie);background:var(--weiss);color:var(--tinte);display:grid;place-items:center;cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease)}.band-weiter:hover{border-color:var(--tinte);transform:translate(2px)}.band-weiter:focus-visible{outline:3px solid var(--lagune);outline-offset:3px}.band-mehr{margin-top:clamp(1.4rem,2.6vw,2.2rem)}@media(max-width:1099px){.band-foto--geraet{object-fit:cover}}@media(min-width:900px)and (max-width:1099px){.band-posten{display:grid;grid-template-columns:minmax(230px,32%) 1fr;align-items:stretch}.band-griff{width:auto;height:100%;aspect-ratio:auto;min-height:400px}.band-foto--geraet{object-fit:contain}.band-karte__text{height:100%;justify-content:center;max-width:64ch;padding:clamp(1.2rem,1rem + 1.2vw,2.2rem)}}@media(min-width:1100px){.band-teil{--band-seg:40vh;--band-leiste-h:92px;--band-rest:345px;--band-hoehe:clamp(300px,calc(100vh - var(--kopf-h) - var(--band-rest)),560px)}.band-buehne{height:calc(var(--band-hoehe) + var(--band-leiste-h) + var(--band-zahl,5) * var(--band-seg))}.band-haft{position:sticky;top:calc(var(--kopf-h) + clamp(.8rem,3vh,2rem))}.band{display:flex;align-items:stretch;gap:clamp(.5rem,1vw,.9rem);height:var(--band-hoehe);overflow:hidden}.band-leiste{display:flex}.band-haft .band-kopf{max-width:none;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);align-items:end}.band-haft .band-kopf .marker{grid-column:1}.band-haft .band-kopf h2{grid-column:1;margin:0}.band-haft .band-kopf .fuehrung{grid-column:2;grid-row:2;margin-top:0;max-width:52ch}.band-posten{display:flex;flex:0 0 var(--band-griff);min-width:0;height:100%;transition:flex-grow .55s var(--ease),flex-basis .55s var(--ease)}.band-posten--offen{flex:1 1 auto}.band-griff{flex:0 0 var(--band-griff);width:auto;height:100%;aspect-ratio:auto;transition:flex-basis .55s var(--ease)}.band-posten--offen .band-griff{flex-basis:var(--band-foto)}.band-posten:not(.band-posten--offen) .band-foto{filter:grayscale(1) brightness(.18) contrast(.85) blur(1.3px);transform:scale(1.14)}.band-posten:not(.band-posten--offen):hover .band-foto{filter:grayscale(.7) brightness(.34) contrast(.9) blur(.7px)}.band-posten:not(.band-posten--offen) .band-griff:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a0e18e0 0,#0a0e1873 42%,#0a0e181a);pointer-events:none}.band-streifen{display:block;position:absolute;left:0;right:0;bottom:1.1rem;writing-mode:vertical-rl;transform:rotate(180deg);margin-inline:auto;font-family:Aeonik,Plus Jakarta Sans,sans-serif;font-weight:700;font-size:var(--s--1);letter-spacing:.01em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5);max-height:calc(100% - 2.6rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:1;transition:opacity .35s var(--ease)}.band-posten--offen .band-streifen{opacity:0;pointer-events:none}.band-posten:not(.band-posten--offen) .ki-hinweis{display:none}.band-karte{flex:1 1 auto;height:100%;overflow:hidden}.band-karte__text{height:100%;padding:clamp(1.2rem,1rem + 1.2vw,2.2rem);justify-content:safe center;opacity:0;transition:opacity .4s var(--ease) .12s}.band-posten--offen .band-karte__text{opacity:1}.band-posten:not(.band-posten--offen) .band-karte{flex:0 0 0;width:0}}@media(min-width:1280px){.band-teil{--band-griff:82px}}@media(prefers-reduced-motion:reduce){.band-posten,.band-griff,.band-foto,.band-karte__text,.band-schiene i{transition:none}.band-buehne{height:auto}.band-haft{position:static}.band{display:grid;height:auto;overflow:visible}.band-posten{display:block;flex:none;height:auto}.band-posten .band-griff{flex:none;width:100%;height:auto;aspect-ratio:580/1024}.band-posten .band-karte{flex:none;width:auto;height:auto;overflow:visible}.band-posten .band-karte__text{opacity:1;height:auto}.band-posten:not(.band-posten--offen) .band-karte{flex:none;width:auto;height:auto;overflow:visible}.band-posten:not(.band-posten--offen) .band-karte__text{opacity:1;height:auto}.band-posten:not(.band-posten--offen) .band-foto{filter:none;transform:none}.band-posten:not(.band-posten--offen) .band-griff:after{display:none}.band-posten:not(.band-posten--offen) .band-streifen{display:none}.band-foto--geraet{object-fit:cover}.band-streifen,.band-leiste{display:none}.band-haft .band-kopf{display:block;max-width:62ch}}@media(prefers-reduced-motion:reduce)and (min-width:900px){.band{gap:var(--spalt)}.band-posten{display:grid;grid-template-columns:minmax(260px,32%) 1fr;align-items:stretch}.band-posten .band-griff{width:auto;height:100%;aspect-ratio:auto;min-height:420px}.band-posten .band-foto--geraet{object-fit:contain}.band-posten .band-karte__text{height:100%;justify-content:center;max-width:64ch;padding:clamp(1.2rem,1rem + 1.2vw,2.2rem)}}