.wl{--nacht:#14131f;--nacht-2:#1c1a2b;--nacht-3:#262339;--sternweiss:#f4f1ea;--nebel:#a9a3bd;--linie:#f4f1ea1f;--linie-hell:#f4f1ea38;--a1:#e3a2b8;--a2:#ecbd96;--a1-tief:#a05873;--radius:18px;background:var(--nacht);min-height:100dvh;color:var(--sternweiss);font-family:var(--font-sans);font-size:16.5px;line-height:1.65;position:relative;overflow-x:hidden}.wl-himmel{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.wl-inhalt{z-index:1;position:relative}.wl ::selection{background:color-mix(in srgb, var(--a1) 45%, transparent);color:#fff}.wl h1,.wl h2,.wl h3{font-family:var(--font-serif);color:var(--sternweiss);letter-spacing:-.01em;font-weight:400}.wl h1{font-size:clamp(42px,8vw,72px);line-height:1.02}.wl h2{font-size:clamp(30px,5vw,48px);line-height:1.1}.wl h3{font-size:24px;line-height:1.25}.wl p{color:var(--nebel)}.wl .wl-hell{color:var(--sternweiss)}.wl em,.wl .wl-kursiv{color:var(--a1);font-style:italic}.wl .wl-fett{color:var(--sternweiss);font-weight:600}.wl .wl-zeile{font-family:var(--font-serif);color:var(--sternweiss);text-wrap:balance;font-size:clamp(21px,3.2vw,27px);line-height:1.3}.wl-liste{gap:14px;display:grid}.wl-liste li{color:var(--sternweiss);grid-template-columns:26px minmax(0,1fr);align-items:start;gap:14px;font-size:16px;line-height:1.55;display:grid}.wl-liste li>span:first-child,.wl-liste li>svg{margin-top:1px}.wl-liste-gross{gap:18px}.wl-liste-gross li{font-family:var(--font-serif);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:16px;font-size:clamp(19px,2.8vw,24px);line-height:1.3}.wl-chip{border:1px solid var(--linie-hell);background:var(--nacht-2);color:var(--sternweiss);border-radius:999px;align-items:center;padding:8px 14px;font-size:14px;line-height:1.2;display:inline-flex}.wl a.wl-kanal{border:1px solid var(--linie-hell);min-height:44px;color:var(--sternweiss);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;text-decoration:none;transition:border-color .25s,background .25s;display:inline-flex}.wl a.wl-kanal:hover{border-color:var(--a1);background:color-mix(in srgb, var(--a1) 10%, transparent)}.wl-portrait{position:relative}.wl-portrait:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--a1) 38%, transparent), transparent);filter:blur(22px);pointer-events:none;border-radius:50%;position:absolute;inset:10% 6% 4%}.wl-portrait img{width:100%;height:auto;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 76%,#0000);mask-image:linear-gradient(#000 76%,#0000)}.wl-player-knopf{background:var(--a1);color:#241620;cursor:pointer;width:96px;height:96px;box-shadow:0 0 0 10px color-mix(in srgb, var(--a1) 14%, transparent), 0 18px 50px #e3a2b840;border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.wl-player-knopf:hover{transform:scale(1.04)}.wl-player-knopf:active{transform:scale(.97)}.wl-player-leiste{width:100%;accent-color:var(--a1)}@media (prefers-reduced-motion:reduce){.wl-player-knopf{transition:none}}.wl-liste-leise li{color:var(--nebel)}.wl .wl-haken{color:var(--a1)}.wl .wl-kreuz{color:var(--nebel);opacity:.8}.wl-label{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--nebel);font-size:11px}.wl-karte{background:var(--nacht-2);border:1px solid var(--linie);border-radius:var(--radius)}.wl-karte-hoch{background:var(--nacht-3);border:1px solid var(--linie-hell);border-radius:var(--radius)}.wl-strich{background:linear-gradient(90deg, transparent, var(--linie-hell) 20%, var(--linie-hell) 80%, transparent);border:0;height:1px}.wl-knopf{background:var(--a1);color:#241620;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 10px 40px #e3a2b82e}.wl-knopf:hover{background:#eeb4c6;box-shadow:0 14px 50px #e3a2b84d}.wl-knopf:active{transform:translateY(1px)scale(.99)}.wl-knopf:disabled{opacity:.55;cursor:default}.wl-knopf-leise{color:var(--nebel);align-items:center;gap:.4rem;font-size:15px;text-decoration:none;transition:color .25s;display:inline-flex}.wl-knopf-leise:hover{color:var(--sternweiss)}.wl-feld{border:1px solid var(--linie-hell);width:100%;color:var(--sternweiss);font-family:var(--font-sans);background:#14131f99;border-radius:12px;padding:.85rem 1rem;font-size:16px;transition:border-color .25s,background .25s}.wl-feld::placeholder{color:#a9a3bda6}.wl-feld:focus{border-color:var(--a1);background:#262339bf;outline:none}.wl-feld option{background:var(--nacht-2);color:var(--sternweiss)}.wl-wahl{border:1px solid var(--linie);cursor:pointer;background:#14131f80;border-radius:14px;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;transition:border-color .25s,background .25s;display:flex;position:relative}.wl-wahl:hover{border-color:var(--linie-hell)}.wl-wahl:has(input:checked){border-color:var(--a1);background:#e3a2b814}.wl-wahl-punkt{background:0 0;border-radius:999px;width:7px;height:7px;transition:background .25s;position:absolute;top:1.05rem;right:1.05rem}.wl-wahl:has(input:checked) .wl-wahl-punkt{background:var(--a1)}@keyframes wl-auftritt{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.wl-auftritt{animation:.9s cubic-bezier(.16,1,.3,1) both wl-auftritt}.wl-js .wl-reveal{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.wl-js .wl-reveal:not(.wl-da){opacity:0;transform:translateY(12px)}.wl input[type=checkbox]{accent-color:var(--a1)}@media (prefers-reduced-motion:reduce){.wl-auftritt{animation:none}.wl-js .wl-reveal,.wl-js .wl-reveal:not(.wl-da){opacity:1;transition:none;transform:none}.wl-knopf{transition:none}}@media (pointer:coarse){.wl a:not(.wl-knopf):not(:is(p,label,li) a){align-items:center;min-height:40px;display:inline-flex}.wl .wl-knopf,.wl button{min-height:48px}.wl-wahl{min-height:56px}.wl input[type=checkbox]{width:22px;height:22px}.wl label:has(>input[type=checkbox]){min-height:44px}}.wl .wl-akzent{color:var(--a1)}
