/* Hauszeichnung des Änderungschecks für Seiten außerhalb des Werkzeugs (Startseite).
   Erzeugt von aenderung-test/haus_svg.py, nicht von Hand ändern. */
.zinshaus{width:100%;height:auto;display:block;overflow:visible}
.zinshaus .zh-l{fill:none;stroke:#e9e2d6;stroke-opacity:.62;stroke-width:1.2;stroke-linejoin:round}
.zinshaus .zh-d{fill:none;stroke:#e9e2d6;stroke-opacity:.26;stroke-width:.9}
.zinshaus .zh-fuell{fill:#0f1d23}
.zinshaus .zh-wandflaeche{fill:none}
.zinshaus .zh-kamin{fill:#0f1d23;stroke:#e9e2d6;stroke-opacity:.62;stroke-width:1.2}
.zinshaus .zh-dach{fill:#122229}
.zinshaus .zh-gem{fill:url(#zh-schraffur-fein);opacity:0;pointer-events:none;transition:opacity .6s ease}
.zinshaus.detail .zh-gem{opacity:1}
.zinshaus .zh-glas{fill:url(#zh-licht);opacity:0;transition:opacity 1.2s ease}
.zinshaus .zh-glas.zh-an{opacity:.55}
.zinshaus.licht .zh-glas.zh-eigen{opacity:1}
.zinshaus .zh-stern{fill:#e9e2d6;animation:zh-funkeln 3.2s ease-in-out 3}
.zinshaus .zh-mond{fill:#e9e2d6;opacity:.75}
.zinshaus .zh-lampenschein{fill:url(#zh-schein);animation:zh-flackern 5s ease-in-out 2}
.zinshaus .zh-rauch{fill:#e9e2d6;opacity:0;animation:zh-rauch 4.2s ease-out 3;transform-box:fill-box;transform-origin:center}
.zinshaus .zh-marke{opacity:0;transition:opacity .8s ease}
.zinshaus.licht .zh-marke{opacity:1}
.zinshaus .zh-marke circle{fill:#f0b48c}
.zinshaus .zh-marke path{fill:none;stroke:#f0b48c;stroke-width:1}
.zinshaus .zh-marke text{fill:#f3d9bd;font:600 12px var(--sans);letter-spacing:.02em}
.zinshaus .zh-verdeckt{transition:opacity .6s ease}
.zinshaus .zh-auto{opacity:.75}
.zinshaus .zh-m{opacity:0;transition:opacity .45s ease}
.zinshaus .zh-cu{fill:#1a2c33;stroke:#f0b48c;stroke-width:1.4}
.zinshaus .zh-cu-l{fill:none;stroke:#f0b48c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.zinshaus .zh-cu-f{fill:#f0b48c}
.zinshaus .zh-cu-fl{fill:#d4895f;fill-opacity:.85;stroke:#f0b48c;stroke-width:1.2;stroke-linejoin:round}
.zinshaus .zh-luefter,.zinshaus .zh-box,.zinshaus .zh-pfeil,.zinshaus .zh-funken{transform-box:fill-box;transform-origin:center}
.zinshaus .zh-luft{fill:none;stroke:#f0b48c;stroke-opacity:.7;stroke-width:1;stroke-dasharray:4 5}
.zinshaus .zh-tuch{transform-box:fill-box;transform-origin:50% 0}
.zinshaus .zh-glanz-fenster{fill:url(#zh-glanz);opacity:0}
.zinshaus .zh-panel-flaeche{fill:#1d3a4a}
.zinshaus .zh-glanz{fill:url(#zh-glanz)}
.zinshaus .zh-panel{transform-box:fill-box;transform-origin:50% 100%}
.zinshaus .zh-led{fill:#7fd6a1}
.zinshaus .zh-ladebalken{fill:#f0b48c;transform-box:fill-box;transform-origin:0 50%}
.zinshaus .zh-kabel{stroke-dasharray:90;stroke-dashoffset:90}
.zinshaus .zh-blitz{fill:none;stroke:#f0b48c;stroke-width:1.6;stroke-linejoin:round}
.zinshaus .zh-frage{fill:#f0b48c;font:600 22px var(--serif);opacity:0}
.zinshaus .zh-funken{fill:none;stroke:#f0b48c;stroke-width:1.2;stroke-linecap:round;opacity:0}
.zinshaus .zh-schnitt{opacity:0;transition:opacity .6s ease}
.zinshaus .zh-raum{fill:#15262d}
.zinshaus .zh-raum-licht{fill:#f3c98b;opacity:.1}
.zinshaus .zh-nachbar-licht{opacity:.03;transition:opacity .8s ease}
.zinshaus .zh-schnittkante{fill:none;stroke:#f0b48c;stroke-width:1.2;stroke-dasharray:5 4}
.zinshaus .zh-moebel{fill:none;stroke:#e9e2d6;stroke-opacity:.45;stroke-width:1}
.zinshaus .zh-lampe-innen{fill:#f3c98b;opacity:.35}
.zinshaus .zh-innenwand{fill:#e9e2d6;fill-opacity:.8;transform-box:fill-box;transform-origin:center;transition:transform .8s ease,opacity .8s ease}
.zinshaus .zh-trennwand{fill:url(#zh-schraffur);stroke:#e9e2d6;stroke-opacity:.6;transition:opacity .8s ease}
.zinshaus .zh-tragend{opacity:0}
.zinshaus .zh-oeffnung{fill:#15262d;opacity:0;transition:opacity .8s ease .6s}
.zinshaus .zh-traeger{stroke-width:2.4;stroke-dasharray:30;stroke-dashoffset:30}
.zinshaus .zh-raumname{fill:#b3bfba;font:600 8.5px var(--sans);letter-spacing:.08em;text-transform:uppercase}

.zinshaus[data-zeige="klima"] .zh-m-klima,.zinshaus[data-zeige="klima-mobil"] .zh-m-klima-mobil,
.zinshaus[data-zeige="beschattung"] .zh-m-beschattung,.zinshaus[data-zeige="fenster"] .zh-m-fenster,
.zinshaus[data-zeige="pv"] .zh-m-pv,.zinshaus[data-zeige="pv-fassade"] .zh-m-pv-fassade,.zinshaus[data-zeige="pv-dach"] .zh-m-pv-dach,
.zinshaus[data-zeige="wallbox"] .zh-m-wallbox,.zinshaus[data-zeige="wand"] .zh-m-wand,
.zinshaus[data-zeige="zusammenlegung"] .zh-m-zusammenlegung,.zinshaus[data-zeige="anderes"] .zh-m-anderes,
.zinshaus[data-zeige="anderes-aussen"] .zh-m-anderes-aussen{opacity:1}
.zinshaus[data-zeige="wand"] .zh-schnitt,.zinshaus[data-zeige="wand-tragend"] .zh-schnitt,.zinshaus[data-zeige="zusammenlegung"] .zh-schnitt{opacity:1}
.zinshaus[data-zeige="wand"] .zh-verdeckt,.zinshaus[data-zeige="wand-tragend"] .zh-verdeckt,.zinshaus[data-zeige="zusammenlegung"] .zh-verdeckt,
.zinshaus[data-zeige="wand"] .zh-marke,.zinshaus[data-zeige="wand-tragend"] .zh-marke,.zinshaus[data-zeige="zusammenlegung"] .zh-marke{opacity:0}
.zinshaus[data-zeige="klima"] .zh-luefter{animation:zh-drehen .7s linear infinite}
.zinshaus[data-zeige="klima"] .zh-luft,.zinshaus[data-zeige="klima-mobil"] .zh-luft{animation:zh-stroemen 1s linear infinite}
.zinshaus[data-zeige="beschattung"] .zh-tuch{animation:zh-ausrollen 1.3s cubic-bezier(.3,.7,.3,1) both}
.zinshaus[data-zeige="fenster"] [data-fe="2-0"] .zh-sprosse{opacity:0;transition:opacity .4s}
.zinshaus[data-zeige="fenster"] .zh-neu{animation:zh-zeichnen 1.4s ease both}
.zinshaus[data-zeige="fenster"] .zh-glanz-fenster{animation:zh-fensterglanz 2.2s ease-in-out .8s infinite}
.zinshaus[data-zeige="pv"] .zh-panel,.zinshaus[data-zeige="pv-fassade"] .zh-panel,.zinshaus[data-zeige="pv-dach"] .zh-panel{animation:zh-einhaengen 1s cubic-bezier(.3,.7,.3,1) both}
.zinshaus[data-zeige="pv"] .zh-glanz,.zinshaus[data-zeige="pv-fassade"] .zh-glanz,.zinshaus[data-zeige="pv-dach"] .zh-glanz{animation:zh-glanz 2.4s ease-in-out .9s infinite}
.zinshaus[data-zeige="wallbox"] .zh-box{animation:zh-auftauchen .6s ease both}
.zinshaus[data-zeige="wallbox"] .zh-kabel{animation:zh-kabel 1.1s ease .4s forwards}
.zinshaus[data-zeige="wallbox"] .zh-led{animation:zh-blinken 1s ease-in-out infinite}
.zinshaus[data-zeige="wallbox"] .zh-ladebalken{animation:zh-laden 2.2s ease-in-out 1.2s infinite both}
.zinshaus[data-zeige="wallbox"] .zh-blitz{animation:zh-blinken 1.4s ease-in-out 1.4s infinite both}
.zinshaus[data-zeige="wallbox"] .zh-auto{opacity:1}
.zinshaus[data-zeige="wand"] .zh-iw-oben{transform:translateY(-9px);opacity:.18;transition-delay:.5s}
.zinshaus[data-zeige="wand"] .zh-iw-unten{transform:translateY(9px);opacity:.18;transition-delay:.5s}
.zinshaus[data-zeige="wand"] .zh-funken{animation:zh-funken .9s ease-out .5s 2 both}
.zinshaus[data-zeige="wand-tragend"] .zh-innenwand{opacity:0}
.zinshaus[data-zeige="wand-tragend"] .zh-tragend{opacity:1}
.zinshaus[data-zeige="wand-tragend"] .zh-oeffnung{opacity:1}
.zinshaus[data-zeige="wand-tragend"] .zh-traeger{animation:zh-kabel 1s ease 1s forwards}
.zinshaus[data-zeige="zusammenlegung"] .zh-tuerstueck{opacity:0;transition-delay:.5s}
.zinshaus[data-zeige="zusammenlegung"] .zh-nachbar-licht{opacity:.1;transition-delay:.9s}
.zinshaus[data-zeige="zusammenlegung"] .zh-pfeil{animation:zh-auftauchen .6s ease 1.1s both}
.zinshaus[data-zeige="anderes"] .zh-glas.zh-eigen{animation:zh-pulsen 1.6s ease-in-out infinite}
.zinshaus[data-zeige="anderes"] .zh-frage,.zinshaus[data-zeige="anderes-aussen"] .zh-frage{animation:zh-schweben 2.6s ease-out infinite}
.zinshaus[data-zeige="anderes"] .zh-frage2,.zinshaus[data-zeige="anderes-aussen"] .zh-frage2{animation-delay:1.3s}

@keyframes zh-funkeln{0%,100%{opacity:.9}50%{opacity:.2}}
@keyframes zh-flackern{0%,100%{opacity:1}45%{opacity:.85}50%{opacity:.6}55%{opacity:.9}}
@keyframes zh-rauch{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:.18}100%{opacity:0;transform:translate(10px,-36px) scale(2.2)}}
@keyframes zh-drehen{to{transform:rotate(360deg)}}
@keyframes zh-stroemen{to{stroke-dashoffset:-18}}
@keyframes zh-ausrollen{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes zh-zeichnen{from{stroke-dasharray:160;stroke-dashoffset:160}to{stroke-dasharray:160;stroke-dashoffset:0}}
@keyframes zh-fensterglanz{0%{opacity:0;transform:translateX(0)}30%{opacity:.8}100%{opacity:0;transform:translateX(20px)}}
@keyframes zh-einhaengen{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes zh-glanz{0%{transform:translateX(0)}100%{transform:translateX(70px)}}
@keyframes zh-auftauchen{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes zh-kabel{to{stroke-dashoffset:0}}
@keyframes zh-blinken{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes zh-laden{0%{transform:scaleX(.1)}80%,100%{transform:scaleX(1)}}
@keyframes zh-funken{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
@keyframes zh-pulsen{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes zh-schweben{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}

.zinshaus.baut .zh-bau .zh-l,.zinshaus.baut .zh-bau .zh-d{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.zinshaus.baut .zh-fuell,.zinshaus.baut .zh-dach{fill-opacity:0}
.zinshaus .zh-bau .zh-l,.zinshaus .zh-bau .zh-d{transition:stroke-dashoffset 1.6s cubic-bezier(.4,.1,.2,1)}
.zinshaus .zh-fuell,.zinshaus .zh-dach{transition:fill-opacity 1s ease 1.2s}
@media (prefers-reduced-motion:reduce){
  .zinshaus *{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important}
  .zinshaus .zh-kabel,.zinshaus .zh-traeger{stroke-dashoffset:0}
}