@font-face{font-family:Inter var;src:local(Inter),local(Inter Variable);font-display:swap}:root{--a:#dc2626;--a-rgb:220, 38, 38;--gut:#22c55e;--warn:#f59e0b;--schlecht:#ef4444;--info:#60a5fa;--font:"Inter var", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html[data-design=trs]{--bg:#050505;--flaeche:#0a0a0a;--flaeche2:#111;--rand:#1f1f1f;--text:#f3f4f6;--leise:#9ca3af;--radius:1rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-design=standard]{--bg:#f4f5f7;--flaeche:#fff;--flaeche2:#f8f9fb;--rand:#e3e6ea;--text:#16181d;--leise:#5f6773;--radius:.6rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;transition:background .3s,color .3s}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}.mono{font-family:var(--mono)}.leise{color:var(--leise)}.gut{color:var(--gut)}.warn{color:var(--warn)}.schlecht{color:var(--schlecht)}:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:.3rem}@keyframes rein{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes rein-links{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes puls-ring{0%{box-shadow:0 0 0 0 rgba(var(--a-rgb),.55),0 0 24px rgba(var(--a-rgb),.5)}to{box-shadow:0 0 0 14px rgba(var(--a-rgb),0),0 0 24px rgba(var(--a-rgb),.5)}}@keyframes schweben{0%,to{transform:translate(0)}50%{transform:translate(30px,-24px)}}@keyframes plopp{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fuellen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes glanz{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(320%)skew(-20deg)}}@keyframes blinken{0%,to{opacity:1}50%{opacity:.35}}@keyframes zeichnen{to{stroke-dashoffset:0}}@keyframes einblenden{to{opacity:1}}@keyframes drehen{to{transform:rotate(1turn)}}.rein{animation:.6s cubic-bezier(.16,1,.3,1) both rein}.rein-links{animation:.45s both rein-links}.marke{gap:.6rem;font-size:1.2rem;font-weight:800;text-decoration:none}.marke,.marke-icon{align-items:center;display:flex}.marke-icon{background:var(--a);color:#fff;border-radius:.6rem;flex:none;justify-content:center;width:2.2rem;height:2.2rem;animation:2.4s ease-out infinite puls-ring}.marke-icon svg{width:1.15rem;height:1.15rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.marke:hover .marke-icon svg{transform:rotate(-35deg)scale(1.15)}.btn{border-radius:calc(var(--radius)*.7);border:1px solid var(--rand);background:var(--flaeche2);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-weight:600;text-decoration:none;transition:transform .18s,filter .18s,box-shadow .18s,border-color .18s;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){border-color:rgba(var(--a-rgb),.5);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn-a{background:var(--a);border-color:var(--a);color:#fff;box-shadow:0 6px 22px -6px rgba(var(--a-rgb),.6)}.btn-a:hover:not(:disabled){filter:brightness(1.1);border-color:var(--a)}.btn-a:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:35%;position:absolute;top:0;bottom:0;transform:translate(-120%)skew(-20deg)}.btn-a:hover:not(:disabled):after{animation:.7s glanz}.btn-rot{color:var(--schlecht)}.btn-rot:hover:not(:disabled){border-color:var(--schlecht)}.btn-klein{padding:.4rem .75rem;font-size:.85rem}.btn-icon{width:2.1rem;height:2.1rem;padding:.45rem}.btn svg{flex:none;width:1em;height:1em}.spin{animation:.8s linear infinite drehen}.feld{margin-bottom:1rem;display:block}.feld>span{color:var(--leise);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.eingabe{border-radius:calc(var(--radius)*.7);border:1px solid var(--rand);background:var(--flaeche2);outline:none;width:100%;padding:.7rem .9rem;transition:border-color .18s,box-shadow .18s}.eingabe:focus{border-color:var(--a);box-shadow:0 0 0 3px rgba(var(--a-rgb),.15)}textarea.eingabe{resize:vertical;min-height:5rem}.hinweis{color:var(--leise);margin-top:.35rem;font-size:.78rem}.meldung{border-radius:calc(var(--radius)*.7);margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;animation:.35s both rein-links}.meldung-fehler{color:var(--schlecht);background:#ef44441f;border:1px solid #ef444459}.meldung-ok{color:var(--gut);background:#22c55e1f;border:1px solid #22c55e59}.zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.raster-2{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.box{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.2rem}.box h3{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.box h3 small{color:var(--leise);font-size:.75rem;font-weight:500}.tabelle-huelle{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--leise);white-space:nowrap;padding:.55rem .7rem;font-size:.72rem;font-weight:600}td,th{border-bottom:1px solid var(--rand)}td{vertical-align:middle;padding:.7rem}tbody tr{transition:background .2s}tbody tr:hover{background:rgba(var(--a-rgb),.06)}tbody tr:last-child td{border-bottom:0}tr.klickbar{cursor:pointer}.key{font-family:var(--mono);background:var(--flaeche2);border:1px solid var(--rand);white-space:nowrap;border-radius:.35rem;padding:.2rem .5rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.key:hover{border-color:var(--a);box-shadow:0 0 0 3px rgba(var(--a-rgb),.14)}.pille{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.pille:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.p-ok{color:var(--gut);background:#22c55e1f}.p-ab{color:var(--warn);background:#f59e0b1f}.p-sp{color:var(--schlecht);background:#ef44441f}.p-te{color:var(--info);background:#60a5fa1f}.p-ok:before,.p-te:before{animation:1.8s ease-in-out infinite blinken}.geraete{vertical-align:middle;gap:3px;margin-right:.4rem;display:inline-flex}.geraete i{background:var(--rand);border-radius:3px;width:14px;height:6px;display:block}.geraete i.b{background:var(--a);transform-origin:0;animation:.5s .3s both fuellen}.leer{text-align:center;color:var(--leise);padding:3rem 1rem}.leer svg{opacity:.5;width:2.4rem;height:2.4rem;margin-bottom:.8rem}pre.code{background:var(--flaeche2);border:1px solid var(--rand);border-radius:calc(var(--radius)*.6);font-family:var(--mono);margin:0;padding:.9rem 1rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.buehne{background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(var(--a-rgb),.16),transparent 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex;position:relative;overflow:hidden}.buehne:after,.buehne:before{content:"";background:radial-gradient(circle,rgba(var(--a-rgb),.16),transparent 65%);pointer-events:none;border-radius:50%;width:380px;height:380px;animation:14s ease-in-out infinite schweben;position:absolute}.buehne:before{top:8%;left:6%}.buehne:after{animation-duration:18s;animation-delay:-7s;bottom:4%;right:8%}.karte-gross{z-index:1;background:var(--flaeche);border:1px solid var(--rand);border-radius:calc(var(--radius)*1.3);width:100%;max-width:46rem;padding:2.2rem;animation:.6s cubic-bezier(.16,1,.3,1) both rein;position:relative}.karte-gross.schmal{max-width:26rem}.karte-gross h1{text-wrap:balance;margin-bottom:.4rem;font-size:1.6rem}.karte-gross .sub{color:var(--leise);margin-bottom:1.5rem;line-height:1.55}.stufe>*{animation:.55s cubic-bezier(.16,1,.3,1) both rein}.stufe>:first-child{animation-delay:40ms}.stufe>:nth-child(2){animation-delay:.1s}.stufe>:nth-child(3){animation-delay:.16s}.stufe>:nth-child(4){animation-delay:.22s}.stufe>:nth-child(5){animation-delay:.28s}.stufe>:nth-child(6){animation-delay:.34s}.stufe>:nth-child(7){animation-delay:.4s}.stufe>:nth-child(n+8){animation-delay:.46s}.schritte{gap:.4rem;margin:1.6rem 0;display:flex}.schritt{background:var(--rand);border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.schritt.fertig:after{content:"";background:var(--a);transform-origin:0;animation:.6s cubic-bezier(.65,0,.35,1) both fuellen;position:absolute;inset:0}.wz-fuss{z-index:1;color:var(--leise);margin-top:1.4rem;font-size:.8rem;text-decoration:none;transition:color .2s;position:relative}.wz-fuss b,.wz-fuss:hover{color:var(--text)}.wz-the{color:#dc2626}.toasts{z-index:300;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:calc(var(--radius)*.7);background:var(--flaeche);border:1px solid var(--rand);align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.88rem;animation:.35s cubic-bezier(.16,1,.3,1) both rein;display:flex;box-shadow:0 12px 30px -10px #00000080}.toast.ok{border-color:#22c55e80}.toast.fehler{border-color:#ef444480}@media (width<=640px){.raster-2{grid-template-columns:1fr}.karte-gross{padding:1.4rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}