.hero__vorher.ist-gedrueckt{transform:scale(.97);--b-bg:rgba(243,240,232,.24)}@media (prefers-reduced-motion:no-preference){.js .hero__text>*{animation:steigen 1s var(--ease) both}.js .hero__text>:nth-child(2){animation-delay:.08s}.js .hero__text>:nth-child(3){animation-delay:1.4s}.js .hero__text>:nth-child(4){animation-delay:1.6s}.js .hero__z2{clip-path:inset(-10% 100% -10% 0);transition:clip-path 1.5s var(--ease)}.js .hero.ist-gruen .hero__z2{clip-path:inset(-10% -2% -10% 0)}.js .hero__dock{animation:steigen 1s 1.9s var(--ease) both}}@media (prefers-reduced-motion:reduce){.js .hero__text>*{animation:einblenden .9s ease both}.js .hero__text>:nth-child(3){animation-delay:1s}.js .hero__text>:nth-child(4){animation-delay:1.2s}.js .hero__z2{opacity:0;transition:opacity 1.2s ease}.js .hero.ist-gruen .hero__z2{opacity:1}.js .hero__dock{animation:einblenden .9s 1.4s ease both}}.hero.ist-bereit .punkt{opacity:1}@media (prefers-reduced-motion:no-preference){.hero.ist-bereit .punkt__knopf::after{animation:puls 2.4s ease-out 2}}.schnellrechner__summe.ist-neu{color:var(--hellgruen)}.sorte__lupe{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(10,21,16,.72);border-color:rgba(243,240,232,.2);color:var(--auf-dunkel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sorte__lupe:hover{background:var(--nacht)}.flaeche__plan .umriss{fill:rgba(140,192,132,.16);stroke:var(--hellgruen);stroke-width:5;stroke-linejoin:round;transition:d .6s var(--ease)}.flaeche__plan .ecke{fill:var(--elfenbein);stroke:var(--nacht);stroke-width:3}.flaeche__plan .mass{stroke:#fff;stroke-width:3;marker-start:url("#pfeil-s");marker-end:url("#pfeil-e")}.flaeche__plan .massfeld text{fill:var(--auf-dunkel);font:600 30px var(--sans)}.flaeche__plan .gesamt text{fill:var(--auf-dunkel);font:600 40px var(--sans)}@media (prefers-reduced-motion:no-preference){.flaeche__plan .umriss{stroke-dasharray:4000;stroke-dashoffset:4000;animation:zeichnen 2.2s var(--ease) .2s forwards}}.flaeche__felder .feld input{font-variant-numeric:tabular-nums}.produkte{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.produkte>li{scroll-snap-align:start}@media (min-width:700px){.produkte{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}.odo__ziffer{display:inline-block;height:1em;overflow:hidden;text-align:center}.odo__streifen span{display:block;text-align:center}.odo__streifen{display:flex;flex-direction:column;transform:translateY(0);transition:transform 1.6s var(--ease) var(--od,0ms)}.odo.ist-da .odo__streifen{transform:translateY(calc(-1em * var(--n)))}.odo__streifen span{height:1em;line-height:1}