/* Farben, Schriften und Grundregeln. Farben hier zentral ändern. */
:root{--ink:#323232;--text:#605561;--mute:rgba(28,38,43,.42);--blue:#1851f1;--black:#050508;--indigo:#2a2162;--coral:#e06a61;--line:#e8e8e8;--soft:#f3f3f3;--beige:#f7f3ea;--rose:#f7f0eb;--wa:#25d366;
--jost:Jost,"Century Gothic",Futura,Arial,sans-serif;--anton:Anton,Impact,"Arial Narrow",sans-serif;--out:cubic-bezier(.215,.61,.355,1);--pop:cubic-bezier(.34,1.56,.64,1);color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#000}
[hidden]{display:none!important}
body{font:400 18px/1.66 var(--jost);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.i{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* Vorladen */
.pulse{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#fff;animation:pulse 1s ease-in-out infinite}
@keyframes pulse{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}
#pre{position:fixed;inset:0;z-index:900;background:#000;transition:opacity .35s}
.s1 #pre,.s2 #pre,.s3 #pre{opacity:0;pointer-events:none}

i.ripple{position:fixed;z-index:999;width:90px;height:90px;margin:-45px;border-radius:50%;background:#fff;opacity:.7;transform:scale(0);pointer-events:none;mix-blend-mode:difference}
i.ripple.go{transition:transform .45s ease,opacity .45s ease;opacity:0;transform:scale(1)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}