.bw-zeichnung{display:grid;gap:var(--bw-s5) var(--bw-s8);grid-template-areas:"head" "fig" "body"}.bw-zeichnung__head{grid-area:head}.bw-zeichnung__figure{grid-area:fig}.bw-zeichnung__body{grid-area:body}@media(min-width:960px){.bw-zeichnung{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:auto 1fr;grid-template-areas:"fig head" "fig body";align-items:start}}.bw-zeichnung__title{margin:var(--bw-s2) 0 var(--bw-s3)}.bw-zeichnung__intro{margin:0}.bw-zeichnung__figure{margin:0;background:var(--bw-paper);border:1px solid var(--bw-line);border-radius:var(--bw-r-md);box-shadow:var(--bw-shadow-1);overflow:hidden}.bw-zeichnung__stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(var(--bw-paper),var(--bw-stone-50))}.bw-zeichnung__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--bw-s3) var(--bw-s5);margin:var(--bw-s5) 0 0;padding-top:var(--bw-s4);border-top:1px solid var(--bw-line)}.bw-zeichnung__facts dt{font-size:var(--bw-fs-micro);color:var(--bw-muted)}.bw-zeichnung__facts dd{margin:0;font-size:var(--bw-fs-small);font-weight:600;color:var(--bw-ink)}.bw-aufbau{--wasser-kalt:#8E9DAA;--wasser-warm:#B47A66}.bw-aufbau__svg{display:block;width:100%;height:100%}.bw-aufbau__stop-kalt{stop-color:var(--wasser-kalt)}.bw-aufbau__stop-mitte{stop-color:var(--bw-gold)}.bw-aufbau__stop-warm{stop-color:var(--wasser-warm)}.bw-aufbau__wall line{stroke:var(--bw-line);stroke-width:1.5}.bw-aufbau__wall .bw-aufbau__wall-line{stroke:var(--bw-line-strong);stroke-width:2}.bw-aufbau__wall rect{fill:var(--bw-line-strong)}.bw-aufbau__plate-shell{fill:var(--bw-paper);stroke:var(--bw-ink);stroke-width:2}.bw-aufbau__water{opacity:.86}.bw-aufbau__conv-box{fill:var(--bw-stone-50);stroke:var(--bw-line);stroke-width:1.5}.bw-aufbau__conv-fin{fill:none;stroke:var(--bw-ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bw-aufbau__arrow{fill:none;stroke-width:2.2;stroke-linecap:round}.bw-aufbau__arrow--cold{stroke:var(--bw-muted)}.bw-aufbau__tip--cold{fill:var(--bw-muted)}.bw-aufbau__arrow--warm{stroke:var(--bw-gold)}.bw-aufbau__tip--warm{fill:var(--bw-gold)}.bw-aufbau__dim-aux{stroke:var(--bw-line-strong);stroke-dasharray:3 3}.bw-aufbau__dim-line{fill:none;stroke:var(--bw-gold);stroke-width:2}.bw-aufbau__dim-pill{fill:var(--bw-paper);stroke:var(--bw-gold);stroke-width:1.2}.bw-aufbau__dim-text{font:600 12px var(--bw-font-sans);fill:var(--bw-ink);font-variant-numeric:tabular-nums}.bw-aufbau__caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--bw-s3);padding:var(--bw-s3) var(--bw-s5);border-top:1px solid var(--bw-line);background:var(--bw-paper);font-size:var(--bw-fs-micro);color:var(--bw-muted)}.bw-aufbau__replay{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--bw-r-pill);border:1px solid var(--bw-line);background:var(--bw-stone-50);color:var(--bw-ink);font:600 var(--bw-fs-micro) var(--bw-font-sans);cursor:pointer;transition:border-color var(--bw-m-d1) var(--bw-m-kurve)}.bw-aufbau__replay[hidden]{display:none}.bw-aufbau__replay:hover{border-color:var(--bw-gold)}.bw-aufbau__hint{margin:0 0 var(--bw-s3);font-size:var(--bw-fs-small);font-weight:600;color:var(--bw-ink-2)}.bw-aufbau__legend{display:grid;gap:var(--bw-s3)}.bw-aufbau__legend-btn{display:flex;align-items:flex-start;gap:var(--bw-s3);width:100%;padding:var(--bw-s4);text-align:left;background:var(--bw-paper);border:1px solid var(--bw-line);border-radius:var(--bw-r-md);color:var(--bw-ink);font-family:var(--bw-font-sans);cursor:pointer;transition:border-color var(--bw-m-d1) var(--bw-m-kurve),background-color var(--bw-m-d1) var(--bw-m-kurve)}.bw-aufbau__legend-btn:is(:hover,[aria-pressed=true]){border-color:var(--bw-gold);background:var(--bw-stone-50)}.bw-aufbau__legend-btn:focus-visible{outline:2px solid var(--bw-gold);outline-offset:2px}.bw-section--stone .bw-aufbau__legend-btn[aria-pressed=true]{background:var(--bw-stone-100)}.bw-aufbau__legend-dot{width:12px;height:12px;margin-top:5px;flex:none;border-radius:50%;border:2px solid var(--bw-ink);background:var(--bw-paper)}.bw-aufbau__legend-dot--konvektor{background:var(--bw-stone-100);border-color:var(--bw-ink-2)}.bw-aufbau__legend-dot--luft,.bw-aufbau__legend-dot--mass{background:var(--bw-gold);border-color:var(--bw-gold-deep)}.bw-aufbau__legend-body{display:grid;gap:4px}.bw-aufbau__legend-title{font-size:var(--bw-fs-body);font-weight:600}.bw-aufbau__legend-desc{font-size:var(--bw-fs-small);line-height:1.5;color:var(--bw-ink-2)}.bw-aufbau__part{transition:opacity var(--bw-m-d2) var(--bw-m-kurve)}.bw-aufbau__figure[data-bw-focus] .bw-aufbau__part:not(.is-highlight){opacity:.25}@media(prefers-reduced-motion:no-preference){html.bw-anim .bw-aufbau__figure.is-ready .bw-aufbau__layer{opacity:0;transform:translate(-14px,12px)}html.bw-anim .bw-aufbau__figure.is-ready .bw-aufbau__water{clip-path:inset(100% 0 0)}html.bw-anim .bw-aufbau__figure.is-ready .bw-aufbau__arrow{stroke-dasharray:100;stroke-dashoffset:100}html.bw-anim .bw-aufbau__figure.is-ready :is(.bw-aufbau__tip,.bw-aufbau__dim){opacity:0}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__layer{animation:bw-a-layer var(--bw-m-d3) var(--bw-m-kurve) min(calc(var(--i) * var(--bw-m-takt)),var(--bw-m-max-verzug)) both}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__water{animation:bw-a-water var(--bw-m-d4) var(--bw-m-kurve) calc(.52s + var(--i) * 90ms) both}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__arrow{stroke-dasharray:100;animation:bw-a-draw var(--bw-m-d3) var(--bw-m-kurve) calc(1.22s + var(--i) * var(--bw-m-takt)) both}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__tip{animation:bw-a-fade var(--bw-m-d1) var(--bw-m-kurve) calc(1.54s + var(--i) * var(--bw-m-takt)) both}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__warm-pulse>*{animation-delay:calc(1.72s + var(--i) * var(--bw-m-takt))}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__warm-pulse .bw-aufbau__tip{animation-delay:calc(2.04s + var(--i) * var(--bw-m-takt))}html.bw-anim .bw-aufbau__figure.is-playing .bw-aufbau__dim{animation:bw-a-fade var(--bw-m-d3) var(--bw-m-kurve) 2.18s both}html.bw-anim .bw-aufbau__figure.is-done.is-in-view .bw-aufbau__warm-pulse{animation:bw-a-pulse 3s ease-in-out infinite alternate}}@keyframes bw-a-layer{0%{opacity:0;transform:translate(-14px,12px)}}@keyframes bw-a-water{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes bw-a-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes bw-a-fade{0%{opacity:0}}@keyframes bw-a-pulse{to{opacity:.75}}.bw-groesse__wall{--sx-cur:var(--sx);--sy-cur:var(--sy);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.bw-groesse__window{position:absolute;top:0;left:16%;right:16%;height:25%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px;background:var(--bw-stone-100);border-inline:2px solid var(--bw-line)}.bw-groesse__window span{background:linear-gradient(160deg,#ffffffeb,#e9dfd073);border:1px solid var(--bw-line);border-top:0}.bw-groesse__sill{position:absolute;top:25%;left:12%;right:12%;height:12px;background:var(--bw-paper);border:1.5px solid var(--bw-ink-2);border-radius:3px}.bw-groesse__sill-label{position:absolute;left:27%;top:-19px;transform:translate(-50%);padding:0 4px;background:var(--bw-stone-100);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bw-muted);white-space:nowrap}.bw-groesse__tiles{position:absolute;top:0;right:0;bottom:18%;left:0;background:linear-gradient(to right,rgba(228,221,211,.45) 1px,transparent 1px) 0 0/48px 32px,linear-gradient(rgba(228,221,211,.45) 1px,transparent 1px) 0 0/48px 32px}.bw-groesse__floor{position:absolute;left:0;right:0;bottom:18%;height:2px;background:var(--bw-ink-2)}.bw-groesse__floor:after{content:"";position:absolute;top:2px;left:0;right:0;height:64px;background:repeating-linear-gradient(-45deg,rgba(228,221,211,.35) 0 2px,transparent 2px 10px)}.bw-groesse__box,.bw-groesse__dim--l{position:absolute;left:calc(50% - var(--bw) / 2);width:var(--bw)}.bw-groesse__box{bottom:24%;height:var(--bh)}.bw-groesse__max-frame{position:absolute;bottom:0;left:50%;width:calc(var(--fx) * 100%);height:calc(var(--fy) * 100%);transform:translate(-50%);border:1.5px dashed var(--bw-muted);border-radius:4px;background:#efe9e140}.bw-groesse__hk-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;transform:scale(var(--sx-cur),var(--sy-cur));border-radius:3px;background:var(--bw-paper) repeating-linear-gradient(to right,transparent 0 calc(10px / var(--sx-cur)),rgba(30,33,36,.13) 0 calc(11.2px / var(--sx-cur)));box-shadow:0 4px 14px #1e212414}.bw-groesse__hk-fill--bad{background:var(--bw-paper) repeating-linear-gradient(transparent 0 calc(11px / var(--sy-cur)),#1e21242e 0 calc(13px / var(--sy-cur)))}.bw-groesse__hk-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:solid var(--bw-ink);border-width:calc(2px / var(--sy-cur)) calc(2px / var(--sx-cur));border-radius:3px}.bw-groesse__pipes{position:absolute;bottom:-14px;left:50%;width:18px;height:14px;transform:translate(-50%);border-inline:3px solid var(--bw-ink-2)}.bw-groesse__dim--l{bottom:6%;height:26px;display:flex;align-items:center;justify-content:center}.bw-groesse__dim--h{position:absolute;bottom:24%;left:50%;width:calc(var(--bw) / 2);height:var(--bh);transform:translate(calc((var(--sx-cur) - 1) * 100%))}.bw-groesse__dim-line--l,.bw-groesse__dim-line--h{position:absolute;background:var(--bw-gold)}.bw-groesse__dim-line--l{left:0;right:0;top:50%;height:2px;transform:scaleX(var(--sx-cur))}.bw-groesse__dim-line--h{left:calc(100% + 14px);top:0;bottom:0;width:2px;transform-origin:50% 100%;transform:scaleY(var(--sy-cur))}.bw-groesse__dim-line--l:before,.bw-groesse__dim-line--l:after,.bw-groesse__dim-line--h:before,.bw-groesse__dim-line--h:after{content:"";position:absolute;background:var(--bw-gold)}.bw-groesse__dim-line--l:before,.bw-groesse__dim-line--l:after{top:-4px;width:2px;height:10px}.bw-groesse__dim-line--l:before{left:0}.bw-groesse__dim-line--l:after{right:0}.bw-groesse__dim-line--h:before,.bw-groesse__dim-line--h:after{left:-4px;width:10px;height:2px}.bw-groesse__dim-line--h:before{top:0}.bw-groesse__dim-line--h:after{bottom:0}.bw-groesse__dim-val{position:relative;padding:2px 8px;border-radius:var(--bw-r-pill);background:var(--bw-paper);border:1px solid var(--bw-gold);font-size:12px;font-weight:600;color:var(--bw-ink);white-space:nowrap}.bw-groesse__dim--h .bw-groesse__dim-val{position:absolute;left:calc(100% + 26px);bottom:4px;transform-origin:0 100%;transform:rotate(-90deg)}.bw-groesse__power,.bw-groesse__caption{padding:var(--bw-s3) var(--bw-s5);background:var(--bw-paper);border-top:1px solid var(--bw-line)}.bw-groesse__power-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bw-s2);margin-bottom:6px;font-size:var(--bw-fs-micro);color:var(--bw-ink-2)}.bw-groesse__power-head strong{font-size:var(--bw-fs-small);color:var(--bw-ink)}.bw-groesse__power-track{height:6px;border-radius:var(--bw-r-pill);background:var(--bw-stone-100);overflow:hidden}.bw-groesse__power-bar{display:block;height:100%;background:var(--bw-gold);transform-origin:0 50%;transform:scaleX(var(--sw-cur,var(--sw,0)))}.bw-groesse__legend{display:flex;flex-wrap:wrap;gap:var(--bw-s2) var(--bw-s5);font-size:var(--bw-fs-micro);color:var(--bw-ink-2)}.bw-groesse__legend>span{display:inline-flex;align-items:center;gap:8px}.bw-groesse__range{margin:var(--bw-s2) 0 0;font-size:var(--bw-fs-micro);color:var(--bw-ink-2)}.bw-groesse__swatch{width:14px;height:14px;flex:none;border-radius:3px}.bw-groesse__swatch--selected{border:2px solid var(--bw-ink)}.bw-groesse__swatch--max{border:1.5px dashed var(--bw-muted)}.bw-groesse__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--bw-s5)}.bw-groesse__steps>li{display:grid;grid-template-columns:36px 1fr;gap:var(--bw-s4)}.bw-groesse__step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bw-gold-soft);font-weight:600;font-size:var(--bw-fs-small)}.bw-groesse__steps h3{margin:2px 0 6px}.bw-groesse__steps p{margin:0;color:var(--bw-ink-2)}.bw-groesse__steps p+p{margin-top:var(--bw-s2)}@media(prefers-reduced-motion:no-preference){html.bw-anim .bw-groesse__figure.is-ready .bw-groesse__wall{--sx-cur:calc(var(--sx) * .4);--sy-cur:calc(var(--sy) * .4)}html.bw-anim .bw-groesse__figure.is-ready .bw-groesse__power{--sw-cur:0}html.bw-anim .bw-groesse__figure.is-ready .bw-groesse__dim-val{opacity:0}html.bw-anim .bw-groesse__figure:is(.is-playing,.is-changing) :is(.bw-groesse__hk-fill,.bw-groesse__dim--h,.bw-groesse__dim-line--l,.bw-groesse__dim-line--h,.bw-groesse__power-bar){transition:transform var(--bw-m-d3) var(--bw-m-kurve)}html.bw-anim .bw-groesse__figure.is-playing :is(.bw-groesse__hk-fill,.bw-groesse__dim--h,.bw-groesse__dim-line--l,.bw-groesse__dim-line--h,.bw-groesse__power-bar){transition-duration:var(--bw-m-d4)}html.bw-anim .bw-groesse__figure.is-playing .bw-groesse__dim-val{transition:opacity var(--bw-m-d2) var(--bw-m-kurve) var(--bw-m-d1)}}@media print{.bw-aufbau__figure *{opacity:1!important;transform:none!important;clip-path:none!important;stroke-dashoffset:0!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/bw-pdp-zeichnung.css.map */
