.workspace-shell .nexify-control[data-variant]{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--layout-control-size);min-width:var(--layout-control-size);padding:var(--space-3) var(--space-5);border:var(--material-border) solid transparent;border-radius:var(--radius-pille);font:inherit;text-align:left;cursor:pointer;transition:opacity var(--motion-feedback);box-shadow:none;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex;transform:none}.workspace-shell .nexify-control[data-variant]:hover{transform:none}.workspace-shell .nexify-control[data-variant=primary]{background:var(--gradient-button-primaer);color:var(--color-text-auf-lime);box-shadow:var(--shadow-button-primaer);border-color:#0000}.workspace-shell .nexify-control[data-variant=primary]:hover:not(:disabled){background:var(--color-marke-lime-hell);color:var(--color-text-auf-lime)}.workspace-shell .nexify-control[data-variant=primary]:active:not(:disabled){background:var(--color-marke-lime-dunkel);color:var(--color-text-auf-lime)}.workspace-shell .nexify-control[data-variant=secondary]{color:var(--color-text-sekundaer);border-color:var(--color-linie-stark);background:0 0}.workspace-shell .nexify-control[data-variant=secondary]:hover:not(:disabled){background:var(--color-glas-leicht);color:var(--color-text-sekundaer);border-color:var(--material-highlight)}.workspace-shell .nexify-control[data-variant=text],.workspace-shell .nexify-control[data-variant=quiet]{border-radius:var(--radius-klein);color:var(--color-marke-lime);border-bottom-color:var(--color-linie-stark);background:0 0;justify-content:flex-start;padding-inline:0}.workspace-shell .nexify-control[data-variant=quiet]{color:var(--color-text-sekundaer)}.workspace-shell .nexify-control:is([data-variant=text],[data-variant=quiet]):hover{border-bottom-color:var(--color-marke-lime);color:var(--color-marke-lime)}.workspace-shell .nexify-control[data-variant=icon]{padding:var(--space-2);color:var(--color-text-sekundaer);border-radius:var(--radius-pille);border-color:var(--color-linie-fein);background:0 0}.workspace-shell .nexify-control[data-variant=icon]:hover:not(:disabled){background:var(--color-glas-leicht);border-color:var(--color-linie-stark)}.workspace-shell .nexify-control[data-variant]:not([data-variant=primary])[aria-pressed=true]{color:var(--color-marke-lime);border-color:var(--color-marke-lime)}.workspace-shell .nexify-control[data-variant=primary][aria-pressed=true]{color:var(--color-text-auf-lime)}.workspace-shell .nexify-control[data-variant]:active:not(:disabled){opacity:var(--control-active-opacity);transform:none}.workspace-shell .nexify-control[data-variant]:focus-visible{outline:var(--control-focus-width) solid var(--color-marke-lime);outline-offset:var(--space-1)}.workspace-shell .nexify-control[data-variant]:disabled,.workspace-shell .nexify-control[data-variant][aria-disabled=true]{opacity:var(--control-disabled-opacity);cursor:not-allowed;box-shadow:none;pointer-events:none;transform:none}.workspace-shell .nexify-control[data-variant][aria-invalid=true]{border-color:var(--color-semantik-fehler)}.workspace-shell .nexify-control[data-variant]>span[aria-hidden=true]:not(.control-loading-indicator){transition:transform var(--motion-feedback);display:inline-block}.workspace-shell .nexify-control[data-variant]:hover>span.control-direction-arrow[aria-hidden=true]{transform:translateX(var(--space-1))}.workspace-shell .nexify-control[data-variant]:disabled>span[aria-hidden=true]{transform:none}.control-loading-indicator{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pille);animation:control-pulse var(--control-loading-duration) ease-in-out infinite alternate;background:currentColor}@keyframes control-pulse{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.workspace-shell .nexify-control[data-variant],.workspace-shell .nexify-control[data-variant]>*{transition:none;animation:none}.workspace-shell .nexify-control[data-variant]:hover>span[aria-hidden=true]{transform:none}}
.atelier-film{isolation:isolate;border-radius:var(--radius-karte);background:var(--color-atelier-film-canvas);width:100%;min-width:0;position:relative;overflow:hidden}.atelier-film video{aspect-ratio:16/9;object-fit:contain;border-radius:inherit;width:100%;height:auto;display:block}.atelier-film-controls{z-index:3;flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset:auto 16px 16px}.atelier-film-controls button{border:1px solid var(--color-atelier-film-control-edge);background:var(--color-atelier-film-control-fill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:48px;color:var(--color-atelier-ink);font:inherit;cursor:pointer;box-shadow:inset 0 1px var(--color-linie-fein);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:inline-flex}.atelier-film-controls button:hover{background:var(--color-atelier-film-control-hover);border-color:var(--color-atelier-champagne)}.atelier-film-controls button:focus-visible{outline:2px solid var(--color-marke-lime);outline-offset:3px}.atelier-film-transcript{background:var(--color-atelier-film-transcript);color:var(--color-atelier-platinum);padding:14px 20px;font-size:12px;line-height:1.7}.atelier-film-transcript summary{cursor:pointer;min-height:24px}.atelier-film-error{pointer-events:none;background:var(--color-atelier-film-error);color:var(--color-atelier-ink);padding:12px;position:absolute;inset:20px 20px auto}.atelier-film-hero{background:0 0;border-radius:0;overflow:visible}.atelier-film-hero .atelier-film-controls{justify-content:flex-end;inset:auto 28px 24px}.atelier-film-hero video{aspect-ratio:16/9}@media (prefers-reduced-transparency:reduce){.atelier-film-controls button{background:var(--gradient-karte);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:600px){.atelier-film-controls{gap:6px;inset:auto 8px 8px}.atelier-film-controls button{padding:8px 12px;font-size:11px}.atelier-film-hero .atelier-film-controls{inset:auto 12px 16px}}.atelier-film-picture{isolation:isolate;border-radius:inherit;position:relative;overflow:hidden}.atelier-film-fallback{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.atelier-film-hero .atelier-film-controls{bottom:24px}.atelier-playback-icon{flex:none;display:block}.atelier-film-loading{z-index:3;top:var(--space-4);left:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pille);background:var(--color-atelier-film-control-fill);color:var(--color-atelier-ink);font-size:var(--type-small-size);pointer-events:none;position:absolute}.atelier-film-progress{z-index:4;pointer-events:none;background:var(--color-linie-fein);height:2px;position:absolute;inset:auto 0 0;overflow:hidden}.atelier-film-progress>span{background:var(--color-marke-lime);transform-origin:0;width:100%;height:100%;display:block}.atelier-film-controls button svg{flex:none;display:block}.atelier-film-controls button[aria-pressed=true]{border-color:var(--color-atelier-champagne)}.atelier-volume{color:var(--color-atelier-ink);position:relative}.atelier-volume summary{box-sizing:border-box;width:var(--target-min);min-height:var(--target-min);padding:var(--space-3);cursor:pointer;border:1px solid var(--color-atelier-film-control-edge);border-radius:var(--radius-pille);background:var(--color-atelier-film-control-fill);place-items:center;list-style:none;display:grid}.atelier-volume summary::-webkit-details-marker{display:none}.atelier-volume summary:focus-visible{outline:2px solid var(--color-marke-lime);outline-offset:3px}.atelier-volume>div{z-index:5;right:0;bottom:calc(100% + var(--space-3));width:220px;padding:var(--space-4);border-radius:var(--radius-karte);background:var(--gradient-karte);box-shadow:var(--shadow-atelier-polish);position:absolute}.atelier-volume label{gap:var(--space-3);font-size:var(--type-small-size);display:grid}.atelier-volume input{width:100%;accent-color:var(--color-marke-lime);cursor:pointer;padding:0}.atelier-film video::cue{color:var(--color-atelier-ink);background:var(--color-atelier-film-control-fill)}.atelier-film-hero .atelier-film-controls{justify-content:flex-start;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-linie-fein);background:var(--color-atelier-surface);position:relative;inset:auto}.atelier-film-hero .atelier-film-transcript{background:var(--color-atelier-surface)}.atelier-film-hero .atelier-film-controls button{min-height:var(--target-min);padding:var(--space-2);border-radius:var(--radius-karte);box-shadow:none;font-size:var(--type-small-size);background:0 0;border:0}.atelier-film-hero .atelier-film-controls button:hover{background:var(--color-atelier-film-control-hover)}.atelier-film-hero .atelier-film-fallback{aspect-ratio:16/9;height:auto;inset:0 auto auto 0}.atelier-film-hero .atelier-volume{margin-left:auto;position:static}.atelier-film-hero .atelier-volume summary{background:0 0;border:0}.atelier-film-hero .atelier-volume[open]{grid-template-columns:var(--target-min) minmax(0,1fr);gap:var(--space-2);flex:0 0 100%;align-items:center;margin-left:0;display:grid}.atelier-film-hero .atelier-volume>div{width:auto;min-width:0;padding:var(--space-2);box-shadow:none;background:0 0;border-radius:0;position:static}@container identity-hero (min-width:821px){.atelier-film-hero .atelier-volume[open]{grid-template-columns:var(--target-min) minmax(0,1fr);flex:0 240px;margin-left:auto}.atelier-film-hero .atelier-volume label{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.atelier-film-hero .atelier-volume input{flex:1;min-width:0}}@media (max-width:600px){.atelier-film-hero .atelier-film-controls,.atelier-film-hero .atelier-film-controls button{padding:var(--space-2)}}.workspace-shell .home-concept .identity-hero .atelier-film-progress{display:none}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls{inset:auto 0 var(--space-5);justify-content:center;align-items:center;gap:var(--space-1);width:max-content;max-width:calc(100% - 24px);padding:var(--space-1);border:1px solid var(--color-atelier-film-control-edge);border-radius:var(--radius-pille);background:var(--color-atelier-film-control-fill);box-shadow:var(--shadow-atelier-polish);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:nowrap;margin-inline:auto;display:flex;position:absolute}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls button,.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume summary{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pille);color:var(--color-atelier-ink);background:0 0;border:0}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls button:hover,.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume summary:hover{background:var(--color-atelier-film-control-hover)}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume{margin:0;position:relative}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume[open]{flex:none;display:block}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume>div{bottom:calc(100% + var(--space-3));width:180px;min-width:0;padding:var(--space-3);border-radius:var(--radius-karte);background:var(--gradient-karte);box-shadow:var(--shadow-atelier-polish);position:absolute;right:0}@media (max-width:600px){.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls{bottom:var(--space-3)}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls button{font-size:var(--type-small-size);padding:var(--space-2)}}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls button{white-space:nowrap}@media (max-width:600px){.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls{gap:0}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-film-controls button{gap:var(--space-1);padding-inline:var(--space-2);font-size:11px}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume>div{width:160px;padding:var(--space-2)}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume label{font-size:0;display:block}.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume input{min-height:24px;display:block}}@container identity-hero (min-width:821px){.workspace-shell .home-concept .identity-hero .atelier-film-hero .atelier-volume>div{left:auto;right:0}}
