.glas-grund{display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)){background:transparent;--glas-flaeche:rgb(var(--surface-rgb)/0.8);--glas-flaeche-dicht:rgb(var(--surface-rgb)/0.92);--glas-flaeche-leise:rgb(var(--surface-rgb)/0.58);--glas-kante:rgb(var(--surface-rgb)/0.9);--glas-glanz:inset 0 1px 0 rgb(255 255 255/0.8);--glas-unschaerfe:blur(36px) saturate(115%) brightness(1.04);--glas-schatten:0 0 0 1px rgb(var(--schatten-rgb)/0.07),0 18px 40px -22px rgb(var(--schatten-rgb)/0.42);--glas-schatten-hoch:0 0 0 1px rgb(var(--schatten-rgb)/0.08),0 26px 50px -24px rgb(var(--schatten-rgb)/0.55);--glas-radius:20px;--glas-linie:rgb(var(--border-rgb)/0.85);--glas-aktiv:rgb(var(--surface-rgb)/0.98);--text-2-rgb:var(--fest-ink-2-rgb);--text-3-rgb:var(--hell-text-2-rgb);--muted-rgb:var(--hell-text-2-rgb);--text-2:rgb(var(--text-2-rgb));--text-3:rgb(var(--text-3-rgb));--muted:rgb(var(--muted-rgb))}[data-theme=dark] body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)){--glas-flaeche:rgb(var(--surface-rgb)/0.84);--glas-flaeche-dicht:rgb(var(--surface-rgb)/0.93);--glas-flaeche-leise:rgb(var(--surface-rgb)/0.62);--glas-kante:rgb(255 255 255/0.16);--glas-glanz:inset 0 1px 0 rgb(255 255 255/0.12);--glas-unschaerfe:blur(36px) saturate(110%) brightness(0.92);--glas-schatten:0 18px 40px -22px rgb(0 0 0/0.65);--glas-schatten-hoch:0 26px 50px -24px rgb(0 0 0/0.75);--glas-linie:rgb(255 255 255/0.14);--glas-aktiv:rgb(255 255 255/0.16);--text-2-rgb:221 215 204;--text-3-rgb:201 195 184;--muted-rgb:201 195 184}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .glas-grund{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none}.glas-grund-schleier{position:absolute;inset:0;background:radial-gradient(90% 55% at 12% 12%,rgb(var(--bg-rgb)/.82),rgb(var(--bg-rgb)/.45) 55%,transparent 80%),linear-gradient(to bottom,rgb(var(--bg-rgb)/.62) 0,rgb(var(--bg-rgb)/.4) 30%,rgb(var(--bg-rgb)/.16) 50%,rgb(var(--bg-rgb)/.16) 75%,rgb(var(--bg-rgb)/.34) 100%)}[data-theme=dark] .glas-grund-schleier{background:radial-gradient(120% 70% at 15% 0,rgb(var(--bg-rgb)/.82),transparent 60%),linear-gradient(to bottom,rgb(var(--bg-rgb)/.76) 0,rgb(var(--bg-rgb)/.5) 40%,rgb(var(--bg-rgb)/.56) 100%)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) :is([data-kind=seitenbild],[data-kind=heute-bild]){display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(h1,h2,.h-eyebrow,.reiter-leiste,p){text-shadow:0 0 1px rgb(var(--bg-rgb)/.9),0 0 6px rgb(var(--bg-rgb)/.9),0 0 18px rgb(var(--bg-rgb)/.85)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.card-surface,.card-flat,.card-editorial,.karte-dunkel),body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.card-surface,.card-flat,.card-editorial,.tabelle-bereich,.karte-dunkel,.btn,.chip) :is(h1,h2,.h-eyebrow,.reiter-leiste,p){text-shadow:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.card-surface,.card-flat,.card-editorial){background:var(--glas-flaeche);backdrop-filter:var(--glas-unschaerfe);border-color:var(--glas-kante);border-radius:var(--glas-radius);box-shadow:var(--glas-glanz),var(--glas-schatten)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.card-surface,.card-flat,.card-editorial) :is(.card-surface,.card-flat,.card-editorial){background:var(--glas-flaeche-leise);backdrop-filter:none;border-radius:calc(var(--glas-radius) - 6px);box-shadow:var(--glas-glanz)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.bg-surface,.bg-surface-2,.bg-bg){background-color:var(--glas-flaeche-leise)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.border-border,.border-hairline){border-color:var(--glas-linie)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main .tbl thead th{background:transparent;border-bottom-color:var(--glas-linie)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main .tabelle-karten>.tbl tbody tr,body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main .tbl tbody td{border-bottom-color:var(--glas-linie)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main .tbl tbody tr:hover{background:var(--glas-flaeche-dicht)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([data-kind=kanban-spalte],[data-kind=projektstatus-kanban] section[data-stelle]){padding:8px;background:var(--glas-flaeche);backdrop-filter:var(--glas-unschaerfe);border:1px solid var(--glas-kante);border-radius:var(--glas-radius);box-shadow:var(--glas-glanz),var(--glas-schatten)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([data-kind=kanban-spalte] .card-flat,[data-kind=projektstatus-kanban] [data-stelle-karte]){background:var(--glas-flaeche-dicht);backdrop-filter:none;border-color:var(--glas-kante);border-radius:14px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){background-color:var(--glas-flaeche-dicht);border-color:var(--glas-kante)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(input,select,textarea):focus{background-color:var(--surface)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.btn-outline,.btn-ghost){background:var(--glas-flaeche);backdrop-filter:blur(12px);border-color:var(--glas-kante);box-shadow:var(--glas-glanz)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(.btn,.btn-primary){border-radius:9999px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([role=tablist],.reiter-leiste):not(:is(.card-surface,.card-flat,.card-editorial) *){width:-moz-fit-content;width:fit-content;max-width:100%;margin-left:0;margin-right:0;padding:4px;gap:4px;background:var(--glas-flaeche);backdrop-filter:var(--glas-unschaerfe);border:1px solid var(--glas-kante);border-radius:26px;box-shadow:var(--glas-glanz),var(--glas-schatten);text-shadow:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([role=tablist],.reiter-leiste):not(:is(.card-surface,.card-flat,.card-editorial) *)>[role=tab]{border-radius:9999px;padding-left:16px;padding-right:16px;min-height:40px;transition:background-color .2s,color .2s}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([role=tablist],.reiter-leiste):not(:is(.card-surface,.card-flat,.card-editorial) *)>[role=tab][aria-selected=true]{background:var(--glas-aktiv);box-shadow:var(--glas-glanz),0 4px 14px -8px rgb(var(--schatten-rgb)/.45)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([role=tablist],.reiter-leiste):not(:is(.card-surface,.card-flat,.card-editorial) *)>.reiter:after,body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is([role=tablist],.reiter-leiste):not(:is(.card-surface,.card-flat,.card-editorial) *)>[role=tab]>span.absolute[aria-hidden]{display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar{--glas-rand:max(1.25rem,env(safe-area-inset-left));top:12px;left:max(var(--glas-rand),calc((100vw - 1400px) / 2 + 5rem));right:max(var(--glas-rand),calc((100vw - 1400px) / 2 + 5rem));border-radius:9999px;background:var(--glas-flaeche)!important;backdrop-filter:var(--glas-unschaerfe)!important;border:1px solid var(--glas-kante)!important;box-shadow:var(--glas-glanz),var(--glas-schatten)}@media (min-width:640px){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar{--glas-rand:max(2rem,env(safe-area-inset-left))}}@media (min-width:1024px){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar{--glas-rand:max(5rem,env(safe-area-inset-left))}}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar>div{max-width:none!important;padding:10px 10px 10px 20px!important;gap:16px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar .navi-reiter{border-radius:9999px;padding:0 14px;transition:background-color .2s,color .2s}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar .navi-reiter:hover{background:var(--glas-flaeche-leise)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar .navi-reiter[aria-current=page]{background:var(--glas-aktiv);box-shadow:var(--glas-glanz),0 4px 14px -8px rgb(var(--schatten-rgb)/.45)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar .navi-reiter>span[aria-hidden=true]{display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) nav[aria-label=Hauptnavigation]{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding-bottom:0!important;border-radius:24px;border:1px solid var(--glas-kante)!important;background:rgb(var(--surface-rgb)/.97)!important;backdrop-filter:var(--glas-unschaerfe)!important;box-shadow:var(--glas-glanz),var(--glas-schatten);overflow:hidden}@media (min-width:1024px){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]){--leiste-breite:56px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar{top:calc(16px + var(--rollenvorschau-hoehe, 0px))!important;bottom:136px;left:max(12px,env(safe-area-inset-left));right:auto;width:var(--leiste-breite);border-radius:28px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar>div{height:100%;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;padding:10px 6px!important}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-reiter],body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-wortmarke]{display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-marke]{justify-content:center;padding-bottom:6px;border-bottom:1px solid var(--glas-linie)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=seitenleiste]{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-reiter{justify-content:center;width:44px;margin:0 auto;padding:0}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-text{position:absolute;left:calc(100% + 10px);padding:8px 14px;border-radius:9999px;color:var(--text);background:var(--glas-flaeche-dicht);backdrop-filter:var(--glas-unschaerfe);border:1px solid var(--glas-kante);box-shadow:var(--glas-glanz),var(--glas-schatten);opacity:0;translate:-4px 0;pointer-events:none;transition:opacity .15s,translate .15s}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-reiter:is(:hover,:focus-visible) .seitenleiste-text{opacity:1;translate:0 0}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-werkzeuge]{margin-left:0;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--glas-linie)}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=konto-menue] button>:not(:first-child){display:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) main{padding-top:40px}}@media (min-width:1440px){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]){--leiste-breite:200px;--spalte-links:max(240px,calc((100% - 1400px) / 2 + 5rem))}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar{left:max(16px,calc((100% - 1400px) / 2 + 5rem - 224px));border-radius:24px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar>div{padding:14px 12px!important;gap:12px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-marke]{justify-content:flex-start;padding:0 6px 12px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-wortmarke]{display:block}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-reiter{justify-content:flex-start;width:auto;margin:0;padding:0 14px}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-text{position:static;padding:0;color:inherit;background:none;backdrop-filter:none;border:0;box-shadow:none;opacity:1;translate:none;pointer-events:auto;transition:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=kopf-werkzeuge]{flex-direction:row;justify-content:space-between;gap:0;padding:10px 0 0}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=konto-menue]{order:-1;min-width:0;flex:1 1 auto}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=konto-menue] button{max-width:100%}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar [data-kind=konto-menue] button>span:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) main{margin-left:var(--spalte-links);margin-right:auto;padding-left:0;max-width:1320px}}@media (min-width:1856px){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar{bottom:16px}}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(a.card-surface,a.card-flat,[data-kind=wiedervorlage-gruppe],[data-kind=kanban-spalte] .card-flat[draggable],[data-stelle-karte]){transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background-color .2s}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(a.card-surface,a.card-flat,[data-kind=wiedervorlage-gruppe],[data-kind=kanban-spalte] .card-flat[draggable],[data-stelle-karte]):hover{transform:translateY(-4px);
  /* !important nur wegen der Projektstatus-Karte, die ihren Schatten als
     Inline-Stil trägt. */box-shadow:var(--glas-glanz),var(--glas-schatten-hoch)!important}@media (prefers-reduced-motion:reduce){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) .site-topbar .navi-reiter,body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(a.card-surface,a.card-flat,[data-kind=wiedervorlage-gruppe],[data-kind=kanban-spalte] .card-flat[draggable],[data-stelle-karte]),body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)):has([data-leiste=seite]) .site-topbar .seitenleiste-text{transition:none}body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)) main :is(a.card-surface,a.card-flat,[data-kind=wiedervorlage-gruppe],[data-kind=kanban-spalte] .card-flat[draggable],[data-stelle-karte]):hover{transform:none}}@media (prefers-reduced-transparency:reduce){body:has([data-stil=glas] [data-kind=seiten-hintergrund][data-an]):not(:has(.objekt-klar,.praesentation-buehne)){--glas-flaeche:var(--surface);--glas-flaeche-dicht:var(--surface);--glas-flaeche-leise:var(--surface-2)}}@media print{.glas-grund{display:none!important}}.code-kaestchen{--code-sammeln:520ms;--code-rueckwurf:460ms;--code-luecke:8px;--code-hoehe:56px;--code-kurve:cubic-bezier(0.65,0,0.35,1);--code-feder:cubic-bezier(0.34,1.56,0.64,1);position:relative}@media (max-width:359px){.code-kaestchen{--code-luecke:6px;--code-hoehe:52px}}.code-reihe{position:relative;display:grid;grid-template-columns:repeat(var(--laenge,6),minmax(0,1fr));gap:var(--code-luecke);width:min(100%,calc(var(--laenge, 6) * 52px + (var(--laenge, 6) - 1) * var(--code-luecke)));height:var(--code-hoehe);margin:0 auto}.code-feld{position:relative;display:flex;align-items:center;justify-content:center;height:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--groesse-h2);font-weight:600;font-variant-numeric:tabular-nums;transition:transform var(--code-sammeln) var(--code-kurve),opacity calc(var(--code-sammeln) * .4) ease calc(var(--code-sammeln) * .6),border-color .2s,box-shadow .2s,background-color .2s}.code-feld[data-voll]{border-color:var(--border-2);background:var(--surface-2)}.code-feld[data-aktiv]{border-color:var(--marke);box-shadow:0 0 0 3px rgb(var(--marke-rgb)/.18)}[data-theme=dark] .code-feld[data-aktiv]{box-shadow:0 0 0 3px rgb(var(--marke-rgb)/.3)}.code-ziffer{display:inline-block;animation:code-ziffer-rein .18s var(--code-feder) backwards}@keyframes code-ziffer-rein{0%{opacity:0;transform:translateY(6px) scale(.6)}}.code-cursor{width:2px;height:46%;border-radius:1px;background:var(--marke);animation:code-blinken 1s steps(1) infinite}@keyframes code-blinken{50%{opacity:0}}.code-eingabe{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;font-size:16px;letter-spacing:0;outline:none;cursor:text;transition:background-color 9999s}.code-eingabe::-moz-selection{background:transparent}.code-eingabe::selection{background:transparent}.code-eingabe[readonly]{cursor:default}.code-kaestchen[data-fehler] .code-feld{border-color:rgb(var(--danger-rgb)/.55)}.code-kaestchen[data-fehler] .code-feld[data-aktiv]{border-color:var(--danger);box-shadow:0 0 0 3px rgb(var(--danger-rgb)/.16)}.code-kaestchen[data-phase=geoeffnet] .code-feld,.code-kaestchen[data-phase=sammeln] .code-feld{border-color:var(--marke);transform:translateX(calc(var(--weg) * (100% + var(--code-luecke)) + (var(--i) - (var(--laenge, 6) - 1) / 2) * 3px)) scale(.94);opacity:0}.code-kaestchen[data-phase=geoeffnet] .code-ziffer,.code-kaestchen[data-phase=sammeln] .code-ziffer{opacity:0;transition:opacity .15s ease .08s}.code-siegel{position:absolute;top:0;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--code-hoehe);height:var(--code-hoehe);margin-left:calc(var(--code-hoehe) / -2);border:1.5px solid var(--marke);border-radius:14px;background:var(--surface);color:var(--marke);opacity:0;transform:scale(.7);pointer-events:none;transition:opacity .2s ease,transform .25s var(--code-kurve),border-color .3s,background-color .3s,color .3s}.code-kaestchen[data-phase=sammeln] .code-siegel{opacity:1;transform:scale(1);transition-delay:calc(var(--code-sammeln) * .65);animation:code-atmen 1.2s ease-in-out calc(var(--code-sammeln) + .1s) infinite}@keyframes code-atmen{50%{transform:scale(.94);box-shadow:0 0 0 6px rgb(var(--marke-rgb)/.12)}}.code-siegel svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.code-siegel path{stroke-dasharray:1;stroke-dashoffset:1}.code-kaestchen[data-phase=geoeffnet] .code-siegel{opacity:1;transform:scale(1);border-color:var(--success);background:rgb(var(--success-rgb)/.1);color:var(--success);animation:code-siegel-auf .42s var(--code-feder) both}@keyframes code-siegel-auf{0%{transform:scale(.86)}60%{transform:scale(1.08)}to{transform:scale(1)}}.code-kaestchen[data-phase=geoeffnet] .code-siegel path{stroke-dashoffset:0;transition:stroke-dashoffset .38s ease-out .14s}.code-schein{position:absolute;inset:-80px -20px;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--success-rgb)/.28),rgb(var(--success-rgb)/.1) 55%,transparent);opacity:0;transform:scale(.4);pointer-events:none;transition:opacity .5s ease,transform .7s var(--code-kurve)}.code-kaestchen[data-phase=geoeffnet] .code-schein{opacity:1;transform:scale(1)}.code-kaestchen[data-phase=rueckwurf] .code-feld{border-color:var(--danger);transition:opacity .12s ease;animation:code-schuetteln var(--code-rueckwurf) ease-in-out}.code-kaestchen[data-phase=rueckwurf] .code-siegel{transition:opacity .1s ease}@keyframes code-schuetteln{15%,55%{transform:translateX(-5px)}35%,75%{transform:translateX(5px)}}.code-stand{min-height:1.6em;margin-top:10px;font-size:var(--groesse-klein);line-height:1.6;text-align:center;color:var(--text-2)}.code-kaestchen[data-phase=geoeffnet] .code-stand{color:var(--success);font-weight:600}@media (prefers-reduced-motion:reduce){.code-feld,.code-schein,.code-siegel{transition:opacity .2s ease;animation:none}.code-cursor,.code-ziffer{animation:none}.code-kaestchen[data-phase=geoeffnet] .code-feld,.code-kaestchen[data-phase=sammeln] .code-feld{transform:none}.code-kaestchen[data-phase] .code-schein,.code-kaestchen[data-phase] .code-siegel{transform:none;animation:none;transition-delay:0s}.code-kaestchen[data-phase=rueckwurf] .code-feld{animation:none}.code-kaestchen[data-phase=geoeffnet] .code-siegel path{transition:none}}