/* Keller-Szene: alter Kessel raus, ATMOS-Pelletheizung rein */
.keller{--story-h:620vh;background:var(--grund)}
.keller .story-spalte{--story-bg:var(--grund)}
.keller .szene{background:#4d5359}
.keller .kap .eyebrow{color:var(--gruen-t)}.keller .kap.k0 h2 em,.keller .kap.k0 h1 em{color:#c2410c}
.messung{display:flex;gap:10px;flex-wrap:wrap}
.mess{font-size:13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.04);min-width:118px;font-variant-numeric:tabular-nums}
.mess small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#a3adb6}
.mess b{font-size:20px;font-weight:700;color:#fff;transition:color .4s}
.mess.kalt b{color:#8fc0ee}.mess.warm b{color:#ffb27a}
.warn{position:absolute;z-index:3;font:700 13px var(--f-text);background:#2a1d17;border:1px solid #6e3b22;color:#ffbf9c;border-radius:999px;padding:7px 12px 7px 10px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}
.warn.an{opacity:1;transform:none}.warn::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff6b3d;box-shadow:0 0 0 4px rgba(255,107,61,.22)}
.flacker{animation:flackern 3.2s infinite steps(1)}
@keyframes flackern{0%,100%{opacity:1}7%{opacity:.25}9%{opacity:1}43%{opacity:.4}45%{opacity:1}71%{opacity:.15}72%{opacity:.9}}
.rauch circle{animation:rauch 4s infinite ease-out;transform-box:fill-box;transform-origin:center}
.rauch circle:nth-child(2){animation-delay:1.3s}.rauch circle:nth-child(3){animation-delay:2.6s}
@keyframes rauch{0%{opacity:0;transform:translate(0,0) scale(.4)}25%{opacity:.55}100%{opacity:0;transform:translate(-30px,-150px) scale(2.2)}}
.tropfen{animation:tropf 2.4s infinite ease-in}@keyframes tropf{0%,40%{transform:translateY(0);opacity:0}45%{opacity:1}100%{transform:translateY(70px);opacity:0}}
@media (prefers-reduced-motion:reduce){.flacker,.rauch circle,.tropfen{animation:none!important}}
@media (max-width:820px){.keller{--story-h:560vh}.keller .messung{position:absolute;top:14px;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:3;justify-content:center}.mess{min-width:0;flex:1;padding:6px 10px}.mess b{font-size:17px}.warn{font-size:11.5px;padding:5px 10px 5px 8px}.keller .scrollhinweis{top:120px;color:#fff}}
.story-intro{padding-block:clamp(72px,9vw,120px) 40px;background:var(--grund)}
.kap h1.start-h1{font-size:clamp(28px,3.3vw,50px);margin:10px 0 14px;color:var(--schiefer-d);text-transform:uppercase;line-height:.98}
.kap h1.start-h1 em{font-style:normal;color:#c2410c;display:block}
@media (max-width:820px){.kap h1.start-h1{font-size:25px;margin:6px 0 8px}}
/* Bauplan-Zeitleiste */
.bp-leiste{position:absolute;left:24px;right:24px;bottom:18px;z-index:3;display:flex;justify-content:space-between;gap:8px;padding-top:14px;font:700 11px var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:#7fa6c4;pointer-events:none}
.bp-leiste i{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(160,210,255,.22)}
.bp-leiste i b{position:absolute;inset:0;background:#ffb27a;transform-origin:left;transform:scaleX(0);box-shadow:0 0 10px rgba(255,160,90,.8)}
.bp-leiste span{position:relative;transition:color .3s}
.bp-leiste span::before{content:"";position:absolute;left:0;top:-18px;width:8px;height:8px;border-radius:50%;background:#2c5a94;border:2px solid #7fa6c4;transition:background .3s,border-color .3s}
.bp-leiste span.an{color:#eaf6ff}.bp-leiste span.an::before{background:#ffb27a;border-color:#ffb27a}
@media (max-width:820px){.bp-leiste{display:none}}
.keller .scrollhinweis{bottom:70px}

.keller .scrollhinweis{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}