:root{--grund:var(--ph-nebel);--schwarz:var(--ph-tinte);--tief:var(--ph-nacht);--nacht:color-mix(in srgb, var(--ph-nacht) 95%, #fff);--weiss:#fff;--text-2:var(--ph-tinte-2);--primaer:var(--ph-strahl);--akzent:var(--ph-licht);--akzent-hell:#eeecff;--auf-akzent:var(--ph-tinte);--auf-primaer:#fff;--hell-signal:var(--ph-licht);--ring:var(--ph-licht);--e:calc(min(100vw, 1920px) / 1920);--satz:calc(1800 * var(--e));--rand:max(16px, calc(60 * var(--e)));--ue-dauer:.68s;--ue-kurve:cubic-bezier(.25, 1, .5, 1);--display:var(--ph-schrift-display);--text:var(--ph-schrift-text);--mono:var(--ph-schrift-mono)}.d{font-family:var(--display);font-variation-settings:"opsz" 96;text-transform:uppercase;letter-spacing:-.025em;font-weight:800;line-height:.88}.nur-vorlesen{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.pille{background:var(--primaer);color:var(--auf-primaer);font-family:var(--display);text-transform:uppercase;font-weight:800;font-size:clamp(14px, calc(22 * var(--e)), 22px);cursor:pointer;transition:transform var(--ue-dauer) var(--ue-kurve), background-color .2s;border:0;border-radius:999px;align-items:center;gap:.4em;padding:.75em 1.5em .7em;text-decoration:none;display:inline-flex}.pille:hover{background:var(--tief);transform:scale(1.06)rotate(-2deg)}.pille:focus-visible{outline:3px solid var(--tief);outline-offset:4px}.pille.dunkel{background:var(--tief);color:var(--weiss)}.pille.dunkel:hover{background:var(--primaer)}@keyframes drehen{to{transform:rotate(360deg)}}@keyframes band{to{transform:translate(-50%)}}:root{--auf-kurve:cubic-bezier(.16, 1, .3, 1);--auf-radius:calc(30 * var(--e) + 6px)}.js [data-auftritt]{opacity:0;transition:opacity .9s var(--auf-kurve), transform 1.2s var(--auf-kurve);transition-delay:var(--v,0s);transform:translateY(64px)}.js [data-auftritt].da,.js [data-auftritt=zeilen]{opacity:1;transform:none}.wm{clip-path:inset(0);margin:-.22em -.06em -.16em;padding:.22em .06em .16em;display:inline-block}.wm.frei{clip-path:none}.js [data-auftritt=zeilen] .wi{transform-origin:0 100%;transition:transform 1.15s var(--auf-kurve);transition-delay:calc(var(--v,0s) + var(--w,0) * 75ms);display:inline-block;transform:translateY(118%)rotate(5deg)}.js [data-auftritt=zeilen].da .wi{transform:none}.js [data-auftritt=bild]{opacity:1;clip-path:inset(100% 0 0 0 round var(--auf-radius));transition:clip-path 1.3s var(--auf-kurve);transition-delay:var(--v,0s);transform:none}.js [data-auftritt=bild].da{clip-path:inset(0 0 0 0 round var(--auf-radius))}.js [data-auftritt=bild].fertig{clip-path:none}.js [data-auftritt=bild]:not(.fertig) img{transition:transform 1.7s var(--auf-kurve);transition-delay:var(--v,0s)}.js [data-auftritt=bild]:not(.da) img{transform:scale(1.22)}@property --kegel-winkel{syntax:"<angle>";inherits:false;initial-value:0deg}.kegel{isolation:isolate;position:relative}.kegel:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(from calc(158deg + var(--kegel-winkel)) at 50% -30%, transparent 0deg, color-mix(in srgb, var(--akzent) 9%, transparent) 12deg, #ffffff17 22deg, color-mix(in srgb, var(--akzent) 9%, transparent) 32deg, transparent 44deg);animation:16s ease-in-out infinite alternate kegel;position:absolute;inset:0}@keyframes kegel{0%{--kegel-winkel:-26deg}to{--kegel-winkel:26deg}}@media (prefers-reduced-motion:reduce){.js [data-auftritt],.js [data-auftritt] .wi,.js [data-auftritt=bild] img{opacity:1;clip-path:none;transition:none;transform:none}.themen-band div,.sozial-band,.kegel:before{animation:none}}:root{--st-radius:clamp(18px, 1.2rem + .6vw, 28px);--st-luft:clamp(5rem, 3rem + 6vw, 9.5rem)}.st-gross{font-family:var(--ph-schrift-display);font-variation-settings:"opsz" 96;letter-spacing:-.025em;text-transform:uppercase;margin:0;font-weight:800;line-height:.86}.st-h2{font-size:clamp(2.75rem,1.2rem + 6.4vw,8.5rem)}.st-label{margin:0 0 var(--ph-3);font-family:var(--ph-schrift-mono);font-size:var(--ph-groesse-mono);letter-spacing:var(--ph-sperrung-mono);text-transform:uppercase}.st-knopf{background:var(--ph-tinte);color:var(--ph-weiss);font-family:var(--ph-schrift-text);transition:background-color var(--ph-dauer-kurz) var(--ph-kurve), transform var(--ph-dauer) var(--ph-kurve);border-radius:999px;align-items:center;gap:.6em;padding:.95em 1.6em;font-size:clamp(1rem,.9rem + .3vw,1.2rem);font-weight:600;text-decoration:none;display:inline-flex}.st-knopf:hover{background:var(--ph-strahl);transform:translateY(-2px)}.st-knopf:focus-visible{outline:3px solid var(--ph-strahl);outline-offset:3px}.st-knopf.st-licht{background:var(--ph-strahl)}.st-knopf.st-licht:hover{background:var(--ph-weiss);color:var(--ph-tinte)}.st-knopf.st-rand{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.st-knopf.st-rand:hover{background:var(--ph-weiss);color:var(--ph-tinte);box-shadow:none}.js [data-st-auf]{opacity:0;transition:opacity .7s var(--ph-kurve), transform .7s var(--ph-kurve);transition-delay:var(--st-v,0s);transform:translateY(28px)}.js [data-st-auf].st-da{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-st-auf]{opacity:1;transform:none}}.st-nur-vorlesen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}