.works.is-ring{height:calc(100vh + 230vh);padding:0}.works.is-ring .works__pin{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding-top:calc(var(--header-h) + var(--space-m));overflow:clip}.works.is-ring .works__stage{flex:1;margin:0;perspective:1700px;perspective-origin:50% 28%;touch-action:pan-y;cursor:grab;user-select:none;--cw:clamp(15rem, min(26vw, 40vh), 22rem);--ch:calc(var(--cw) * .9 + 4.5rem);--r:calc(var(--cw) * 1.52)}.works.is-ring.is-drag .works__stage{cursor:grabbing}.works.is-ring .works__ring{position:absolute;left:50%;top:47%;display:block;width:var(--cw);height:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);padding:0;overflow:visible;transform-style:preserve-3d;transform:translateZ(calc(var(--r) * -1)) rotateX(-6deg) rotateY(calc(var(--rot, 0) * -1deg))}.works.is-ring .work{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 60deg)) translateZ(var(--r))}.works.is-ring .work__face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden}.works.is-ring .work__face::after, .works.is-ring .work__back::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--bg);opacity:calc(1 - var(--o, 1));pointer-events:none}.works.is-ring .work__media{aspect-ratio:16 / 8.5}.works.is-ring .work__title{font-size:clamp(1.15rem, calc(var(--cw) * .072), 1.6rem)}.works.is-ring .work__line{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.works.is-ring .work__back{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-s);backface-visibility:hidden;transform:rotateY(180deg)}.work__back span{font:700 6rem/1 var(--font-display);font-stretch:125%;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--hairline-strong)}.works.is-ring .works__floor{position:absolute;background:var(--bg);left:50%;top:calc(47% + var(--ch) * .5 - var(--r) * .2);display:block;width:min(100vw, var(--r) * 2.7);height:calc(var(--r) * .5);transform:translateX(-50%);-webkit-mask-image:radial-gradient(closest-side, var(--text) 55%, transparent);mask-image:radial-gradient(closest-side, var(--text) 55%, transparent)}.works__ht{position:absolute;inset:0;--dot:7px;--tone:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--text) 42%, transparent) 0 6%, transparent 100%)}.works.is-ring .works__note{display:none}@media (min-width:768px) and (max-height:760px){.works.is-ring .works__stage{--cw:clamp(13rem, min(24vw, 34vh), 22rem);--ch:calc(var(--cw) * .95 + 6rem)}.works.is-ring .work__line{-webkit-line-clamp:4}}.reel{position:relative;overflow-x:clip;background:var(--bg);color:var(--text)}.reel__pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding-block:var(--section-space)}.reel__title{max-width:18ch;margin:0 auto;padding-inline:var(--gutter);font-size:clamp(2rem, .9rem + 4.6vw, 4.75rem);line-height:1.04;text-align:center}.reel__w{display:inline-block}.reel.is-pin .reel__w{will-change:transform}.reel__pill{position:relative;display:inline-block;width:2.15em;height:.9em;overflow:hidden;vertical-align:-.08em;border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--surface-2)}.reel__pill-ic{position:absolute;left:50%;top:50%;border-left:.24em solid var(--text);border-block:.15em solid transparent;transform:translate(-35%, -50%)}.reel__screen{position:relative;width:min(100% - 2 * max(var(--gutter), var(--safe-x)), var(--container));aspect-ratio:var(--ar, 16 / 9);overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface-1)}.reel__poster{position:absolute;inset:0}.reel__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-enter) var(--ease)}.reel.has-poster .reel__video, .reel.is-live .reel__video{opacity:1}.reel.has-poster .reel__screen{background:#f2efe9}.reel__cap{position:absolute;left:3%;bottom:8%;z-index:1;display:grid;gap:.55em;max-width:23%;margin:0;color:var(--text);opacity:0;pointer-events:none;transition:opacity var(--dur-exit) var(--ease)}.reel.has-poster .reel__cap{opacity:var(--ca, 1)}.reel.is-pin.has-poster .reel__cap{opacity:calc(var(--ca, 1) * var(--late, 1))}.reel__cap-l{display:flex;align-items:center;gap:.8em;font:500 clamp(.6875rem, .55rem + .35vw, .875rem)/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.reel__cap-l::before{content:"";width:2.2em;height:1px;background:var(--hairline-strong)}.reel__cap-t{font:var(--display-weight) clamp(1rem, .45rem + 1.5vw, 2.1rem)/1.04 var(--font-display);text-wrap:balance;font-stretch:var(--display-stretch);letter-spacing:-.02em}.reel__cap-t em{font-size:1.12em}.reel__ht{position:absolute;inset:-4%;--dot:9px;--tone:radial-gradient(36% 62% at 50% 50%, color-mix(in srgb, var(--text) 58%, transparent) 0 10%, transparent 100%)}.reel__sig{position:absolute;left:50%;top:50%;width:auto;height:64%;aspect-ratio:1;color:var(--bg);transform:translate(-50%, -50%)}.reel__scan{position:absolute;inset:0;background:linear-gradient(90deg, transparent calc(50% - 1px), var(--hairline-strong) 50%, transparent calc(50% + 1px));opacity:0}.reel__ui{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s) var(--space-m)}.reel__info{margin:0 auto 0 0}.reel__tc{font-variant-numeric:tabular-nums;color:var(--text)}.reel__btn{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;padding:0 1.15rem;border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:none;color:var(--text);font:500 .9375rem/1 var(--font-sans);cursor:pointer}@media (hover:hover){.reel__btn:hover{border-color:var(--text)}}.reel__btn-ic{width:10px;height:12px;border-inline:3px solid currentColor}.reel.is-paused .reel__btn-ic{width:0;border-inline:0;border-left:10px solid currentColor;border-block:6px solid transparent}.reel.is-playing.is-visible:not(.has-poster) .reel__ht{animation:breathe 9s var(--ease-inout) infinite alternate}.reel.is-playing.is-visible:not(.has-poster) .reel__scan{opacity:1;animation:scan 6s linear infinite}@keyframes breathe{to{transform:scale(1.07) translateX(1%)}}@keyframes scan{from{transform:translateX(-52%)}to{transform:translateX(52%)}}@media (min-width:768px){.reel__screen{--ar:2.39 / 1}}.reel.is-pin{height:calc(100vh + 170vh)}.reel.is-pin .reel__pin{position:sticky;top:0;display:block;height:100vh;padding:0;overflow:clip}.reel.is-pin .reel__run{position:absolute;top:calc(var(--header-h) + var(--space-m));left:0;right:0}.reel.is-pin .reel__title{position:absolute;left:0;right:0;top:50%;max-width:none;transform:translateY(-50%)}.reel.is-pin .reel__screen{position:absolute;left:50%;top:50%;z-index:2;width:var(--fw, 100vw);aspect-ratio:2.39 / 1;border:0;border-radius:0;transform-origin:50% 50%;will-change:transform}.reel.is-pin .reel__ui{position:absolute;left:0;right:0;bottom:var(--space-l);z-index:3}.reel__play{display:none}.reel.is-pin .reel__play{position:absolute;left:50%;top:50%;z-index:3;display:block;width:var(--pw, 0px);height:var(--ph, 0px);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--surface-2);font-size:clamp(2rem, .9rem + 4.6vw, 4.75rem);pointer-events:none}.reel.is-pin.is-playing.is-visible:not(.has-poster) .reel__scan{opacity:var(--late, 1)}.reel:not(.is-pin) .reel__pill-ic{display:none}.reel:not(.is-pin) .reel__pill{background:radial-gradient(circle, var(--text-muted) 0 1px, transparent 1.5px) 0 0 / 7px 7px, var(--surface-2)}@media (max-width:767px){.reel__cap-l{font-size:.75rem}}@media (max-width:767px), (max-width:959px) and (max-height:539px) and (orientation:landscape){.reel__pin{--rw:min(100% - 2 * var(--gutter), 26rem);gap:var(--space-l);padding-block:var(--section-space-sm)}.reel__run{margin-bottom:0}.reel__screen{--ar:4 / 5;width:var(--rw);background:var(--surface-1)}.reel__cap{left:7%;right:7%;bottom:calc(44px + 1.75rem);max-width:none}.reel__cap-l{justify-self:start;gap:0;padding:.4em .7em;border-radius:var(--radius-pill);background:var(--bg);letter-spacing:.06em;text-wrap:balance}.reel__cap-l::before{display:none}.reel__cap-t{font-size:clamp(1.3rem, .9rem + 3vw, 1.75rem)}.reel__ui{position:relative;z-index:3;justify-content:flex-end;width:var(--rw);margin-top:calc(-1 * (var(--space-l) + 44px + .75rem));padding:0 .75rem 0 0}.reel__info, .reel__tc{display:none}.reel__btn{justify-content:center;width:44px;padding:0;border:0;border-radius:50%;background:rgb(18 18 20 / .78);color:#edebe6}.reel__btn [data-reel-btn-t]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reel.is-paused .reel__btn-ic{margin-left:3px}}@keyframes hwScreen{from{transform:translate3d(0, 2rem, 0) scale(.86);opacity:.4}}@keyframes hwWordL{from{transform:translate3d(-12vw, 0, 0);opacity:0}}@keyframes hwWordR{from{transform:translate3d(12vw, 0, 0);opacity:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@media (max-width:767px), (max-width:959px) and (max-height:539px) and (orientation:landscape){.reel__screen{animation:hwScreen linear both;animation-timeline:view();animation-range:entry 0% cover 40%}.reel__title [data-reel-l]{animation:hwWordL linear both;animation-timeline:view();animation-range:entry 10% cover 35%}.reel__title [data-reel-r]{animation:hwWordR linear both;animation-timeline:view();animation-range:entry 10% cover 35%}}}}@media (max-width:959px) and (max-height:539px) and (orientation:landscape){.reel__pin{padding-block:var(--section-space-sm)}.reel__pin{--rw:min(100% - 2 * max(var(--gutter), var(--safe-x)), (100vh - var(--header-h) - 2.5rem) * 2.39);gap:var(--space-m)}@supports (height:100svh){.reel__pin{--rw:min(100% - 2 * max(var(--gutter), var(--safe-x)), (100svh - var(--header-h) - 2.5rem) * 2.39)}}.reel__title{font-size:clamp(1.75rem, 10vh, 3rem)}.reel__screen{--ar:2.39 / 1}.reel__cap{left:3%;right:auto;bottom:4%;max-width:23%}.reel__cap-l{justify-self:stretch;padding:0;border-radius:0;background:none;letter-spacing:.12em}.reel__cap-l::before{display:none}.reel__cap-t{font-size:clamp(1rem, .45rem + 1.5vw, 2.1rem)}.reel__ui{margin-top:calc(-1 * (var(--space-m) + 44px + .75rem))}}.works__links{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--space-l);margin-top:var(--space-s)}.works__list{display:flex;flex-wrap:wrap;column-gap:clamp(1rem, 2vw, 1.75rem);margin:0;padding:0;list-style:none;font-size:.9375rem}.works__list a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);text-decoration:underline 1px var(--hairline-strong);text-underline-offset:.3em}@media (hover:hover){.works__list a:hover{text-decoration-color:currentColor}}.works{--wl-h:calc(var(--space-s) + 88px + var(--space-m))}.works.is-ring{margin-bottom:var(--wl-h)}.works.is-ring .works__links{position:absolute;top:100%;left:0;right:0;z-index:1;min-height:var(--wl-h);margin-top:0;padding-top:var(--space-s);align-content:flex-start;background:var(--bg)}.saal{position:relative;overflow:hidden;height:clamp(8rem,34vh,22rem);--m:linear-gradient(#000 70%,#0000);background:linear-gradient(#f2efe9,#0a0a0b);view-timeline:--saal}.saal--an{height:clamp(5rem,20vh,12rem);transform:scaleY(-1)}.saal::before,.saal::after,.saal__staub{position:absolute;inset:0;-webkit-mask-image:var(--m)}.saal::after{content:"";background:radial-gradient(70% 90% at bottom,#7f6de71a,#9b8dee0a 45%,#0000 72%)}.ht.saal__staub{--text:#fff;--bg:#000;--tone:radial-gradient(46% 36% at 50% 62%,#fff5,#0000);--m:radial-gradient(70% 90% at bottom,#000 25%,#0000 72%);mix-blend-mode:screen;opacity:.35}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.saal::before{content:"";background:linear-gradient(#f2efe9 30%,#0000)}.saal::before,.saal::after,.saal__staub{animation:saal-o linear both;animation-timeline:--saal;animation-range:entry exit 40%}.saal__staub{animation-name:saal-s}.saal--aus::after,.saal--an::before{animation-direction:reverse}.saal--an::before,.saal--an::after{animation-range:entry 60% exit}}}@keyframes saal-o{to{opacity:0}}@keyframes saal-s{from{translate:0 -28px}}@media print,(forced-colors:active){.saal{display:none}}.cine-open{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;color:var(--text);font:500 .9375rem/1.25 var(--font-sans);text-decoration:none}.cine-open__ic{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--accent)}.cine-open__ic::before{content:"";margin-left:3px;border-left:10px solid var(--on-accent);border-block:6px solid #0000}.cine-open__t{text-decoration:underline 1px var(--hairline-strong);text-underline-offset:.3em}.cine-open__s,.cine-open__m{color:var(--text-muted);white-space:nowrap}@media (hover:hover){.cine-open:hover .cine-open__t{text-decoration-color:currentColor}.cine-open:hover .cine-open__ic{box-shadow:0 0 0 .45rem #9b8dee33}}@media (max-width:767px),(max-width:959px) and (max-height:539px) and (orientation:landscape){.cine-open{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;flex-basis:calc(100% + .75rem);order:3;margin:.75rem -.75rem 0 0}.cine-open__ic{grid-row:span 2}.cine-open__s{position:absolute;font-size:0}}.kompass{margin:0 0 var(--space-xl);border-block:1px solid var(--hairline-strong)}.kompass summary{display:flex;align-items:center;gap:var(--space-xs);min-height:3.5rem;font-weight:600;cursor:pointer;list-style:none}.kompass summary::-webkit-details-marker{display:none}.kompass summary::after{content:"+";margin-left:auto;font:300 1.75rem/1 var(--font-mono)}.kompass[open]>summary::after{rotate:45deg}.kompass__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-m) var(--gutter);padding-block:var(--space-xs) var(--space-m)}.kompass fieldset{min-width:0;margin:0;padding:0;border:0}.kompass legend{margin-bottom:var(--space-xs);font-weight:600}.kompass legend span{display:block}.kompass__opts{display:flex;flex-wrap:wrap;gap:.5rem}.kc{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.4rem 1rem .4rem .4rem;border:1px solid var(--hairline-strong);border-radius:22px;font-size:.9375rem;line-height:1.25;cursor:pointer}.kc input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.kc input+span{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border:1px solid;border-radius:50%;font:500 .75rem/1 var(--font-mono)}.kompass [type=checkbox]+span{border-radius:5px}.kc :checked+span{border-color:var(--brand-lilac-2);background:var(--brand-lilac-2);color:var(--text)}.kc:has(:checked){border-color:var(--text);background:var(--text);color:var(--bg)}.kc:has(:focus-visible){outline:var(--focus-ring);outline-offset:2px}@media (hover:hover){.kc:hover{border-color:var(--text)}}.kompass__out{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s) var(--space-m);padding-top:var(--space-s);border-top:1px solid var(--hairline)}.kompass__res{flex:1 1 18rem}.kompass__res p{margin:0}.kompass__say{font-weight:600}.kompass__say span,.kompass__fine{display:none}.kompass__fine{color:var(--text-muted)}.kompass .kompass__r0{display:block}.kompass:has(.kz:checked) .kompass__r0{display:none}.kompass:has(#kp-z1:checked) .kompass__r1,.kompass:has(#kp-z2:checked) .kompass__r2,.kompass:has(#kp-z3:checked) .kompass__r3,.kompass:has(.kz:checked) .kompass__fine{display:block}@media (max-width:767px){.kompass{margin-bottom:var(--space-xs)}.kompass__body{grid-template-columns:minmax(0,1fr)}.kompass__out .btn{width:100%}#pakete:has(.kz:checked) .plans{padding-block:2.75rem 1.5rem}#pakete:has(#kp-p3:checked) .plan--care{margin-top:var(--space-xl)}}#pakete:has(.kz:checked) .plan__in{border-color:var(--hairline)}#pakete:has(#kp-z1:checked) li:nth-child(1)>.plan__in,#pakete:has(#kp-z2:checked) li:nth-child(2)>.plan__in,#pakete:has(#kp-z3:checked) li:nth-child(3)>.plan__in,#pakete:has(#kp-p3:checked) .plan--care>.plan__in{--kp-l:"Passt zu Ihren Antworten";--kp-r:-4deg;--kp-z:24px;--kp-s:1;border-color:#7f6de7;box-shadow:0 0 0 1px #7f6de7,0 28px 56px -28px rgb(127 109 231/.45)}.plan__in::before{content:var(--kp-l,none);position:absolute;bottom:100%;left:var(--space-m);padding:.55em .8em .45em;border:1px solid #7f6de7;border-bottom:0;border-radius:6px 6px 0 0;background:var(--bg);font:500 .75rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}@media (prefers-reduced-motion:no-preference){#pakete:has(.kz:checked) .plan__in{rotate:x var(--kp-r,0deg);translate:0 0 var(--kp-z,0px);scale:var(--kp-s,.97)}}