html:not([data-fassung=c]) [data-pult]{visibility:hidden}@property --pult-wert{syntax:"<number>";inherits:false;initial-value:0}@scope([data-fassung=c]) to ([data-fassung=a]){:scope{--pult-kurve:var(--kurve);--led-an:.12s;--led-aus:.4s;--platte-hoch:var(--lightningcss-light,#ededf0)var(--lightningcss-dark,#1e1e21);--platte-tief:var(--lightningcss-light,#d3d3d8)var(--lightningcss-dark,#121214);--platte-kante:var(--lightningcss-light,#a9a9b1)var(--lightningcss-dark,#2e2e33);--platte-licht:var(--lightningcss-light,#fff)var(--lightningcss-dark,#3b3b41);--platte-schrift:var(--lightningcss-light,#34343b)var(--lightningcss-dark,#b6b6be);--schraube:var(--lightningcss-light,#8d8d96)var(--lightningcss-dark,#4a4a52);--schraube-licht:var(--lightningcss-light,#f4f4f6)var(--lightningcss-dark,#8a8a92);--oled-grund:#0a0b0c;--oled-schrift:#eef5f8;--oled-leise:#a7b1b7;--taste-schrift:#d9d9df;--taste-flaeche:#373639;--platte-bild:radial-gradient(circle at 9px 9px, var(--schraube-licht) 0 1px, var(--schraube) 1.6px 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 9px) 9px, var(--schraube-licht) 0 1px, var(--schraube) 1.6px 3px, transparent 3.6px), radial-gradient(circle at 9px calc(100% - 9px), var(--schraube-licht) 0 1px, var(--schraube) 1.6px 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), var(--schraube-licht) 0 1px, var(--schraube) 1.6px 3px, transparent 3.6px), repeating-linear-gradient(to bottom, color-mix(in srgb, var(--platte-licht) 7%, transparent) 0 1px, transparent 1px 3px), linear-gradient(to bottom, var(--platte-hoch), var(--platte-tief))}.pult-zubehoer{z-index:4;right:max(1rem, env(safe-area-inset-right));top:calc(var(--kopfhoehe) + 1.25rem);width:7.75rem;height:min(38rem, calc(100vh - var(--kopfhoehe) - 7.5rem));box-sizing:border-box;color:var(--platte-schrift);font-family:var(--font-mono);background:var(--platte-bild);box-shadow:inset 0 1px 0 var(--platte-licht), inset 0 0 0 1px var(--platte-kante), 0 1px 0 #0000008c, 0 24px 54px #0000006b;border-radius:6px;grid-template-rows:auto auto minmax(0,1fr) auto auto;justify-items:center;gap:.55rem;padding:.85rem .65rem .8rem;display:grid;position:absolute}.buehne[data-fluss=ja] .pult-zubehoer{position:fixed}.pult-zubehoer[data-sichtbar=nein]{visibility:hidden}.fuss .fuss-inhalt{padding-inline-end:calc(7.75rem + max(1rem, env(safe-area-inset-right)) + 1rem)}.pult-oled{box-sizing:border-box;width:100%;font:600 .625rem / 1.25 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--oled-leise);border:10px solid #0000;border-image:url(/pult/oled.webp) 40 fill/10px/2px;gap:3px;display:grid}.pult-oled-zeile{justify-content:space-between;gap:.4rem;display:flex}.pult-oled-zeile b{color:var(--oled-schrift);font-weight:600}.pult-oled-pos b{color:color-mix(in srgb, var(--bereich-flaeche) 55%, white);text-shadow:0 0 6px color-mix(in srgb, var(--bereich-flaeche) 60%, transparent)}.pult-oled-name{white-space:nowrap;letter-spacing:.04em;min-height:1.3em;color:var(--oled-schrift);text-shadow:0 0 6px #c8e6ff59;font-size:.8125rem;display:block;overflow:hidden}.pult-oled-name [data-tippt]:after{content:"";vertical-align:-.12em;background:currentColor;width:.55em;height:.95em;margin-left:1px;display:inline-block}.pult-fader-label{letter-spacing:.14em;text-transform:uppercase;color:var(--platte-schrift);font-size:.625rem;font-weight:600}.pult-fader-feld{gap:.55rem;height:100%;min-height:7rem;display:flex}.pult-fader-spur{touch-action:none;cursor:grab;width:2.25rem;height:100%;position:relative}.pult-fader-spur:active{cursor:grabbing}.pult-fader-skala{background:repeating-linear-gradient(to bottom, var(--platte-schrift) 0 1px, transparent 1px calc((100% - 1px) / 6));opacity:.7;position:absolute;inset:26px 0;-webkit-mask:linear-gradient(90deg,#000 0 7px,#0000 7px calc(100% - 7px),#000 0);mask:linear-gradient(90deg,#000 0 7px,#0000 7px calc(100% - 7px),#000 0)}.pult-fader-bahn{box-sizing:border-box;border:10px solid #0000;border-width:10px 0;border-image:url(/pult/fader-bahn.webp) 24 0 fill/10px 0;width:14px;margin-left:-7px;position:absolute;top:0;bottom:0;left:50%}.pult-fader{writing-mode:vertical-lr;opacity:0;width:100%;height:100%;cursor:inherit;direction:rtl;margin:0;position:absolute;inset:0}.pult-fader-kappe{pointer-events:none;will-change:transform;background:url(/pult/fader-kappe.webp) 50%/100% 100% no-repeat;width:32px;height:53px;margin-left:-16px;position:absolute;top:0;left:50%}.pult-fader:focus-visible+.pult-fader-kappe{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand);border-radius:4px}.pult-pegel{box-sizing:border-box;width:10px;height:auto;box-shadow:inset 0 1px 3px #000, 0 1px 0 var(--platte-licht);background:#050506;border-radius:2px;flex-direction:column;gap:3px;margin-block:26px;padding:3px 2px;display:flex}.pult-pegel i{background:color-mix(in srgb, var(--bereich-flaeche) 18%, #161618);border-radius:1px;flex:1;position:relative}.pult-pegel i:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--bereich-flaeche) 85%, white);box-shadow:0 0 6px 1px var(--bereich-flaeche);opacity:clamp(0, calc(var(--pegel,0) * 12 - var(--k,0)), 1);position:absolute;inset:0}.pult-regler-feld{justify-items:center;gap:.3rem;display:grid}.pult-regler{touch-action:none;cursor:ns-resize;border-radius:50%;width:4rem;height:4rem;position:relative}.pult-regler:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.pult-regler-name{letter-spacing:.14em;text-transform:uppercase;font-size:.625rem;font-weight:600}.pult-transport{gap:.4rem;display:flex}.pult-taste{isolation:isolate;background:var(--taste-flaeche);width:44px;height:44px;color:var(--taste-schrift);cursor:pointer;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:relative}.pult-taste:before{content:"";z-index:-1;border:14px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/14px;position:absolute;inset:-2px}.pult-taste-zeichen{border-inline:6px solid #0000;width:0;height:0}.pult-taste-zeichen[data-richtung=zurueck]{border-bottom:9px solid}.pult-taste-zeichen[data-richtung=weiter]{border-top:9px solid}.pult-taste[aria-disabled=true]{cursor:default}.pult-taste[aria-disabled=true] .pult-taste-zeichen{opacity:.4}.pult-taste:active:not([aria-disabled=true]):before{border-image-source:url(/pult/taste-gedrueckt.webp)}.pult-taste:active:not([aria-disabled=true]) .pult-taste-zeichen{translate:0 1px}.pult-taste:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand);border-radius:6px}@media (min-width:48rem){.buehne-halte{padding-inline-end:6.5rem}}@media (min-width:48rem) and (not (min-height:34rem)){.pult-zubehoer{grid-template-rows:auto minmax(0,1fr) auto}.pult-oled,.pult-regler-feld{display:none}}@media not (min-width:48rem){.pult-zubehoer,.buehne[data-fluss=ja] .pult-zubehoer{width:auto;height:auto;padding:.45rem max(.75rem, env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));box-shadow:inset 0 1px 0 var(--platte-licht), inset 0 0 0 1px var(--platte-kante), 0 -12px 30px #00000059;border-radius:10px 10px 0 0;grid-template:"zurueck oled regler weiter"/44px minmax(0,1fr) 48px 44px;align-items:center;gap:.5rem;position:fixed;inset:auto 0 0}.pult-fader-label,.pult-fader-feld,.pult-regler-name{display:none}.pult-transport{display:contents}.pult-taste[data-richtung=zurueck]{grid-area:zurueck}.pult-taste[data-richtung=weiter]{grid-area:weiter}.pult-oled{grid-area:oled;align-items:baseline;gap:.5rem;min-width:0;display:flex}.pult-oled-zeile>span:first-child{display:none}.pult-oled-name{text-overflow:clip;flex:1;min-width:0}.pult-regler-feld{grid-area:regler}.pult-regler{width:48px;height:48px}:scope:has(.rv) .pult-zubehoer{border-top-left-radius:0;border-top-right-radius:0}:scope:has(.rv) .pult-zubehoer:before{content:"";height:var(--versionswahl-fach);background:var(--platte-bild);box-shadow:inset 0 1px 0 var(--platte-licht), inset 1px 0 0 var(--platte-kante), inset -1px 0 0 var(--platte-kante), 0 -12px 30px #00000059;border-radius:10px 10px 0 0;position:absolute;bottom:calc(100% - 1px);left:0;right:0}:scope:has(.rv){--versionswahl-fach:4.75rem}.rv{margin-top:-2.25rem}:scope:has(.rv) .buehne-halte{padding-bottom:var(--versionswahl-fach)}}.konsole-regler,.konsole-regler-bild,.konsole-regler-ring{position:absolute;inset:0}.konsole-regler-bild{background:-webkit-image-set(url(/pult/regler-96.webp) 1x,url(/pult/regler-128.webp) 2x) 0 0/800% 1600% no-repeat;background:image-set("/pult/regler-96.webp" 1x,"/pult/regler-128.webp" 2x) 0 0/800% 1600% no-repeat}.konsole-regler-ring{pointer-events:none;width:100%;height:100%;overflow:visible}.konsole-led circle{transition:opacity var(--led-aus) ease-in, fill var(--dauer-mittel) var(--kurve)}.konsole-led-kern{fill:color-mix(in srgb, var(--bereich-flaeche) 70%, white);opacity:.12}.konsole-led-hof{fill:var(--bereich-flaeche);opacity:0;filter:blur(2.2px)}.konsole-led[data-an] circle{transition-duration:var(--led-an), var(--dauer-mittel);transition-timing-function:ease-out, var(--kurve)}.konsole-led[data-an] .konsole-led-kern{opacity:1}.konsole-led[data-an] .konsole-led-hof{opacity:.7}}.auftritt-licht{pointer-events:none;opacity:var(--licht,0);grid-area:auto;position:absolute;inset:0}@scope([data-fassung=c]) to ([data-fassung=a]){.buehne .tafel[data-falte]{--falte-oben:calc((1 - var(--falte,1)) * (1rem - 3px) - var(--falte,1) * 4rem);--falte-unten:max(0px, calc(100% - 1rem - 3px - var(--falte,1) * 20vh));clip-path:inset(var(--falte-oben) calc((1 - var(--lauf,1)) * 50% - var(--falte,1) * 4rem) var(--falte-unten))}.auftritt-licht:before,.auftritt-licht:after{content:"";left:calc((1 - var(--lauf,1)) * 50%);right:calc((1 - var(--lauf,1)) * 50%);background:linear-gradient(to right, transparent, color-mix(in srgb, var(--color-grund) 30%, white), transparent);height:2px;box-shadow:0 0 8px 2px color-mix(in srgb, var(--bereich-flaeche) 85%, transparent), 0 0 24px 5px color-mix(in srgb, var(--bereich-flaeche) 40%, transparent);position:absolute}.auftritt-licht:before{top:calc(max(0px, var(--falte-oben,0px)) + 2px)}.auftritt-licht:after{bottom:calc(var(--falte-unten,0px) + 2px)}}@scope([data-fassung=c]) to ([data-fassung=a]){@media (min-width:48rem){.kopfzeile .menue{box-shadow:none;background:0 0;border-radius:0;gap:6px;padding:0}.kopfzeile .menue-schieber{display:none}.kopfzeile .menue a[data-menuepunkt]{z-index:1;isolation:isolate;box-sizing:border-box;height:var(--menue-hoehe);color:var(--taste-schrift);background-color:var(--taste-flaeche);transition:color var(--led-aus) ease-in, box-shadow var(--led-aus) ease-in;border-radius:6px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex;position:relative}.kopfzeile .menue a[data-menuepunkt]:before,.kopfzeile .menue a[data-menuepunkt]:after{content:"";pointer-events:none;position:absolute;inset:-3px}.kopfzeile .menue a[data-menuepunkt]:before{z-index:-2;border:19px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/19px}.kopfzeile .menue a[data-menuepunkt]:after{z-index:-1;background:radial-gradient(120% 140% at 50% 45%, color-mix(in srgb, var(--bereich-flaeche) 68%, var(--bereich-glanz)) 0%, color-mix(in srgb, var(--bereich-flaeche) 86%, var(--bereich-glanz)) 70%, color-mix(in srgb, var(--bereich-flaeche) 85%, black) 100%);mix-blend-mode:var(--licht-mischung);opacity:0;transition:opacity var(--led-aus) ease-in;-webkit-mask-box-image:url(/pult/taste-licht.webp) 56/19px;mask-border:url(/pult/taste-licht.webp) 56/19px}.kopfzeile .menue a[data-menuepunkt]:is([aria-current],:active):before{border-image-source:url(/pult/taste-gedrueckt.webp)}.kopfzeile .menue a[data-menuepunkt][aria-current]{color:var(--bereich-darauf);background-color:var(--bereich-flaeche);box-shadow:var(--licht-hof);transition-duration:var(--led-an);transition-timing-function:ease-out}.kopfzeile .menue a[data-menuepunkt][aria-current]:after{opacity:1;transition:opacity var(--led-an) ease-out}.kopfzeile .menue a[data-menuepunkt]:hover{text-decoration:none}.kopfzeile .menue a[data-menuepunkt]:not([aria-current]):hover{color:#fff}.kopfzeile .menue a[data-menuepunkt]:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:calc(var(--fokus-abstand) + 3px)}.kopfzeile .menue:before,.kopfzeile .menue:after{content:"";z-index:3;width:10px;height:6px;translate:calc(var(--pult-kopf-x,0px) - 5px) 0;background:var(--bereich-schrift);opacity:0;pointer-events:none;position:absolute;left:0}.kopfzeile .menue:before{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(100% + 5px)}.kopfzeile .menue:after{clip-path:polygon(50% 0,100% 100%,0 100%);top:calc(100% + 5px)}.kopfzeile .menue[data-pult-kopf=sichtbar]:before,.kopfzeile .menue[data-pult-kopf=sichtbar]:after{opacity:1}}@supports not ((-webkit-mask-box-image:none)){@media (min-width:48rem){.kopfzeile .menue a[data-menuepunkt]:after{border-radius:4px;inset:4px 5px;box-shadow:inset 0 0 6px #00000059}}.buehne .tafel .knopf-stark:after{border-radius:4px;inset:5px 6px;box-shadow:inset 0 0 6px #00000059}}@media not (min-width:48rem){.kopf-klappe-knopf{isolation:isolate;background:var(--taste-flaeche);box-shadow:none;color:var(--taste-schrift);border-radius:6px;position:relative}.kopf-klappe-knopf:after{content:"";z-index:-1;pointer-events:none;border:16px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/16px;position:absolute;inset:-2px}.kopf-klappe-knopf[aria-expanded=true]:after{border-image-source:url(/pult/taste-gedrueckt.webp)}}}@scope([data-fassung=c]) to ([data-fassung=a]){.buehne .tafel{--einschub-hoch:var(--lightningcss-light,color-mix(in srgb, var(--bereich-schrift) 70%, var(--color-text)))var(--lightningcss-dark,color-mix(in srgb, var(--color-grund) 25%, white));--einschub-ton:color-mix(in srgb, var(--bereich-flaeche) 75%, var(--color-grund));background-color:color-mix(in srgb, var(--color-grund) var(--glas-deckkraft), transparent);background-image:linear-gradient(to right, transparent, color-mix(in srgb, var(--einschub-ton) calc(70% * (1 - var(--licht,0))), transparent) 18%, color-mix(in srgb, var(--einschub-hoch) calc(95% * (1 - var(--licht,0))), transparent) 50%, color-mix(in srgb, var(--einschub-ton) calc(70% * (1 - var(--licht,0))), transparent) 82%, transparent), linear-gradient(to right, transparent, color-mix(in srgb, var(--color-text) calc(30% * (1 - var(--licht,0))), transparent) 25% 75%, transparent), radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--einschub-ton) calc(22% * (1 - var(--licht,0))), transparent), transparent), linear-gradient(to bottom, color-mix(in srgb, var(--color-grund) 12%, transparent), transparent 5rem);box-shadow:inset 0 0 0 var(--form-kante) color-mix(in srgb, var(--color-text) 16%, transparent), inset 0 0 24px color-mix(in srgb, var(--color-grund) 50%, transparent), 0 18px 44px #00000052;background-position:top,bottom,top,top;background-repeat:no-repeat;background-size:100% 1px,100% 1px,100% 10px,100% 100%}}@scope([data-fassung=c]) to ([data-fassung=a]){.buehne .tafel-verweise a{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:.35em;font-size:.8125rem;font-weight:600;text-decoration-thickness:1px}}.bereich-marke-schreibmarke{display:none}@scope([data-fassung=c]) to ([data-fassung=a]){:scope,[data-bereich]{--bereich-glanz:white;--licht-mischung:screen;--licht-hof:0 0 24px -6px color-mix(in srgb, var(--bereich-flaeche) 80%, transparent)}[data-bereich=angebote],[data-bereich=karte]{--bereich-glanz:var(--bereich-flaeche);--licht-mischung:normal;--licht-hof:0 0 14px -2px var(--bereich-flaeche), 0 0 30px -4px color-mix(in srgb, var(--bereich-flaeche) 85%, white)}.buehne .tafel[data-tafel]>.tafel-rahmen{border-radius:calc(var(--form-radius) + 6px);background:radial-gradient(circle at 11px 11px,#d8d8dc 0 .8px,#55555c 1.4px 2.6px,#0000 3.1px),radial-gradient(circle at calc(100% - 11px) 11px,#d8d8dc 0 .8px,#55555c 1.4px 2.6px,#0000 3.1px),radial-gradient(circle at 11px calc(100% - 11px),#d8d8dc 0 .8px,#55555c 1.4px 2.6px,#0000 3.1px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#d8d8dc 0 .8px,#55555c 1.4px 2.6px,#0000 3.1px),linear-gradient(160deg,#7a7a82,#2b2b30 22%,#55555c 48%,#1d1d21 74%,#6a6a72);border:0;padding:6px;display:block;inset:-6px;box-shadow:inset 0 0 0 1px #0009;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.buehne-halte{counter-reset:halt}.buehne [data-halt]{counter-increment:halt}.buehne .tafel>.bereich-marke{box-sizing:border-box;background:var(--oled-grund);width:fit-content;max-width:100%;font-family:var(--font-mono);letter-spacing:.1em;color:var(--oled-schrift);text-shadow:0 0 6px #c8e6ff4d;border-radius:4px;align-self:flex-start;padding:.5rem .8rem;font-size:.6875rem;position:relative;box-shadow:inset 0 1px 4px #000,0 0 0 1px var(--lightningcss-light,#8e8e96)var(--lightningcss-dark,#34343a),0 1px 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#45454b)}.buehne .tafel>.bereich-marke:before{content:counter(halt, decimal-leading-zero) "/06" / "";color:var(--oled-leise)}.buehne .tafel .bereich-marke-led{background:color-mix(in srgb, var(--bereich-flaeche) 70%, white);width:7px;height:7px;box-shadow:0 0 6px 1px var(--bereich-flaeche);border-radius:50%;flex:none;display:block}.buehne .tafel .bereich-marke-zeichen{color:color-mix(in srgb, var(--bereich-flaeche) 60%, white)}.buehne .tafel .bereich-marke-wort{color:var(--oled-schrift)}.buehne .tafel .bereich-marke-zusatz{color:var(--oled-leise);border-color:#30353a}.buehne .tafel>.bereich-marke[data-tippt] .bereich-marke-wort{clip-path:inset(0 calc(100% - var(--zeichen,0) * (1ch + .1em)) 0 0)}.buehne .tafel>.bereich-marke[data-tippt] .bereich-marke-schreibmarke{width:.6em;height:1.05em;translate:calc((var(--zeichen,0) - var(--laenge,0)) * (1ch + .1em)) 0;background:currentColor;flex:none;margin-inline:-.5rem calc(-.6em - .5rem);display:block}.buehne .tafel .knopf{isolation:isolate;background:var(--taste-flaeche);min-height:44px;box-shadow:none;color:var(--taste-schrift);font:600 .75rem / 1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:color var(--led-aus) ease-in;border:0;border-radius:6px;padding:.5rem 1.2rem;position:relative}.buehne .tafel .knopf:before,.buehne .tafel .knopf:after{content:"";pointer-events:none;position:absolute;inset:-3px}.buehne .tafel .knopf:before{z-index:-2;border:22px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/22px}.buehne .tafel .knopf:active:before{border-image-source:url(/pult/taste-gedrueckt.webp)}.buehne .tafel .knopf-stark{background:var(--bereich-flaeche);color:var(--bereich-darauf)}.buehne .tafel .knopf-stark:after{z-index:-1;background:radial-gradient(120% 140% at 50% 45%, color-mix(in srgb, var(--bereich-flaeche) 68%, var(--bereich-glanz)) 0%, color-mix(in srgb, var(--bereich-flaeche) 86%, var(--bereich-glanz)) 70%, color-mix(in srgb, var(--bereich-flaeche) 85%, black) 100%);mix-blend-mode:var(--licht-mischung);-webkit-mask-box-image:url(/pult/taste-licht.webp) 56/22px;mask-border:url(/pult/taste-licht.webp) 56/22px}.buehne .tafel .knopf:not(.knopf-stark):hover{background:var(--taste-flaeche);color:#fff}.buehne .tafel .knopf-stark:hover{background:var(--bereich-flaeche);color:var(--bereich-darauf);box-shadow:var(--licht-hof)}.buehne .tafel .knopf:active{transform:none}.overlay-glas{border:0;border-radius:6px;box-shadow:0 0 0 1px #000,0 0 0 6px var(--lightningcss-light,#b4b4ba)var(--lightningcss-dark,#2c2c31),0 0 0 7px var(--lightningcss-light,#8a8a92)var(--lightningcss-dark,#4a4a50),0 30px 70px #00000080}.overlay-glas:before{content:attr(aria-label) / "";white-space:nowrap;background:var(--oled-grund);height:2.75rem;font:600 .75rem / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--oled-schrift);text-shadow:0 0 6px #c8e6ff59;flex:none;align-items:center;padding:0 4rem 0 1.25rem;display:flex;overflow:hidden;box-shadow:inset 0 -1px #000,inset 0 -2px #ffffff0f}.overlay-glas:after{content:"";z-index:3;background:color-mix(in srgb, var(--bereich-flaeche), white 22%);height:2px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--bereich-flaeche) 85%, transparent), 0 0 22px 4px color-mix(in srgb, var(--bereich-flaeche) 40%, transparent);pointer-events:none;position:absolute;top:2.75rem;left:0;right:0}:scope[data-bewegung=voll] .overlay-glas[open]:not([data-zu]):after{animation:linie-auf .42s var(--kurve) 80ms both}.overlay-zu{--zu-rot:#e23b3b;isolation:isolate;background:var(--taste-flaeche);width:30px;height:30px;box-shadow:none;color:#ffe3e3;text-shadow:0 0 6px #ff505099;background-clip:padding-box;border:10px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/10px;border-radius:6px;padding:0;font-size:1rem;top:.4375rem;right:.5rem}.overlay-zu:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 140% at 50% 45%, color-mix(in srgb, var(--zu-rot) 70%, white) 0%, var(--zu-rot) 70%, color-mix(in srgb, var(--zu-rot) 80%, black) 100%);mix-blend-mode:var(--licht-mischung);opacity:.5;transition:opacity var(--led-aus) ease-in;position:absolute;inset:-10px;-webkit-mask-box-image:url(/pult/taste-licht.webp) 56/10px;mask-border:url(/pult/taste-licht.webp) 56/10px}.overlay-zu:after{content:"";position:absolute;inset:-17px}.overlay-zu:active{border-image-source:url(/pult/taste-gedrueckt.webp)}.overlay-zu:is(:hover,:focus-visible){background:var(--taste-flaeche);color:#fff;background-clip:padding-box}.overlay-zu:is(:hover,:focus-visible):before{opacity:1;transition:opacity var(--led-an) ease-out}}@scope([data-fassung=c]) to ([data-fassung=a]){.buehne .halt{padding-block-start:max(1rem, calc(var(--menue-hoehe) * 1.2))}.overlay-glas,.overlay-glas[data-breit=ja]{--c-logo-luft:max(0px, calc(var(--menue-hoehe) * 1.2 - 1rem));inset:calc(var(--kopfhoehe,4rem) + var(--c-logo-luft)) 0 0;max-height:calc(100vh - var(--kopfhoehe,4rem) - var(--c-logo-luft) - 2rem)}.overlay-glas[data-randlos=ja]{--overlay-rand:.5rem;--overlay-kopfleiste:2.75rem;--overlay-randlos-hoehe:calc(100dvh - var(--kopfhoehe,4rem) - var(--c-logo-luft) - 2 * var(--overlay-rand));max-height:var(--overlay-randlos-hoehe)}.buehne .tafel .vorschau-pfeil{isolation:isolate;background:var(--taste-flaeche);width:44px;height:44px;box-shadow:none;color:var(--taste-schrift);border:0;border-radius:6px;position:relative}.buehne .tafel .vorschau-pfeil:before{content:"";z-index:-1;pointer-events:none;border:14px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/14px;position:absolute;inset:-2px}.buehne .tafel .vorschau-pfeil:hover{background:var(--taste-flaeche);color:#fff}.buehne .tafel .vorschau-pfeil:active:before{border-image-source:url(/pult/taste-gedrueckt.webp)}.buehne .tafel .vorschau-pfeil:active svg{translate:0 1px}.buehne .tafel .vorschau-zaehler{background:var(--oled-grund);color:var(--oled-schrift);font:600 .75rem / 1 var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #c8e6ff4d;border-radius:4px;padding:.3rem .5rem;box-shadow:inset 0 1px 4px #000,0 0 0 1px var(--lightningcss-light,#8e8e96)var(--lightningcss-dark,#34343a)}.buehne .tafel .vorschau-datum{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem}.buehne .tafel .vorschau-mehr{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:.35em;font-size:.8125rem;font-weight:600;text-decoration-thickness:1px}.buehne .tafel .suchfeld-beschriftung{font:600 .6875rem / 1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.buehne .tafel .suchfeld-eingabe{background:var(--oled-grund);color:var(--oled-schrift);caret-color:var(--color-akzent);font-family:var(--font-mono);letter-spacing:.04em;border:0;border-radius:4px;font-size:.9375rem;box-shadow:inset 0 1px 4px #000,0 0 0 1px var(--lightningcss-light,#8e8e96)var(--lightningcss-dark,#34343a),0 1px 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#45454b)}.buehne .tafel .suchfeld-eingabe::placeholder{color:var(--oled-leise);opacity:1}.buehne .tafel .suchfeld-eingabe:hover{box-shadow:inset 0 1px 4px #000, 0 0 0 1px var(--oled-leise), 0 1px 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#45454b)}@media not (min-width:48rem){.kopf-klappe[data-offen]{color:var(--platte-schrift);background:var(--platte-bild);box-shadow:inset 0 1px 0 var(--platte-licht), inset 0 0 0 1px var(--platte-kante), 0 14px 30px #00000059;border-radius:6px;gap:.9rem;margin-block:1.75rem .25rem;padding:1.1rem .85rem}.kopf-klappe .menue{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kopf-klappe .menue>a[data-menuepunkt]{isolation:isolate;box-sizing:border-box;background-color:var(--taste-flaeche);min-height:48px;box-shadow:none;color:var(--taste-schrift);border:0;border-radius:6px;align-items:center;gap:.55rem;padding:0 .8rem;line-height:1.15;text-decoration:none;display:flex;position:relative}.kopf-klappe .menue>a[data-menuepunkt]:before,.kopf-klappe .menue>a[data-menuepunkt]:after{content:"";pointer-events:none;position:absolute;inset:-3px}.kopf-klappe .menue>a[data-menuepunkt]:before{z-index:-2;border:19px solid #0000;border-image:url(/pult/taste-aus.webp) 56 fill/19px}.kopf-klappe .menue>a[data-menuepunkt]:after{z-index:-1;background:radial-gradient(120% 140% at 50% 45%, color-mix(in srgb, var(--bereich-flaeche) 68%, var(--bereich-glanz)) 0%, color-mix(in srgb, var(--bereich-flaeche) 86%, var(--bereich-glanz)) 70%, color-mix(in srgb, var(--bereich-flaeche) 85%, black) 100%);mix-blend-mode:var(--licht-mischung);opacity:0;-webkit-mask-box-image:url(/pult/taste-licht.webp) 56/19px;mask-border:url(/pult/taste-licht.webp) 56/19px}.kopf-klappe .menue>a[data-menuepunkt]:is([aria-current],:active):before{border-image-source:url(/pult/taste-gedrueckt.webp)}.kopf-klappe .menue>a[data-menuepunkt][aria-current]{background-color:var(--bereich-flaeche);color:var(--bereich-darauf);box-shadow:var(--licht-hof)}.kopf-klappe .menue>a[data-menuepunkt][aria-current]:after{opacity:1}.kopf-klappe .menue>a[data-menuepunkt]:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:calc(var(--fokus-abstand) + 3px)}.kopf-klappe .menue>a[data-menuepunkt] .menue-zeichen{width:.95rem;height:.95rem;color:color-mix(in srgb, var(--bereich-flaeche) 60%, white);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--bereich-flaeche) 70%, transparent));flex:none;display:block}.kopf-klappe .menue>a[data-menuepunkt][aria-current] .menue-zeichen{color:currentColor;filter:none}}}@scope([data-fassung=c]) to ([data-fassung=a]){@media not (min-width:48rem){:scope[data-bewegung=voll] .kopf-klappe .menue>a[data-menuepunkt]:after{transition:opacity var(--led-aus) ease-in}:scope[data-bewegung=voll] .kopf-klappe .menue>a[data-menuepunkt][aria-current]:after{transition-duration:var(--led-an);transition-timing-function:ease-out}}}@media (prefers-reduced-motion:reduce){@scope([data-fassung=c]) to ([data-fassung=a]){:is(.pult-zubehoer,.menue,.bereich-marke,.tafel .knopf),:is(.pult-zubehoer,.menue,.bereich-marke,.tafel .knopf) *,:is(.menue a,.tafel .knopf,.overlay-glas):after{transition:none!important;animation:none!important}.buehne .tafel>.bereich-marke[data-tippt] .bereich-marke-wort{clip-path:none!important}.buehne .tafel>.bereich-marke[data-tippt] .bereich-marke-schreibmarke{display:none!important}}}@scope([data-fassung=c]) to ([data-fassung=a]){:scope:not([data-bewegung=voll]) :is(.pult-zubehoer,.menue,.bereich-marke,.tafel .knopf),:scope:not([data-bewegung=voll]) :is(.pult-zubehoer,.menue,.bereich-marke,.tafel .knopf) *,:scope:not([data-bewegung=voll]) :is(.menue a,.tafel .knopf):after{transition:none;animation:none}:scope:not([data-bewegung=voll]) .kopfzeile .menue a[data-menuepunkt][aria-current],:scope:not([data-bewegung=voll]) .kopfzeile .menue a[data-menuepunkt][aria-current]:after{transition:none}}@scope([data-fassung=c]) to ([data-fassung=a]){.fuss{--color-text-gedaempft:var(--platte-schrift);background:var(--platte-bild);box-shadow:inset 0 1px 0 var(--platte-licht), inset 0 0 0 1px var(--platte-kante);border-top:1px solid #000}.fuss-titel,.fuss .foerderer-titel{font-family:var(--font-mono);letter-spacing:.12em;font-weight:600}.fuss-marke{font-family:var(--font-mono);font-size:var(--schrift-2);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.fuss .foerderer{border-bottom-color:var(--platte-kante)}.fuss-verweis .fuss-zeichen,.fuss-verweis .fuss-bereich-zeichen{transition:color var(--led-aus) ease-in, filter var(--led-aus) ease-in}.fuss-verweis:is(:hover,:focus-visible) .fuss-zeichen{color:var(--color-text);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-text) 50%, transparent));transition-duration:var(--led-an)}.fuss-verweis:is(:hover,:focus-visible) .fuss-bereich-zeichen{color:color-mix(in srgb, var(--bereich-flaeche), white 18%);filter:drop-shadow(0 0 5px var(--bereich-flaeche));transition-duration:var(--led-an)}:scope:not([data-bewegung=voll]) .fuss-verweis :is(.fuss-zeichen,.fuss-bereich-zeichen){transition:none}}
@property --auf-oben{syntax:"<length>";inherits:false;initial-value:0}@property --auf-unten{syntax:"<length>";inherits:false;initial-value:0}.tafel-licht,.overlay-licht{display:none}@keyframes linie-auf{0%{opacity:0;transform:scaleX(0)}12%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes overlay-linie-auf{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(0)scaleX(0)}6%{opacity:1}22%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(0)scaleX(1)}71%{opacity:1;transform:translateY(calc(var(--richtung) * var(--overlay-hoehe,60vh) / 2)) scaleX(1);animation-timing-function:ease-in}to{opacity:0;transform:translateY(calc(var(--richtung) * var(--overlay-hoehe,60vh) / 2)) scaleX(1)}}@keyframes overlay-linie-zu{0%{opacity:1;transform:translateY(calc(var(--richtung) * var(--overlay-hoehe,60vh) / 2)) scaleX(1);animation-timing-function:cubic-bezier(.55,0,.9,.4)}80%{opacity:1;animation-timing-function:ease-in;transform:translateY(0)scaleX(1)}to{opacity:0;transform:translateY(0)scaleX(0)}}@keyframes glas-aus-der-mitte{0%{clip-path:inset(calc(50% - 1px) 0)}to{clip-path:inset(0)}}@keyframes glas-in-die-mitte{0%{clip-path:inset(0)}to{clip-path:inset(calc(50% - 1px) 0)}}@keyframes glas-von-oben{0%{clip-path:inset(-1.5rem -1.5rem calc(100% - 2px))}to{clip-path:inset(-1.5rem -1.5rem 0)}}@keyframes steigen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes blende-ein{0%{opacity:0}}@keyframes led-flackern{0%{opacity:.2}22%{opacity:.85}48%{opacity:.25}to{opacity:1}}@keyframes glanz-lauf{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){.buehne .halt{position:relative}.tafel-licht{--licht-farbe:color-mix(in srgb, var(--bereich-flaeche), #fff var(--farbglas-led-licht,0%));z-index:3;pointer-events:none;display:block;position:absolute}.tafel-licht-linie{left:var(--rundung,16px);right:var(--rundung,16px);opacity:0;height:2px;box-shadow:0 0 10px 1px var(--licht-farbe), 0 0 28px 4px color-mix(in srgb, var(--licht-farbe) 55%, transparent);will-change:transform, opacity;background:linear-gradient(90deg,#0000,#fff 12% 88%,#0000);border-radius:2px;position:absolute;top:-1px}.tafel-komet{opacity:0;transform-origin:100%;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--licht-farbe) 70%, transparent) 55%, #fff);width:110px;height:2px;box-shadow:0 0 10px 1px color-mix(in srgb, var(--licht-farbe) 80%, transparent), 0 0 24px 4px color-mix(in srgb, var(--licht-farbe) 35%, transparent);will-change:transform, opacity;border-radius:2px;position:absolute;top:-1px;left:-110px}.buehne .tafel[data-auf]{clip-path:inset(var(--auf-oben) -4rem var(--auf-unten) -4rem)}.buehne .halt-blende{margin-bottom:-.08em;padding-bottom:.08em;overflow:hidden}.projekt-kachel[data-falte]{clip-path:inset(-1rem -1rem calc((1 - var(--falte)) * 100%) -1rem)}.projekt-kachel[data-falte] .projekt-vorne:before{opacity:1}.projekt-blatt{transition:transform var(--dauer-lang) var(--kurve)}.projekt-hinten :is(img){transition:scale 1s var(--kurve)}.projekt-hinten:before{content:"";z-index:1;opacity:0;background:radial-gradient(16rem circle at var(--zeiger-x,50%) var(--zeiger-y,30%), #ffffff47, transparent 70%);transition:opacity var(--dauer-mittel) var(--kurve);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){:scope[data-bewegung=voll] .projekt-blatt{transform:rotateX(var(--neigung-x,0deg)) rotateY(var(--neigung-y,0deg))}:scope[data-bewegung=voll] .projekt-kachel:hover .projekt-blatt{transform:rotateX(var(--neigung-x,0deg)) rotateY(calc(180deg - var(--neigung-y,0deg)))}:scope[data-bewegung=voll] .projekt-hinten :is(img){scale:1.14}:scope[data-bewegung=voll] .projekt-kachel:hover .projekt-hinten :is(img){scale:1}:scope[data-bewegung=voll] .projekt-kachel:hover .projekt-hinten:before{opacity:1}}.overlay-licht{--licht-farbe:color-mix(in srgb, var(--bereich-flaeche), #fff var(--farbglas-led-licht,0%));left:50%;top:calc(var(--kopfhoehe,4rem) + (100vh - var(--kopfhoehe,4rem)) / 2);z-index:16;pointer-events:none;width:min(56rem,100% - 3rem);height:0;display:block;position:fixed;translate:-50%}.overlay-licht:has(+.overlay-glas[data-breit=ja]){width:min(84rem,100% - 2rem)}.overlay-licht:has(+.overlay-glas[data-randlos=ja]){width:calc(100% - 1rem)}.overlay-licht:before,.overlay-licht:after{content:"";opacity:0;height:2px;box-shadow:0 0 12px 2px var(--licht-farbe), 0 0 36px 6px color-mix(in srgb, var(--licht-farbe) 45%, transparent);background:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);border-radius:2px;position:absolute;top:-1px;left:0;right:0}.overlay-licht:before{--richtung:-1}.overlay-licht:after{--richtung:1}.overlay-glas:not([data-steht]),.b-glas:not([data-steht]){-webkit-backdrop-filter:none;backdrop-filter:none}:scope[data-bewegung=voll] .b-glas{animation:glas-von-oben .62s var(--kurve) .22s backwards}:scope[data-bewegung=voll] .b-glas:before{animation:linie-auf .26s var(--kurve) both}:scope[data-bewegung=voll] .b-glas>*{animation:steigen var(--dauer-lang) var(--kurve) .42s backwards}:scope[data-bewegung=voll] .b-glas>:nth-child(2){animation-delay:.48s}:scope[data-bewegung=voll] .b-glas>:nth-child(n+3){animation-delay:.54s}:scope[data-bewegung=reduziert] .b-glas{animation:blende-ein var(--dauer-kurz) ease-out}:scope[data-bewegung=voll] .overlay-licht:before,:scope[data-bewegung=voll] .overlay-licht:after{animation:.9s linear both overlay-linie-auf}:scope[data-bewegung=voll] .overlay-licht[data-zu]:before,:scope[data-bewegung=voll] .overlay-licht[data-zu]:after{animation:.3s linear both overlay-linie-zu}:scope[data-bewegung=voll] .overlay-glas[open]{animation:glas-aus-der-mitte .44s var(--kurve) .2s backwards}:scope[data-bewegung=voll] .overlay-glas[data-zu=ja]{animation:.26s cubic-bezier(.55,0,.9,.4) forwards glas-in-die-mitte}:scope[data-bewegung=voll] .overlay-glas[open]:not([data-zu]) .overlay-inhalt>*,:scope[data-bewegung=voll] .overlay-glas[open]:not([data-zu]) .overlay-zu{animation:steigen var(--dauer-lang) var(--kurve) .48s backwards}:scope[data-bewegung=voll] .overlay-glas[open] .overlay-inhalt>:nth-child(2){animation-delay:.54s}:scope[data-bewegung=voll] .overlay-glas[open] .overlay-inhalt>:nth-child(3){animation-delay:.6s}:scope[data-bewegung=voll] .overlay-glas[open] .overlay-inhalt>:nth-child(n+4){animation-delay:.66s}.menue-schieber:after{transition:transform var(--dauer-mittel) var(--kurve), opacity var(--dauer-mittel) var(--kurve)}.menue-schieber[data-federt]:after{box-shadow:0 0 10px 1px var(--farbglas-led), 0 0 26px 4px color-mix(in srgb, var(--farbglas-led) 65%, transparent);transform:scaleX(1.28)}.menue-schieber[data-federt] .menue-schieber-zeile{visibility:hidden}:scope[data-bewegung=voll] .menue>a[aria-current] .menue-zeichen{animation:.3s linear .12s backwards led-flackern}@media (max-width:47.99rem){:scope[data-bewegung=voll] .kopf-klappe[data-offen]{animation:glas-von-oben .42s var(--kurve) .14s backwards}:scope[data-bewegung=voll] .kopf-klappe[data-offen]:before{animation:linie-auf .24s var(--kurve) both}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a{animation:steigen var(--dauer-lang) var(--kurve) .2s backwards}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a:nth-of-type(2){animation-delay:.245s}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a:nth-of-type(3){animation-delay:.29s}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a:nth-of-type(4){animation-delay:.335s}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a:nth-of-type(5){animation-delay:.38s}:scope[data-bewegung=voll] .kopf-klappe[data-offen] .menue>a:nth-of-type(6){animation-delay:.425s}:scope[data-bewegung=voll] .kopf-klappe[data-offen]>:not(.menue){animation:steigen var(--dauer-lang) var(--kurve) .44s backwards}:scope[data-bewegung=reduziert] .kopf-klappe[data-offen]{animation:blende-ein var(--dauer-kurz) ease-out}}[data-zahl]{font-variant-numeric:tabular-nums}[data-zahl][data-anzeige]{-webkit-text-fill-color:transparent;position:relative}[data-zahl][data-anzeige]:after{content:attr(data-anzeige) / "";-webkit-text-fill-color:currentcolor;position:absolute;top:0;left:0}.tafel .umriss-punkt{transform-box:fill-box;transform-origin:50%;scale:clamp(0, (var(--punkte,1) * 1.25 - var(--i,0)) * 5, 1)}:is(#inhalt,.overlay-glas,.fuss) .knopf:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:#ffffff52;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 38%,#000 50%,#0000 62%);mask-image:linear-gradient(105deg,#0000 38%,#000 50%,#0000 62%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover) and (pointer:fine){:scope[data-bewegung=voll] :is(#inhalt,.overlay-glas,.fuss) .knopf:hover:after{opacity:1;animation:glanz-lauf .7s var(--kurve) both}}}@media (prefers-reduced-motion:reduce){:root :is(.overlay-licht,.overlay-glas,.overlay-inhalt>*,.overlay-zu,.b-glas,.b-glas>*,.kopf-klappe,.menue-zeichen,.menue>a,.knopf),:root :is(.overlay-licht,.b-glas,.kopf-klappe,.knopf):before,:root :is(.overlay-licht,.b-glas,.knopf):after{animation-delay:0s!important}.tafel-licht{display:none!important}.projekt-hinten :is(img){transition:none!important;scale:1!important}.fuss:before{opacity:1!important;transition:none!important;transform:none!important}}:root[data-bewegung=aus] :is(.overlay-licht,.overlay-glas,.overlay-inhalt>*,.overlay-zu,.b-glas,.b-glas>*,.kopf-klappe,.menue-zeichen,.menue>a,.knopf),:root[data-bewegung=aus] :is(.overlay-licht,.b-glas,.kopf-klappe,.knopf):before,:root[data-bewegung=aus] :is(.overlay-licht,.b-glas,.knopf):after{animation:none!important}:root[data-bewegung=aus] :is(.projekt-blatt,.projekt-hinten :is(img)){transition:none!important}
.logo-hover{aspect-ratio:2400/1513;pointer-events:none;-webkit-user-select:none;user-select:none;width:112.613%;position:absolute;top:-6.78345%;left:-6.28754%}:is(.marke-logo,.buehne-titelblatt-logo)>.logo-glanz{opacity:calc(1 - clamp(0, var(--logo-licht,0) * 2 - 1, 1))}.logo-hover-bilder{isolation:isolate;opacity:clamp(0, var(--logo-licht,0) * 2, 1);position:absolute;inset:0}.logo-hover-bild{opacity:0;mix-blend-mode:plus-lighter;width:100%;max-width:none;height:auto;position:absolute;inset:0}.logo-hover-led{aspect-ratio:1;opacity:0;background:radial-gradient(circle, #fff 0 5%, color-mix(in srgb, var(--led-farbe), #fff 35%) 11%, color-mix(in srgb, var(--led-farbe) 75%, transparent) 22%, color-mix(in srgb, var(--led-farbe) 25%, transparent) 42%, transparent 68%);mix-blend-mode:plus-lighter;border-radius:50%;width:15%;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.logo-hover{display:none!important}:is(.marke-logo,.buehne-titelblatt-logo)>.logo-glanz{opacity:1!important}}:root:not([data-bewegung=voll]) .logo-hover{display:none!important}:root:not([data-bewegung=voll]) :is(.marke-logo,.buehne-titelblatt-logo)>.logo-glanz{opacity:1!important}
@media (min-width:40rem){.karte-ergebnisse>#eintraege{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));align-items:start;gap:.5rem .75rem;display:grid}.karte-ergebnisse>#eintraege>li{border:1px solid var(--color-linie);border-radius:var(--form-radius-klein);background:color-mix(in srgb, var(--color-grund) 60%, transparent);overflow:hidden}.karte-ergebnisse>#eintraege .treffer{height:100%;display:block}}@scope([data-fassung=c]) to ([data-fassung=a]){@media (min-width:40rem){.karte-ergebnisse>#eintraege>li{border-radius:var(--form-radius-klein);background:var(--form-kasten-grund);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px var(--color-linie);border:0}}.karte-ergebnisse>#eintraege .treffer>span:last-child{font-family:var(--font-mono);letter-spacing:.04em;font-size:.75rem}}
.newsletter-formular{border:1px solid color-mix(in srgb, var(--bereich-schrift) 45%, transparent);border-top:3px solid var(--bereich-schrift);border-radius:var(--form-radius);background:color-mix(in srgb, var(--color-grund) 55%, transparent);flex-direction:column;gap:.6rem;max-width:34rem;margin-top:1.5rem;padding:1.1rem 1.2rem 1.2rem;display:flex}.tafel .newsletter-formular{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem .6rem;max-width:none;margin-top:.75rem;padding:.75rem .9rem .85rem;display:grid}.tafel .newsletter-formular>*{grid-column:1/-1}.tafel .newsletter-formular>.newsletter-zeile{grid-area:3;gap:.2rem}.tafel .newsletter-formular>.newsletter-einwilligung{grid-row:4}.tafel .newsletter-formular>.newsletter-senden{grid-row:5}.tafel .newsletter-satz{display:none}@media (min-width:40rem){.tafel .newsletter-formular{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.tafel .newsletter-formular>.newsletter-senden{grid-area:3/3;align-self:end}}.newsletter-titel{font-family:var(--font-headline);color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700}.newsletter-satz{margin:0;font-size:.9375rem}.newsletter-sammel:empty{display:none}.newsletter-sammel{margin:0;font-weight:600}.newsletter-zeile{flex-direction:column;gap:.3rem;display:flex}.newsletter-zeile label{font-size:.9375rem;font-weight:600}.newsletter-eingabe{flex-wrap:wrap;gap:.5rem;display:flex}.newsletter-eingabe input{border:var(--form-kante) solid var(--color-kante);border-radius:var(--form-radius-klein);background-color:var(--color-grund);min-width:0;min-height:2.75rem;color:var(--color-text);font:inherit;flex:14rem;padding:.55rem .7rem;font-size:.9375rem}.newsletter-eingabe input:hover{border-color:var(--color-text)}.newsletter-eingabe input:focus-visible,.newsletter-einwilligung input:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.newsletter-eingabe input[aria-invalid=true]{border-color:var(--color-warnung);border-width:2px}.newsletter-knopf{flex:none;min-height:2.75rem}.newsletter-einwilligung{grid-template-columns:auto 1fr;align-items:start;gap:.25rem .6rem;font-size:.8125rem;line-height:1.45;display:grid}.newsletter-einwilligung input{width:1.5rem;height:1.5rem;accent-color:var(--bereich-schrift);margin:0}.newsletter-senden{display:flex}.newsletter-kaestchen{appearance:none;box-sizing:border-box;cursor:pointer;background-position:50%;background-repeat:no-repeat;flex:none;display:inline-block}@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){.newsletter-kaestchen{border:1px solid color-mix(in srgb, var(--bereich-schrift) 60%, transparent);border-radius:var(--form-radius-klein);background-color:color-mix(in srgb, var(--color-grund) 60%, transparent);box-shadow:inset 0 1px 0 var(--farbglas-glanz,#fff6);transition:background-color var(--dauer-kurz) var(--kurve), box-shadow var(--dauer-kurz) var(--kurve)}.newsletter-kaestchen:hover{border-color:var(--bereich-schrift)}.newsletter-kaestchen:checked{border-color:var(--bereich-schrift);background-color:var(--bereich-schrift);box-shadow:inset 0 2px 0 #ffffffbf, 0 0 10px color-mix(in srgb, var(--bereich-flaeche) 70%, transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.5l4 4 9-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='square'/%3E%3C/svg%3E");background-size:1.1rem}}@scope([data-fassung=c]) to ([data-fassung=a]){.newsletter-einwilligung .newsletter-kaestchen{background-color:#373639;background-image:radial-gradient(circle,#2a3b39 0 45%,#0000 55%);background-clip:padding-box;border:9px solid #0000;border-image:url(/pult/taste-aus.webp) 56/9px;border-radius:6px;width:28px;height:28px}.newsletter-kaestchen:checked{background-image:radial-gradient(circle, #fff 0 18%, color-mix(in srgb, var(--bereich-flaeche) 80%, white) 32%, var(--bereich-flaeche) 48%, transparent 60%);box-shadow:0 0 12px -2px var(--bereich-flaeche);border-image-source:url(/pult/taste-gedrueckt.webp)}}.newsletter-einwilligung .sprechstunde-fehler{grid-column:1/-1}.newsletter-meldung{border-left:4px solid var(--bereich-schrift);border-radius:var(--form-radius-klein);background:color-mix(in srgb, var(--bereich-schrift) 12%, transparent);margin:1.5rem 0 0;padding:1rem 1.2rem;font-weight:600}@scope([data-fassung=c]) to ([data-fassung=a]){.newsletter-formular{border-radius:var(--form-radius-klein);background:var(--form-kasten-grund);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--color-linie);border:0}.newsletter-titel,.newsletter-zeile label{font:600 .6875rem / 1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text)}.newsletter-titel:before{content:"";vertical-align:.05em;background:color-mix(in srgb, var(--bereich-flaeche) 70%, white);width:7px;height:7px;box-shadow:0 0 6px 1px var(--bereich-flaeche);border-radius:50%;margin-right:.5rem;display:inline-block}.newsletter-eingabe input{color:#eef5f8;caret-color:var(--color-akzent);font-family:var(--font-mono);letter-spacing:.04em;text-shadow:0 0 6px #c8e6ff4d;background:#0a0b0c;border:0;border-radius:4px;box-shadow:inset 0 1px 4px #000,0 0 0 1px var(--lightningcss-light,#8e8e96)var(--lightningcss-dark,#34343a),0 1px 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#45454b)}.newsletter-eingabe input:hover{box-shadow:inset 0 1px 4px #000,0 0 0 1px #a7b1b7,0 1px 0 1px var(--lightningcss-light,#fff)var(--lightningcss-dark,#45454b)}.newsletter-eingabe input[aria-invalid=true]{box-shadow:inset 0 1px 4px #000, 0 0 0 2px var(--color-warnung)}.newsletter-meldung,.newsletter-sammel{color:#eef5f8;font:600 .8125rem / 1.45 var(--font-mono);letter-spacing:.03em;text-shadow:0 0 6px #c8e6ff4d;background:#0a0b0c;border:0;border-radius:4px;padding:.6rem .8rem;box-shadow:inset 0 1px 4px #000,0 0 0 1px var(--lightningcss-light,#8e8e96)var(--lightningcss-dark,#34343a)}}
@scope([data-fassung=c]) to ([data-fassung=a]){.projekt-kachel:is(:hover,:focus-visible,:active),.vorschau[data-mit-bild]:is(:hover,:focus-within,:active),.beitragsliste-eintrag:is(:hover,:focus-within,:active),.textblock:is(:hover,:focus-within,:active){--form-bild-grau:0;--form-bild-schleier:0}.vorschau-bild img,.textblock-bild img,.projekt-vorne-bild img{transition:filter .45s ease-out}.projekt-hinten img{transition:filter .45s ease-out, scale 1s var(--kurve)}.beitragsliste-bild img{transition:filter .45s ease-out, transform var(--dauer-lang) var(--kurve)}.projekt-hinten:after,.projekt-vorne-bild:after,.textblock-bild:after{transition:opacity .45s ease-out}}:root[data-bewegung=aus] :is(.projekt-hinten,.projekt-vorne-bild,.vorschau-bild,.textblock-bild,.beitragsliste-bild) img,:root[data-bewegung=aus] :is(.projekt-hinten,.projekt-vorne-bild,.textblock-bild):after,:root[data-bewegung=reduziert] :is(.projekt-hinten,.projekt-vorne-bild,.vorschau-bild,.textblock-bild,.beitragsliste-bild) img,:root[data-bewegung=reduziert] :is(.projekt-hinten,.projekt-vorne-bild,.textblock-bild):after{transition-property:none}
.vorschau-fach{display:grid;position:relative}.vorschau-fach>.vorschau-inhalt{grid-area:1/1}.vorschau-bildlage{position:absolute;inset:0}.vorschau-bild{overflow:clip}.vorschau-bildlage[data-lage=vorrat]{opacity:0;pointer-events:none}.vorschau [data-lage=alt],.vorschau-licht{display:none}.vorschau-meta,.vorschau-text,.vorschau-bild{touch-action:pan-y}.vorschau-zahl{display:inline-block}@keyframes vw-licht-weiter{0%{opacity:0;transform:translate(-100%)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes vw-licht-zurueck{0%{opacity:0;transform:translate(100%)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes vw-rein-weiter{0%{clip-path:inset(-1rem 100% -1rem 0)}to{clip-path:inset(-1rem 0)}}@keyframes vw-rein-zurueck{0%{clip-path:inset(-1rem 0 -1rem 100%)}to{clip-path:inset(-1rem 0)}}@keyframes vw-raus-weiter{0%{clip-path:inset(-1rem 0);opacity:1;transform:none}to{clip-path:inset(-1rem 0 -1rem 100%);opacity:.35;transform:translate(18px)}}@keyframes vw-raus-zurueck{0%{clip-path:inset(-1rem 0);opacity:1;transform:none}to{clip-path:inset(-1rem 100% -1rem 0);opacity:.35;transform:translate(-18px)}}@keyframes vw-bild-setzen{0%{transform:scale(1.08)}to{transform:none}}@keyframes vw-glimmen{0%{opacity:.15}22%{opacity:.85}45%{opacity:.3}to{opacity:1}}@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){:scope[data-bewegung=voll] .vorschau{--vw-dauer:calc(var(--dauer-lang) * 1.4);--licht-farbe:color-mix(in srgb, var(--bereich-flaeche), #fff var(--farbglas-led-licht,0%))}:scope[data-bewegung=voll] .vorschau[data-wechsel] [data-lage=alt]{pointer-events:none;display:block}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-inhalt[data-lage=alt]{display:flex}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-licht{z-index:3;pointer-events:none;animation:vw-licht-weiter var(--vw-dauer) var(--kurve) both;display:block;position:absolute;inset:-.5rem 0}:scope[data-bewegung=voll] .vorschau-bild .vorschau-licht{inset:0}:scope[data-bewegung=voll] .vorschau-licht:before{content:"";width:2px;box-shadow:0 0 10px 1px var(--licht-farbe), 0 0 28px 5px color-mix(in srgb, var(--licht-farbe) 50%, transparent);background:linear-gradient(#0000,#fff 14% 86%,#0000);border-radius:2px;position:absolute;top:0;bottom:0;right:-1px}:scope[data-bewegung=voll] .vorschau[data-richtung=zurueck] .vorschau-licht{animation-name:vw-licht-zurueck}:scope[data-bewegung=voll] .vorschau[data-richtung=zurueck] .vorschau-licht:before{left:-1px;right:auto}:scope[data-bewegung=voll] .vorschau[data-wechsel] [data-lage=neu]{animation:vw-rein-weiter var(--vw-dauer) var(--kurve) both}:scope[data-bewegung=voll] .vorschau[data-wechsel][data-richtung=zurueck] [data-lage=neu]{animation-name:vw-rein-zurueck}:scope[data-bewegung=voll] .vorschau[data-wechsel] [data-lage=alt]{animation:vw-raus-weiter var(--vw-dauer) var(--kurve) both}:scope[data-bewegung=voll] .vorschau[data-wechsel][data-richtung=zurueck] [data-lage=alt]{animation-name:vw-raus-zurueck}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-bildlage[data-lage=neu] img{animation:vw-bild-setzen calc(var(--vw-dauer) * 1.6) var(--kurve) both}:scope[data-bewegung=voll] .vorschau[data-wechsel] :is(.vorschau-zahl,.vorschau-datum){animation:.32s linear .12s backwards vw-glimmen}:scope[data-bewegung=reduziert] .vorschau [data-lage=neu]{animation:blende-ein var(--dauer-kurz) ease-out}}@keyframes vw-kanal-aus{0%{opacity:1;transform:none}60%{opacity:1;transform:scale(1.02,.012)}to{opacity:0;transform:scale(.2,.012)}}@keyframes vw-kanal-ein{0%{clip-path:inset(50% 0);opacity:.4}35%{clip-path:inset(48% 0);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes vw-kanal-blitz{0%{opacity:0}30%{opacity:.55}to{opacity:0}}@keyframes vw-tippen{0%{clip-path:inset(-.5rem 100% -.5rem 0)}to{clip-path:inset(-.5rem 0)}}@keyframes vw-weg{to{opacity:0}}@keyframes vw-led-blitz{0%{opacity:.15}12%{opacity:1}to{opacity:.15}}@scope([data-fassung=c]) to ([data-fassung=a]){.vorschau-zaehler{position:relative}.buehne .tafel .vorschau-zaehler{padding-left:1.1rem}.buehne .tafel .vorschau-zaehler:before{content:"";background:color-mix(in srgb, var(--bereich-flaeche) 75%, white);width:5px;height:5px;box-shadow:0 0 6px 1px var(--bereich-flaeche);opacity:.15;border-radius:50%;margin-top:-2.5px;position:absolute;top:50%;left:.45rem}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-zaehler:before{animation:.52s ease-out both vw-led-blitz}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-zahl{animation:.22s steps(3,end) both vw-tippen}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-bildlage[data-lage=alt]{pointer-events:none;animation:.26s cubic-bezier(.55,0,.9,.4) both vw-kanal-aus;display:block}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-bildlage[data-lage=neu]{animation:vw-kanal-ein .42s var(--kurve) .18s both}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-bild .vorschau-licht{z-index:2;pointer-events:none;background:radial-gradient(120% 60% at 50% 50%, #ebf5ffe6, color-mix(in srgb, var(--bereich-flaeche) 55%, transparent) 55%, transparent 80%);mix-blend-mode:screen;animation:.42s ease-out .16s both vw-kanal-blitz;display:block;position:absolute;inset:0}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-inhalt[data-lage=alt]{pointer-events:none;animation:.14s ease-in both vw-weg;display:flex}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-inhalt[data-lage=neu]{animation:.38s steps(12,end) .1s both vw-tippen}:scope[data-bewegung=voll] .vorschau[data-wechsel] .vorschau-datum{animation:.2s steps(6,end) both vw-tippen}:scope[data-bewegung=reduziert] .vorschau [data-lage=neu]{animation:blende-ein var(--dauer-kurz) ease-out}}@media (prefers-reduced-motion:reduce){.vorschau [data-lage=alt],.vorschau-licht{display:none!important}:root .vorschau :is([data-lage=neu],[data-lage=neu] img,.vorschau-zahl,.vorschau-datum),:root .vorschau .vorschau-zaehler:before{animation:none!important}}:root[data-bewegung=aus] .vorschau [data-lage=alt],:root[data-bewegung=aus] .vorschau-licht{display:none!important}
@keyframes bw-wende{0%{animation-timing-function:cubic-bezier(.55,0,.9,.4);rotate:y 0deg}50%{rotate:y 90deg}50.01%{animation-timing-function:cubic-bezier(.16,1,.3,1);rotate:y -90deg}to{rotate:y 0deg}}@keyframes bw-kanal{0%{animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:none}45%{transform:scale(1.02,.015)}55%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.02,.015)}to{transform:none}}.beitragsliste-bild,.vorschau-bildlage{perspective:700px}@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){:is(.beitragsliste-bild,.vorschau-bild) img{filter:grayscale();transition:filter .45s ease-out, transform var(--dauer-lang) var(--kurve)}:is(.beitragsliste-eintrag:is(:hover,:focus-within,:active),.vorschau-bild:is(:hover,:active),.vorschau-text:has(.vorschau-mehr:focus-visible)~.vorschau-bild) img{filter:grayscale(0)}:scope[data-bewegung=voll] :is(.beitragsliste-eintrag:is(:hover,:focus-within,:active),.vorschau-bild:is(:hover,:active),.vorschau-text:has(.vorschau-mehr:focus-visible)~.vorschau-bild) img{transition:filter 0s linear calc(var(--dauer-lang) * .7), transform var(--dauer-lang) var(--kurve);animation:bw-wende calc(var(--dauer-lang) * 1.4) both}}@scope([data-fassung=c]) to ([data-fassung=a]){:is(.vorschau-bild:is(:hover,:active),.vorschau-text:has(.vorschau-mehr:focus-visible)~.vorschau-bild){--form-bild-grau:0;--form-bild-schleier:0}:scope[data-bewegung=voll] :is(.beitragsliste-eintrag:is(:hover,:focus-within,:active),.vorschau-bild:is(:hover,:active),.vorschau-text:has(.vorschau-mehr:focus-visible)~.vorschau-bild) img{animation:.36s both bw-kanal}}@media (prefers-reduced-motion:reduce){:is(.beitragsliste-bild,.vorschau-bild) img{animation:none!important}}
@keyframes ar-rein-ab{0%{opacity:0;clip-path:inset(0 -1rem 100%);transform:translateY(16px)}to{opacity:1;clip-path:inset(-3rem);transform:none}}@keyframes ar-raus-ab{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}@keyframes ar-rein-c{0%{opacity:.15;clip-path:inset(-1rem 100% -1rem -1rem);transform:translate(-14px)}55%{opacity:.9}70%{opacity:.55}to{opacity:1;clip-path:inset(-3rem);transform:none}}@keyframes ar-raus-c{0%{opacity:1;transform:none}to{opacity:0;transform:translate(10px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){:scope[data-bewegung=voll] :is(.overlay-glas:not([data-breit]) .overlay-inhalt,.b-glas:not([data-breit]))>* :is(h2,h3,p,li,figure,dl,table,.projekt-kachel,.kasten,.beratungskasten,.foerder-karte):not(:is(h2,h3,p,li,figure,dl,table,.projekt-kachel,.kasten,.beratungskasten,.foerder-karte,.pfadanzeige) *){--ar-versatz:0px;animation:linear both ar-rein-ab,linear forwards ar-raus-ab;animation-timeline:view(),view();animation-range:entry var(--ar-versatz) entry calc(var(--ar-versatz) + min(100%, 160px)), exit calc(100% - 120px) exit 100%}:scope[data-bewegung=voll] :is(.projekt-gitter,.beitragsliste)>:nth-child(3n+2){--ar-versatz:24px}:scope[data-bewegung=voll] :is(.projekt-gitter,.beitragsliste)>:nth-child(3n){--ar-versatz:48px}}@scope([data-fassung=c]) to ([data-fassung=a]){:scope[data-bewegung=voll] .overlay-glas:not([data-breit]) .overlay-inhalt>* :is(h2,h3,p,li,figure,dl,table,.projekt-kachel,.kasten,.beratungskasten,.foerder-karte):not(:is(h2,h3,p,li,figure,dl,table,.projekt-kachel,.kasten,.beratungskasten,.foerder-karte) *){--ar-versatz:0px;animation:linear both ar-rein-c,linear forwards ar-raus-c;animation-timeline:view(),view();animation-range:entry var(--ar-versatz) entry calc(var(--ar-versatz) + min(100%, 160px)), exit calc(100% - 120px) exit 100%}:scope[data-bewegung=voll] :is(.projekt-gitter,.beitragsliste)>:nth-child(3n+2){--ar-versatz:24px}:scope[data-bewegung=voll] :is(.projekt-gitter,.beitragsliste)>:nth-child(3n){--ar-versatz:48px}}}}
@property --knopf-licht{syntax:"<angle>";inherits:false;initial-value:-40deg}.kopf-knopf{--knopf-dauer:var(--dauer-lang);--knopf-led:color-mix(in srgb, var(--color-akzent) 85%, #fff);--knopf-ring:color-mix(in srgb, var(--color-text) 22%, transparent);inline-size:var(--treffer-min);block-size:var(--treffer-min);color:var(--color-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;margin-block:-9px;padding:0;text-decoration:none;display:inline-grid;position:relative}.kopf-knopf:focus-visible{outline:none}.kopf-knopf-kreis{background-color:color-mix(in srgb, var(--color-grund) 62%, transparent);block-size:26px;inline-size:26px;box-shadow:inset 0 0 0 var(--rand-linie) var(--knopf-ring), inset 0 1px 0 var(--farbglas-glanz,#fff9), 0 1px 2px #00000014;perspective:90px;transition:transform var(--dauer-kurz) var(--kurve), box-shadow var(--dauer-mittel) var(--kurve);border-radius:50%;place-items:center;display:grid;position:relative}.kopf-knopf:focus-visible .kopf-knopf-kreis{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:var(--fokus-abstand)}.kopf-knopf-kreis:before{content:"";z-index:2;background:conic-gradient(from var(--knopf-licht), transparent 0deg 230deg, color-mix(in srgb, var(--knopf-led) 75%, transparent) 300deg, #fff 340deg, transparent 360deg);opacity:0;pointer-events:none;transition:opacity var(--dauer-mittel) var(--kurve);border-radius:50%;padding:1.5px;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.kopf-knopf-kreis:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 32% 22%,#ffffff59,#fff0 55%);border-radius:50%;position:absolute;inset:0}.kopf-knopf-kreis>svg{display:block;position:relative}.kopf-knopf-led{z-index:3;background:radial-gradient(circle at 40% 35%, #fff 0 18%, var(--knopf-led) 50%);block-size:6px;inline-size:6px;box-shadow:0 0 5px 1px var(--knopf-led), 0 0 12px 2px color-mix(in srgb, var(--knopf-led) 50%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dauer-mittel) var(--kurve);border-radius:50%;position:absolute;top:-2px;right:-2px}.kopf-knopf-led[data-blink]{animation:.64s ease-out both knopf-led-blink}.kopf-knopf-etikett{z-index:30;background-color:var(--color-text);color:var(--color-grund);font-size:var(--schrift-1);letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dauer-kurz) var(--kurve), translate var(--dauer-mittel) var(--kurve);border-radius:4px;padding:.3rem .55rem;font-weight:500;line-height:1.2;position:absolute;top:calc(50% + 13px + .55rem);left:50%;translate:-50% -4px;box-shadow:0 6px 18px #0000002e}.kopf-knopf:last-child .kopf-knopf-etikett{left:auto;right:0;translate:0 -4px}.kopf-knopf:focus-visible .kopf-knopf-etikett{opacity:1;translate:-50%}.kopf-knopf:last-child:focus-visible .kopf-knopf-etikett{translate:0}@media (hover:hover){.kopf-knopf:hover .kopf-knopf-kreis{box-shadow:inset 0 0 0 var(--rand-linie) color-mix(in srgb, var(--knopf-led) 60%, transparent), inset 0 1px 0 var(--farbglas-glanz,#fff9), 0 0 0 3px color-mix(in srgb, var(--knopf-led) 12%, transparent), 0 0 14px color-mix(in srgb, var(--knopf-led) 32%, transparent)}.kopf-knopf:hover .kopf-knopf-led{opacity:.9}.kopf-knopf:hover .kopf-knopf-etikett{opacity:1;translate:-50%}.kopf-knopf:last-child:hover .kopf-knopf-etikett{translate:0}}.kopf-knopf:is(:hover,:focus-visible) .kopf-knopf-kreis:before{opacity:1;animation:knopf-licht-lauf 1.1s var(--kurve) both}.kopf-knopf:active .kopf-knopf-kreis{box-shadow:inset 0 0 0 var(--rand-linie) color-mix(in srgb, var(--knopf-led) 60%, transparent), inset 0 2px 4px #00000038;transform:translateY(1px)scale(.92)}@keyframes knopf-licht-lauf{0%{--knopf-licht:-40deg}to{--knopf-licht:320deg}}@keyframes knopf-led-blink{0%{opacity:1}22%{opacity:.15}44%{opacity:1}to{opacity:0}}.sprach-kuerzel{block-size:100%;inline-size:100%;font-family:var(--font-headline);letter-spacing:.04em;text-indent:.04em;font-variant-numeric:lining-nums;place-items:center;font-size:.625rem;font-weight:700;line-height:1;display:grid}.kopf-muenze{block-size:100%;inline-size:100%;transform-style:preserve-3d;display:block;position:relative}.kopf-muenze-vorn,.kopf-muenze-hinten{backface-visibility:hidden;border-radius:50%;position:absolute;inset:0;overflow:hidden}.kopf-muenze-hinten{transform:rotateY(180deg)}.kopf-knopf[data-wendet] .kopf-muenze{animation:muenze-wenden var(--knopf-dauer) var(--kurve) both}@keyframes muenze-wenden{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(180deg)scale(1)}}.zeichen-ansicht .ansicht-kern,.zeichen-ansicht .ansicht-strahlen,.zeichen-ansicht .ansicht-schatten{transform-box:fill-box;transform-origin:50%;transition:transform var(--knopf-dauer) var(--kurve), opacity var(--knopf-dauer) var(--kurve)}.zeichen-ansicht .ansicht-schatten{transform:translate(9px,-9px)}:root[data-ansicht=dunkel] .zeichen-ansicht .ansicht-kern{transform:scale(1.7)}:root[data-ansicht=dunkel] .zeichen-ansicht .ansicht-schatten{transform:translate(0)}:root[data-ansicht=dunkel] .zeichen-ansicht .ansicht-strahlen{opacity:0;transform:rotate(-70deg)scale(.35)}.zeichen-bewegung .bewegung-welle{transition:d var(--knopf-dauer) var(--kurve)}:root[data-bewegung=voll] .zeichen-bewegung .bewegung-welle{d:path("M2 12q2.5-11 5 0t5 0t5 0t5 0")}:root[data-bewegung=reduziert] .zeichen-bewegung .bewegung-welle{d:path("M2 12q2.5-4.5 5 0t5 0t5 0t5 0")}:root[data-bewegung=aus] .zeichen-bewegung .bewegung-welle{d:path("M2 12q2.5 0 5 0t5 0t5 0t5 0")}@media (min-width:48rem){.kopf-schalter:has(>.kopf-knopf){align-items:center;gap:0}.kopf-schalter>.kopf-knopf{margin-inline:-5px}.kopf-schalter>.kopf-knopf:last-child{margin-inline-end:-9px}@media (hover:hover){.kopf-schalter:has(>.kopf-knopf:hover)>.kopf-knopf:not(:hover) .kopf-knopf-etikett{opacity:0}}}@media (max-width:47.99rem){.kopf-klappe .kopf-schalter:has(>.kopf-knopf){grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;width:100%;display:grid}.kopf-klappe .kopf-knopf{inline-size:auto;min-block-size:var(--treffer-min);border-radius:var(--form-knopf-radius-innen,4px);align-items:center;gap:.7rem;margin:0;padding-inline:9px .5rem;display:flex}.kopf-klappe .kopf-knopf-kreis{flex:none}.kopf-klappe .kopf-knopf-etikett,.kopf-klappe .kopf-knopf:last-child .kopf-knopf-etikett{box-shadow:none;color:var(--color-text);font-family:var(--font-headline);font-size:var(--schrift-2);white-space:normal;opacity:1;background:0 0;padding:0;font-weight:600;position:static;translate:none}.kopf-klappe .kopf-knopf:focus-visible{outline:var(--fokus-breite) solid var(--fokus-farbe);outline-offset:0}.kopf-klappe .kopf-knopf:focus-visible .kopf-knopf-kreis{outline:none}}:root[data-bewegung=reduziert] .kopf-knopf{--knopf-dauer:var(--dauer-kurz)}:root[data-bewegung=reduziert] .kopf-knopf-kreis:before{animation:none}@media (prefers-reduced-motion:reduce){.kopf-knopf,.kopf-knopf *,.kopf-knopf :before,.kopf-knopf :after{transition:none!important;animation:none!important}}@scope([data-fassung=c]) to ([data-fassung=a]){.kopf-knopf{--knopf-led:var(--color-akzent);color:var(--taste-schrift)}.kopf-knopf-kreis{background:url(/pult/taste-aus.webp) 50% 50% / 640% 260% padding-box, linear-gradient(var(--taste-flaeche), var(--taste-flaeche)) padding-box, conic-gradient(from 200deg, #f4f4f6, #7d7d86 22%, #e6e6ea 48%, #64646c 74%, #f4f4f6) border-box;box-shadow:0 0 0 1px var(--platte-kante), 0 1px 2px #0000008c;perspective:none;border:2px solid #0000}.kopf-knopf-kreis:before{content:none}.kopf-knopf-kreis:after{background:radial-gradient(circle at 35% 25%,#ffffff29,#0000 60%)}.kopf-knopf-kreis>svg{block-size:14px;inline-size:14px}.kopf-knopf-led{background:color-mix(in srgb, var(--taste-schrift) 22%, #1a1a1d);opacity:1;block-size:5px;inline-size:5px;transition:background-color var(--led-aus) ease-in, box-shadow var(--led-aus) ease-in;top:-4px;right:-4px;box-shadow:inset 0 1px 1px #0009}.kopf-knopf-led[data-blink]{animation:.52s step-end both knopf-led-blink-c}@media (hover:hover){.kopf-knopf:hover .kopf-knopf-kreis{box-shadow:0 0 0 1px var(--platte-kante), 0 1px 2px #0000008c;color:#fff}.kopf-knopf:hover .kopf-knopf-kreis>svg{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-akzent) 80%, transparent))}.kopf-knopf:hover .kopf-knopf-led{background:color-mix(in srgb, var(--color-akzent) 55%, #fff);box-shadow:0 0 5px 1px var(--color-akzent);opacity:1;transition-duration:var(--led-an);transition-timing-function:ease-out}}.kopf-knopf:active .kopf-knopf-kreis{background:url(/pult/taste-gedrueckt.webp) 50% 50% / 640% 260% padding-box, linear-gradient(var(--taste-flaeche), var(--taste-flaeche)) padding-box, conic-gradient(from 200deg, #f4f4f6, #7d7d86 22%, #e6e6ea 48%, #64646c 74%, #f4f4f6) border-box;box-shadow:0 0 0 1px var(--platte-kante), inset 0 1px 3px #0009;transform:translateY(1px)}.sprach-kuerzel{color:var(--oled-schrift);text-shadow:0 0 4px color-mix(in srgb, var(--oled-schrift) 45%, transparent)}@media (hover:hover){.kopf-knopf:hover .sprach-kuerzel{color:#fff;text-shadow:0 0 4px color-mix(in srgb, var(--color-akzent) 80%, transparent)}}.kopf-knopf .zeichen-ansicht *,.kopf-knopf .bewegung-welle,.kopf-knopf[data-wendet] .kopf-muenze{transition:none;animation:none}.kopf-knopf[data-schalter=bewegung] .kopf-knopf-kreis{box-shadow:none;background:url(/pult/regler-96.webp) 0 0/800% 1600% no-repeat;border:0}.kopf-knopf[data-schalter=bewegung] .kopf-knopf-kreis:after{content:none}.kopf-knopf[data-schalter=bewegung] .zeichen-bewegung{display:none}.kopf-knopf[data-schalter=bewegung] .kopf-knopf-led{--led-lage:31.35% 82.29%;background:radial-gradient(circle at var(--led-lage), color-mix(in srgb, var(--color-akzent) 55%, white) 0 1px, var(--color-akzent) 1.4px, color-mix(in srgb, var(--color-akzent) 35%, transparent) 2.4px, transparent 4px);block-size:auto;inline-size:auto;box-shadow:none;border-radius:0;inset:0}.kopf-knopf[data-schalter=bewegung] .kopf-knopf-led[data-blink]{animation:.52s step-end both knopf-led-blink-raste}:scope[data-bewegung=reduziert] .kopf-knopf[data-schalter=bewegung] .kopf-knopf-kreis{background-position:0 53.333%}:scope[data-bewegung=reduziert] .kopf-knopf[data-schalter=bewegung] .kopf-knopf-led{--led-lage:50% 13.33%}:scope[data-bewegung=aus] .kopf-knopf[data-schalter=bewegung] .kopf-knopf-kreis{background-position:100% 100%}:scope[data-bewegung=aus] .kopf-knopf[data-schalter=bewegung] .kopf-knopf-led{--led-lage:68.65% 82.29%}@media (hover:hover){.kopf-knopf[data-schalter=bewegung]:hover .kopf-knopf-led{background:radial-gradient(circle at var(--led-lage), #fff 0 1px, var(--color-akzent) 1.6px, color-mix(in srgb, var(--color-akzent) 45%, transparent) 2.8px, transparent 5px);box-shadow:none}}.kopf-knopf[data-schalter=bewegung]:active .kopf-knopf-kreis{box-shadow:none;background:url(/pult/regler-96.webp) 0 0/800% 1600% no-repeat;transform:scale(.95)}:scope[data-bewegung=reduziert] .kopf-knopf[data-schalter=bewegung]:active .kopf-knopf-kreis{background-position:0 53.333%}:scope[data-bewegung=aus] .kopf-knopf[data-schalter=bewegung]:active .kopf-knopf-kreis{background-position:100% 100%}.kopf-knopf-etikett{background-color:var(--oled-grund);color:var(--oled-schrift);box-shadow:inset 0 0 0 1px #000, 0 0 0 1px var(--platte-kante), 0 6px 16px #00000059;border-radius:3px}@media (max-width:47.99rem){.kopf-klappe .kopf-knopf-etikett,.kopf-klappe .kopf-knopf:last-child .kopf-knopf-etikett{box-shadow:none;color:var(--platte-schrift);background:0 0}}}@keyframes knopf-led-blink-c{0%,50%{background:color-mix(in srgb, var(--color-akzent) 55%, #fff);box-shadow:0 0 5px 1px var(--color-akzent)}25%,75%{background:color-mix(in srgb, var(--taste-schrift) 22%, #1a1a1d);box-shadow:none}}@keyframes knopf-led-blink-raste{0%,50%,to{opacity:1}25%,75%{opacity:0}}:root[data-bewegung=aus] .kopf-knopf,:root[data-bewegung=aus] .kopf-knopf *,:root[data-bewegung=aus] .kopf-knopf :before,:root[data-bewegung=aus] .kopf-knopf :after{transition:none!important;animation:none!important}
.menue-licht,.menue-led{display:none}@scope([data-fassung=a],[data-fassung=b]) to ([data-fassung=c]){@media (min-width:48rem){.menue-punkt,.menue-schieber{border-radius:var(--form-knopf-radius)}.menue-licht{z-index:1;border-radius:var(--form-knopf-radius);pointer-events:none;padding:2px;display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.menue-licht:before{content:"";aspect-ratio:1;background:conic-gradient(transparent 0deg 215deg, color-mix(in srgb, var(--farbglas-led) 85%, transparent) 300deg, #fff 350deg, transparent 360deg);opacity:0;inline-size:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.menue>a:after{content:"";z-index:0;border-radius:var(--form-knopf-radius);box-shadow:inset 0 0 0 var(--rand-linie) color-mix(in srgb, var(--farbglas-led) 70%, transparent), 0 0 0 3px color-mix(in srgb, var(--farbglas-led) 12%, transparent), 0 0 14px color-mix(in srgb, var(--farbglas-led) 34%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dauer-mittel) var(--kurve);position:absolute;inset:0}.menue-led{z-index:2;background:radial-gradient(circle at 40% 35%, #fff 0 18%, var(--farbglas-led) 50%);block-size:6px;inline-size:6px;box-shadow:0 0 5px 1px var(--farbglas-led), 0 0 12px 2px color-mix(in srgb, var(--farbglas-led) 50%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dauer-mittel) var(--kurve);border-radius:50%;display:block;position:absolute;top:-2px;right:-2px}.menue>a{--fokus-farbe:var(--bereich-schrift)}.menue>a:not([aria-current]):focus-visible:after{opacity:1}.menue>a:not([aria-current]):focus-visible .menue-led{opacity:.9}.menue:not(:has(>.menue-schieber[data-federt]))>a:focus-visible .menue-licht:before{animation:menue-licht-lauf 1.1s var(--kurve) both}@media (hover:hover) and (pointer:fine){.menue>a:not([aria-current]):hover:after{opacity:1}.menue>a:not([aria-current]):hover .menue-led{opacity:.9}.menue:not(:has(>.menue-schieber[data-federt]))>a:hover .menue-licht:before{animation:menue-licht-lauf 1.1s var(--kurve) both}.menue>a:not([aria-current]):hover{background-color:color-mix(in srgb, var(--farbglas-led) 8%, transparent)}}}}@keyframes menue-licht-lauf{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(360deg)}}:root[data-bewegung=reduziert] .menue-licht:before{animation:none}:root[data-bewegung=reduziert] .menue>a:after,:root[data-bewegung=reduziert] .menue-led{transition-duration:var(--dauer-kurz)}@media (prefers-reduced-motion:reduce){.menue-licht:before,.menue-led,.menue>a:after{transition:none!important;animation:none!important}}:root[data-bewegung=aus] .menue-licht:before,:root[data-bewegung=aus] .menue-led,:root[data-bewegung=aus] .menue>a:after{transition:none!important;animation:none!important}