.sp{background:var(--canvas);color:var(--ink);position:relative;overflow-x:clip}.sp-sec{padding-bottom:0}.sp .kopf{margin-bottom:clamp(40px,6vh,72px)}.sp-sprung{left:var(--rand);z-index:6;background:#fff;padding:12px 18px;font-size:15px;font-weight:500;position:absolute;color:#0e0e0f!important}.sp-sprung:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.sp-sprung:focus{top:calc(var(--kopf) + 12px);left:var(--rand);z-index:60;outline:2px solid var(--signal);outline-offset:2px;position:fixed}:where(body:has(.sp)) #fabWrap{transition:opacity .3s,transform .3s,visibility linear}#fabWrap[data-sp-aus]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility 0s linear .3s;transform:translateY(12px)}.sp-spur{position:relative}.sp-pin{max-width:var(--inhalt);padding:0 var(--rand);margin:0 auto;position:relative}.sp-licht{display:none}.sp-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(64px,7vw,104px) clamp(32px,3.4vw,56px);margin:0;padding:0;list-style:none;display:grid}.sp-werk{min-width:0;margin:0;position:relative}.sp-fig{margin:0;position:relative}.sp-platz{aspect-ratio:16/10;width:80%;margin-bottom:calc(13% + 4px);position:relative}.sp-desk{background:#1a1a1d;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #000000d9}.sp-bild{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sp-handy{aspect-ratio:390/844;background:#1a1a1d;border-radius:12%/5.6%;width:35%;position:absolute;bottom:-26%;right:-22%;overflow:hidden;box-shadow:0 0 0 1px #ffffff29,0 44px 70px -28px #000000f2}.sp-tor{z-index:4;cursor:zoom-in;position:absolute;inset:0}.sp-desk:after,.sp-handy:after{content:"";z-index:3;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.sp-boden{pointer-events:none;position:absolute;inset:0}.sp-spiegel{object-fit:cover;object-position:top;transform-origin:50% 0;opacity:.5;width:100%;height:100%;position:absolute;top:100%;left:0;transform:translateY(80%)scaleY(-.8);-webkit-mask-image:linear-gradient(#0000 80%,#0000001f 85%,#00000073 91%,#000 100%);mask-image:linear-gradient(#0000 80%,#0000001f 85%,#00000073 91%,#000 100%)}.sp-spiegel-h{aspect-ratio:390/844;opacity:.42;border-radius:12%/5.6%;width:35%;height:auto;top:126%;left:auto;right:-22%}.sp-kante{background:linear-gradient(#0009 0,#0000 4px),radial-gradient(50% 100% at 50% 0,#c5ad846b 0%,#c5ad8424 48%,#c5ad8400 100%);height:30px;position:absolute;top:100%;left:6%;right:6%}.sp-wort{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;max-width:min(24em,66%);margin:0;font-size:clamp(18px,1.45vw,21px);font-weight:300;line-height:1.35;position:relative}.sp-wort q{quotes:"„" "“"}.sp-text{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:max(16px,10% - 30px);display:grid}.sp-werk:not(:has(.sp-wort)) .sp-text{margin-top:max(16px,10% - 4px)}.sp-name{font-family:var(--font-text);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:17px;font-weight:500;line-height:1.3}.sp-zeile{color:var(--ink-2);margin:4px 0 0;font-size:15px;font-weight:300;line-height:1.5}.sp-live{min-height:44px;color:var(--ink);white-space:nowrap;justify-self:start;align-items:center;gap:9px;font-size:15px;font-weight:500;display:inline-flex}.sp-live-t{border-bottom:1px solid var(--signal);padding-bottom:3px;transition:border-color .2s}.sp-live:hover,.sp-alle:hover{color:var(--ink)}.sp-live:hover .sp-live-t,.sp-werk:has(.sp-tor:hover) .sp-live-t{border-bottom-color:var(--ink)}.sp-pfeil{transition:transform .2s;display:inline-block}.sp-live:hover .sp-pfeil,.sp-alle:hover .sp-pfeil{transform:translate(4px)}.sp-live:focus-visible,.sp-alle:focus-visible{outline:2px solid var(--signal);outline-offset:6px}.sp-fuss{max-width:var(--inhalt);padding:clamp(48px,7vh,88px) var(--rand) var(--band-y);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 40px;margin:0 auto;display:flex}.sp-ende{width:1px;height:1px;position:absolute;overflow:hidden}.sp-ende:focus{outline:0}.sp-alle{letter-spacing:-.01em;min-height:44px;color:var(--ink);border-bottom:1px solid var(--signal);align-items:center;gap:12px;padding-bottom:4px;font-size:clamp(18px,1.5vw,22px);font-weight:300;display:inline-flex}.sp-quelle{color:var(--ink-3);margin:0;font-size:13px;line-height:1.5}@media (width<=1199.98px){.sp-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023.98px){.sp-liste{grid-template-columns:minmax(0,1fr);gap:clamp(64px,10vw,104px)}.sp-werk[data-sp-mehr]{display:none}.sp-wort{font-size:clamp(19px,2.6vw,24px)}}@media (width>=700px) and (width<=1023.98px){.sp-name{font-size:19px}.sp-zeile{font-size:16px}}@media (width<=699.98px){.sp-liste{gap:64px}.sp-pin{padding:0 24px}.sp-fuss{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:no-preference){html.js .sp-fig{transition:opacity .3s}html.js .sp-werk[data-sp-leer] .sp-fig{opacity:0}}@media screen and (width>=1024px) and (height>=640px) and (prefers-reduced-motion:no-preference){html.js .sp{--sp-pinh:calc(100vh - var(--kopf));--sp-oben0:clamp(20px,4vh,44px);--sp-unten:clamp(150px,23vh,240px);--sp-w:min(60vw,1560px,calc((var(--sp-pinh) - var(--sp-oben0) - var(--sp-unten)) * 1.6));--sp-h:calc(var(--sp-w) * .625);--sp-oben:max(var(--sp-oben0),calc((var(--sp-pinh) - var(--sp-h) - 300px) / 2));--sp-hh:calc(var(--sp-h) * .74);--sp-hb:calc(var(--sp-hh) * .4621);--sp-hx:calc(var(--sp-hb) * .4);--sp-hy:calc(var(--sp-w) * .035);--sp-links:calc(50% - (var(--sp-w) + var(--sp-hx)) / 2);--sp-schritt:50vh;--sp-kipp:66deg;--sp-kipp-h:76deg}html.js .sp-spur{height:calc(var(--sp-pinh) + (var(--sp-n) - .56) * var(--sp-schritt))}html.js .sp-pin{top:var(--kopf);height:var(--sp-pinh);max-width:none;margin:0;padding:0;position:sticky;overflow:clip}html.js .sp{overflow-x:visible}html.js .sp-liste{display:block;position:absolute;inset:0}html.js .sp-werk{transform-origin:50% calc(var(--sp-oben) + var(--sp-h));transform:translate3d(0,calc(var(--sp-r,0) * var(--sp-h) * -.03),0) scale(calc(1 - var(--sp-r,0) * .055));position:absolute;inset:0}html.js .sp-werk[data-sp-zu] .sp-fig{display:none}html.js .sp-werk[data-sp-zu] .sp-text{opacity:0}html.js .sp-werk[data-sp-wartet] .sp-fig{visibility:hidden}html.js .sp-fig{position:absolute;inset:0}html.js .sp-platz{--sp-ty0:calc(var(--sp-pinh) - var(--sp-oben) - var(--sp-h) * .2);left:var(--sp-links);top:var(--sp-oben);width:var(--sp-w);height:var(--sp-h);perspective:1100px;perspective-origin:50% -40%;transform:translate3d(0,calc((1 - var(--sp-t,1)) * var(--sp-ty0)),0);margin:0;position:absolute}html.js .sp-werk:first-child .sp-platz{--sp-ty0:calc(var(--sp-h) * .22)}html.js .sp-desk{transform-origin:50% 100%;transform:rotateX(calc(var(--sp-kipp) * (1 - var(--sp-e,1)))) scale(calc(.96 + .04 * var(--sp-e,1)))}html.js .sp-handy{right:calc(-1 * var(--sp-hx));bottom:calc(-1 * var(--sp-hy));width:var(--sp-hb);height:var(--sp-hh);transform-origin:50% 100%;transform:rotateX(calc(var(--sp-kipp-h) * (1 - var(--sp-hd,1))));opacity:var(--sp-ha,1)}html.js .sp-desk:after,html.js .sp-handy:after{opacity:var(--sp-dim,0)}html.js .sp-spiegel{opacity:calc(.5 * var(--sp-s,1));transform:translateY(calc((.3 + .5 * var(--sp-s,1)) * 100%)) scaleY(calc(-.3 - .5 * var(--sp-s,1)))}html.js .sp-spiegel-h{right:calc(-1 * var(--sp-hx));top:calc(100% + var(--sp-hy));width:var(--sp-hb);height:var(--sp-hh);opacity:calc(.42 * var(--sp-s,1) * var(--sp-ha,1))}html.js .sp-kante{opacity:var(--sp-k,1)}html.js .sp-werk[data-sp-lauf] :is(.sp-platz,.sp-desk,.sp-handy,.sp-spiegel){will-change:transform,opacity}html.js .sp-licht{pointer-events:none;left:calc(var(--sp-links) - var(--sp-w) * .35);width:calc(var(--sp-w) * 1.7);height:calc(var(--sp-oben) + var(--sp-h) * .72);opacity:var(--sp-l,1);background:radial-gradient(closest-side,#7686a057 0%,#7686a024 50%,#7686a000 100%);display:block;position:absolute;top:0}html.js .sp-wort{left:calc(var(--sp-links) + var(--sp-w) * .05);top:calc(var(--sp-oben) + var(--sp-h) + clamp(14px,2.8vh,30px));max-width:calc(var(--sp-w) * .76);font-size:min(38px,max(clamp(20px,calc(var(--sp-w) * .0295),31px),calc(var(--sp-w) * .0245)));line-height:1.3;position:absolute}html.js .sp-text{left:calc(var(--sp-links) + var(--sp-w) * .05);right:calc(100% - var(--sp-links) - var(--sp-w) - var(--sp-hx));bottom:max(clamp(18px,3.6vh,40px),calc(var(--sp-pinh) - var(--sp-oben) - var(--sp-h) - 200px));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 40px;margin:0;position:absolute}html.js .sp-wer{gap:2px;display:grid}html.js .sp-name{font-size:min(24px,max(clamp(17px,1.3vw,19px),calc(var(--sp-w) * .0155)))}html.js .sp-zeile{font-size:min(18px,max(15px,calc(var(--sp-w) * .0115)));margin:0}html.js .sp-live{min-height:44px;font-size:min(18px,max(15px,calc(var(--sp-w) * .0115)));justify-self:end}html.js .sp-wort,html.js .sp-text{opacity:var(--sp-tx,1);transform:translate3d(0,calc(8px * (1 - var(--sp-tx,1))),0)}html.js .sp-werk:not(:last-child) :is(.sp-wort,.sp-text){opacity:var(--sp-tx,0)}html.js .sp-werk{pointer-events:none}html.js .sp-werk[data-sp-vorn] :is(.sp-text,.sp-tor){pointer-events:auto}html.js .sp-werk:not([data-sp-vorn]) .sp-tor{visibility:hidden}html.js .sp-fuss{width:calc(var(--sp-w) + var(--sp-hx));max-width:none;padding-left:0;padding-right:0}html.js .sp-sprung:not(:focus){top:auto}}@media screen and (width<=1023.98px) and (prefers-reduced-motion:no-preference),screen and (height<=639.98px) and (prefers-reduced-motion:no-preference){html.js .sp-platz{perspective:900px;perspective-origin:50% -30%}html.js .sp-desk{transform-origin:50% 100%;transition:transform .7s cubic-bezier(.45,0,.55,1) .1s;transform:translateY(10%)rotateX(46deg)scale(.96)}html.js .sp-handy{transform-origin:50% 100%;transition:transform .6s cubic-bezier(.45,0,.55,1) 50ms;transform:translateY(6%)rotateX(70deg)}html.js .sp-spiegel{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(30%)scaleY(-.3)}html.js .sp-kante{opacity:0;transition:opacity .4s}html.js .sp-wort,html.js .sp-text{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(8px)}html.js .sp-werk[data-sp-auf] .sp-desk{transition:transform .8s cubic-bezier(.16,1,.3,1);transform:none}html.js .sp-werk[data-sp-auf] .sp-handy{transition:transform .8s cubic-bezier(.16,1,.3,1) .24s;transform:none}html.js .sp-werk[data-sp-auf] .sp-spiegel{opacity:.5;transition:opacity .5s .3s,transform .5s cubic-bezier(.16,1,.3,1) .3s;transform:translateY(80%)scaleY(-.8)}html.js .sp-werk[data-sp-auf] .sp-spiegel-h{opacity:.42}html.js .sp-werk[data-sp-auf] .sp-kante{opacity:1;transition:opacity .6s .55s}html.js .sp-werk[data-sp-auf] .sp-wort{opacity:1;transition:opacity .5s .45s,transform .5s cubic-bezier(.16,1,.3,1) .45s;transform:none}html.js .sp-werk[data-sp-auf] .sp-text{opacity:1;transition:opacity .5s .58s,transform .5s cubic-bezier(.16,1,.3,1) .58s;transform:none}html.js .sp-werk[data-sp-sofort],html.js .sp-werk[data-sp-sofort] *{transition:none!important}}