.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{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.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{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;width:min(440px,calc(100% - 2 * var(--space-4)));max-width:none;max-height:calc(100dvh - 2 * var(--space-8));overflow:visible;color:var(--text-primary)}.popup-modal::-webkit-backdrop{background:color-mix(in srgb,var(--surface-deep) 40%,transparent);animation:popup-blende var(--duration-base) var(--ease-standard)}.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;overflow-y:auto;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)}.popup-modal .popup-flaeche:focus{outline:none}@media (max-width:767px){.popup-modal{inset:auto 0 0 0;margin:0;width:100%;max-height:75dvh}.popup-modal .popup-flaeche{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom, 0px));animation-name:popup-von-unten}}.popup-slidein{position:fixed;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));overflow-y:auto;overscroll-behavior:contain;animation:popup-von-rechts var(--duration-base) var(--ease-standard)}@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{display:flex;flex-direction:column;gap:var(--space-3)}.popup-bild{display:block;width:100%;height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-1);background:var(--surface-wash)}@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{display:flex;gap:var(--space-2)}.popup-cover img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-wash)}.popup-inhalt--kompakt .popup-cover img{width:52px;height:52px}.popup-titel{margin:0;padding-right:var(--space-8);font-size:var(--text-heading-sm);line-height:var(--text-heading-sm--line-height);font-weight:500;text-wrap:balance}.popup-inhalt--kompakt .popup-titel{font-size:var(--text-subheading);line-height:var(--text-subheading--line-height);font-weight:500}.popup-text{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.popup-bedingung,.popup-text{margin:0;color:var(--text-secondary)}.popup-bedingung{font-size:var(--text-caption);line-height:var(--text-caption--line-height)}.popup-link{align-self:flex-start}.popup-modal .popup-link{align-self:stretch}.popup-anmeldung{flex-direction:column}.popup-anmeldung,.popup-anmeldung-zeile{display:flex;gap:var(--space-2)}.popup-anmeldung-zeile .ds-input{flex:1 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{margin:0;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)}.popup-einwilligung{font-size:var(--text-caption);color:var(--text-secondary)}.popup-einwilligung summary{cursor:pointer;width:-moz-fit-content;width:fit-content;text-decoration:underline;text-underline-offset:3px}.popup-einwilligung p{margin:var(--space-2) 0 0}.popup-code{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.popup-code-knopf{min-width:10.5em}.popup-code-wert{flex:1 1;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;-moz-user-select:all;user-select:all}.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{position:relative;display:flex;align-items:center;justify-content: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}.popup-leiste-text{margin:0}.popup-leiste strong{font-weight:500}.popup-leiste-link{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.popup-leiste-code{font-family:var(--font-mono)}.popup-leiste .popup-schliessen{top:50%;transform:translateY(-50%);color:inherit;background:transparent;border-color:transparent}.popup-leiste .popup-schliessen:active{transform:translateY(-50%) scale(.96)}.popup-leiste .popup-vorschau{display:inline;margin:0;padding:0}.popup-modal .popup-vorschau{margin:var(--space-4) 0 0;padding-right:0}.popup-teaser{position:fixed;left:var(--space-4);bottom:var(--popup-unten);z-index:var(--z-sticky);display:inline-flex;align-items:center;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)}.popup-teaser-knopf{font:inherit;font-size:var(--text-sm);font-weight:500;min-height:44px;padding:0 var(--space-2) 0 var(--space-5)}.popup-teaser-knopf,.popup-teaser-weg{border:0;background:transparent;color:inherit;cursor:pointer}.popup-teaser-weg{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill)}.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]::-webkit-backdrop{animation:popup-aus var(--duration-fast) var(--ease-standard) forwards}.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:translateX(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:translateX(24px)}}@media (prefers-reduced-motion:reduce){.popup-modal::-webkit-backdrop{animation:none!important}.popup-modal .popup-flaeche,.popup-modal::backdrop,.popup-slidein,.popup-teaser{animation:none!important}}