@property --entfaltung{syntax:"<number>";inherits:true;initial-value:1}.startseite{isolation:isolate;position:relative}.start-licht{background:radial-gradient(38% 42% at 78% 34%, color-mix(in oklab, var(--farbe-akzent) 16%, transparent), transparent), radial-gradient(26% 30% at 62% 62%, color-mix(in oklab, var(--farbe-orange) 9%, transparent), transparent);pointer-events:none;z-index:-1;height:min(980px,120dvh);position:absolute;inset:0 calc(50% - 50vw) auto}.raum{--basis-x:16deg;--basis-y:-8deg;--neigung-max:0deg;--zeiger-x:0;--zeiger-y:0;padding:var(--abstand-16) var(--abstand-2) calc(var(--abstand-16) + var(--abstand-8));perspective:1400px;perspective-origin:50% 20%}@media (min-width:960px){.raum{--basis-x:14deg;--basis-y:-18deg;padding-block:var(--abstand-16)}}.raum-szene{animation:entfalten 1.1s var(--feder-weich) .15s both;max-width:480px;transform:rotateX(calc(var(--basis-x) * var(--entfaltung) - var(--zeiger-y) * var(--neigung-max))) rotateY(calc(var(--basis-y) * var(--entfaltung) + var(--zeiger-x) * var(--neigung-max)));transform-style:preserve-3d;transition:transform var(--feder-weich-dauer) var(--feder-weich);margin-inline:auto;position:relative}.raum[data-folgt] .raum-szene{transition-duration:90ms;transition-timing-function:linear}@keyframes entfalten{0%{--entfaltung:0}to{--entfaltung:1}}@supports (animation-timeline:view()){@media (max-width:959px){.raum-szene{animation:linear both entfalten;animation-timeline:view();animation-range:entry cover 40%}}}.wochen-ebene{--ebene:0;background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius-3);transform:translate3d(0, calc(var(--ebene) * -68px * var(--entfaltung)), calc(var(--ebene) * -100px * var(--entfaltung)));overflow:hidden}.wochen-ebene[data-ebene="0"]{position:relative;box-shadow:0 2px 6px #0000000f,0 28px 60px -24px #00000047}.wochen-ebene[data-ebene="1"],.wochen-ebene[data-ebene="2"]{opacity:calc(1 - var(--ebene) * .14 * var(--entfaltung));position:absolute;inset:0}.wochen-ebene[data-ebene="1"]{--ebene:1}.wochen-ebene[data-ebene="2"]{--ebene:2}.wochen-ebene-kopf,.wochen-ebene-zeile{align-items:center;gap:var(--abstand-3);padding:var(--abstand-4) var(--abstand-5);display:flex}.wochen-ebene-kopf{background:var(--farbe-fuellung);color:var(--farbe-tinte-zwei);font:var(--schrift-headline);justify-content:space-between}.wochen-ebene[data-ebene="0"] .wochen-ebene-kopf{background:var(--farbe-orange-tint);color:var(--farbe-orange)}.wochen-ebene-kopf>*{white-space:nowrap}.wochen-ebene-kopf>span{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-width:399px){.wochen-ebene-kopf{font:650 .9375rem / 1.33 var(--schrift-sans)}.wochen-ebene-kopf,.wochen-ebene-zeile{padding-inline:var(--abstand-4)}}.wochen-ebene-zeile{border-top:1px solid var(--farbe-linie);min-height:44px}.wochen-ebene-zeile strong{margin-left:auto}.wochen-ebene-zeile .status-pille,.wochen-ebene-zeile .status-offen{flex:none;margin-left:0}.raum-hinweis{background:var(--farbe-flaeche-gehoben);border:1px solid var(--farbe-linie);border-radius:var(--radius-3);bottom:calc(-1 * (var(--abstand-16) + var(--abstand-5)));font:var(--schrift-footnote);align-items:center;gap:var(--abstand-3);max-width:calc(100% - var(--abstand-8));opacity:clamp(0, var(--entfaltung) * 2 - 1, 1);padding:var(--abstand-3) var(--abstand-4);right:var(--abstand-2);transform:translate3d(0, 0, calc(80px * var(--entfaltung)));margin:0;display:flex;position:absolute;box-shadow:0 2px 8px #00000014,0 22px 44px -18px #00000052}@media (min-width:960px){.raum-hinweis{bottom:calc(-1 * var(--abstand-12));right:calc(-1 * var(--abstand-6))}}.raum-hinweis>span:last-child{color:var(--farbe-tinte-zwei)}.raum-hinweis strong{color:var(--farbe-tinte);font-weight:650;display:block}.raum-avatar{background:var(--farbe-akzent-tint);border-radius:var(--radius-voll);color:var(--farbe-akzent);font:var(--schrift-headline);flex:0 0 36px;justify-content:center;align-items:center;height:36px;display:inline-flex}.raum-boden{pointer-events:none;background:radial-gradient(closest-side,#00000029,#0000);height:64px;position:absolute;bottom:-28px;left:8%;right:8%;transform:translateZ(-60px)rotateX(70deg)}@media (prefers-color-scheme:dark){.raum-boden{background:radial-gradient(closest-side,#000000b3,#0000)}.wochen-ebene[data-ebene="0"]{box-shadow:0 2px 6px #0006,0 28px 60px -20px #000c}}@media (prefers-contrast:more){.wochen-ebene[data-ebene="1"],.wochen-ebene[data-ebene="2"]{opacity:1}}@media (prefers-reduced-motion:reduce){.raum-szene{transition:none;animation:none}}
