@layer komponenten{
.kicker{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--accent);display:flex;align-items:center;gap:12px}.kicker:before{content:'';display:block;width:24px;height:1px;background:currentColor}.cta{margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 22px;background:var(--button-bg);color:var(--button-ink);border:1px solid var(--button-bg);border-radius:var(--radius-ui);text-decoration:none;font-size:var(--text-sm);font-weight:650}.button:after{content:'↗';font-size:20px}.button.alt{background:transparent;color:inherit;border-color:var(--ui-line)}.hero .button{background:#E7A178;color:#071A24;border-color:#E7A178}.button:hover{text-decoration:underline;text-underline-offset:4px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}.facts div{padding:24px 16px 24px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.facts dd{margin:0;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.facts dd a{display:inline-block;min-height:44px}.card{padding:32px 24px;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-card);position:relative;box-shadow:var(--shadow-1);min-width:0}.card:before{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform var(--duration) var(--ease)}.card:hover:before,.card:focus-within:before{transform:scaleY(1)}.card h2{font-size:var(--text-h3)}.card a:not(.button){min-height:44px;display:inline-flex;align-items:center;gap:16px;color:var(--accent);font-weight:600}.card a:not(.button):after{content:'↗'}.card p{font-size:var(--text-sm)}.card.light{background:var(--surface)}.quote{font:600 clamp(2rem,4vw,3.8rem)/1.18 var(--display);letter-spacing:-.04em;hanging-punctuation:first last;padding-left:.35em;text-indent:-.35em;max-width:25ch;margin-top:32px}.small,figcaption{font-size:var(--text-xs);color:var(--muted)}figcaption{margin-top:12px}.notice{border:1px solid var(--accent);border-left:3px solid var(--accent);padding:20px 24px;color:var(--ink);background:var(--surface-alt);font-size:var(--text-sm);margin-block:24px}.platzhalter-foto{aspect-ratio:3/2;background:repeating-linear-gradient(148deg,transparent 0 23px,#7c8b9217 23px 24px),var(--surface-alt);border:1px solid var(--line);display:grid;align-content:end;padding:24px;position:relative;font-size:var(--text-xs);color:var(--muted)}.platzhalter-foto:before{content:'+';font-size:64px;font-weight:200;position:absolute;top:24px;left:24px;line-height:1;color:var(--accent);opacity:.7}.platzhalter-foto:after{content:'';width:40px;height:25px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);position:absolute;right:16px;top:16px;clip-path:polygon(0 0,100% 0,100% 100%,0 37%)}.diagramm{padding:24px;background:var(--kalt-tief);color:var(--papier);border:1px solid var(--kalt-linie);margin-block:24px}.diagramm text{fill:#D7E0E4;font:15px var(--sans)}details{border-top:1px solid var(--line);padding:8px 0}summary{position:relative;cursor:pointer;font-weight:650;padding:18px 48px 18px 0;min-height:60px;list-style:none;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:12px;top:14px;color:var(--accent);font-size:24px;font-weight:300}details[open]>summary:after{content:'−'}details>p{padding:0 24px 16px 0;color:var(--muted);font-size:var(--text-sm)}.faq{margin-top:64px}.faq h2{margin-bottom:40px}.timeline{display:grid;gap:24px;border-left:1px solid var(--accent);padding-left:32px;margin-block:32px}.timeline article{position:relative;min-width:0}.timeline article:before{content:'';width:9px;height:9px;background:var(--accent);position:absolute;left:-37px;top:10px;border-radius:50%}.timeline>li{padding:12px 0 12px 8px}.form-grid{display:grid;gap:24px}.field{display:grid;gap:8px;min-width:0;margin-bottom:20px}.field label{font-size:var(--text-sm);font-weight:600}.field input,.field textarea,.field select{width:100%;min-width:0;min-height:48px;border:1px solid var(--ui-line);background:var(--surface);color:var(--ink);padding:12px;border-radius:2px}.field textarea{min-height:144px;resize:vertical}.field input[type=range]{accent-color:var(--accent);padding:0}.field input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--accent)}.field:has(input[type=checkbox]){display:flex;align-items:center}.field-error,.error{color:var(--accent);font-size:var(--text-sm)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border:2px solid var(--accent)}.honeypot{position:absolute;left:-10000px}.map{padding:24px;border:1px solid var(--line);background:var(--surface-alt)}.map svg text{fill:var(--ink);font:14px var(--sans)}.table{border-collapse:collapse;width:100%}.table td,.table th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.technical{color:#B0BEC5}.technical text{font-family:var(--sans);font-size:13px;letter-spacing:.04em;fill:currentColor;stroke:none}.technical .large-label{font-size:56px;letter-spacing:-.07em;font-weight:650;fill:var(--papier)}.technical .micro{font-size:10px;letter-spacing:.12em}.technical .copper{stroke:#D9946E}.technical .blue{stroke:#82BDCE}.technical .paper{stroke:#E8EDEF}.technical .muted{stroke:#355463}.technical .warm-fill{fill:#B4552A}.technical .cold-fill{fill:#123B50}.technical path,.technical line,.technical rect,.technical circle,.technical ellipse{vector-effect:non-scaling-stroke}.scene-panel{position:relative;border:1px solid var(--line);background:var(--kalt-tief);color:var(--papier);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 38px) 100%,0 100%)}.scene-panel:after,.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url('../bilder/korn.svg')}.scene-meta{display:flex;justify-content:space-between;gap:24px;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:20px 24px;color:var(--dark-muted);border-bottom:1px solid var(--kalt-linie)}.scene-meta i{width:6px;height:6px;background:var(--glut);border-radius:50%;display:inline-block;margin-right:8px}.scene-note{font-size:var(--text-xs);color:var(--muted);margin-top:16px}.szene{content-visibility:auto;contain-intrinsic-size:auto 640px}.hero.szene{content-visibility:visible}.scene-controls{display:flex;gap:12px;align-items:center;padding:20px;flex-wrap:wrap}.scene-controls input[type=range]{flex:1;min-width:120px;min-height:44px;accent-color:#E7A178}.scene-controls label,.scene-controls output{font-size:14px;color:#E8EDEF}.scene-controls button,.filter-button{min-height:44px;border:1px solid var(--ui-line);background:transparent;color:inherit;padding:8px 16px;border-radius:2px}.filter-button[aria-pressed=true]{background:var(--button-bg);color:var(--button-ink);border-color:var(--button-bg)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.gallery{align-items:start}.gallery>.card:nth-child(2){margin-top:32px}.gallery>.card:nth-child(3){margin-top:64px}.gallery-empty{border:1px solid var(--line);padding:24px}.progress-bar{height:16px;background:var(--line);overflow:hidden;margin:24px 0}.progress-bar span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left}.funding-bars{display:grid;gap:12px;margin-block:24px}.funding-bars>div{position:relative;padding:12px;color:var(--ink);background:var(--surface-alt);overflow:hidden}.funding-bars i{position:absolute;inset:0;background:var(--accent);opacity:.16;transform-origin:left;transform:scaleX(var(--anteil,1));transition:transform 500ms var(--ease)}.funding-bars span{position:relative;font-size:var(--text-sm)}.funding-checks{border:1px solid var(--line);padding:16px;margin:16px 0}.funding-checks label{display:flex;gap:12px;align-items:center;min-height:44px;font-size:var(--text-sm)}.funding-checks input{width:20px;height:20px;accent-color:var(--accent)}.stat-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line);margin-top:40px}.stat-band>div{padding:24px 16px;border-right:1px solid var(--line)}.stat-band strong{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.05em;display:block;line-height:1.2}.stat-band span{font-size:var(--text-xs);color:var(--muted)}.thermal-warm{mask-image:radial-gradient(circle at 64% 45%,black 0 48%,transparent 68%);mask-repeat:no-repeat}.unit-labels{position:absolute;inset:0;pointer-events:none}.unit-label{position:absolute;font-size:clamp(10px,1vw,14px);background:#071a24e8;color:#E8EDEF;padding:6px 10px;border-left:1px solid #D9946E;max-width:44%}.unit-label small{display:block;color:#B0BEC5;font-size:10px}.unit-label:nth-child(1){left:3%;top:18%}.unit-label:nth-child(2){right:3%;top:18%}.unit-label:nth-child(3){right:3%;bottom:16%}.unit-label:nth-child(4){left:3%;bottom:16%}.heatpump-stage{position:relative;aspect-ratio:1.5;isolation:isolate}.heatpump-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.heatpump-stage>.poster{position:absolute;inset:0;width:100%;height:100%}.heatpump-stage>.leaders{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.heatpump-stage>.unit-labels{z-index:3}.heatpump-stage.webgl-ready>.poster{visibility:hidden}.heatpump-stage:not(.webgl-ready)>.leaders{display:none}.heatpump-section>.container{padding-top:48px}.heatpump-section .scene-panel{max-width:1100px;margin:auto}.heatpump-section .scene-note{max-width:85ch}.heatpump-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--kalt-linie)}.heatpump-phases span{background:var(--kalt-tief);padding:16px 12px;font-size:var(--text-xs);color:#B0BEC5}.heatpump-phases strong{display:block;color:#E8EDEF;font-weight:500}.heatpump-mobile-steps{display:none}.jaz-scale{display:flex;align-items:center;gap:20px;margin-block:24px}.jaz-scale .progress-bar{flex:1}.jaz-scale output{font-size:2rem;color:var(--accent)}.chronik-stage{overflow:hidden}.chronik-stage .timeline{border:0;padding:0;gap:32px}.chronik-stage article>.kicker{font-size:var(--text-jahr);letter-spacing:-.07em;line-height:1.1;white-space:nowrap}.chronik-stage article>.kicker:before{display:none}.chronik-stage article>h2{font-size:var(--text-h3)}.chronik-stage .timeline article:before{display:none}.chronik-stage article:nth-child(1) .platzhalter-foto{background-color:#E8D6B9;color:#503A29}.chronik-stage article:nth-child(2) .platzhalter-foto{background-color:#D6C8B8;color:#493D32}.chronik-stage article:nth-child(3) .platzhalter-foto{background-color:#D5CEC0;color:#403C31}.chronik-stage article:nth-child(4) .platzhalter-foto{background-color:#BACBD0;color:#18323D}.reading-rail{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--accent);transform-origin:left;z-index:50}.reading-index{padding:24px;border-left:1px solid var(--accent);margin-block:32px}.thermal-footer{height:5px;background:linear-gradient(90deg,#0E2D3D,#B4552A);position:relative}.thermal-footer span{position:absolute;inset:0;background:#E7A178;transform-origin:left;transform:scaleX(var(--waerme))}.legal-art .technical{max-height:340px}.site-footer svg{width:48px;height:32px;stroke:var(--accent-on-dark);fill:none}.motion-toggle{color:inherit;background:none;border:1px solid var(--dark-muted);border-radius:2px;padding:8px 12px;min-height:44px;font-size:var(--text-xs)}
@media(min-width:900px){.stat-band{grid-template-columns:repeat(4,minmax(0,1fr))}.js.motion-full .chronik-scroll{height:230vh}.js.motion-full .chronik-scroll>.container{position:sticky;top:0;padding-block:40px;overflow:hidden}.js.motion-full .chronik-stage .timeline{display:flex;width:max-content}.js.motion-full .chronik-stage article{width:clamp(310px,31vw,480px);flex:none}.chronik-stage article .platzhalter-foto{aspect-ratio:2/1}.js.motion-full .heatpump-section{min-height:calc(100vh + 120vh)}.js.motion-full .heatpump-section>.container{position:sticky;top:0;padding-block:32px}.heatpump-section .scene-panel{max-width:min(100%,calc((100vh - 260px)*1.5))}.heatpump-section h2{font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:16px}}
@media(max-width:639px){.facts{grid-template-columns:1fr}.gallery>.card:nth-child(n){margin-top:0}.heatpump-stage{aspect-ratio:1.12}.unit-label{font-size:10px;padding:3px 5px}.unit-label small{display:none}.heatpump-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.heatpump-mobile-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.heatpump-mobile-steps svg{background:var(--kalt-tief);aspect-ratio:1.4;width:100%;border:1px solid var(--line)}.heatpump-mobile-steps figcaption{font-size:11px}.scene-meta{padding:16px;font-size:10px}.stat-band>div{padding:16px 8px}.card{padding:24px}.chronik-stage .timeline{border-left:1px solid var(--accent);padding-left:24px}.chronik-stage article>.kicker{font-size:5rem}.hero-art .technical text{font-size:14px}}
}
@layer komponenten{
/* A single temperature wash, rendered with opacity instead of repainting colors. */
main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 8%,color-mix(in oklch,var(--kupfer) 6%,transparent) 42%,color-mix(in oklch,var(--kupfer) 16%,transparent) 100%);opacity:calc(.35 + var(--waerme) * .65)}
.form-prepared{grid-column:1/-1;display:flex;align-items:center;gap:16px;font-size:var(--text-sm);color:var(--accent)}
body:has([data-szene=regler]) main:before{background:linear-gradient(180deg,transparent,var(--kupfer));opacity:calc(.04 + var(--waerme) * .12)}
body:has([data-szene=regler]) [data-formular]{background:var(--papier);color:var(--tinte);--surface:var(--papier);--ink:var(--tinte);--muted:#52636B;--accent:#A44822;--ui-line:#6E8089;--line:#B7C1C5;--button-bg:#A44822;--button-ink:#FFF;--focus:#A44822;box-shadow:var(--shadow-2)}
}
@layer komponenten{
.archive-drawing{position:absolute;width:85%;height:82%;left:7.5%;top:2%;color:currentColor;opacity:.7}.platzhalter-foto:has(.archive-drawing){padding-top:150px;font-size:10px}.platzhalter-foto:has(.archive-drawing):before{display:none}.card:after{content:'';position:absolute;left:-24px;top:48px;width:24px;height:1px;background:var(--accent);opacity:.55}.route-point{opacity:0}.reading-nav{max-height:calc(100vh - 64px);overflow:auto}.reading-nav a{min-height:44px;padding-block:10px}
@media(max-width:639px){.archive-drawing{height:75%}.card:after{display:none}}
}
@layer komponenten{
.site-footer{--muted:var(--dark-muted)}.chronik-today{padding:24px;background:var(--surface-alt);border:1px solid var(--line)}.chronik-today>h2{font-size:var(--text-h3)}.chronik-today .platzhalter-foto{aspect-ratio:2/1;margin-bottom:24px}
@media(min-width:900px){.js.motion-full .chronik-today{width:clamp(310px,31vw,480px);flex:none}}
}
@layer komponenten{
.air-meter{position:relative;isolation:isolate;padding:12px 16px;color:#E8EDEF!important;border:1px solid #799AA8}.air-meter:before,.air-meter:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}.air-meter:before{background:#653D3D;opacity:calc(1 - var(--luftklar,0))}.air-meter:after{background:#234C41;opacity:var(--luftklar,0)}
@media(max-width:359px){.nav-wrap{gap:12px}.brand{font-size:17px;gap:8px}.brand:before{width:22px}.nav-toggle{padding-inline:12px}}
}