.popup-slidein,.popup-teaser{--popup-unten:calc(var(--player-bar-height,0px) + var(--chart-bar-height,0px) + var(--space-4) + env(safe-area-inset-bottom,0px))}.popup-schliessen{top:var(--space-2);right:var(--space-2);z-index:1;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex;position:absolute}.popup-schliessen:active{transform:scale(.96)}.popup-schliessen:before{content:"";position:absolute;inset:-4px}.popup-schliessen:focus-visible{outline:2px solid var(--surface-action);outline-offset:2px}@media (hover:hover) and (pointer:fine){.popup-schliessen:hover{background:color-mix(in srgb, var(--surface-card) 85%, var(--text-primary))}}.popup-flaeche:has(.popup-bild)>.popup-schliessen{box-shadow:var(--shadow-card)}.popup-modal{width:min(440px, calc(100% - 2 * var(--space-4)));max-width:none;max-height:calc(100dvh - 2 * var(--space-8));color:var(--text-primary);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.popup-modal::backdrop{background:color-mix(in srgb, var(--surface-deep) 40%, transparent);animation:popup-blende var(--duration-base) var(--ease-standard)}.popup-modal .popup-flaeche{max-height:inherit;overscroll-behavior:contain;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6) var(--space-6);animation:popup-hoch var(--duration-base) var(--ease-standard);overflow-y:auto}.popup-modal .popup-flaeche:focus{outline:none}@media (max-width:767px){.popup-modal{width:100%;max-height:75dvh;margin:0;inset:auto 0 0}.popup-modal .popup-flaeche{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));border-bottom:0;animation-name:popup-von-unten}}.popup-slidein{right:var(--space-4);bottom:var(--popup-unten);z-index:var(--z-overlay);width:min(360px, calc(100% - 2 * var(--space-4)));background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-5) var(--space-5);max-height:calc(100dvh - var(--popup-unten) - var(--space-4));overscroll-behavior:contain;animation:popup-von-rechts var(--duration-base) var(--ease-standard);position:fixed;overflow-y:auto}@media (max-width:767px){.popup-slidein{left:var(--space-3);right:var(--space-3);width:auto;bottom:calc(var(--popup-unten) - var(--space-1));animation-name:popup-von-unten}}.popup-inhalt{gap:var(--space-3);flex-direction:column;display:flex}.popup-bild{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:200px;margin-bottom:var(--space-1);background:var(--surface-wash);display:block}@media (max-width:767px){.popup-bild{height:140px}}.popup-modal .popup-flaeche>.popup-inhalt>.popup-bild:first-child{width:calc(100% + 2 * var(--space-6));max-width:none;margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-6)) var(--space-1);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.popup-cover{gap:var(--space-2);display:flex}.popup-cover img{object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-wash);width:64px;height:64px}.popup-inhalt--kompakt .popup-cover img{width:52px;height:52px}.popup-titel{padding-right:var(--space-8);font-size:var(--text-heading-sm);line-height:var(--text-heading-sm--line-height);text-wrap:balance;margin:0;font-weight:500}.popup-inhalt--kompakt .popup-titel{font-size:var(--text-subheading);line-height:var(--text-subheading--line-height);font-weight:500}.popup-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:0}.popup-bedingung{color:var(--text-secondary);font-size:var(--text-caption);line-height:var(--text-caption--line-height);margin:0}.popup-link{align-self:flex-start}.popup-modal .popup-link{align-self:stretch}.popup-anmeldung{gap:var(--space-2);flex-direction:column;display:flex}.popup-anmeldung-zeile{gap:var(--space-2);display:flex}.popup-anmeldung-zeile .ds-input{flex:1;min-width:0;font-size:16px}@media (max-width:420px){.popup-anmeldung-zeile{flex-direction:column}.popup-anmeldung-zeile .ds-input{flex:none}}.popup-fehler{color:var(--status-danger-text);font-size:var(--text-caption)}.popup-erfolg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--status-success-bg);color:var(--status-success-text);font-size:var(--text-sm);margin:0}.popup-einwilligung{font-size:var(--text-caption);color:var(--text-secondary)}.popup-einwilligung summary{cursor:pointer;text-underline-offset:3px;width:fit-content;text-decoration:underline}.popup-einwilligung p{margin:var(--space-2) 0 0}.popup-code{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.popup-code-knopf{min-width:10.5em}.popup-code-wert{min-width:8ch;padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:.06em;text-align:center;-webkit-user-select:all;user-select:all;flex:1}.popup-vorschau{margin:0 0 var(--space-2);padding-right:var(--space-8);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:var(--text-eyebrow--letter-spacing);text-transform:uppercase;color:var(--text-accent)}.popup-leiste{justify-content:center;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) calc(var(--space-12) + var(--space-2)) var(--space-2) var(--space-4);background:var(--surface-deep);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--text-sm--line-height);text-align:center;display:flex;position:relative}.popup-leiste-text{margin:0}.popup-leiste strong{font-weight:500}.popup-leiste-link{color:inherit;text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.popup-leiste-code{font-family:var(--font-mono)}.popup-leiste .popup-schliessen{color:inherit;background:0 0;border-color:#0000;top:50%;transform:translateY(-50%)}.popup-leiste .popup-schliessen:active{transform:translateY(-50%)scale(.96)}.popup-leiste .popup-vorschau{margin:0;padding:0;display:inline}.popup-modal .popup-vorschau{margin:var(--space-4) 0 0;padding-right:0}.popup-teaser{left:var(--space-4);bottom:var(--popup-unten);z-index:var(--z-sticky);border-radius:var(--radius-pill);background:var(--surface-action);color:var(--text-on-accent);box-shadow:var(--shadow-card);animation:popup-hoch var(--duration-base) var(--ease-standard);align-items:center;display:inline-flex;position:fixed}.popup-teaser-knopf{color:inherit;cursor:pointer;font:inherit;font-size:var(--text-sm);min-height:44px;padding:0 var(--space-2) 0 var(--space-5);background:0 0;border:0;font-weight:500}.popup-teaser-weg{width:44px;height:44px;color:inherit;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.popup-teaser-knopf:focus-visible,.popup-teaser-weg:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px}.popup-teaser-weg svg{width:14px;height:14px}.popup-modal[data-geht]::backdrop{animation:popup-aus var(--duration-fast) var(--ease-standard) forwards}.popup-modal[data-geht] .popup-flaeche{animation:popup-runter var(--duration-fast) var(--ease-standard) forwards}.popup-slidein[data-geht]{animation:popup-nach-rechts var(--duration-fast) var(--ease-standard) forwards}.popup-teaser[data-geht]{animation:popup-runter var(--duration-fast) var(--ease-standard) forwards}@media (max-width:767px){.popup-modal[data-geht] .popup-flaeche{animation-name:popup-nach-unten}.popup-slidein[data-geht]{animation-name:popup-runter}}@keyframes popup-blende{0%{opacity:0}}@keyframes popup-aus{to{opacity:0}}@keyframes popup-runter{to{opacity:0;transform:translateY(8px)}}@keyframes popup-nach-unten{to{transform:translateY(100%)}}@keyframes popup-nach-rechts{to{opacity:0;transform:translate(16px)}}@keyframes popup-hoch{0%{opacity:0;transform:translateY(12px)}}@keyframes popup-von-unten{0%{transform:translateY(100%)}}@keyframes popup-von-rechts{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.popup-modal .popup-flaeche,.popup-slidein,.popup-teaser,.popup-modal::backdrop{animation:none!important}}