.icon{flex:none;width:16px;height:16px}.icon-20{flex:none;width:20px;height:20px}.icon-32{flex:none;width:32px;height:32px}.marke-zeichen{flex:none;width:26px;height:26px}.plattform-marke{flex:none;width:14px;height:14px}.plattform-marke.nur{opacity:.45}.quitt-anim{animation:quitt-rein var(--dauer-200) var(--ease-ankunft)}@keyframes quitt-rein{0%{opacity:.3;filter:blur(3px)}}.btn{justify-content:center;align-items:center;gap:var(--raum-8);height:var(--hoehe-36);padding:0 var(--raum-16);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);cursor:pointer;white-space:nowrap;transition:background-color var(--dauer-160) var(--ease-aus), border-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn:not(:disabled):active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-32{height:var(--hoehe-32);padding:0 var(--raum-12);font-size:var(--schrift-13)}.btn-40{height:var(--hoehe-40);padding:0 var(--raum-20)}.btn-breit{text-align:left;justify-content:flex-start;width:100%}.btn-breit .btn-inhalt{flex:1}.btn-primaer{background:var(--akzent);color:var(--auf-akzent);box-shadow:var(--schatten-1)}.btn-primaer:not(:disabled):active{background:var(--akzent-aktiv)}.btn-sekundaer{background:var(--flaeche);color:var(--text-1);border-color:var(--border-stark);box-shadow:var(--schatten-1)}.btn-leise{color:var(--text-2);background:0 0}.btn-schlicht{height:auto;padding:var(--raum-2) var(--raum-4);box-shadow:none;color:var(--text-1);background:0 0;border-color:#0000}.btn-schlicht:not(:disabled):active{transform:none}.btn-leise-destruktiv{color:var(--fehler-text);background:0 0}.btn-leise-destruktiv:not(:disabled):active{background:var(--fehler-tint)}.btn-leise-destruktiv:focus-visible{outline-color:var(--fehler)}.btn-destruktiv{background:var(--fehler);color:var(--auf-akzent);box-shadow:var(--schatten-1)}.btn-destruktiv:not(:disabled):active{background:var(--fehler-aktiv)}.btn-destruktiv:focus-visible{outline-color:var(--fehler)}.btn-ki{isolation:isolate;background:var(--flaeche);color:var(--text-1);border-color:var(--akzent-border);box-shadow:var(--schatten-1), inset 0 0 12px var(--ki-halo)}.btn-ki:not(:disabled):active{background:var(--akzent-tint)}.btn-ki-funke{flex:none;display:inline-flex;position:relative}.btn-ki .btn-ki-funke .icon{color:var(--akzent-text);filter:drop-shadow(0 0 3px var(--ki-halo-stark))}.btn-ki-schein{border-radius:inherit;box-shadow:0 0 6px var(--ki-halo);opacity:.35;pointer-events:none;z-index:-1;transition:opacity var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus);position:absolute;inset:0}.btn-inhalt{align-items:center;gap:var(--raum-8);min-width:0;transition:opacity var(--dauer-120) var(--ease-aus);display:inline-flex;position:relative}.btn-fuellung{border-radius:inherit;background:color-mix(in oklab, currentColor 20%, transparent);transform-origin:0;transition:transform var(--dauer-120) var(--ease-aus);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.btn-fuellung.laeuft{transform:scaleX(1)}.btn-inhalt-halten{display:inline-grid}.btn-inhalt-halten>.btn-schicht{justify-content:center;align-items:center;gap:var(--raum-8);grid-area:1/1;display:inline-flex}.btn-inhalt-halten>.btn-schicht-reserve{visibility:hidden}.btn-spinner{opacity:0;transition:opacity var(--dauer-120) var(--ease-aus);place-items:center;display:grid;position:absolute;inset:0}.btn.laedt{pointer-events:none}.btn.laedt .btn-inhalt{opacity:0}.btn.laedt .btn-spinner{opacity:1}.btn-spinner .icon{animation:.8s linear infinite drehen}.btn-ki.laedt .btn-inhalt{opacity:1}.btn-ki.laedt .btn-ki-schein{box-shadow:0 0 12px var(--ki-halo-stark);animation:ki-schein-atmen var(--dauer-ki-atem) ease-in-out infinite alternate;will-change:opacity}.ki-ruhig .btn-ki.laedt .btn-ki-schein{animation:none}@media (hover:hover) and (pointer:fine){.btn-primaer:not(:disabled):hover{background:var(--akzent-hover)}.btn-sekundaer:not(:disabled):hover{background:var(--flaeche-2)}.btn-schlicht:not(:disabled):hover{color:var(--akzent-text);background:0 0}.btn-leise:not(:disabled):hover{background:var(--flaeche-2);color:var(--text-1)}.btn-leise-destruktiv:not(:disabled):hover{background:var(--fehler-tint)}.btn-destruktiv:not(:disabled):hover{background:var(--fehler-hover)}.btn-ki:not(:disabled):hover{background:var(--flaeche)}.btn-ki:not(:disabled):hover .btn-ki-schein{opacity:.7;box-shadow:0 0 10px var(--ki-halo)}}
