*,:after,:before{box-sizing:border-box;margin:0;padding:0}dialog:modal{margin:auto}html{font-size:16px;min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{overflow-x:clip}body{min-height:100svh;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.6;color-scheme:dark;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;background-image:var(--watermark-url);background-repeat:no-repeat;background-position:50%;background-size:var(--watermark-size);opacity:var(--watermark-opacity);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}img,svg,video{display:block;max-width:100%}ol,ul{list-style:none}::selection{background:rgba(238,35,39,.3);color:var(--text-on-brand)}*{scrollbar-width:thin;scrollbar-color:var(--brand-primary-line) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-primary-line);border-radius:var(--radius-pill)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:var(--z-toast);padding:12px 20px;background:var(--brand-primary);color:var(--text-on-brand);font-weight:700}.skip-link:focus{left:0}.nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.h1,.h2,h1,h2{font-family:var(--font-display);font-weight:400;line-height:.95;letter-spacing:.005em;text-transform:uppercase}.h3,.h4,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;line-height:1.25;letter-spacing:-.01em}.display-xl{font-size:clamp(44px,7vw,92px);line-height:.92}.display-lg,.display-xl{font-family:var(--font-display);font-weight:400;letter-spacing:.005em;text-transform:uppercase}.display-lg{font-size:clamp(30px,4vw,44px);line-height:.95}.display-md{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);font-weight:400;line-height:1;letter-spacing:.005em;text-transform:uppercase}.title-lg{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.25;letter-spacing:-.01em}.title-md{font-size:1.125rem;font-weight:700;line-height:1.3}.title-sm{font-size:1rem;font-weight:700;line-height:1.35}.body-lg{font-size:1.0625rem;line-height:1.7}.body-lg,.body-md{color:var(--text-secondary)}.body-md{font-size:.9375rem;line-height:1.65}.body-sm{font-size:.8125rem;line-height:1.6}.body-sm,.label-caps{color:var(--text-tertiary)}.label-caps{font-size:.625rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.text-brand{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-muted{color:var(--text-secondary)}.container{width:100%;max-width:var(--layout-max-w);margin-inline:auto;padding-inline:var(--layout-gutter)}.container-text{max-width:var(--layout-max-w-text)}.section{padding-block:96px}.section-sm{padding-block:64px}.section-lg{padding-block:128px}.section-line{border-top:1px solid var(--line-subtle)}.row,.row-between{display:flex;align-items:center;gap:12px}.row-between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:12px}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell{position:relative;z-index:var(--z-base);display:flex;min-height:100svh;flex-direction:column}.app-main{flex:1 1 auto;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border:1px solid transparent;border-radius:var(--radius-xs);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:11px}.btn-lg{padding:14px 28px;font-size:13px}.btn-xl{padding:17px 36px;font-size:14px}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand)}.btn-primary:hover{background:var(--brand-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--offset-print)}.btn-accent{background:var(--brand-accent);color:var(--text-on-accent)}.btn-accent:hover{background:var(--brand-accent-hover);transform:translate(-2px,-2px);box-shadow:var(--offset-print)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--brand-primary-line);transform:translateY(-1px)}.btn-quiet{padding-inline:0;color:var(--text-secondary);letter-spacing:.04em}.btn-quiet:hover{color:var(--text-primary)}.card{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);padding:24px;transition:border-color var(--dur-fast) var(--ease)}.card-hover:hover{border-color:var(--line-strong)}.card-brand{border-color:var(--brand-primary-line)}.card-accent{border-color:var(--brand-accent-line)}.steuerung-label{display:block;margin-bottom:7px;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.steuerung-feld{margin-top:18px}.input{width:100%;padding:12px 16px;background:var(--surface-raised);border:1px solid var(--line-default);border-radius:var(--radius-xs);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--line-strong)}.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--ring-brand)}select{color-scheme:dark}audio[controls],video[controls]{color-scheme:dark;filter:brightness(.8)}select optgroup,select option{background-color:var(--surface-raised);color:var(--text-primary)}select option:disabled{color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid transparent;border-radius:var(--radius-xs);font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-brand{border-color:var(--brand-primary-line);color:var(--brand-primary)}.badge-accent{border-color:var(--brand-accent-line);color:var(--brand-accent)}.badge-quiet{border-color:var(--line-default);color:var(--text-tertiary)}.badge-live{color:var(--text-on-brand);border-color:var(--brand-primary)}.badge-live,.live-dot{background:var(--brand-primary)}.live-dot{width:8px;height:8px;border-radius:var(--radius-pill);animation:pulse-dot 1.4s ease-in-out infinite}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:18px;height:18px;margin:0;border:1.5px solid var(--line-strong);background:var(--surface-sunken);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}input[type=checkbox]{border-radius:var(--radius-xs)}input[type=radio]{border-radius:var(--radius-pill)}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--brand-primary)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:46%;width:4px;height:8px;margin:-5px 0 0 -2px;border:solid var(--text-on-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";position:absolute;inset:3px;border-radius:var(--radius-pill);background:var(--text-on-brand)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox]:indeterminate{background:var(--brand-primary);border-color:var(--brand-primary)}input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:var(--text-on-brand)}.grain{position:relative}.grain:after{content:"";position:absolute;inset:0;background-image:var(--grain-url);background-size:160px;mix-blend-mode:overlay;opacity:var(--grain-opacity);pointer-events:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.container{padding-inline:var(--layout-gutter-sm)}.section{padding-block:72px}.section-lg{padding-block:88px}.section-sm{padding-block:48px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn,.btn-sm{min-height:44px}.feld-nebenlink,.legal-back{display:inline-flex;align-items:center;min-height:44px}.vw-filter-knopf{min-height:44px}input[type=checkbox],input[type=radio]{width:24px;height:24px}.sm-zu{min-width:44px}.dv-reiter-knopf,.sm-zu{min-height:44px}.ld-nav-marke,.sm-schalter{position:relative}.ld-nav-marke:after,.sm-schalter:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}.actBtn,.an-csv,.btn-next,.btn-undo,.ctaEdit,.meins-tarif,.mod-recht,.ovg-um,.ovg-zurueck,.sh-action-btn,.sh-composer-attach,.submitCtaBtn,.sv-btn,.vot-frei-knopf,.vot-open-btn,button.chip,button.ld-stat-chip,input[type=range]{min-height:44px}.livePillInline,.sh-card-name,.vw-link{position:relative}.livePillInline:after,.sh-card-name:after,.vw-link:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover{transform:none}.md-fenster-wach .md-kopf{animation-duration:1.1s!important;animation-iteration-count:6!important}}.empty{padding:48px 24px;border:1px dashed var(--line-default);border-radius:var(--radius-sm);text-align:center}.empty-title{margin-bottom:10px;font-family:var(--font-display);font-size:22px;text-transform:uppercase}.empty-text{max-width:34em;margin-inline:auto;font-size:.9375rem;line-height:1.6;color:var(--text-tertiary)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:5px 11px;border:1px solid var(--line-default);border-radius:var(--radius-xs);font-size:.75rem;color:var(--text-secondary)}.pw-feld{position:relative;display:block}.pw-feld-eingabe{padding-right:46px}.pw-feld-auge{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.pw-feld-auge:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}.pw-feld-auge[aria-pressed=true]{color:var(--brand-primary)}.feld-zaehler{display:block;margin-top:5px;text-align:right;font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-faint);transition:color var(--dur-fast) var(--ease)}.feld-zaehler-knapp{color:var(--state-warning)}.feld-zaehler-voll{color:var(--brand-primary);font-weight:700}.ton-spieler{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0;padding:7px 11px;border:1px solid var(--line-default);border-radius:var(--radius-sm);background:var(--surface-sunken)}.ton-spieler-fehler{opacity:.6}.ton-knopf{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line-default);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ton-knopf:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}.ton-knopf:disabled{cursor:not-allowed}.ton-spur{position:relative;flex:1 1;min-width:60px;height:14px;cursor:pointer;display:flex;align-items:center}.ton-spur:before{content:"";position:absolute;left:0;right:0;background-image:url(/bars/player/player-fortschritt-spur.png);background-repeat:repeat-x;background-position:0;background-size:auto 100%;opacity:.5}.ton-spur-fuellung,.ton-spur:before{height:6px;border-radius:var(--radius-pill)}.ton-spur-fuellung{position:relative;background:linear-gradient(90deg,var(--surface-burgundy),var(--brand-primary));width:0;transition:width .1s linear}.ton-spur-kopf{position:absolute;right:0;top:50%;width:20px;height:11px;margin:-5.5px -10px 0 0;background-image:url(/bars/player/player-fortschritt-kopf.png);background-repeat:no-repeat;background-position:50%;background-size:contain;pointer-events:none}.ton-zeit{flex:0 0 auto;font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-tertiary);white-space:nowrap}@media (max-width:600px){.ton-zeit{display:none}}input[type=file]{width:100%;padding:8px 10px;border:1px solid var(--line-default);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--text-tertiary);font-size:.8125rem;cursor:pointer}input[type=file]::file-selector-button{margin-right:12px;padding:7px 14px;border:1px solid var(--line-default);border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--text-primary);font:inherit;font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}input[type=file]::file-selector-button:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}input[type=file]:disabled,input[type=file]:disabled::file-selector-button{opacity:.5;cursor:not-allowed}