.vorgang{--seite:6/5;font-size:1.85cqw;--fx:43cqw;--fy:-19cqw}.vorgang .angebot{left:12cqw;top:12.5cqw;width:45cqw;z-index:1}.vorgang .rechnung{left:48cqw;top:24cqw;width:45cqw;z-index:2}.vorgang .tu{margin-top:1.1em}.vorgang .rechnung .e{margin-top:1.1em}.ordner{position:absolute;left:14cqw;top:60cqw;width:27cqw;height:18cqw;z-index:3}.ordner-hinten{position:absolute;left:0;right:0;top:14%;bottom:0;border-radius:.7em;background:var(--akzent-zier);box-shadow:inset 0 0 0 1.5px var(--kontur)}.ordner-hinten::before{content:'';position:absolute;left:0;top:-14%;width:40%;height:24%;border-radius:.6em .6em 0 0;background:var(--akzent-zier);box-shadow:inset 0 0 0 1.5px var(--kontur)}.ordner-blatt{position:absolute;left:10%;right:14%;top:2%;height:70%;background:var(--blatt);border:1px solid var(--linie);border-radius:.45em;padding:.8em .9em;display:flex;flex-direction:column;gap:.5em;box-shadow:0 2px 6px rgb(0 0 0/.12)}.ordner-blatt .bk{height:.45em}.ordner-blatt .bk:nth-child(2){width:70%}.ordner-blatt .bk:nth-child(3){width:45%}.ordner-vorn{position:absolute;left:0;right:0;bottom:0;height:60%;border-radius:.7em;background:var(--akzent-zier);box-shadow:inset 0 0 0 1.5px var(--kontur);color:var(--auf-akzent);font-weight:600;font-size:.95em;display:flex;align-items:flex-end;padding:0 .9em .75em;transform-origin:bottom center}@media (max-width:39.99rem){.vorgang{--seite:4/5;font-size:3.25cqw;--fx:42cqw;--fy:-12cqw}.vorgang .angebot{left:4cqw;top:14cqw;width:74cqw}.vorgang .rechnung{left:30cqw;top:69cqw;width:66cqw}.ordner{left:3cqw;top:84cqw;width:26cqw;height:18cqw;font-size:.85em}.vorgang .zeilen li:nth-child(4){display:none}.vorgang .zeilen li{grid-template-columns:minmax(0,1fr) 2.4em 3.4em}}.karten{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@media (min-width:52rem){.karten{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.karten .karte{position:relative;padding:1rem 1rem 1.4rem}.karten h3{margin:1.15rem .25rem .35rem}.karten h3 a{color:var(--text);text-decoration:none}.karten h3 a::after{content:'';position:absolute;inset:0;border-radius:16px}.karten h3 a::before{content:'';display:inline-block;width:.42rem;height:.42rem;border-right:2px solid var(--akzent);border-top:2px solid var(--akzent);transform:rotate(45deg);float:right;margin-top:.45rem;transition:transform .25s var(--weich)}.karten .karte:hover h3 a::before{transform:translateX(3px) rotate(45deg)}.karten p{margin:0 .25rem;color:var(--leise);font-size:.97rem}.vorschau{position:relative;height:9.5rem;border-radius:12px;background:var(--flaeche);overflow:hidden;font-size:.8rem;-webkit-user-select:none;user-select:none}.v-bau{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:.5rem repeat(3,1.35rem);gap:.7rem .35rem;padding:1.1rem 1rem;align-content:center}.vb-tag{height:.35rem;border-radius:2px;background:var(--balken-2);align-self:center}.v-bau i{display:block;border-radius:6px;height:auto}.v-bau i:nth-of-type(1){grid-area:2/1/3/4}.v-bau i:nth-of-type(2){grid-area:2/4/3/6}.v-bau i:nth-of-type(3){grid-area:3/2/4/4}.v-bau i:nth-of-type(4){grid-area:4/1/5/3}.v-bau i:nth-of-type(5){grid-area:4/3/5/6}.frei{font-style:normal;font-size:.72rem;color:var(--leise);display:flex!important;align-items:center;justify-content:center;border:1px dashed var(--balken-2);background:repeating-linear-gradient(135deg,transparent 0 5px,var(--balken) 5px 6px)}.v-agentur{padding:1rem}.va-adresse{display:block;height:.9rem;width:55%;border-radius:999px;background:var(--grund);border:1px solid var(--linie)}.va-seite{position:absolute;left:1rem;right:3.2rem;top:2.6rem;bottom:1rem;border-radius:8px;background:var(--grund);border:1px solid var(--linie);padding:.8rem;display:grid;gap:.75rem;align-content:start;overflow:hidden}.va-seite .bk:nth-child(1){width:70%;height:.7rem}.va-seite .bk:nth-child(2){width:90%}.va-seite .bk:nth-child(3){width:55%}.va-seite::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--warn);box-shadow:0 0 0 4px var(--akzent-hauch);opacity:0}.va-mark{position:absolute;right:1rem;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.va-mark svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.va-mark.ok{background:var(--erledigt-hauch);color:var(--auf-erledigt)}.va-mark.warn{background:var(--warn-hauch);color:var(--auf-warn)}.va-mark.m1{top:2.9rem}.va-mark.m2{top:4.75rem}.va-mark.m3{top:6.6rem}.v-immo svg{position:absolute;inset:0;width:100%;height:100%}.vi-netz{fill:none;stroke:var(--balken-2);stroke-width:1;vector-effect:non-scaling-stroke}.vi-flur{fill:var(--akzent-hauch);stroke:var(--kontur);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:1}.v-immo .chip{position:absolute;box-shadow:0 1px 2px rgb(0 0 0/.08);background:var(--grund);border:1px solid var(--linie)}.v-immo .chip:nth-of-type(1){left:1rem;bottom:1rem}.v-immo .chip:nth-of-type(2){right:1rem;top:1rem}.team .rz .bk{max-width:8rem}.schalter{position:relative;flex:none;width:2.3rem;height:1.3rem;border-radius:999px;background:var(--balken-2)}.schalter::after{content:'';position:absolute;left:.18rem;top:.18rem;width:.94rem;height:.94rem;border-radius:50%;background:var(--blatt);box-shadow:0 0 0 1px var(--linie-stark),0 1px 2px rgb(0 0 0/.25)}.schalter.an{background:var(--akzent-zier);box-shadow:inset 0 0 0 1.5px var(--kontur)}.schalter.an::after{transform:translateX(1rem)}.team .chip{margin-left:auto}.protokoll{margin-top:1.1rem;display:grid;gap:.6rem}.protokoll .chip{justify-self:start;margin:0 0 .2rem}.protokoll p{display:flex;align-items:center;gap:.65rem;margin:0}.protokoll i{width:.5rem;height:.5rem;border-radius:50%;background:var(--akzent-zier);box-shadow:inset 0 0 0 1px var(--kontur);flex:none}.protokoll .bk{flex:1;max-width:14rem}@keyframes flug{0%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(-7deg) scale(1.3)}18%{opacity:1}}@keyframes nick{50%{transform:scaleY(1.06)}}@keyframes scan{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1;transform:translateY(5.6rem)}100%{opacity:0;transform:translateY(5.6rem)}}@keyframes schieb{from{transform:none}}@media (prefers-reduced-motion:no-preference){.js .vorgang .fenster{animation:ein .39s var(--weich) both}.js .vorgang .ordner{animation:ein .39s .29s var(--weich) both}.js .vorgang .angebot{animation:ein .39s .16s var(--weich) both}.js .vorgang .angebot .zeilen li{animation:links .29s var(--weich) both}.js .vorgang .angebot .zeilen li:nth-child(1){animation-delay:.55s}.js .vorgang .angebot .zeilen li:nth-child(2){animation-delay:.78s}.js .vorgang .angebot .zeilen li:nth-child(3){animation-delay:1.01s}.js .vorgang .angebot .zeilen li:nth-child(4){animation-delay:1.24s}.js .vorgang .angebot .zeilen .bk{animation:breit .33s var(--weich) both}.js .vorgang .angebot .zeilen li:nth-child(1) .bk{animation-delay:.69s}.js .vorgang .angebot .zeilen li:nth-child(2) .bk{animation-delay:.91s}.js .vorgang .angebot .zeilen li:nth-child(3) .bk{animation-delay:1.14s}.js .vorgang .angebot .zeilen li:nth-child(4) .bk{animation-delay:1.37s}.js .vorgang .angebot .summe{animation:links .29s 1.53s var(--weich) both}.js .vorgang .angebot .summe .bk{animation:breit .36s 1.66s var(--weich) both}.js .vorgang .angebot .tu{animation:pop .26s 1.79s var(--weich) both,druck .29s 2.64s}.js .vorgang .tu::after{animation:zeiger 1.14s 1.92s var(--weich) both}.js .vorgang .rechnung{animation:heraus .49s 2.87s var(--weich) both}.js .vorgang .rechnung .e{animation:pop .29s 3.33s var(--weich) both}.js .vorgang .rechnung .e path{animation:zug .26s 3.49s both}.js .vorgang .ordner-blatt{animation:flug .65s 3.75s var(--weich) both}.js .vorgang .ordner-vorn{animation:nick .29s 4.31s var(--weich) both}@supports (animation-timeline:view()){.js .v-bau i{animation:breit var(--weich) both;animation-timeline:--sz;animation-range:entry 40% entry 100%;transform-origin:left center}.js .v-bau i:nth-of-type(2),.js .v-bau i:nth-of-type(4){animation-range:entry 55% entry 100%}.js .v-bau .frei{animation-name:blass}.js .va-seite::after{animation:scan linear both;animation-timeline:--sz;animation-range:entry 30% entry 100%}.js .va-mark{animation:pop var(--weich) both;animation-timeline:--sz}.js .va-mark.m1{animation-range:entry 45% entry 75%}.js .va-mark.m2{animation-range:entry 65% entry 95%}.js .va-mark.m3{animation-range:entry 85% entry 100%}.js .vi-flur{animation:zug var(--weich) both;animation-timeline:--sz;animation-range:entry 30% entry 100%}.js .v-immo .chip{animation:pop var(--weich) both;animation-timeline:--sz;animation-range:entry 70% entry 100%}.js .mahnung .rz{animation:rechts var(--weich) both;animation-timeline:--sz;animation-range:entry 15% entry 55%}.js .mahnung .rz:nth-of-type(3){animation-range:entry 30% entry 70%}.js .mahnung .rz:nth-of-type(4){animation-range:entry 45% entry 85%}.js .mahnung .stufen::after{animation:breit var(--weich) both;animation-timeline:--sz;animation-range:entry 75% entry 100%}.js .mahnung .stufen li.an::before{animation:pop var(--weich) both;animation-timeline:--sz;animation-range:entry 70% entry 100%}.js .team .rz{animation:rechts var(--weich) both;animation-timeline:--sz;animation-range:entry 10% entry 50%}.js .team .rz:nth-of-type(2){animation-range:entry 20% entry 60%}.js .team .rz:nth-of-type(3){animation-range:entry 30% entry 70%}.js .team .schalter.an::after{animation:schieb var(--weich) both;animation-timeline:--sz;animation-range:entry 60% entry 90%}.js .protokoll p{animation:links var(--weich) both;animation-timeline:--sz;animation-range:entry 70% entry 95%}}}
