html:has(#sockel),html:has(#sockel) body{height:auto;overflow:visible}html:has(#sockel) body{overflow-x:clip}html:has(#sockel){overscroll-behavior-y:none}html:has(#sockel) #stage{position:relative;inset:auto;height:100dvh;contain:paint;z-index:2}html:has(#sockel):has(#klangVeil.on),html:has(#sockel):has(#kontaktVeil.on),html:has(#sockel):has(#veil.on),html:has(#sockel):has(#window.on),html:has(#sockel):has(body.carousel),html:has(#sockel):has(body.presenting){overflow-y:hidden}#sockel{position:relative;z-index:1;background:var(--surface-2);border-top:1px solid var(--hairline)}#sockel .kanon{background:transparent;padding-top:clamp(5rem,14vh,10rem)}.sockel-fuss{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;pointer-events:none}.sockel-fuss #footline{position:static;padding:0 26px 16px;pointer-events:none}.sockel-fuss #footline>span{pointer-events:auto}#sockel:after,.kanon-seite:after{content:"";display:block;position:-webkit-sticky;position:sticky;bottom:0;z-index:2;height:5.5rem;margin-top:-5.5rem;pointer-events:none;background:linear-gradient(to top,var(--surface-2) 38%,transparent)}.kanon-seite:after{background:linear-gradient(to top,var(--surface-1) 38%,transparent)}@media (max-width:760px){.sockel-fuss #footline{padding:0 14px 14px}#sockel:after,.kanon-seite:after{height:7rem;margin-top:-7rem}}#sockel .kanon,.kanon-seite .kanon{padding-bottom:clamp(6rem,14vh,9rem)}