:root{--c-background:#aed5af;--c-text:#272723;--c-highlight:#ff3fbc;--c-highlight-p3:#ff57b9;--c-footer:#95c48c}@supports (color:color(display-p3 0 0 0)){:root{--c-highlight-p3:color(display-p3 1 .33 .723)}}@font-face{font-family:pp_right_serif_monoRgIt;src:url(pprightserifmono-regularitalic-webfont.042e57e0.woff2)format("woff2"),url(pprightserifmono-regularitalic-webfont.7e20f96d.woff)format("woff");font-weight:400;font-style:normal}html,body{margin:0;padding:0;position:relative}html{color:var(--c-text);background:var(--c-background);background:#000}html *{box-sizing:border-box}html{font-optical-sizing:auto;font-family:pp_right_serif_monoRgIt,serif;font-size:20px;font-style:normal;font-weight:300;line-height:1.3}h1{text-transform:uppercase;letter-spacing:-.005em;margin:0 0 1rem;font-size:9em;font-style:normal;font-weight:350;line-height:.8}h2{text-transform:uppercase;letter-spacing:-.005em;margin:0 0 2rem;font-size:5rem;font-style:normal;font-weight:350;line-height:1}h3{text-transform:uppercase;letter-spacing:-.005em;margin:2rem 0;font-size:2rem;font-style:normal;font-weight:350;line-height:1}p{margin:0 0 1rem}.align-center{text-align:center}a{color:var(--c-text)}h1 a{text-decoration:none}section{background:var(--c-background);padding:8rem 0;position:relative}section#hero{width:100vw;height:90vh;min-height:60vw;padding:0;overflow:hidden}section#hero .content{pointer-events:none;z-index:1;max-width:65%;padding:1rem 2rem;font-size:max(2vw,1rem);position:absolute}section#hero .content p span{background:var(--c-text);color:#fff;font-size:1em;line-height:1.3em}canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}section .content{max-width:48rem;margin-inline:auto;padding:1rem}section.prose{min-height:100vh;padding:3rem 0}section.prose .content{max-width:none;margin-inline:0}section.prose h1{margin-bottom:3rem}@media screen and (width<=640px){section#hero{min-height:0}section#hero .content{max-width:95%;padding:.25rem;font-size:1rem}section#hero .content h1{font-size:5rem}section .content{max-width:none;padding:1rem}section.prose h1{font-size:4rem}}span.listen-inline{font-weight:500;transition:all .2s}p:hover span.listen-inline{letter-spacing:-.02em;font-size:4rem;line-height:1.1}div.listen{padding:0 0 1rem}p.listen{cursor:pointer;margin-block:0;font-weight:550;transition:all .25s}div.listen p:before{content:"";background:var(--c-highlight);background:var(--c-highlight-p3);opacity:.1;border-radius:1em;width:0;height:0;margin-right:-.25rem;transition:all .25s;display:inline-block;transform:translateY(-.25rem)}div.listen:hover{letter-spacing:.02em;padding:2rem 0 3rem;font-size:3rem;line-height:1.3}div.listen:hover span{background-color:var(--c-highlight);background-color:var(--c-highlight-p3)}div.listen:hover p:before{opacity:1;background-color:var(--c-highlight);background-color:var(--c-highlight-p3);width:3rem;height:3rem;transform:translateY(.6rem)}.contact p{font-size:1.3rem;line-height:2}footer{color:var(--c-text);background:var(--c-text);background:var(--c-footer);text-align:right;padding:.5rem 2rem}footer a{color:inherit;background:inherit}@media screen and (width<=640px){footer{font-size:.8rem}}.specialcursor{background:var(--c-highlight);background:var(--c-highlight-p3);width:auto;height:auto;color:var(--c-text);pointer-events:none;opacity:0;z-index:10000;padding:0 .25rem;font-size:2rem;transition:opacity .3s linear;display:inline-block;position:absolute;top:0;left:0;transform:translate(16px,16px)}.specialcursor.show{opacity:1}@media screen and (width<=640px){.specialcursor{display:none}}.playpause{cursor:pointer}.audio-ui{z-index:20;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.playpause-icon{background-image:url(icon_sound_on.9837cb16.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:absolute;top:1rem;right:1rem}.playpause-text{background:var(--c-highlight);background:var(--c-highlight-p3);color:#fff;margin-bottom:4rem;padding:0 .25rem;font-size:2rem;display:none}.playing .playpause-icon{background-image:url(icon_sound_off.1805c34f.svg)}@media screen and (width<=640px){.playpause-icon{width:70px;height:70px;top:.25rem;right:.25rem}.playpause-text{display:block}}
/*# sourceMappingURL=allesklang.c9ba1577.css.map */