@property --sprung-tinte{syntax:"<color>";inherits:true;initial-value:#f4f0e6}@property --sprung-grund{syntax:"<color>";inherits:true;initial-value:#1f3d33}.buehne,.landung{--wald:#1f3d33;--creme:#f4f0e6;--rosette:#e0533a;--buehne-breite:46vw;--buehne-hoehe:36svh;--sprung-out:cubic-bezier(.16, 1, .3, 1);--sprung-expo:cubic-bezier(.19, 1, .22, 1)}.buehne{z-index:40;background:var(--background);position:fixed;inset:0;overflow-y:auto}.buehne-panel{--sprung-tinte:var(--creme);--sprung-grund:var(--wald);z-index:1;width:var(--buehne-breite);background:var(--wald);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.buehne-seite{min-height:100%;margin-left:var(--buehne-breite);place-items:center;padding:48px 24px;display:grid;position:relative}.buehne-inhalt{width:min(360px,100%)}.buehne-inhalt>h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--primary);margin:0;font-size:46px;font-weight:400;line-height:1.05}.buehne-inhalt>p{color:var(--muted-foreground);margin:12px 0 0;font-size:14px;line-height:1.5}.buehne-inhalt.buehne-hinweis{border-top:3px solid var(--warn);padding-top:24px}.buehne-inhalt .login-form{margin-top:32px}.buehne-inhalt .login-form input{height:52px;font-size:16px}.buehne-inhalt .login-form>button[type=submit]{height:52px;font-size:15px}.buehne-inhalt .login-form>button[type=submit] svg{transition:transform .3s var(--sprung-out)}.buehne-inhalt .login-form>button[type=submit]:hover svg{transform:translate(3px)}.login-wege{justify-content:center;gap:28px;margin-top:24px;font-size:14px;display:flex}.login-wege a{color:var(--muted-foreground);text-decoration:none}.login-wege a:hover{color:var(--foreground)}.sprung-marke{position:relative}.sprung-marke svg{transform-origin:50%;width:clamp(140px,15vw,210px);height:auto;display:block;overflow:visible}.sprung-tinte{fill:var(--sprung-tinte)}.sprung-grund{fill:var(--sprung-grund)}.sprung-streifen{fill:var(--rosette)}.sprung-staender{transform-box:fill-box;transform-origin:50% 100%}.sprung-stange{transform-box:fill-box;transform-origin:50%}.sprung-bogen{fill:none;stroke:var(--rosette);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:26 200;stroke-dashoffset:30px}.sprung-wortmarke{white-space:nowrap;font:600 16px/1 var(--font-general-sans), system-ui, sans-serif;letter-spacing:.2em;color:var(--sprung-tinte);align-items:center;margin-top:34px;display:flex;position:absolute;top:100%;left:50%;translate:-50%}.sprung-wortmarke span{display:inline-block}.sprung-wortmarke .sprung-strich{background:var(--rosette);border-radius:2px;width:2px;height:14px;margin:0 .6em 0 .4em}.sprung-os{color:var(--rosette)}.buehne-band{transform-origin:0;background:repeating-linear-gradient(90deg, var(--creme) 0 28px, var(--rosette) 28px 56px);height:8px;position:absolute;bottom:0;left:0;right:0}.landung{z-index:200;pointer-events:none;position:fixed;inset:0}.landung-schleier{background:var(--background);position:absolute;inset:0}@media (max-width:760px){.buehne-panel{width:auto;height:var(--buehne-hoehe);position:relative;bottom:auto}.landung .buehne-panel{position:fixed;right:0}.buehne-seite{place-items:start center;min-height:0;margin-left:0;padding:32px 16px 48px}.buehne-inhalt>h1{font-size:38px}.buehne-inhalt .login-form{margin-top:24px}.sprung-marke{translate:0 -14px}.sprung-marke svg{width:92px}.sprung-wortmarke{margin-top:20px;font-size:12px}.sprung-wortmarke .sprung-strich{height:11px}.buehne-band{background:repeating-linear-gradient(90deg, var(--creme) 0 20px, var(--rosette) 20px 40px);height:6px}}@keyframes sprung-wachsen{0%{transform:scaleY(0)}70%{transform:scaleY(1.05)}to{transform:scaleY(1)}}@keyframes sprung-nachgeben{0%,to{transform:scaleY(1)}35%{transform:scaleY(.965)}}@keyframes sprung-auflegen{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-90px)}50%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translateY(0)}66%{animation-timing-function:ease-in-out;transform:translateY(-3.5px)rotate(-2.4deg)}82%{animation-timing-function:ease-in-out;transform:translateY(0)rotate(1deg)}to{opacity:1;transform:none}}@keyframes sprung-flug{0%{stroke-dashoffset:30px}to{stroke-dashoffset:-104px}}@keyframes sprung-auftauchen{0%{opacity:0;transform:translateY(7px)}}@keyframes sprung-buehne-breit{0%{width:100vw}}@keyframes sprung-buehne-hoch{0%{height:100svh}}@keyframes sprung-nah{0%{transform:scale(1.32)}}@keyframes sprung-band{0%{transform:scaleX(0)}}html[data-sprung=an] .buehne .sprung-staender{animation:sprung-wachsen .36s var(--sprung-out) both, sprung-nachgeben .215s var(--sprung-out) .5s forwards}html[data-sprung=an] .buehne .sprung-staender-rechts{animation-delay:65ms,.5s}html[data-sprung=an] .buehne .sprung-stange{animation:.46s .27s both sprung-auflegen}html[data-sprung=an] .buehne .sprung-bogen{animation:.525s cubic-bezier(.65,0,.35,1) .525s both sprung-flug}html[data-sprung=an] .buehne .sprung-wortmarke span{animation:sprung-auftauchen .345s var(--sprung-out) calc(.67s + var(--i,0) * 20ms) both}html[data-sprung=an] .buehne .buehne-panel{animation:sprung-buehne-breit .64s var(--sprung-expo) .805s both}html[data-sprung=an] .buehne .sprung-marke{animation:sprung-nah .64s var(--sprung-expo) .805s both}html[data-sprung=an] .buehne .buehne-band{animation:sprung-band .575s var(--sprung-expo) 1.015s both}html[data-sprung=an] .buehne .buehne-inhalt>*{animation:sprung-auftauchen .46s var(--sprung-out) calc(.92s + var(--n,0) * 50ms) both}.buehne-inhalt>:nth-child(2){--n:1}.buehne-inhalt>:nth-child(3){--n:2}.buehne-inhalt>:nth-child(n+4){--n:3}@media (max-width:760px){html[data-sprung=an] .buehne .buehne-panel{animation-name:sprung-buehne-hoch}}