.hausschnitt,.bauteil{--hs-ruhe:.65;--hs-zurueck:.3;color:var(--farbe-text);overflow:visible}.hausschnitt{width:100%;height:auto;display:block}.bauteil{max-width:100%;height:auto;display:block}:is(.hausschnitt,.bauteil) .hs-linie{stroke:currentColor}:is(.hausschnitt,.bauteil) .hs-flaeche{fill:var(--farbe-grund)}:is(.hausschnitt,.bauteil) .hs-haar{stroke:currentColor;opacity:.6}:is(.hausschnitt,.bauteil) .hs-ton__strich{stroke:var(--farbe-strang)}:is(.hausschnitt,.bauteil) .hs-ton__strich--warm{stroke:var(--farbe-strang-warm)}:is(.hausschnitt,.bauteil) .hs-signal{stroke:var(--farbe-strang)}.hausschnitt .hs-ton{opacity:var(--hs-ruhe)}.hs-erdreich{fill:var(--farbe-grund-ruhig)}.hs-raster{stroke:var(--farbe-linie)}.hs-innen{fill:var(--farbe-grund)}.hs-kreuzung{fill:none;stroke:var(--farbe-grund)}.hs-beschriftung{fill:var(--farbe-text-leise);font-family:var(--schrift-mono);font-size:var(--groesse-etikett);font-weight:var(--gewicht-etikett);letter-spacing:var(--sperrung-versal);text-transform:uppercase}.hs-pos__hof{fill:var(--farbe-strang);opacity:0}.hs-pos__ziffer{fill:currentColor;font-family:var(--schrift-mono);font-size:var(--groesse-klein);font-weight:var(--gewicht-etikett)}@media not (min-width:36rem){.hausschnitt .hs-linie,.hausschnitt .hs-ton__strich{stroke-width:3px}.hausschnitt path.hs-strang{stroke-width:4px}.hausschnitt .hs-signal{stroke-width:2px}.hausschnitt .hs-pos__ring{r:calc(var(--abstand-6) - var(--abstand-1));stroke-width:3px}.hausschnitt .hs-pos__hof{r:calc(var(--abstand-6) + var(--abstand-1))}.hausschnitt .hs-pos__ziffer{font-size:calc(var(--groesse-klein) * 1.6)}.hausschnitt .hs-pruefmarke{transform-box:fill-box;transform-origin:50%;scale:1.5}.hausschnitt .hs-beschriftung{display:none}}.hs-zone,.hs-zone .hs-ton,.hs-zone .hs-pos__hof{transition-property:color,opacity;transition-duration:var(--dauer-kurz);transition-timing-function:var(--kurve-ausklingend)}.start-verteiler:has(.start-verteiler__posten:is(:hover,:focus-within)) .hs-zone{opacity:var(--hs-zurueck)}:is(.start-verteiler:has(.start-verteiler__posten[data-zone="1"]:is(:hover,:focus-within)) .hs-zone[data-zone="1"],.start-verteiler:has(.start-verteiler__posten[data-zone="2"]:is(:hover,:focus-within)) .hs-zone[data-zone="2"],.start-verteiler:has(.start-verteiler__posten[data-zone="3"]:is(:hover,:focus-within)) .hs-zone[data-zone="3"],.start-verteiler:has(.start-verteiler__posten[data-zone="4"]:is(:hover,:focus-within)) .hs-zone[data-zone="4"],.start-verteiler:has(.start-verteiler__posten[data-zone="5"]:is(:hover,:focus-within)) .hs-zone[data-zone="5"],.start-verteiler:has(.start-verteiler__posten[data-zone="6"]:is(:hover,:focus-within)) .hs-zone[data-zone="6"]){--hs-ruhe:1;opacity:1;color:var(--farbe-strang)}:is(.start-verteiler:has(.start-verteiler__posten[data-zone="1"]:is(:hover,:focus-within)) .hs-zone[data-zone="1"] .hs-pos__hof,.start-verteiler:has(.start-verteiler__posten[data-zone="2"]:is(:hover,:focus-within)) .hs-zone[data-zone="2"] .hs-pos__hof,.start-verteiler:has(.start-verteiler__posten[data-zone="3"]:is(:hover,:focus-within)) .hs-zone[data-zone="3"] .hs-pos__hof,.start-verteiler:has(.start-verteiler__posten[data-zone="4"]:is(:hover,:focus-within)) .hs-zone[data-zone="4"] .hs-pos__hof,.start-verteiler:has(.start-verteiler__posten[data-zone="5"]:is(:hover,:focus-within)) .hs-zone[data-zone="5"] .hs-pos__hof,.start-verteiler:has(.start-verteiler__posten[data-zone="6"]:is(:hover,:focus-within)) .hs-zone[data-zone="6"] .hs-pos__hof){opacity:1}.hausschnitt[data-fokus] .hs-zone{opacity:var(--hs-zurueck)}.hausschnitt[data-fokus] .hs-zone[data-fokus-zone]{--hs-ruhe:1;opacity:1;color:var(--farbe-strang)}.hausschnitt[data-fokus] .hs-zone[data-fokus-zone] .hs-pos__hof{opacity:1}@keyframes hs-leuchten{0%,to{opacity:1}}@supports (timeline-scope:--a) and (animation-timeline:view()){.start-verteiler{timeline-scope:--hs-posten-1, --hs-posten-2, --hs-posten-3, --hs-posten-4, --hs-posten-5, --hs-posten-6}.start-verteiler__posten[data-zone="1"]{view-timeline:--hs-posten-1 block}.start-verteiler__posten[data-zone="2"]{view-timeline:--hs-posten-2 block}.start-verteiler__posten[data-zone="3"]{view-timeline:--hs-posten-3 block}.start-verteiler__posten[data-zone="4"]{view-timeline:--hs-posten-4 block}.start-verteiler__posten[data-zone="5"]{view-timeline:--hs-posten-5 block}.start-verteiler__posten[data-zone="6"]{view-timeline:--hs-posten-6 block}html[data-bewegung=an] .hs-zone :is(.hs-ton,.hs-pos__hof){animation:linear hs-leuchten;animation-range:cover 60vh cover calc(100% - 40vh)}html[data-bewegung=an] .hs-zone[data-zone="1"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-1}html[data-bewegung=an] .hs-zone[data-zone="2"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-2}html[data-bewegung=an] .hs-zone[data-zone="3"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-3}html[data-bewegung=an] .hs-zone[data-zone="4"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-4}html[data-bewegung=an] .hs-zone[data-zone="5"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-5}html[data-bewegung=an] .hs-zone[data-zone="6"] :is(.hs-ton,.hs-pos__hof){animation-timeline:--hs-posten-6}}@supports (timeline-trigger:--a view()){html[data-bewegung=an] [data-motion=hausschnitt]{timeline-trigger:--hausschnitt view() entry 20% cover 100%}html[data-bewegung=an] [data-motion=hausschnitt] [pathLength]{stroke-dasharray:1;animation:bewegung-zeichnen calc(var(--dauer-wechsel) * 2) var(--kurve-ausklingend) both;animation-delay:calc(var(--bewegung-staffel) * var(--staffel,0));animation-trigger:--hausschnitt play-forwards}html[data-bewegung=an] [data-motion=hausschnitt] :is(.hs-haar,.hs-signal,.hs-beschriftung,.hs-pos__ziffer){animation:bewegung-einblenden calc(var(--dauer-wechsel) * 2) var(--kurve-ausklingend) both;animation-delay:calc(var(--bewegung-staffel) * var(--staffel,0));animation-trigger:--hausschnitt play-forwards}}@supports not (timeline-trigger:--a view()){html[data-bewegung=an] [data-motion=hausschnitt][data-sicht=wartet] [pathLength]{stroke-dasharray:1;stroke-dashoffset:1px}html[data-bewegung=an] [data-motion=hausschnitt][data-sicht=wartet] :is(.hs-haar,.hs-signal,.hs-beschriftung,.hs-pos__ziffer){opacity:0}html[data-bewegung=an] [data-motion=hausschnitt][data-sicht=da] [pathLength]{stroke-dasharray:1;animation:bewegung-zeichnen calc(var(--dauer-wechsel) * 2) var(--kurve-ausklingend) both;animation-delay:calc(var(--bewegung-staffel) * var(--staffel,0))}html[data-bewegung=an] [data-motion=hausschnitt][data-sicht=da] :is(.hs-haar,.hs-signal,.hs-beschriftung,.hs-pos__ziffer){animation:bewegung-einblenden calc(var(--dauer-wechsel) * 2) var(--kurve-ausklingend) both;animation-delay:calc(var(--bewegung-staffel) * var(--staffel,0))}}:root .bauteil.bauteil--klein[data-bauteil] :is(path,circle)[pathLength]{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.bauteil--klein :is(.hs-linie,circle){vector-effect:non-scaling-stroke;stroke-width:1.75px}.bauteil--klein :is(.hs-ton__strich,.hs-strang,.hs-signal){vector-effect:non-scaling-stroke;stroke-width:2px}.bauteil--klein .hs-kreuzung{vector-effect:non-scaling-stroke;stroke-width:5px}.bauteil--klein .hs-haar{opacity:1}.bauteil--klein .hs-signal{stroke-width:1px}