.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--white);color:var(--navy);font-family:var(--font);font-size:var(--fs-sm);font-weight:600;line-height:1;cursor:pointer;text-decoration:none}.knopf:hover:not([disabled]){background:var(--bg-soft)}.knopf:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.knopf[disabled]{opacity:.55;cursor:default}.knopf.primaer{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg)}.knopf.primaer:hover:not([disabled]){background:var(--btn-primary-bg-h)}.knopf.gefahr{color:var(--btn-danger-text);border-color:var(--btn-danger-text)}.knopf.gefahr:hover:not([disabled]){background:var(--chip-danger-bg)}.knopf.gefahr.gefuellt{background:var(--btn-danger-bg);color:var(--white);border-color:var(--btn-danger-bg)}.knopf.ki{color:var(--ki);border-color:var(--ki-border);background:var(--ki-bg)}.knopf.ki:hover:not([disabled]){background:var(--ki-bg-strong)}.knopf.ki.gefuellt{background:var(--ki);color:var(--white);border-color:var(--ki)}.knopf.ki:focus-visible{outline-color:var(--ki)}.knopf.leise{border-color:transparent;background:transparent}.knopf.leise:hover:not([disabled]){background:var(--bg-soft)}.knopf .icon{flex:0 0 auto;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.knopf .text{white-space:nowrap}@media (max-width: 720px){.knopf .text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.knopf{padding:0}}.knopf.nur-icon .text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.knopf.nur-icon{padding:0}.knopf.immer-text .text{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important}.knopf.immer-text{padding:0 var(--sp-4)!important}.knopf-reihe{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.knopf-reihe .rechts{margin-left:auto}.portal .knopf .text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}.portal .knopf{padding:0 var(--sp-4)}.umschalter{display:inline-flex;gap:3px;padding:3px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius)}.umschalter>button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:0 var(--sp-4);border-radius:calc(var(--radius) - 2px);cursor:pointer;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--muted);white-space:nowrap}.umschalter>button:hover{color:var(--text)}.umschalter>button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.umschalter>button[aria-pressed=true]{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}.umschalter>button .icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.knopf[aria-pressed=true]{background:var(--nav-active-bg);color:var(--on-accent);border-color:var(--nav-active-bg)}.knopf.ki[aria-pressed=true]{background:var(--ki);color:var(--white);border-color:var(--ki)}.knopf[aria-pressed=true]:hover:not([disabled]){background:var(--nav-active-bg);color:var(--on-accent);border-color:var(--nav-active-bg)}.knopf.ki[aria-pressed=true]:hover:not([disabled]){background:var(--ki);color:var(--white);border-color:var(--ki)}.knopf.zeile{min-height:var(--h-zeile);min-width:var(--h-zeile);padding:0 var(--sp-2);font-size:var(--fs-xs)}.knopf.zeile .icon{width:1em;height:1em}[data-mode=dark] .knopf{color:var(--text)}[data-mode=dark] .knopf.primaer{color:var(--btn-primary-fg)}[data-mode=dark] .knopf.gefahr{color:var(--btn-danger-text)}[data-mode=dark] .knopf.ki{color:var(--ki-fg)}[data-mode=dark] .knopf.gefahr.gefuellt,[data-mode=dark] .knopf.ki.gefuellt{color:#fff}[data-mode=dark] .knopf[aria-pressed=true],[data-mode=dark] .knopf[aria-pressed=true]:hover:not([disabled]){background:var(--sel-bg);color:var(--sel-fg);border-color:var(--sel-bd)}[data-mode=dark] .knopf.ki[aria-pressed=true],[data-mode=dark] .knopf.ki[aria-pressed=true]:hover:not([disabled]){background:var(--ki);color:#fff;border-color:var(--ki)}[data-mode=dark] .umschalter>button{color:var(--text);opacity:.72}[data-mode=dark] .umschalter>button:hover{opacity:1}[data-mode=dark] .umschalter>button[aria-pressed=true]{background:var(--sel-bg);color:var(--sel-fg);opacity:1;border:1px solid var(--sel-bd)}