html{--vaadin-app-layout-drawer-width: 16rem}vaadin-crud-dialog-overlay,vaadin-crud-dialog-overlay::part(overlay){width: 64rem;max-width: 95vw}vaadin-dialog-overlay::part(content){overflow: auto}.ka-karten{display: grid;grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));gap: var(--lumo-space-m);width: 100%;overflow: auto;padding-bottom: var(--lumo-space-m)}.ka-karte{border: 1px solid var(--lumo-contrast-10pct);border-left: 6px solid var(--ka-farbe);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-xs);padding: var(--lumo-space-m);cursor: pointer}.ka-karte:hover,.ka-karte:focus-visible{box-shadow: var(--lumo-box-shadow-s);outline: none}.ka-karte:focus-visible{border-color: var(--lumo-primary-color);border-left-color: var(--ka-farbe)}.ka-rot{--ka-farbe: var(--lumo-error-color,#e5484d)}.ka-gelb{--ka-farbe: var(--lumo-warning-color,#f5a524)}.ka-gruen{--ka-farbe: var(--lumo-success-color,#30a46c)}.ka-punkt{display: inline-block;flex: none;width: 0.9rem;height: 0.9rem;border-radius: 50%;background: var(--ka-farbe)}.ka-name{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ka-zahl{font-size: var(--lumo-font-size-xxxl);font-weight: 600;line-height: 1.1;font-variant-numeric: tabular-nums}.ka-details{font-size: var(--lumo-font-size-s)}.ka-zeile{display: flex;justify-content: space-between;font-variant-numeric: tabular-nums}.ka-stand{flex: 1 1 20rem}.ka-bilanz{white-space: nowrap;display: inline-flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s)}