.objekt{--seite:6/5;font-size:1.8cqw}.lageplan{position:absolute;left:10cqw;top:11cqw;width:62cqw;height:58cqw;border-radius:.85em;overflow:hidden;background:var(--flaeche);border:1px solid var(--linie)}.lageplan svg{position:absolute;inset:0;width:100%;height:100%}.io-strasse{fill:none;stroke:var(--grund);stroke-width:14}.io-nachbar{fill:var(--balken);stroke:var(--balken-2);stroke-width:1.5}.io-flur{fill:var(--akzent-hauch);stroke:var(--kontur);stroke-width:3;stroke-linejoin:round;stroke-dasharray:1}.io-haus{fill:var(--grund);stroke:var(--akzent);stroke-width:2}.lageplan .chip{position:absolute;background:var(--grund);border:1px solid var(--linie);box-shadow:0 1px 2px rgb(0 0 0/.08)}.lageplan .chip::before{content:'';width:.45em;height:.45em;border-radius:50%;background:var(--akzent-zier);box-shadow:inset 0 0 0 1px var(--kontur)}.c1{left:4%;top:6%}.c2{right:4%;top:22%}.c3{left:5%;bottom:24%}.c4{left:32%;bottom:6%}.expose{left:60cqw;top:40cqw;width:32cqw;z-index:2;display:grid;gap:.6em}.expose .blatt-kopf{margin:0}.ex-bild{height:9em;border-radius:.5em;background:var(--akzent-hauch);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.ex-bild svg{width:70%;height:auto;fill:var(--grund);stroke:var(--akzent);stroke-width:2.5;stroke-linejoin:round}.expose .bk:nth-of-type(2){width:70%}@media (max-width:39.99rem){.objekt{--seite:4/5.4;font-size:3.1cqw}.lageplan{left:4cqw;top:14cqw;width:92cqw;height:62cqw}.expose{left:38cqw;top:80cqw;width:56cqw}}.ex-mini{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:12px;background:var(--akzent-hauch);margin-bottom:.4rem}.haus{position:relative;flex:none;width:2.4rem;height:2rem;background:var(--grund);border:2px solid var(--akzent);border-top:0;border-radius:0 0 .25rem .25rem;margin-top:.7rem}.haus::before{content:'';position:absolute;left:-.45rem;right:-.45rem;top:-.95rem;height:1rem;background:var(--akzent);clip-path:polygon(50% 0,100% 100%,0 100%)}@keyframes stempel{from{opacity:0;transform:translateY(-.6em) scale(.9)}}@media (prefers-reduced-motion:no-preference){.js .objekt .fenster{animation:ein .48s var(--weich) both}.js .lageplan{animation:ein .48s .16s var(--weich) both}.js .io-flur{animation:zug 1.11s .63s var(--weich) both}.js .io-haus{animation:blass .4s 1.59s both}.js .lageplan .c1{animation:stempel .36s 1.82s var(--weich) both}.js .lageplan .c2{animation:stempel .36s 2.14s var(--weich) both}.js .lageplan .c3{animation:stempel .36s 2.46s var(--weich) both}.js .lageplan .c4{animation:stempel .36s 2.78s var(--weich) both}.js .expose{animation:heraus .59s 3.25s var(--weich) both}.js .expose .bk{animation:breit .4s var(--weich) both}.js .expose .bk:nth-of-type(1){animation-delay:3.73s}.js .expose .bk:nth-of-type(2){animation-delay:3.89s}.js .expose .bk:nth-of-type(3){animation-delay:4.04s}@supports (animation-timeline:view()){.js .interessenten .rz{animation:rechts var(--weich) both;animation-timeline:--sz;animation-range:entry 15% entry 55%}.js .interessenten .rz:nth-of-type(3){animation-range:entry 25% entry 65%}.js .interessenten .rz:nth-of-type(4){animation-range:entry 35% entry 75%}.js .interessenten .chip{animation:pop var(--weich) both;animation-timeline:--sz;animation-range:entry 60% entry 95%}.js .mieterkonto .rz{animation:rechts var(--weich) both;animation-timeline:--sz;animation-range:entry 15% entry 55%}.js .mieterkonto .rz:nth-of-type(3){animation-range:entry 25% entry 65%}.js .mieterkonto .rz:nth-of-type(4){animation-range:entry 35% entry 75%}.js .mieterkonto .stufen li.an::before{animation:pop var(--weich) both;animation-timeline:--sz;animation-range:entry 70% entry 100%}}}
