.kb-hero,.kb-raum,.kb-felder,.kb-ablauf,.kb-antworten{position:relative;overflow:hidden}.kb-hero{padding:clamp(7.5rem,12vw,10.5rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(55% 70% at 78% 45%,#eaf1ff,#eaf1ff00 70%),#fff}.kb-hero-raster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,4vw,4rem);align-items:center}.kb-hero h1{margin:18px 0 0;font-weight:600;font-size:clamp(2.4rem,4.8vw,5.6rem);line-height:.93;letter-spacing:-.066em}.kb-hero h1 .s{font-weight:400;letter-spacing:-.03em}.kb-unter{margin:28px 0 0;max-width:44ch;color:var(--grau);font-size:clamp(17px,1.4vw,21px);line-height:1.5;letter-spacing:-.02em}.kb-kurz{max-width:58ch}.kb-kurz p{font-size:clamp(15px,1.1vw,17px)}.kb-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px}.kb-hero-objekt{position:relative;width:100%;max-width:760px;aspect-ratio:960 / 807;justify-self:end}.kb-hero-wolke{position:absolute;z-index:0;inset:30% -40% -35% -30%;background:url(/neu/wolken-platte.webp) center 40% / cover no-repeat;opacity:.85;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 35%,transparent 100%);pointer-events:none}.kb-stellwerk{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 50px 60px rgba(37,99,235,.18));will-change:transform}.kb-glimmen{position:absolute;z-index:2;left:27%;top:81%;width:26%;aspect-ratio:1.6;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#4682ff80,#4682ff00);mix-blend-mode:screen;pointer-events:none}.kb-raum-pin{min-height:100vh;display:flex;align-items:center;padding:clamp(5rem,8vw,7rem) 0 clamp(3rem,5vw,4.5rem)}.kb-raum-kopf{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.kb-raum-kopf .mikro{grid-column:1 / -1}.kb-raum-kopf .d2{font-size:clamp(2.2rem,4.4vw,5.4rem)}.kb-raum-text{margin:4px 0 0;max-width:60ch;color:#c9d3e6;font-size:clamp(16px,1.25vw,19px);line-height:1.55}.kb-schiene{position:relative;margin-top:clamp(2.5rem,4vw,3.5rem);padding:0 0 4px}.kb-schiene:before{content:"";position:absolute;left:-1%;right:-1%;top:calc(clamp(100px,9.6vw,172px)*.82);height:clamp(36px,3.6vw,56px);border-radius:22px;background:linear-gradient(180deg,#ffffff24,#ffffff08);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff4d,0 30px 50px -24px #000000b3}.kb-strom{position:absolute;z-index:0;left:6%;right:6%;top:calc(clamp(100px,9.6vw,172px)*.82 + clamp(36px,3.6vw,56px)/2);height:2px;background:#9cc0ff29;border-radius:2px}.kb-strom i{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#9cc0ff);box-shadow:0 0 12px #508cffe6,0 0 2px #fff;transform-origin:left center;transform:scaleX(0)}.kb-raum.fertig .kb-strom i{transform:scaleX(1)}.kb-stationen{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px)}.kb-station{position:relative;display:flex;flex-direction:column;gap:10px;transition:opacity .5s var(--ease)}.kb-raum.lebt .kb-station:not(.an){opacity:.42}.kb-hebel{position:relative;width:clamp(100px,9.6vw,172px);aspect-ratio:600 / 640;margin:0 0 clamp(10px,1.4vw,22px) clamp(0px,1vw,16px);border-radius:22px;background:radial-gradient(90% 80% at 50% 30%,#fbfcff,#e4ebf6 70%,#ccd7e8);box-shadow:inset 0 1px #fff,inset 0 -12px 24px #1e3c781f,0 30px 50px -24px #000c;transition:box-shadow .6s var(--ease)}.kb-station.an .kb-hebel{box-shadow:inset 0 1px #fff,inset 0 -12px 24px #1e3c781f,0 0 0 1px #9cc0ff99,0 0 40px -6px #508cffb3,0 30px 50px -24px #000c}.kb-hebel img{position:absolute;left:-6%;top:-8%;width:112%;height:112%;transition:opacity .5s var(--ease);filter:drop-shadow(0 12px 16px rgba(30,60,120,.25))}.kb-hebel .an{opacity:0}.kb-station.an .kb-hebel .an{opacity:1}.kb-station.an .kb-hebel .aus{opacity:0}.kb-station.an .kb-hebel:after{content:"";position:absolute;left:50%;top:70%;width:70%;aspect-ratio:2;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#508cffa6,#508cff00);mix-blend-mode:screen;pointer-events:none}.kb-karte{position:absolute;left:calc(100% + 12px);top:4%;width:clamp(120px,9.6vw,176px);display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:linear-gradient(165deg,#ffffff29,#ffffff0d);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff40,0 20px 30px -18px #000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11.5px;line-height:1.3;color:#dfe7f5;transition:transform .6s var(--ease),border-color .5s}.kb-karte span{display:flex;justify-content:space-between;gap:8px}.kb-karte b{font-weight:500}.kb-karte em{font-style:normal;font-family:var(--mono);font-size:10.5px;color:#9cc0ff;white-space:nowrap}.kb-station.jetzt .kb-karte{border-color:#9cc0ff99;transform:translateY(-4px)}.kb-station .nr{font-family:var(--mono);font-size:12px;color:#8e9bb4}.kb-station.an .nr{color:var(--blau-hell)}.kb-station h3{margin:0;color:#fff;font-weight:500;font-size:clamp(17px,1.4vw,21px);line-height:1.2;letter-spacing:-.03em}.kb-station p{margin:0;color:#aab6cc;font-size:14.5px;line-height:1.5}.kb-fuer{padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.kb-fuer span{display:block;margin-bottom:2px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau-hell)}.kb-hinweis{margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:12.5px;color:#7d8aa3}.kb-felder{padding:clamp(5.5rem,10vw,9rem) 0;background:radial-gradient(60% 60% at 75% 50%,#eef4ff,#eef4ff00 70%),#fff}.kb-felder-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.kb-felder-text .d2{margin-top:18px;font-size:clamp(2.2rem,4.2vw,5rem)}.kb-liste{list-style:none;margin:clamp(2rem,3vw,2.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,40px)}.kb-liste li{padding:18px 0;border-top:1px solid var(--linie)}.kb-liste h3{margin:0;font-weight:500;font-size:17px;letter-spacing:-.025em}.kb-liste p{margin:6px 0 0;color:var(--grau);font-size:14.5px;line-height:1.5}.kb-links{display:flex;flex-wrap:wrap;gap:0 18px;font-size:14px}.kb-links .link{min-height:40px}.kb-nicht{margin-top:26px;padding:20px 22px;border-radius:18px;background:#f6f8fb;border:1px solid var(--linie)}.kb-nicht h3{margin:0;font-weight:500;font-size:16px;letter-spacing:-.02em}.kb-nicht ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.kb-nicht li{position:relative;padding-left:20px;color:var(--grau);font-size:14.5px}.kb-nicht li:before{content:"";position:absolute;left:0;top:.7em;width:10px;height:1.5px;background:var(--grau-hell)}.kb-schrank{position:relative;max-width:640px;justify-self:center;width:100%}.kb-schrank:before{content:"";position:absolute;inset:40% -15% -25%;background:url(/neu/wolken-platte.webp) center / cover no-repeat;opacity:.6;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent);pointer-events:none}.kb-schrank img{position:relative;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(30,70,160,.18))}.kb-ablauf{padding:clamp(5rem,9vw,8rem) 0;background:#f6f9fd}.kb-ablauf .d2{margin-top:18px;font-size:clamp(2.2rem,4.2vw,5rem)}.kb-schritte{list-style:none;margin:clamp(2.5rem,4vw,3.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);counter-reset:s}.kb-schritte li{position:relative;padding-top:22px;border-top:2px solid var(--blau)}.kb-schritte li+li{border-top-color:#2563eb59}.kb-schritte .nr{font-family:var(--mono);font-size:12px;color:var(--blau)}.kb-schritte h3{margin:10px 0 0;font-weight:500;font-size:clamp(1.6rem,2.4vw,2.4rem);letter-spacing:-.05em}.kb-schritte p{margin:12px 0 0;color:var(--grau);font-size:15.5px;line-height:1.55;max-width:40ch}.kb-antworten{padding:clamp(6rem,11vw,10rem) 0;background:#fff}.kb-antworten:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:url(/neu/wolken-platte.webp) center 80% / cover no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000);pointer-events:none}.kb-antworten .wrap{position:relative;z-index:1}.kb-antworten .d3{margin-top:18px}.kb-drei{margin-top:clamp(2.5rem,4vw,3.5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.kb-drei h3{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.01em;color:var(--blau)}.kb-drei p{margin:12px 0 0;color:var(--ink-2);font-size:16px;line-height:1.6;max-width:42ch}@media(max-width:1099px){.kb-hero-raster,.kb-felder-raster{grid-template-columns:minmax(0,1fr)}.kb-hero-objekt{justify-self:center;max-width:560px}.kb-raum-kopf{grid-template-columns:minmax(0,1fr)}.kb-schrank{max-width:480px}}@media(max-width:899px){.kb-raum-pin{min-height:0}.kb-schiene:before,.kb-strom{display:none}.kb-stationen{grid-template-columns:minmax(0,1fr);gap:0}.kb-station{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto;column-gap:18px;row-gap:6px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);align-items:start}.kb-station>:not(.kb-hebel){grid-column:2}.kb-hebel{grid-column:1;grid-row:1 / span 4;width:110px;margin:0}.kb-karte,.kb-station .kb-hebel .kb-karte{display:none}.kb-schritte,.kb-drei{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.kb-liste{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.kb-hero h1,.kb-raum-kopf .d2,.kb-felder-text .d2{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){.kb-stellwerk{will-change:auto}}