.gate-scene{--room-bg:var(--ak-cost-hero-background);--room-ink:var(--ak-carbon);--room-muted:var(--ak-cost-hero-muted);--room-panel:var(--ak-gate-room-panel);--room-line:var(--ak-gate-room-line);--room-lines:var(--ak-ops-line);--room-tag:var(--ak-lime);--room-tag-ink:var(--ak-carbon);--room-start:var(--ak-gate-room-start);--room-step:var(--ak-gate-room-step);z-index:1;isolation:isolate;pointer-events:none;color:var(--room-ink);background:var(--room-bg);position:absolute;inset:0;overflow:hidden;container-type:size}.gate-scene[data-track=umsatz]{--room-bg:var(--ak-revenue-hero-background);--room-ink:var(--ak-revenue-hero-ink);--room-muted:var(--ak-revenue-hero-muted);--room-panel:var(--ak-gate-room-panel-dark);--room-line:var(--ak-gate-room-line-dark);--room-lines:var(--ak-gate-room-lines-dark)}.gate-room-lines{fill:none;width:100%;height:100%;stroke:var(--room-lines);stroke-width:1.2px;stroke-linecap:round;position:absolute;inset:0}.gate-room-lines circle{fill:var(--room-lines);stroke:none}.gate-room{flex-direction:column;gap:3.5cqi;padding:7cqi 7cqi 6cqi;display:flex;position:absolute;inset:0}.gate-room-headline{letter-spacing:-.035em;margin:0;font-size:clamp(1.05rem,7.2cqi,2.6rem);font-weight:600;line-height:1.06}.gate-room-headline>*{width:fit-content;display:block}.gate-room-headline em{font-style:normal}.gate-scene[data-track=kosten] .gate-room-headline em{background-image:linear-gradient(var(--ak-lime), var(--ak-lime));background-repeat:no-repeat;background-size:100% var(--ak-cost-hero-marker-height);background-position:var(--ak-cost-hero-marker-position)}.gate-scene[data-track=umsatz] .gate-room-headline em{color:var(--ak-lime)}.gate-room-panel{border:1px solid var(--room-line);background:var(--room-panel);box-shadow:0 2cqi 6cqi var(--ak-gate-room-shadow);border-radius:3cqi;padding:2.8cqi 4cqi 2.4cqi;position:relative}.gate-room-panel-head{border-bottom:1px solid var(--room-line);justify-content:space-between;align-items:center;gap:2cqi;padding-bottom:2.4cqi;display:flex}.gate-room-panel-title{align-items:center;gap:1.6cqi;font-size:clamp(.7rem,3.4cqi,1.05rem);font-weight:650;display:inline-flex}.gate-room-panel-title svg{width:4.6cqi;height:4.6cqi}.gate-room-count{justify-items:end;font-size:clamp(.58rem,2.7cqi,.85rem);font-weight:650;display:grid}.gate-room-count>span{white-space:nowrap;border-radius:99px;grid-area:1/1;padding:.9cqi 2.2cqi}.gate-room-count [data-state=before]{opacity:0;border:1px solid var(--room-line)}.gate-room-count [data-state=after]{background:var(--room-tag);color:var(--room-tag-ink)}.gate-room-list{margin:0;padding:0;list-style:none}.gate-room-list li{border-bottom:1px solid var(--room-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2.2cqi;max-height:15cqi;padding-block:1.8cqi;display:grid;overflow:hidden}.gate-room-list li:last-child{border-bottom:0}.gate-room-dot{background:var(--room-ink);opacity:0;border-radius:50%;width:1.8cqi;height:1.8cqi}.gate-room-item{gap:.5cqi;min-width:0;display:grid}.gate-room-item strong,.gate-room-item small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gate-room-item strong{font-size:clamp(.66rem,3.2cqi,1rem);font-weight:600}.gate-room-item small{color:var(--room-muted);font-size:clamp(.56rem,2.6cqi,.82rem)}.gate-room-tag{background:var(--room-tag);color:var(--room-tag-ink);white-space:nowrap;border-radius:99px;align-items:center;gap:1cqi;padding:.9cqi 2.2cqi;font-size:clamp(.54rem,2.5cqi,.8rem);font-weight:650;display:inline-flex}.gate-room-tag svg{width:2.8cqi;height:2.8cqi}.gate-room-list li[data-kind=routine]{opacity:0;border-bottom-width:0;max-height:0;padding-block:0}.gate-room-list li[data-kind=routine] .gate-room-tag{color:var(--room-muted);box-shadow:inset 0 0 0 1px var(--room-line);background:0 0}.gate-room-list li[data-kind=meeting]{grid-template-columns:auto minmax(0,1fr);padding-block:1.6cqi}.gate-room-time{border:1px solid var(--room-tag);color:var(--room-tag);white-space:nowrap;border-radius:99px;padding:.9cqi 2cqi;font-size:clamp(.54rem,2.5cqi,.8rem);font-weight:650}.gate-room-week{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4cqi;margin:2.2cqi 0 .6cqi;padding:0;list-style:none;display:grid}.gate-room-week li{border:1px solid var(--room-line);color:var(--room-muted);border-radius:2cqi;justify-content:center;align-items:center;gap:1.2cqi;padding-block:1.1cqi;font-size:clamp(.54rem,2.4cqi,.78rem);display:flex}.gate-room-week i{background:var(--room-line);border-radius:50%;width:1.8cqi;height:1.8cqi}.gate-room-week li[data-booked=true]{color:var(--room-ink)}.gate-room-week li[data-booked=true] i{background:var(--room-tag)}.gate-room-agenda{position:relative}.gate-room-empty{color:var(--room-muted);opacity:0;place-items:center;margin:0;font-size:clamp(.6rem,2.8cqi,.9rem);display:grid;position:absolute;inset:0}.gate-room-footer{justify-content:space-between;align-items:center;gap:2cqi;margin-top:1.6cqi;display:flex}.gate-room-auto{color:var(--room-muted);align-items:center;gap:1.2cqi;margin:0;font-size:clamp(.54rem,2.5cqi,.8rem);display:flex}.gate-room-auto svg{width:3cqi;height:3cqi;color:var(--room-ink);flex:none}.gate-room-example{color:var(--room-muted);white-space:nowrap;margin-left:auto;font-size:clamp(.5rem,2.2cqi,.7rem)}.gate-room-proof{border:1px solid var(--room-line);background:var(--room-panel);border-radius:2.4cqi;gap:.5cqi;margin:0;padding:2.4cqi 4cqi;display:grid;position:absolute;inset:auto 7cqi 6cqi}.gate-room-proof small{color:var(--room-muted);align-items:center;gap:1.2cqi;font-size:clamp(.52rem,2.4cqi,.76rem);font-weight:600;display:flex}.gate-room-proof small:before{content:"";border:1px solid var(--ak-carbon);background:var(--ak-lime);border-radius:50%;flex:none;width:1.8cqi;height:1.8cqi}.gate-room-proof strong{letter-spacing:-.02em;font-size:clamp(.8rem,4.4cqi,1.4rem);font-weight:650}.gate-room-proof span{color:var(--room-muted);font-size:clamp(.5rem,2.2cqi,.72rem)}@media (prefers-reduced-motion:no-preference){.gate-scene[data-open=true] .gate-room-headline,.gate-scene[data-open=true] .gate-room-proof{animation:gate-room-rise .6s var(--ak-ease) backwards}.gate-scene[data-open=true] .gate-room-headline{animation-delay:calc(var(--room-start) + 1.5s)}.gate-scene[data-open=true] .gate-room-proof{animation-delay:calc(var(--room-start) + 1.9s)}.gate-scene[data-open=true] .gate-room-count [data-state=before]{animation:gate-room-leave .32s ease backwards calc(var(--room-start) + 1.2s)}.gate-scene[data-open=true] .gate-room-count [data-state=after]{animation:gate-room-arrive .32s ease backwards calc(var(--room-start) + 1.2s)}.gate-scene[data-open=true] li[data-kind=routine]{animation:gate-room-collapse .52s var(--ak-ease) backwards calc(var(--room-start) + .65s + var(--order) * var(--room-step))}.gate-scene[data-open=true] li[data-kind=routine] :is(.gate-room-tag,.gate-room-dot){animation-delay:calc(var(--room-start) + var(--order) * var(--room-step))}.gate-scene[data-open=true] li[data-kind=approval] :is(.gate-room-tag,.gate-room-dot){animation-delay:calc(var(--room-start) + 1s + var(--order) * .16s)}.gate-scene[data-open=true] li:is([data-kind=routine],[data-kind=approval]) .gate-room-tag{animation-name:gate-room-tag-in;animation-duration:.28s;animation-timing-function:var(--ak-ease);animation-fill-mode:backwards}.gate-scene[data-open=true] li:is([data-kind=routine],[data-kind=approval]) .gate-room-dot{animation-name:gate-room-leave;animation-duration:.28s;animation-fill-mode:backwards}.gate-scene[data-open=true] .gate-room-auto{animation:gate-room-arrive .4s ease backwards calc(var(--room-start) + 1.4s)}.gate-scene[data-open=true] .gate-room-empty{animation:gate-room-leave .24s ease backwards calc(var(--room-start) + .1s)}.gate-scene[data-open=true] li[data-kind=meeting]{animation:gate-room-pop .42s var(--ak-ease) backwards calc(var(--room-start) + .2s + var(--order) * var(--room-step))}.gate-scene[data-open=true] .gate-room-week li[data-booked=true] i{animation:gate-room-unbooked .24s ease backwards calc(var(--room-start) + .2s + var(--order) * var(--room-step))}}@keyframes gate-room-rise{0%{opacity:0;transform:translateY(3cqi)}}@keyframes gate-room-arrive{0%{opacity:0}}@keyframes gate-room-leave{0%{opacity:1}}@keyframes gate-room-tag-in{0%{opacity:0;transform:translate(2cqi)}}@keyframes gate-room-pop{0%{opacity:0;transform:translateY(2cqi)scale(.97)}}@keyframes gate-room-unbooked{0%{background:var(--room-line)}}@keyframes gate-room-collapse{0%{opacity:1;border-bottom-width:1px;max-height:15cqi;padding-block:1.8cqi}40%{opacity:.55}}[data-paused=true] .gate-scene *,.gate-scene[data-paused=true] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.gate-scene *,.gate-scene :before,.gate-scene :after{animation:none!important}}@container (min-aspect-ratio:4/5){.gate-room{gap:3cqi;padding-top:6cqi}.gate-room-headline{font-size:clamp(1rem,6.8cqi,2.4rem)}.gate-room-list li[data-kind=meeting]{padding-block:1.3cqi}}@media (hover:none){.gate-room{gap:2.6cqi;padding-top:5cqi}.gate-room-headline{font-size:clamp(1rem,6.6cqi,2.4rem)}.gate-room-panel-head{padding-bottom:1.8cqi}.gate-room-list li,.gate-room-list li[data-kind=meeting]{padding-block:1.3cqi}.gate-room-proof{bottom:calc(5cqi + var(--ak-gate-touch-hint-space))}.gate-scene[data-track=umsatz] .gate-room-week{display:none}}@container (max-width:240px){.gate-room{visibility:hidden}}