diff --git a/frontend/src/pages/contracts/ContractDetail.tsx b/frontend/src/pages/contracts/ContractDetail.tsx
index 0d8a98a9..743263fa 100644
--- a/frontend/src/pages/contracts/ContractDetail.tsx
+++ b/frontend/src/pages/contracts/ContractDetail.tsx
@@ -2638,6 +2638,11 @@ export default function ContractDetail() {
{c.bankCard.bankName}
} + {c.bankCard.description && ( ++ {c.bankCard.description} +
+ )} )} {c.identityDocument && ( diff --git a/frontend/src/pages/contracts/ContractForm.tsx b/frontend/src/pages/contracts/ContractForm.tsx index 30813fd2..a20dfbdd 100644 --- a/frontend/src/pages/contracts/ContractForm.tsx +++ b/frontend/src/pages/contracts/ContractForm.tsx @@ -959,10 +959,18 @@ export default function ContractForm() { } {...register('bankCardId')} - options={bankCards.map((c) => ({ - value: c.id, - label: `${c.iban} (${c.accountHolder})`, - }))} + options={bankCards.map((c) => { + // Beschreibung kompakt anhängen, damit man Karten am + // Kontext unterscheiden kann (z.B. "Geschäftskonto"). + // Newlines flach machen, Länge cappen. + const desc = c.description + ? c.description.replace(/\s+/g, ' ').trim().slice(0, 60) + : ''; + return { + value: c.id, + label: `${c.iban} (${c.accountHolder})${desc ? ` – ${desc}` : ''}`, + }; + })} />