.konto-knopf{border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-foreground);font:600 15px/1 var(--font-sans);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:11px 20px;transition:border-color .15s,background-color .15s;display:inline-flex}.konto-knopf:hover,.konto-knopf[aria-expanded=true]{border-color:var(--color-line-strong);background:var(--color-panel)}.konto-knopf--avatar{padding:5px 14px 5px 6px}.konto-knopf__avatar{background:var(--color-brand);text-transform:uppercase;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;line-height:1;display:grid}.konto-knopf__avatar--bild{object-fit:cover;background:0 0}.konto-knopf__pfeil{width:10px;height:6px;transition:transform .15s}.konto-knopf[aria-expanded=true] .konto-knopf__pfeil{transform:rotate(180deg)}.konto-menue{z-index:1;border:1px solid var(--color-line-strong);border-radius:var(--radius-note);background:var(--color-panel);min-width:240px;box-shadow:var(--shadow-card);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.konto-menue form{display:contents}.konto-menue a,.konto-menue button{border-radius:var(--radius-field);width:100%;color:var(--color-foreground-dim);font:500 15px/1.2 var(--font-sans);text-align:left;white-space:nowrap;padding:12px 14px;transition:background-color .15s,color .15s;display:block}.konto-menue>:first-child{color:var(--color-foreground);font-weight:600}.konto-menue a:hover,.konto-menue button:hover{background:var(--color-surface);color:var(--color-foreground)}.konto-menue__abmelden{border-top:1px solid var(--color-line);border-radius:0 0 var(--radius-field) var(--radius-field);margin-top:4px;padding-top:12px}