.bw-f{--f-heiss:#B4532F;--f-warm:#CD8A4A;--f-lau:#E2C49A;--f-kalt:#5F7A92;--f-aus:#CFC6BA;--f-ink:var(--bw-ink);--f-kurve:cubic-bezier(.45,.05,.3,1)}.bw-f__grid{display:grid;gap:var(--bw-s5) var(--bw-s8);grid-template-areas:"head" "fig" "body"}.bw-f__head{grid-area:head}.bw-f__figure{grid-area:fig;min-width:0}.bw-f__body{grid-area:body}@media(min-width:960px){.bw-f__grid{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-f__title{margin:var(--bw-s2) 0 var(--bw-s3)}.bw-f__intro{margin:0}.bw-f__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-f__modes,.bw-f__subs{display:flex;gap:2px;padding:3px;border-radius:var(--bw-r-pill);background:var(--bw-stone-100)}.bw-f__modes{margin:var(--bw-s3) var(--bw-s3) 0}.bw-f__mode,.bw-f__sub{flex:1 1 0;min-width:0;min-height:44px;padding:6px 10px;-webkit-hyphens:manual;hyphens:manual;border:0;border-radius:var(--bw-r-pill);background:transparent;color:var(--bw-ink-2);font:600 var(--bw-fs-micro)/1.2 var(--bw-font-sans);cursor:pointer;transition:background-color var(--bw-m-d1) var(--bw-m-kurve),color var(--bw-m-d1) var(--bw-m-kurve),box-shadow var(--bw-m-d1) var(--bw-m-kurve)}.bw-f__sub{min-height:34px;flex:0 1 auto}.bw-f__mode:hover,.bw-f__sub:hover{color:var(--bw-ink)}.bw-f__mode[aria-pressed=true],.bw-f__sub[aria-pressed=true]{background:var(--bw-paper);color:var(--bw-ink);box-shadow:0 1px 2px #1e21241a,0 2px 8px #1e21240f}.bw-f__mode:focus-visible,.bw-f__sub:focus-visible,.bw-f__replay:focus-visible{outline:2px solid var(--bw-gold);outline-offset:2px}.bw-f:not(.is-js) :is([data-bw-f-switch],[data-bw-f-replay]){visibility:hidden}.bw-f__stage{--vx:0;--vw:640;position:relative;aspect-ratio:var(--vw)/480;overflow:hidden;background:radial-gradient(120% 70% at 40% 30%,var(--bw-paper) 0,var(--bw-stone-50) 100%)}.bw-f__canvas{position:absolute;top:0;bottom:0;left:calc(var(--vx) / var(--vw) * -100%);width:calc(64000% / var(--vw))}.bw-f__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bw-f__figure{container-type:inline-size}@container (max-width:599px){.bw-f__stage{--vw:500}.bw-f__canvas{--vx:var(--vx-m)}}.bw-f__caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bw-s2) var(--bw-s3);padding:var(--bw-s3) var(--bw-s4);border-top:1px solid var(--bw-line);font-size:var(--bw-fs-micro);color:var(--bw-muted)}.bw-f__note{margin-right:auto}.bw-f__replay{display:inline-flex;align-items:center;gap:6px;min-height:34px;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-f__replay:hover{border-color:var(--bw-gold)}.f-floor line{stroke:var(--bw-line-strong);stroke-width:1.5}.f-hatch{stroke:var(--bw-line);stroke-width:1.3}.f-body :is(.f-tube,.f-col){fill:var(--bw-stone-100);stroke:none}.f-outline :is(.f-tube,.f-col){fill:none;stroke:var(--f-ink);stroke-width:1.6}.f-outline .f-grille{fill:none;stroke:var(--f-ink);stroke-width:1.2;opacity:.4}.f-body .f-grille{display:none}.f-c-heiss{stop-color:var(--f-heiss)}.f-c-warm{stop-color:var(--f-warm)}.f-c-lau{stop-color:var(--f-lau)}.f-heat--flach{opacity:.8}.f-flow{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.1 17;opacity:0}.f-pipe path{fill:none}.f-pipe__shell{stroke:var(--f-ink);stroke-width:9}.f-pipe__core{stroke-width:5.6;stroke:var(--f-heiss);transition:stroke var(--bw-m-d3) var(--bw-m-kurve)}.f-pipe--kalt .f-pipe__core{stroke:var(--f-kalt)}.f-pipe--neutral .f-pipe__core{stroke:var(--bw-gold)}.bw-f[data-sub=b] .f-pipe__core{stroke:var(--f-aus)}.f-nut{fill:var(--bw-stone-300);stroke:var(--f-ink);stroke-width:1.2}.f-air,.f-rad{fill:none;stroke:var(--f-warm);stroke-width:2;stroke-linecap:round;opacity:.5}.f-rad{stroke-width:1.8;opacity:calc(.6 - var(--i) * .15)}.f-ghost rect{fill:var(--bw-stone-50);stroke:var(--bw-ink-2);stroke-width:1.6;stroke-dasharray:6 5}.f-ghost line{stroke:var(--bw-ink-2);stroke-width:1.2;stroke-dasharray:3 5;opacity:.55}.f-ghost{opacity:0}.f-dim path{fill:none;stroke:var(--bw-gold-deep);stroke-width:1.6}.f-dim .f-dim-aux{stroke:var(--bw-line-strong);stroke-width:1;stroke-dasharray:3 3}.f-rod{fill:var(--f-aus);stroke:var(--bw-paper);stroke-width:1.4;transition:fill var(--bw-m-d4) var(--bw-m-kurve)}.bw-f:is([data-mode=elektro],[data-sub=b]) .f-rod{fill:#8f3a1d}.f-box{fill:var(--bw-paper);stroke:var(--f-ink);stroke-width:1.6}.f-screen{fill:var(--f-ink)}.f-led{fill:var(--f-aus);transition:fill var(--bw-m-d3) var(--bw-m-kurve)}.bw-f:is([data-mode=elektro],[data-sub=b]) .f-led{fill:var(--bw-gold)}.f-cable{fill:none;stroke:var(--f-ink);stroke-width:2;stroke-linecap:round}.f-plug{fill:var(--bw-paper);stroke:var(--f-ink);stroke-width:1.4}.f-wifi{fill:none;stroke:var(--bw-gold-deep);stroke-width:1.8;stroke-linecap:round}.f-wifi-dot{fill:var(--bw-gold-deep)}.f-wifis{transition:opacity var(--bw-m-d3) var(--bw-m-kurve)}.bw-f[data-sub=a] .f-wifis{opacity:0}.f-phone{fill:var(--bw-paper);stroke:var(--f-ink);stroke-width:1.6}.f-phone-screen{fill:var(--bw-stone-50);stroke:var(--bw-line-strong)}.f-phone-ui{fill:none;stroke:var(--bw-line-strong);stroke-width:3;stroke-linecap:round}.f-phone-knob{fill:var(--bw-gold-deep)}.f-dial-track{fill:none;stroke:var(--bw-line);stroke-width:3}.f-dial{fill:none;stroke:var(--f-heiss);stroke-width:3;stroke-linecap:round;stroke-dasharray:62 100}.f-link{fill:none;stroke:var(--bw-gold);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:.1 7}.f-valve,.f-valve-knob{fill:var(--bw-paper);stroke:var(--f-ink);stroke-width:1.6}.f-valve-x{fill:none;stroke:var(--bw-sale);stroke-width:2;stroke-linecap:round}.bw-f__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bw-f__lbl{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--bw-line);border-radius:var(--bw-r-pill);background:#fffffff0;color:var(--bw-ink);font:600 12px/1.3 var(--bw-font-sans);white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 1px 2px #1e21240f}.bw-f__lbl[data-a=l]{transform:translateY(-50%)}.bw-f__lbl[data-a=r]{transform:translate(-100%,-50%)}.bw-f__lbl--warm:before,.bw-f__lbl--kalt:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--f-heiss)}.bw-f__lbl--kalt:before{background:var(--f-kalt)}.bw-f__lbl--chip{background:var(--bw-gold-soft);border-color:transparent}.bw-f__lbl--dim{border-color:var(--bw-gold);font-variant-numeric:tabular-nums}.bw-f__lbl--wrap{max-width:9.5em;white-space:normal;text-align:center;border-radius:10px}.bw-f__lbl--ghost{opacity:0;border-style:dashed;color:var(--bw-muted);background:transparent;box-shadow:none}@container (max-width:420px){.bw-f__lbl{padding:2px 7px;font-size:11.5px}}.bw-f[data-mode=mittel] [data-m]:not([data-m~=mittel]),.bw-f[data-mode=seite] [data-m]:not([data-m~=seite]),.bw-f[data-mode=elektro] [data-m]:not([data-m~=elektro]),.bw-f[data-mode=misch] [data-m]:not([data-m~=misch]),.bw-f[data-mode=mischa] [data-m]:not([data-m~=mischa]),.bw-f[data-mode=austausch] [data-m]:not([data-m~=austausch]),.bw-f[data-sub=a] [data-s]:not([data-s~=a]),.bw-f[data-sub=b] [data-s]:not([data-s~=b]),.bw-f[data-sub=n1] [data-s]:not([data-s~=n1]),.bw-f[data-sub=n2] [data-s]:not([data-s~=n2]),.bw-f[data-route=lr] .f-rl,.bw-f[data-route=rl] .f-lr{display:none}.bw-f__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--bw-s4);counter-reset:f}.bw-f__steps li{display:grid;grid-template-columns:32px 1fr;column-gap:14px;row-gap:2px;counter-increment:f;transition:opacity var(--bw-m-d3) var(--bw-m-kurve)}.bw-f__steps li:before{content:counter(f);grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bw-gold-soft);color:var(--bw-ink);font:600 var(--bw-fs-small)/1 var(--bw-font-sans);transition:background-color var(--bw-m-d3) var(--bw-m-kurve),color var(--bw-m-d3) var(--bw-m-kurve)}.bw-f__steps strong{font-size:var(--bw-fs-body);color:var(--bw-ink)}.bw-f__steps span{font-size:var(--bw-fs-small);line-height:1.55;color:var(--bw-ink-2)}.bw-f[data-sub=a] li[data-on=b],.bw-f[data-sub=b] li[data-on=a]{opacity:.45}.bw-f.is-playing .bw-f__steps li{opacity:.4}.bw-f.is-playing .bw-f__steps li.is-on{opacity:1}.bw-f__steps li.is-on:before{background:var(--bw-gold);color:var(--bw-paper)}.bw-f__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,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-f__facts dt{font-size:var(--bw-fs-micro);color:var(--bw-muted)}.bw-f__nw{white-space:nowrap}.bw-f__facts dd{margin:0;font-size:var(--bw-fs-small);font-weight:600;color:var(--bw-ink)}.bw-f__hint{margin:var(--bw-s5) 0 0;padding:var(--bw-s3) var(--bw-s4);border-left:3px solid var(--bw-gold);background:var(--bw-stone-50);font-size:var(--bw-fs-small);color:var(--bw-ink-2)}.bw-section--stone .bw-f__hint{background:var(--bw-paper)}@media(prefers-reduced-motion:no-preference){html.bw-anim .bw-f.is-ready :is(.f-body,.f-outline){opacity:0}html.bw-anim .bw-f.is-ready .f-heat{clip-path:inset(0 0 100% 0)}html.bw-anim .bw-f.is-ready .f-pipe__core{stroke-dasharray:100;stroke-dashoffset:100}html.bw-anim .bw-f.is-ready :is(.bw-f__lbl:not(.bw-f__lbl--ghost),.f-air,.f-rad,.f-dim,.f-wifis,.f-phone-g){opacity:0}html.bw-anim .bw-f.is-ready .f-dial{stroke-dashoffset:62}html.bw-anim .bw-f.is-intro :is(.f-body,.f-outline){animation:f-rise var(--bw-m-d4) var(--bw-m-kurve) both}html.bw-anim .bw-f.is-playing .f-pipe__core{stroke-dasharray:100;animation:f-draw .65s var(--f-kurve) var(--d) both}html.bw-anim .bw-f.is-playing .f-heat{animation:f-up .76s var(--f-kurve) var(--d) both}html.bw-anim .bw-f.is-playing .f-heat[data-dir=down]{animation-name:f-down}html.bw-anim .bw-f.is-playing .f-heat[data-dir=right]{animation-name:f-right}html.bw-anim .bw-f.is-playing .f-heat[data-dir=left]{animation-name:f-left}html.bw-anim .bw-f.is-playing .bw-f__lbl:not(.bw-f__lbl--ghost){animation:f-lbl var(--bw-m-d3) var(--bw-m-kurve) var(--d) both}html.bw-anim .bw-f.is-playing :is(.f-dim,.f-phone-g){animation:f-fade var(--bw-m-d4) var(--bw-m-kurve) 1.5s both}html.bw-anim .bw-f.is-playing .f-dial{animation:f-dial .9s var(--bw-m-kurve) 2.1s both}html.bw-anim .bw-f.is-playing .f-wifis{animation:f-fade var(--bw-m-d3) var(--bw-m-kurve) 2s both}html.bw-anim .bw-f.is-playing .f-wifi{animation:f-wave 1.2s ease-out calc(2s + var(--i) * .14s) 2 both}html.bw-anim .bw-f.is-playing :is(.f-air,.f-rad){animation:f-fade var(--bw-m-d4) var(--bw-m-kurve) calc(2.3s + var(--i) * .12s) both}html.bw-anim .bw-f.is-playing .f-rod{transition-delay:.7s}html.bw-anim .bw-f.is-playing[data-mode=austausch] .f-ghost,html.bw-anim .bw-f.is-playing[data-mode=austausch] .bw-f__lbl--ghost{animation:f-ghost 2s var(--bw-m-kurve) both}html.bw-anim .bw-f.is-playing[data-mode=austausch] .f-outline,html.bw-anim .bw-f.is-playing[data-mode=austausch] .f-body{animation:f-rise .7s var(--bw-m-kurve) .95s both}html.bw-anim .bw-f.is-done.is-live .f-flow{opacity:.7;animation:f-flow 1.7s linear infinite}html.bw-anim .bw-f.is-done.is-live .f-link{animation:f-link 1.4s linear infinite}html.bw-anim .bw-f.is-done.is-live .f-air{animation:f-air 4.5s ease-in-out calc(var(--i) * 1.5s) infinite both}html.bw-anim .bw-f.is-done.is-live .f-rad{animation:f-radw 3s ease-in-out calc(var(--i) * .3s) infinite both}}@keyframes f-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes f-draw{to{stroke-dashoffset:0}}@keyframes f-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes f-down{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes f-right{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes f-left{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes f-lbl{0%{opacity:0;translate:0 5px}}@keyframes f-fade{0%{opacity:0}}@keyframes f-wave{0%{opacity:.2}40%{opacity:1}to{opacity:1}}@keyframes f-ghost{0%{opacity:0}10%,52%{opacity:1}to{opacity:0}}@keyframes f-flow{to{stroke-dashoffset:-34.2}}@keyframes f-link{to{stroke-dashoffset:-28.4}}@keyframes f-dial{0%{stroke-dashoffset:62}}@keyframes f-radw{0%,to{opacity:.15}50%{opacity:.6}}@keyframes f-air{0%{opacity:0;transform:translateY(10px)}35%{opacity:.7}to{opacity:0;transform:translateY(-16px)}}@media print{.bw-f *{animation:none!important;opacity:1!important;clip-path:none!important;stroke-dashoffset:0!important}.bw-f :is(.f-ghost,.bw-f__lbl--ghost,.f-flow,.f-link){opacity:0!important}.bw-f[data-sub=a] .f-wifis{opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/bw-pdp-funktion.css.map */