diff --git a/src/articles.php b/src/articles.php
index afb3108..f8ad572 100644
--- a/src/articles.php
+++ b/src/articles.php
@@ -431,7 +431,7 @@ document.addEventListener('DOMContentLoaded', function () {
             <div class="lager-title">${article.name}</div>
             <div class="lager-meta">${metaText}</div>
             <div class="text-muted d-block mb-1" style="font-size:0.75em;">${new Intl.NumberFormat('de-DE').format(article.weight_grams)} g | ${quantityBadge}</div>
-            <div class="lager-meta"><span class="badge border w-100 text-truncate p-1" style="background-color: ${catColor}; color: #333;">${catName}</span></div>
+            <div class="lager-meta"><span class="badge border w-100 text-truncate p-1" style="background-color: ${catColor}; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: 600;">${catName}</span></div>
             <div class="lager-controls d-flex justify-content-center gap-1 mt-auto">
                 ${productLink}
                 ${actionButtons}
diff --git a/src/packing_list_detail.php b/src/packing_list_detail.php
index 4438638..1c6c958 100644
--- a/src/packing_list_detail.php
+++ b/src/packing_list_detail.php
@@ -276,7 +276,7 @@ function render_item_row($item, $level, $items_by_parent) {
     
     echo '<td>';
     if ($item['category_name'] !== 'Sonstiges' && !empty($item['category_name'])) {
-        echo '<span class="badge rounded-pill" style="background-color: ' . htmlspecialchars($item['category_color']) . '; color: #333; font-weight: 500;">' . htmlspecialchars($item['category_name']) . '</span>';
+        echo '<span class="badge rounded-pill" style="background-color: ' . htmlspecialchars($item['category_color']) . '; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: 600;">' . htmlspecialchars($item['category_name']) . '</span>';
     } else {
         echo '<span class="text-muted">---</span>';
     }