diff --git a/src/components/offers/OfferList.jsx b/src/components/offers/OfferList.jsx
index c18a89b..7a56faa 100644
--- a/src/components/offers/OfferList.jsx
+++ b/src/components/offers/OfferList.jsx
@@ -64,7 +64,7 @@ export default function OfferList({ customerId, reloadKey, onMessage, onChanged
| Angelegt |
Kunde |
- Angebot |
+ Angebot |
Gültig bis |
Status |
diff --git a/src/styles/global.css b/src/styles/global.css
index cfcad42..9dc2a9c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1222,7 +1222,12 @@ div.cell-actions { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6p
@media (min-width: 861px) { .table-wrap th.col-status { min-width: 12rem; } }
/* Kundenspalte (E-Mail-Speicher, Angebote, Gutschriften): wird nicht schmaler als ein ganzer Name ("Physiotherapie"); die Aufgaben-, */
/* Angebots- oder Statusspalte ist lang und nimmt sonst fast die ganze Breite, und td bricht ueberall: am Handy stuende "Physiothe-rapie" in 65 px. */
-.table-wrap th.col-name { min-width: 7rem; }
+.table-wrap th.col-name { min-width: 7.5rem; }
+/* Angebotsspalte (Angebote): braucht ebenfalls eine Mindestbreite, sonst bricht der lange Angebots- und Notiztext am Handy mitten im Wort */
+/* ("Ansprechpartne-r", "Geschaeftsfuehru-ng" in 103 px). Bis 600 px passen 7,5rem (Kunde) + 8rem (Angebot) + 6rem (Status) in 358 px; */
+/* die Kundenspalte braucht 7,5rem fuer "Anlagentechnik" (14 Zeichen), nur die Angebotstabelle hat col-status. */
+.table-wrap th.col-offer { min-width: 8rem; }
+@media (max-width: 600px) { .table-wrap th.col-status { min-width: 6rem; } }
/* ===== ENDE Kunden-Unterseiten (P6) ===== */
/* ===== KOMPAT (bis P10) ===== */