.demo[data-astro-cid-trxcs2lc]{gap:var(--space-m);border:1px solid var(--line);background:radial-gradient(120% 80% at 100% 0,#7c3aed1a,#0000 60%),linear-gradient(160deg,#eef1ff,#f6f3ff);border-radius:26px;min-width:0;padding:clamp(.75rem,.4rem + 1.6vw,1.5rem);display:grid}.demo[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc][hidden]{display:none!important}.demo[data-astro-cid-trxcs2lc] button[data-astro-cid-trxcs2lc]{cursor:pointer;font-family:inherit}.demo[data-astro-cid-trxcs2lc] button[data-astro-cid-trxcs2lc]:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.demo[data-astro-cid-trxcs2lc] button[data-astro-cid-trxcs2lc].button:disabled:hover{border-color:var(--line)}.demo[data-astro-cid-trxcs2lc] button[data-astro-cid-trxcs2lc].button--primary:disabled:hover{border-color:#0000}.demo__live[data-astro-cid-trxcs2lc]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.demo__inbox[data-astro-cid-trxcs2lc]{align-content:start;gap:var(--space-s);min-width:0;display:grid}.demo__inbox-head[data-astro-cid-trxcs2lc]{justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.35rem;display:flex}.demo__inbox-title[data-astro-cid-trxcs2lc]{letter-spacing:-.01em;font-weight:700}.demo__badge[data-astro-cid-trxcs2lc]{background:var(--surface);color:var(--brand-text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2em .7em;font-size:.72rem;font-weight:700}.demo__list[data-astro-cid-trxcs2lc]{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:.6rem;margin:0;padding:.4rem;list-style:none;display:flex;overflow-x:auto}.demo__list[data-astro-cid-trxcs2lc] li[data-astro-cid-trxcs2lc]{scroll-snap-align:start;flex:0 0 min(15.5rem,80%);display:grid}.demo__pick[data-astro-cid-trxcs2lc]{width:100%;color:var(--ink);font-size:var(--step--1);text-align:left;background:#ffffffb8;border:1.5px solid #0000;border-radius:14px;align-content:start;gap:.35rem;padding:.8rem .9rem;line-height:1.35;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.demo__pick[data-astro-cid-trxcs2lc]:hover{background:var(--surface)}.demo__pick[data-astro-cid-trxcs2lc][aria-pressed=true]{background:var(--surface);border-color:var(--brand);box-shadow:0 14px 28px -18px #4f46e58c}.demo__pick-top[data-astro-cid-trxcs2lc]{color:var(--ink-soft);justify-content:space-between;gap:.5rem;display:flex}.demo__pick-time[data-astro-cid-trxcs2lc]{font-family:var(--font-mono);font-size:.75rem}.demo__pick-subject[data-astro-cid-trxcs2lc]{letter-spacing:-.01em;font-size:.95rem;font-weight:700}.demo__pick-tags[data-astro-cid-trxcs2lc]{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.demo__tag[data-astro-cid-trxcs2lc]{background:var(--bg-tint);color:var(--ink-soft);border-radius:999px;padding:.1em .6em;font-size:.72rem;font-weight:700}.demo__tag--urgent[data-astro-cid-trxcs2lc]{background:var(--urgent-bg);color:var(--urgent-ink)}.demo__stage[data-astro-cid-trxcs2lc]{gap:var(--space-m);flex-direction:column;min-width:0;display:flex}.demo__case-body[data-astro-cid-trxcs2lc]{gap:var(--space-m);min-width:0;display:grid}.demo__steps[data-astro-cid-trxcs2lc]{background:#ffffffb8;border-radius:999px;align-items:center;gap:.3rem;margin:0;padding:.45rem;list-style:none;display:flex}.demo__dot[data-astro-cid-trxcs2lc]{min-width:0;color:var(--ink-soft);font-size:var(--step--1);border-radius:999px;flex:0 auto;align-items:center;gap:.45rem;padding:.2rem .75rem .2rem .2rem;font-weight:700;line-height:1.2;transition:background .25s,color .25s;display:flex}.demo__dot-num[data-astro-cid-trxcs2lc]{background:var(--bg-tint);width:1.75rem;height:1.75rem;font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:500;transition:background .25s,color .25s;display:grid}.demo__dot[data-astro-cid-trxcs2lc][data-done]{color:var(--brand-text)}.demo__dot[data-astro-cid-trxcs2lc][data-done] .demo__dot-num[data-astro-cid-trxcs2lc]{background:var(--brand-soft)}.demo__dot[data-astro-cid-trxcs2lc][aria-current]{background:var(--surface);color:var(--ink);box-shadow:0 6px 16px -10px #2a2e6e80}.demo__dot[data-astro-cid-trxcs2lc][aria-current] .demo__dot-num[data-astro-cid-trxcs2lc]{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:var(--brand-ink)}.demo__step[data-astro-cid-trxcs2lc]{gap:var(--space-m);min-width:0;display:grid}.demo__step-head[data-astro-cid-trxcs2lc]{gap:.3rem;padding-inline:.35rem;display:grid}.demo__kicker[data-astro-cid-trxcs2lc]{font-family:var(--font-mono);font-size:var(--step--1);color:var(--brand-text)}.demo__title[data-astro-cid-trxcs2lc]{border-radius:6px;justify-self:start;scroll-margin-top:5rem}.demo__lead[data-astro-cid-trxcs2lc]{color:var(--ink-soft);max-width:40rem}.demo__text[data-astro-cid-trxcs2lc]{white-space:pre-line;hyphens:auto}.demo__cards[data-astro-cid-trxcs2lc]{gap:var(--space-s);display:grid}.demo__sheet[data-astro-cid-trxcs2lc]{border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow);flex-wrap:wrap;gap:1px;margin:0;display:flex;overflow:hidden}.demo__row[data-astro-cid-trxcs2lc]{background:var(--surface);flex:9.5rem;align-content:start;gap:.35rem;padding:.9rem 1.1rem;display:grid}.demo__row--wide[data-astro-cid-trxcs2lc]{flex-basis:100%}.demo__row[data-astro-cid-trxcs2lc] dt[data-astro-cid-trxcs2lc]{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:700}.demo__row[data-astro-cid-trxcs2lc] dd[data-astro-cid-trxcs2lc]{margin:0;font-weight:600;line-height:1.45}.demo__row--wide[data-astro-cid-trxcs2lc] dd[data-astro-cid-trxcs2lc]{font-weight:400}.demo__chip[data-astro-cid-trxcs2lc]{background:var(--brand-soft);color:var(--brand-text);font-size:var(--step--1);border-radius:999px;padding:.2em .8em;font-weight:700;display:inline-flex}.demo__chip--urgent[data-astro-cid-trxcs2lc]{background:var(--urgent-bg);color:var(--urgent-ink)}.demo__chip--plain[data-astro-cid-trxcs2lc]{background:var(--bg-tint);color:var(--ink-soft)}.demo__missing[data-astro-cid-trxcs2lc]{gap:.2rem;margin:0;padding-left:1.1em;display:grid}.demo__firm[data-astro-cid-trxcs2lc]{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);justify-items:start;gap:.6rem;padding:clamp(1.25rem,1rem + 1.2vw,1.9rem);display:grid}.demo__firm-label[data-astro-cid-trxcs2lc]{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:700}.demo__firm-name[data-astro-cid-trxcs2lc]{font-size:var(--step-1);letter-spacing:-.02em;font-weight:700;line-height:1.2}.demo__firm-note[data-astro-cid-trxcs2lc]{color:var(--ink-soft);max-width:36rem}.demo__limit[data-astro-cid-trxcs2lc]{border-left:.35rem solid var(--brand);border-radius:var(--radius-s);background:var(--brand-soft);color:var(--ink);font-size:var(--step--1);gap:.15rem;padding:.8rem 1.1rem;line-height:1.5;display:grid}.demo__limit[data-astro-cid-trxcs2lc] strong[data-astro-cid-trxcs2lc]{color:var(--brand-text);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.demo__approve[data-astro-cid-trxcs2lc]{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-m);border-radius:var(--radius);background:var(--wait-bg);color:var(--wait-ink);z-index:1;flex-wrap:wrap;padding:.9rem .9rem .9rem 1.2rem;display:flex;position:sticky;bottom:.75rem;box-shadow:0 18px 36px -18px #92400e8c,0 0 0 1px #92400e1f}.demo__approve-text[data-astro-cid-trxcs2lc]{font-weight:700;font-size:var(--step--1)}.demo__approve-btn[data-astro-cid-trxcs2lc]{font-size:var(--step-0);padding:.75em 1.6em}.demo__log[data-astro-cid-trxcs2lc]{border-radius:var(--radius-s);color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--step--1);background:#ffffffb8;padding:.8rem 1.1rem;line-height:1.6}.demo__log-label[data-astro-cid-trxcs2lc]{color:var(--sent-ink);font-weight:500;display:block}.demo__end[data-astro-cid-trxcs2lc]{gap:var(--space-s);flex-wrap:wrap;display:flex}.demo__nav[data-astro-cid-trxcs2lc]{justify-content:space-between;align-items:center;gap:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--line);flex-wrap:wrap;margin-top:auto;display:flex}.demo__nav-hint[data-astro-cid-trxcs2lc]{text-align:right;color:var(--ink-soft);font-size:var(--step--1);flex:10rem}.demo__nav[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc][data-next]{margin-left:auto}.demo__summary[data-astro-cid-trxcs2lc]{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;padding:.9rem 1.1rem;font-weight:700}.demo__summary-label[data-astro-cid-trxcs2lc]{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-soft);font-weight:400;display:block}details[data-astro-cid-trxcs2lc].demo__case[open]>.demo__summary[data-astro-cid-trxcs2lc]{margin-bottom:var(--space-m)}html.js .demo__summary[data-astro-cid-trxcs2lc],html:not(.js) .demo__js[data-astro-cid-trxcs2lc],html:not(.js) .demo__inbox[data-astro-cid-trxcs2lc],html:not(.js) .demo__steps[data-astro-cid-trxcs2lc]{display:none}@media (width<=35.99rem){.demo__dot[data-astro-cid-trxcs2lc]:not([aria-current]){padding-right:.2rem}.demo__dot[data-astro-cid-trxcs2lc]:not([aria-current]) .demo__dot-label[data-astro-cid-trxcs2lc]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo__approve-btn[data-astro-cid-trxcs2lc]{flex:100%}}@media (width>=51.25rem){html.js .demo[data-astro-cid-trxcs2lc]:not(.demo--compact){grid-template-columns:17.5rem minmax(0,1fr);align-items:start}.demo__list[data-astro-cid-trxcs2lc]{flex-direction:column;overflow:visible}.demo__list[data-astro-cid-trxcs2lc] li[data-astro-cid-trxcs2lc]{flex:none}html.js .demo[data-astro-cid-trxcs2lc]:not(.demo--compact) .demo__stage[data-astro-cid-trxcs2lc]{min-height:34rem}}@media (prefers-reduced-motion:no-preference){html.js .demo__step[data-astro-cid-trxcs2lc]{animation:.34s cubic-bezier(.2,.7,.2,1) both demo-step-in}html.js .demo__row[data-astro-cid-trxcs2lc]{animation:.4s both demo-fade}html.js .demo__row[data-astro-cid-trxcs2lc]:nth-child(2){animation-delay:70ms}html.js .demo__row[data-astro-cid-trxcs2lc]:nth-child(3){animation-delay:.14s}html.js .demo__row[data-astro-cid-trxcs2lc]:nth-child(4){animation-delay:.21s}html.js .demo__row[data-astro-cid-trxcs2lc]:nth-child(5){animation-delay:.28s}html.js .demo__row[data-astro-cid-trxcs2lc]:nth-child(n+6){animation-delay:.35s}html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang{animation:.5s cubic-bezier(.2,.7,.2,1) both demo-pop}html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang:before{animation:.9s both demo-edge}html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang__chip{animation:.9s both demo-chip}html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang:nth-child(2),html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang:nth-child(2):before,html.js .demo__cards--sent[data-astro-cid-trxcs2lc] .vorgang:nth-child(2) .vorgang__chip{animation-delay:.18s}html.js .demo__log[data-astro-cid-trxcs2lc],html.js .demo__end[data-astro-cid-trxcs2lc]{animation:.5s .6s both demo-fade}}@keyframes demo-step-in{0%{opacity:0;transform:translateY(.6rem)}}@keyframes demo-fade{0%{opacity:0}}@keyframes demo-pop{0%{opacity:0;transform:scale(.97)}}@keyframes demo-edge{0%,45%{background:#f59e0b}}@keyframes demo-chip{0%,45%{background:var(--wait-bg);color:var(--wait-ink);transform:none}65%{transform:scale(1.1)}}.demo-bereich[data-astro-cid-p5sagldl]{padding-bottom:var(--space-l)}.demo-bereich__titel[data-astro-cid-p5sagldl]{font-size:var(--step-1);margin-bottom:var(--space-m)}.demo-bereich__hinweis[data-astro-cid-p5sagldl]{margin-top:var(--space-m);color:var(--ink-soft);font-size:var(--step--1)}.gesehen__text[data-astro-cid-p5sagldl]{gap:var(--space-m);max-width:42rem;display:grid}