.knopf{--mx:50%;--my:50%;isolation:isolate;letter-spacing:-.005em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;min-height:3rem;padding:0 1.5rem;font-size:15px;font-weight:600;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .26s,background-color .2s,opacity .2s;display:inline-flex;position:relative}.knopf:active:not(:disabled){transition-duration:70ms;transform:scale(.955)}.knopf:disabled{cursor:default;opacity:.7}.knopf:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.knopf__innen{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.knopf__licht{opacity:0;background:radial-gradient(150px circle at var(--mx) var(--my), #ffffff61, transparent 62%);transition:opacity .22s;position:absolute;inset:0}.knopf:hover .knopf__licht,.knopf:focus-visible .knopf__licht{opacity:1}.knopf__welle{opacity:1;background:radial-gradient(circle,#ffffff8c,#fff0 70%);border-radius:9999px;width:260px;height:260px;animation:.62s cubic-bezier(.2,.7,.2,1) forwards knopf-welle;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes knopf-welle{to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.knopf__ring{border-radius:inherit;pointer-events:none;animation:.52s ease-out forwards knopf-blitz;position:absolute;inset:0}@keyframes knopf-blitz{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--investor-a) 70%, transparent), 0 0 0 0 color-mix(in srgb, var(--investor-a) 40%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--investor-a) 0%, transparent), 0 0 38px 14px color-mix(in srgb, var(--investor-a) 0%, transparent)}}.knopf--primaer{background:var(--ink);color:var(--canvas);box-shadow:inset 0 1px #ffffff2e,0 8px 20px -10px #00000080}.knopf--primaer:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff24, 0 12px 30px -10px color-mix(in srgb, var(--investor-a) 75%, transparent), 0 0 26px -6px color-mix(in srgb, var(--investor-a) 60%, transparent)}.knopf--akzent{color:#04120f;background:linear-gradient(135deg, var(--investor-a), color-mix(in srgb, var(--investor-a) 55%, var(--investor-b)));box-shadow:inset 0 1px 0 #ffffff59, 0 10px 26px -12px color-mix(in srgb, var(--investor-a) 80%, transparent)}.knopf--akzent:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff73, 0 14px 36px -10px color-mix(in srgb, var(--investor-a) 90%, transparent), 0 0 34px -4px color-mix(in srgb, var(--investor-a) 70%, transparent)}.knopf--sekundaer{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline)}.knopf--sekundaer:hover:not(:disabled){background:var(--surface-hover)}.knopf--sekundaer .knopf__licht{background:radial-gradient(150px circle at var(--mx) var(--my), color-mix(in srgb, var(--investor-a) 22%, transparent), transparent 62%)}.knopf--geist{color:var(--ink-soft);background:0 0}.knopf--geist:hover:not(:disabled){color:var(--ink);background:var(--surface-hover)}.knopf__spinner{border:2px solid;border-right-color:#0000;border-radius:9999px;width:1.05em;height:1.05em;animation:.7s linear infinite knopf-dreh}@keyframes knopf-dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.knopf,.knopf__licht{transition:none}.knopf:active:not(:disabled){transform:none}.knopf__welle,.knopf__ring{animation:none;display:none}}.knopf--klein{min-height:2.5rem;padding:0 1rem;font-size:13.5px}.knopf--icon{width:2.5rem;min-height:2.5rem;padding:0}