@property --bp-n{syntax:"<integer>";inherits:true;initial-value:0}.bauplan{aspect-ratio:5/4;--bp-strich:#ffffffeb;--bp-strich-leise:#ffffff80;--bp-strich-fein:#ffffff61;--bp-akzent:var(--hf-marke-akzent);--bp-parzelle:#ffffff0d;--bp-beton:#ffffff4d;--bp-wand:#ffffff14;--bp-holz:#ffffff1f;--bp-seite:#ffffff0a;--bp-schatten:#091e5047;--bp-dach:#ffffff1f;--bp-attika:#ffffffd9;--bp-glas-a:#ffffff1f;--bp-glas-b:#ffffff0a;--bp-licht:#fff;--bp-licht-staerke:.18;--bp-tuer:#ffffff38;--bp-boden:#ffffff14;--bp-laub:#ffffff17;--bp-stamm:#ffffff8c;--bp-pv-a:#5ce0f0d9;--bp-pv-b:#5ce0f08c;--bp-pv-rand:#fff;--bp-wp-rand:#ffffffe6;border-radius:0;width:100%;max-width:640px;margin-inline:auto;position:relative;overflow:visible;container-type:inline-size}.bauplan__buehne{position:absolute;inset:0}.bauplan__bild{width:100%;height:100%;display:block;position:absolute;inset:0}.bauplan__bild *{transform-box:fill-box}.bauplan__bild--fern,.bauplan__bild--nah,.bauplan__bild--punkte,.bp-etiketten{will-change:transform;transition:transform .7s var(--hf-ease)}.bp-takt{opacity:0;width:0;height:0;animation:30s linear both bp-zyklus;position:absolute}.bauplan__bild--fern,.bauplan__bild--mitte,.bauplan__bild--nah{animation:bp-weg 1.4s var(--hf-ease) 24.9s both}.bp-stop-glas-a{stop-color:var(--bp-glas-a)}.bp-stop-glas-b{stop-color:var(--bp-glas-b)}.bp-stop-pv-a{stop-color:var(--bp-pv-a)}.bp-stop-pv-b{stop-color:var(--bp-pv-b)}.bp-zieh{fill:none;stroke:var(--bp-strich);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.1;stroke-dashoffset:1.05px;animation:.8s linear both bp-zieh}.bp-huegel,.bp-nachbarn .bp-zieh,.bp-leise{stroke:var(--bp-strich-leise);stroke-width:1.2px}.bp-fuge{stroke:var(--bp-strich-fein);stroke-width:1px}.bp-grenze{stroke-width:1.8px}.bp-rahmen{stroke-width:1.4px}.bp-sonne__kern,.bp-strahl{stroke-width:2px}.bp-mass__linie{stroke:var(--bp-strich-leise);stroke-width:1px}.bp-mass__strich{fill:none;stroke:var(--bp-strich-leise);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round}.bp-mass__text{fill:var(--bp-strich);font-family:var(--hf-font-ui);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.bp-grenzstein{fill:none;stroke:var(--bp-strich);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;transform-origin:50%}.bp-tuer__griff{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bp-fuell{stroke:none;opacity:0;animation:bp-auf .9s var(--hf-ease) both}.bp-fuell--parzelle{fill:var(--bp-parzelle)}.bp-fuell--beton{fill:var(--bp-beton)}.bp-fuell--wand{fill:var(--bp-wand)}.bp-fuell--holz{fill:var(--bp-holz)}.bp-fuell--seite{fill:var(--bp-seite)}.bp-fuell--schatten{fill:var(--bp-schatten);animation-duration:2.4s}.bp-fuell--dach{fill:var(--bp-dach)}.bp-fuell--attika{fill:var(--bp-attika)}.bp-fuell--glas{fill:url(#bp-glas)}.bp-fuell--tuer{fill:var(--bp-tuer)}.bp-fuell--boden{fill:var(--bp-boden)}.bp-fuell--laub{fill:var(--bp-laub)}.bp-fuell--stamm{fill:var(--bp-stamm)}.bp-licht{fill:var(--bp-licht);opacity:0;animation:bp-licht 1.4s var(--hf-ease) 12.6s both}.bp-modul{fill:url(#bp-pv);stroke:var(--bp-pv-rand);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.bp-bluete{fill:var(--bp-akzent);transform-origin:50%}.bp-nadel path{fill:var(--bp-akzent)}.bp-nadel circle{fill:var(--hf-marke-600)}.bp-nadel{animation:bp-nadel .8s var(--hf-ease) both}.bp-ring{fill:var(--bp-akzent);opacity:0;transform-origin:50%;animation:8s ease-out infinite bp-puls}.bp-sonne-bahn{animation:5s cubic-bezier(.77,0,.175,1) both bp-sonnenlauf}.bp-wp__fluegel path{fill:var(--bp-wp-rand);opacity:.75}.bp-wp__nabe{fill:var(--bp-wp-rand)}.bp-wp__fluegel{transform-box:view-box;transform-origin:644px 494px;animation:4s linear 20s infinite bp-drehen}.bp-luft__zug{fill:none;stroke:var(--bp-strich);stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:5 5;opacity:0;animation:bp-auf-luft .8s var(--hf-ease) both, bp-fluss 1.6s linear infinite}.bp-punkt{transform-origin:50%}.bp-punkt__hof{fill:var(--bp-punktfarbe);opacity:.22}.bp-punkt__kern{fill:var(--bp-punktfarbe);stroke:#fff;stroke-width:2.5px}.bp-punkt[data-ton=lage]{--bp-punktfarbe:var(--hf-karte-lage-b)}.bp-punkt[data-ton=rechner]{--bp-punktfarbe:var(--hf-karte-rechner-b)}.bp-punkt[data-ton=nachhaltig]{--bp-punktfarbe:var(--hf-karte-nachhaltig-b)}.bp-punkt[data-ton=dossier]{--bp-punktfarbe:var(--hf-karte-dossier-b)}.bp-punkt[data-ton=auftrag]{--bp-punktfarbe:var(--hf-karte-auftrag-b)}.bp-krone{transform-origin:50% 100%;animation:7s ease-in-out infinite alternate bp-wiegen}.hero__plan .bauplan__bild{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}@keyframes bp-zieh{0%{stroke-dashoffset:1.05px}to{stroke-dashoffset:0}}@keyframes bp-auf{0%{opacity:0}to{opacity:1}}@keyframes bp-auf-luft{0%{opacity:0}to{opacity:.55}}@keyframes bp-weg{0%{opacity:1}to{opacity:0}}@keyframes bp-heben{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bp-senken{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes bp-wachsen{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes bp-nadel{0%{opacity:0;transform:translateY(-46px)}60%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes bp-puls{0%{opacity:.7;transform:scale(.5)}18%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@keyframes bp-licht{to{opacity:var(--bp-licht-staerke)}}@keyframes bp-drehen{to{transform:rotate(360deg)}}@keyframes bp-fluss{to{stroke-dashoffset:-20px}}@keyframes bp-wiegen{0%{transform:rotate(-1.3deg)}to{transform:rotate(1.3deg)}}@keyframes bp-zaehlen{0%{--bp-n:var(--bp-von)}to{--bp-n:var(--bp-bis)}}@keyframes bp-balken{0%{transform:scaleX(0)}to{transform:scaleX(.78)}}@keyframes bp-zyklus{0%{opacity:0}to{opacity:.01}}@keyframes bp-sonnenlauf{0%{opacity:0;transform:translate(-290px,170px)}18%{opacity:1}55%{transform:translate(-150px,62px)}to{opacity:1;transform:none}}.bp-auf{animation:bp-auf .6s var(--hf-ease) both}.bp-wachsen{animation:bp-wachsen .5s var(--hf-ease) both;transform-origin:50%}.bp-senken{animation:bp-senken .7s var(--hf-ease) both}.bp-heben{animation:bp-heben .9s var(--hf-ease) both}.bauplan.bauplan--ruht *,.bauplan--ruht~.bp-himmel{animation-play-state:paused}html:has(.nav__scrim,.mnav__scrim) .bauplan *{animation-play-state:paused}html:has(.nav__scrim,.mnav__scrim) .bp-himmel{animation-play-state:paused}.bauplan--neu :not(.bp-tafel--lage,.bp-tafel--lage *),.bauplan--neu~.bp-himmel{animation:none!important}.bp-tafel{z-index:2;background:var(--hf-surface);border-radius:var(--hf-radius-sm);font-family:var(--hf-font-ui);color:var(--hf-fg);animation:bp-heben .7s var(--hf-ease) both, bp-weg .6s ease forwards;border:0;padding:.7em .9em .75em;font-size:clamp(.62rem,2.1cqw,.86rem);line-height:1.25;position:absolute;box-shadow:0 1px #1014181a,0 12px 28px -18px #10141873}.bp-tafel__titel{letter-spacing:-.01em;color:var(--hf-primary);margin:0 0 .4em;font-size:1em;font-weight:700}.bp-tafel--lage{animation-delay:2s,10.2s;top:3.5%;left:2.5%}.bp-tafel--hypo{animation-delay:5.5s,11.5s;top:3.5%;right:2.5%}.bp-tafel--solar{min-width:9em;animation-delay:15.5s,22.5s;top:24%;right:2.5%}.hero .bp-tafel--lage{animation:bp-heben .7s var(--hf-ease) 2s both}.bp-chips{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.bp-chips li{animation:bp-heben .55s var(--hf-ease) both;justify-content:space-between;gap:1.6em;padding:.18em 0;display:flex}.bp-chips span{color:var(--hf-fg-subtle)}.bp-chips b{color:var(--hf-fg);font-variant-numeric:tabular-nums;font-weight:600}.bp-rechnung{gap:.3em;margin:0;display:grid}.bp-rechnung>div{justify-content:space-between;gap:1.2em;display:flex}.bp-rechnung dt{color:var(--hf-fg-muted)}.bp-rechnung dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:600}.bp-rechnung__tragbar dd{align-items:center;gap:.3em;display:inline-flex}.bp-haken{fill:none;width:1em;height:1em;stroke:var(--hf-online);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:bp-wachsen .5s var(--hf-ease) 9.3s both}.bp-zahl{animation:bp-zaehlen var(--bp-dauer,3s) var(--hf-ease) var(--bp-ab,0s) both}.bp-zahl:after{counter-reset:bpn var(--bp-n);content:counter(bpn)}.bp-solar__zeile{justify-content:space-between;gap:1em;margin:0;display:flex}.bp-solar__zeile b{color:var(--hf-karte-nachhaltig-b);font-variant-numeric:tabular-nums}[data-thema=dunkel] .bp-solar__zeile b{color:#5ad6bd}.bp-balken{background:color-mix(in srgb, var(--hf-fg) 10%, transparent);border-radius:99px;height:.5em;margin:.4em 0;overflow:hidden}.bp-balken i{background:linear-gradient(90deg, var(--hf-karte-nachhaltig-a), var(--hf-karte-nachhaltig-b));transform-origin:0;height:100%;animation:bp-balken 2.4s var(--hf-ease) 16s both;border-radius:99px;display:block}.bp-solar__ertrag{color:var(--hf-fg-muted);margin:0;font-size:.86em}.bp-etiketten{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.bp-etiketten li{z-index:3;left:var(--x);top:var(--y);transform:translate(var(--dx), var(--dy));pointer-events:auto;position:absolute}.bp-etiketten a{white-space:nowrap;border-radius:var(--hf-radius-pill);background:var(--hf-surface);border:var(--hf-border-w) solid var(--hf-border);box-shadow:var(--hf-shadow-sm);font-family:var(--hf-font-ui);color:var(--hf-fg);animation:bp-heben .6s var(--hf-ease) both;animation-delay:inherit;transition:transform .2s var(--hf-ease), box-shadow .2s var(--hf-ease);align-items:center;gap:.45em;padding:.32em .7em .32em .5em;font-size:clamp(.62rem,2cqw,.8rem);font-weight:600;text-decoration:none;display:inline-flex}.bp-etiketten a:hover,.bp-etiketten a:focus-visible{box-shadow:var(--hf-shadow);transform:translateY(-2px)}.bp-etiketten i{background:var(--bp-punktfarbe);border-radius:50%;flex:none;width:.6em;height:.6em}.bp-etiketten li[data-ton=lage]{--bp-punktfarbe:var(--hf-karte-lage-b)}.bp-etiketten li[data-ton=rechner]{--bp-punktfarbe:var(--hf-karte-rechner-b)}.bp-etiketten li[data-ton=nachhaltig]{--bp-punktfarbe:var(--hf-karte-nachhaltig-b)}.bp-etiketten li[data-ton=dossier]{--bp-punktfarbe:var(--hf-karte-dossier-b)}.bp-etiketten li[data-ton=auftrag]{--bp-punktfarbe:var(--hf-karte-auftrag-b)}@media (max-width:639px){.bauplan{aspect-ratio:auto;gap:var(--hf-space-3);display:grid}.bauplan__buehne{aspect-ratio:5/4;position:relative}.bp-etiketten{gap:var(--hf-space-2);flex-wrap:wrap;display:flex;position:static}.bp-etiketten li{position:static;transform:none}.bp-etiketten a{font-size:var(--hf-text-xs)}.bp-tafel{padding:.45em .55em .5em;font-size:.6rem}.bp-tafel--solar{top:22%}.bp-mass__text{display:none}}@media (prefers-reduced-motion:reduce){.bauplan *,.bauplan :after,.bauplan :before,.bp-himmel{transition:none!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important;animation-fill-mode:forwards!important}.bp-ring{opacity:0;animation:none!important}.bp-luft__zug{opacity:.55}}.bauplan--ende :not(.bf-wp-fluegel,.bf-krone-wiegen,.bf-glitzer,.bf-wolke,.bf-sonne-atmen),.bauplan--ende :after,.bauplan--ende :before,.bauplan--ende~.bp-himmel{animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important;animation-fill-mode:forwards!important}.bauplan--ende .bp-ring{opacity:0;animation:none!important}.bauplan,.bp-himmel{--bf-himmel:linear-gradient(180deg, #7fbdf3 0%, #bfdffb 40%, #e9f3f3 60%, #d2e5bb 100%);--bf-huegel-fern:#b8d5c6;--bf-huegel-nah:#a4cb98;--bf-rasen-a:#abd682;--bf-rasen-b:#6cab53;--bf-schatten:#14321e2e;--bf-beton:#cfd0ca;--bf-wand:#f6f1e6;--bf-wand-seite:#d9d3c4;--bf-holz:#c99366;--bf-holz-seite:#a3714a;--bf-fuge:#46280f52;--bf-dach:#dcdcd6;--bf-attika:#fbf9f2;--bf-pv-a:#3568a0;--bf-pv-b:#1d3f66;--bf-pv-rand:#ffffff8c;--bf-glas-a:#b9dbea;--bf-glas-b:#5f8da6;--bf-rahmen:#fbfbf7;--bf-licht:#ffd98a;--bf-licht-deckung:0;--bf-tuer:#6b4a2e;--bf-griff:#e8d8a8;--bf-terrasse:#cfa672;--bf-planke:#5a371952;--bf-pergola:#8b5e3c;--bf-weg:#e6e0d0;--bf-platte:#5a503c40;--bf-wp:#eceeee;--bf-wp-gitter:#58636c;--bf-wp-fluegel:#f8f8f8;--bf-lamelle:#3c465080;--bf-poolrand:#f3f0e6;--bf-wasser-a:#9ae6ec;--bf-wasser-b:#2fb4c6;--bf-glitzer:#fffc;--bf-leiter:#e9ecee;--bf-liege:#fbfbf7;--bf-stamm:#7a5033;--bf-laub-a:#4f9048;--bf-laub-b:#6fae55;--bf-laub-c:#8cc46b;--bf-laub-d:#a6d485;--bf-hecke:#5a9a4e;--bf-hecke-schnitt:#143c1440;--bf-erde:#a97c52;--bf-stiel:#4f9048;--bf-bluete-0:#e86f9a;--bf-bluete-1:#f6c744;--bf-bluete-2:#fff;--bf-bluete-3:#e5533d;--bf-sonne:#ffd36b;--bf-hof:#ffe28c99;--bf-wolke:#ffffffe6;--bf-nachbar:#ffffffc7;--bf-nachbar-dach:#c9c2b5;--bf-nachbar-fenster:#a9c8d8;--bf-leuchte:#5a6670;--bf-leuchte-kopf:#ffe08a;--bf-ink:#19283747;--bf-maeh:#ffffff24}[data-thema=dunkel] .bauplan,[data-thema=dunkel] .bp-himmel{--bf-himmel:linear-gradient(180deg, #0a1733 0%, #1b2f5c 42%, #3b4b78 60%, #233a3a 100%);--bf-huegel-fern:#233f52;--bf-huegel-nah:#244536;--bf-rasen-a:#4e8a44;--bf-rasen-b:#2f5e33;--bf-schatten:#000a1459;--bf-wand:#e6e0d3;--bf-wand-seite:#b9b2a3;--bf-holz:#b07f55;--bf-holz-seite:#7e563a;--bf-dach:#b9b9b3;--bf-attika:#ebe8df;--bf-glas-a:#2b4a66;--bf-glas-b:#15283a;--bf-licht-deckung:.7;--bf-terrasse:#b08a5c;--bf-weg:#c9c3b3;--bf-wp:#d0d4d6;--bf-wasser-a:#4fb8c8;--bf-wasser-b:#1b7f93;--bf-glitzer:#ffffff80;--bf-laub-a:#35703a;--bf-laub-b:#4e8b44;--bf-laub-c:#66a455;--bf-laub-d:#7fb86a;--bf-hecke:#3f7a3b;--bf-strauch-a:#4e8b44;--bf-strauch-b:#66a455;--bf-sonne:#f1eedd;--bf-hof:#e6e6d238;--bf-wolke:#ffffff4d;--bf-nachbar:#dce2ec8c;--bf-nachbar-fenster:#ffd98a;--bf-leuchte-kopf:#ffe9a8;--bf-ink:#000a1966;--bf-maeh:#ffffff0f}.bp-himmel{z-index:0;pointer-events:none;background:var(--bf-himmel);opacity:0;animation:bp-auf 1.8s var(--hf-ease) 24.6s both;position:absolute;inset:0}.hero__plan .bauplan{z-index:1}.bf-auf{opacity:0;animation:bf-auf .9s var(--hf-ease) both}@keyframes bf-auf{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.bf-stop-rasen-a{stop-color:var(--bf-rasen-a)}.bf-stop-rasen-b{stop-color:var(--bf-rasen-b)}.bf-stop-wasser-a{stop-color:var(--bf-wasser-a)}.bf-stop-wasser-b{stop-color:var(--bf-wasser-b)}.bf-stop-glas-a{stop-color:var(--bf-glas-a)}.bf-stop-glas-b{stop-color:var(--bf-glas-b)}.bf-stop-pv-a{stop-color:var(--bf-pv-a)}.bf-stop-pv-b{stop-color:var(--bf-pv-b)}.bf-stop-hof-a{stop-color:var(--bf-hof)}.bf-stop-hof-b{stop-color:var(--bf-hof);stop-opacity:0}.bf-huegel-fern{fill:var(--bf-huegel-fern)}.bf-huegel-nah{fill:var(--bf-huegel-nah)}.bf-sonne{fill:var(--bf-sonne)}.bf-sonne-atmen{transform-origin:50%;animation:6s ease-in-out infinite alternate bf-atmen}.bf-wolke ellipse{fill:var(--bf-wolke)}.bf-wolke--eins{animation:48s ease-in-out infinite alternate bf-treiben}.bf-wolke--zwei{animation:64s ease-in-out infinite alternate-reverse bf-treiben}.bf-nachbar rect{fill:var(--bf-nachbar)}.bf-nachbar .bf-nachbar-dach{fill:var(--bf-nachbar-dach)}.bf-nachbar .bf-nachbar-fenster{fill:var(--bf-nachbar-fenster)}.bf-schatten{fill:var(--bf-schatten)}.bf-maeh path{fill:none;stroke:var(--bf-maeh);stroke-width:22px;vector-effect:non-scaling-stroke}.bf-beton{fill:var(--bf-beton);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-wand{fill:var(--bf-wand);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.bf-wand-seite{fill:var(--bf-wand-seite);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-holz{fill:var(--bf-holz);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-holz-seite{fill:var(--bf-holz-seite);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-fugen path{fill:none;stroke:var(--bf-fuge);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-dach{fill:var(--bf-dach);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-attika{fill:var(--bf-attika);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-modul{stroke:var(--bf-pv-rand);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.bf-glas{stroke:none}.bf-rahmen{fill:none;stroke:var(--bf-rahmen);stroke-width:2.2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.bf-sprosse{fill:none;stroke:var(--bf-rahmen);stroke-width:1.6px;vector-effect:non-scaling-stroke}.bf-licht{fill:var(--bf-licht);opacity:var(--bf-licht-deckung);mix-blend-mode:screen}.bf-tuer{fill:var(--bf-tuer)}.bf-griff{fill:none;stroke:var(--bf-griff);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bf-terrasse{fill:var(--bf-terrasse);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-planken path{fill:none;stroke:var(--bf-planke);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-pergola rect,.bf-pergola path,.bf-bank rect{fill:var(--bf-pergola)}.bf-weg{fill:var(--bf-weg);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-platten path{fill:none;stroke:var(--bf-platte);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-wp{fill:var(--bf-wp);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-wp-gitter{fill:var(--bf-wp-gitter)}.bf-wp-fluegel path{fill:var(--bf-wp-fluegel);opacity:.9}.bf-wp-fluegel{transform-box:view-box;transform-origin:644px 494px;animation:3s linear infinite bp-drehen}.bf-wp-nabe{fill:var(--bf-wp-fluegel)}.bf-lamellen path{fill:none;stroke:var(--bf-lamelle);stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.bf-poolrand{fill:var(--bf-poolrand);stroke:var(--bf-ink);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-wasser{stroke:none}.bf-glitzer path{fill:none;stroke:var(--bf-glitzer);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bf-glitzer{animation:5s ease-in-out infinite alternate bf-glitzern}.bf-leiter path{fill:none;stroke:var(--bf-leiter);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bf-liege rect,.bf-liege path{fill:var(--bf-liege)}.bf-stamm{fill:var(--bf-stamm)}.bf-laub-a{fill:var(--bf-laub-a)}.bf-laub-b{fill:var(--bf-laub-b)}.bf-laub-c{fill:var(--bf-laub-c)}.bf-laub-d{fill:var(--bf-laub-d)}.bf-krone-wiegen{transform-origin:50% 100%;animation:7s ease-in-out infinite alternate bp-wiegen}.bf-hecke{fill:var(--bf-hecke)}.bf-hecke-schnitt{fill:none;stroke:var(--bf-hecke-schnitt);stroke-width:1px;vector-effect:non-scaling-stroke}.bf-strauch-a{fill:var(--bf-strauch-a,var(--bf-laub-b))}.bf-strauch-b{fill:var(--bf-strauch-b,var(--bf-laub-c))}.bf-erde{fill:var(--bf-erde)}.bf-stiel{fill:none;stroke:var(--bf-stiel);stroke-width:1.4px;vector-effect:non-scaling-stroke}.bf-bluete--0{fill:var(--bf-bluete-0)}.bf-bluete--1{fill:var(--bf-bluete-1)}.bf-bluete--2{fill:var(--bf-bluete-2)}.bf-bluete--3{fill:var(--bf-bluete-3)}.bf-leuchte rect{fill:var(--bf-leuchte)}.bf-leuchte circle{fill:var(--bf-leuchte-kopf)}@keyframes bf-atmen{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes bf-treiben{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes bf-glitzern{0%{opacity:.55;transform:translate(-6px)}to{opacity:1;transform:translate(6px)}}.bp-steuer{z-index:4;align-items:center;gap:var(--hf-space-3);font-family:var(--hf-font-ui);animation:bp-auf .6s var(--hf-ease) 1.2s both;font-size:clamp(.62rem,2cqw,.78rem);display:flex;position:absolute;bottom:2.5%;right:2.5%}.bp-steuer__stand{color:#ffffffd9;text-shadow:0 1px 2px #00000059;margin:0;font-weight:500}.bp-steuer__stand:before{content:"";vertical-align:.1em;background:var(--hf-marke-akzent);border-radius:50%;width:6px;height:6px;margin-right:.5em;display:inline-block}.bp-steuer__fertig,.bauplan--fertig .bp-steuer__lauf{display:none}.bauplan--fertig .bp-steuer__fertig{display:inline}.bauplan--fertig .bp-steuer__stand:before{background:var(--hf-online)}.bp-steuer__knoepfe{gap:var(--hf-space-2);display:inline-flex}.bp-steuer__knopf{border-radius:var(--hf-radius-pill);color:#fff;min-height:34px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);transition:background var(--hf-dur-fast) var(--hf-ease), transform var(--hf-dur-fast) var(--hf-ease);background:#ffffff24;border:1px solid #ffffff59;align-items:center;gap:.4em;padding:0 .9em;font-weight:600;display:inline-flex}.bp-steuer__knopf svg{width:1em;height:1em}.bp-steuer__knopf:hover{background:#ffffff42}.bp-steuer__knopf:active{transform:scale(.97)}.bp-steuer__knopf:focus-visible{outline-offset:2px;outline:2px solid #fff}.bauplan--fertig [data-bp-ende]{display:none}.bauplan--fertig .bp-steuer__stand{color:var(--hf-fg);text-shadow:none}.bauplan--fertig .bp-steuer__knopf{color:var(--hf-fg);background:color-mix(in srgb, var(--hf-surface) 82%, transparent);border-color:color-mix(in srgb, var(--hf-fg) 18%, transparent)}[data-thema=dunkel] .bauplan--fertig .bp-steuer__stand{color:#fff}[data-thema=dunkel] .bauplan--fertig .bp-steuer__knopf{color:#fff;background:#ffffff24;border-color:#ffffff59}@media (max-width:639px){.bp-steuer{font-size:var(--hf-text-xs);flex-wrap:wrap;justify-content:space-between;animation:none;position:static}.bp-steuer__stand,.bauplan--fertig .bp-steuer__stand{color:var(--hf-fg-muted);text-shadow:none}.bp-steuer__knopf,.bauplan--fertig .bp-steuer__knopf{min-height:44px;color:var(--hf-fg);background:var(--hf-surface);border-color:var(--hf-border)}}
