diff --git a/web/src/components/Einzelstuecke.jsx b/web/src/components/Einzelstuecke.jsx
index 27997cb..5854e69 100644
--- a/web/src/components/Einzelstuecke.jsx
+++ b/web/src/components/Einzelstuecke.jsx
@@ -185,7 +185,7 @@ export default function Einzelstuecke({ product, locations, shops, isAdmin, onCh
           <tbody>
             {items.map((it) => (
               <Fragment key={it.id}>
-              <tr>
+              <tr className="einzel-mainrow">
                 <td><QrImg text={`${origin}/i/${it.uid}`} size={56} /></td>
                 <td data-label="UID" className="strong nowrap">{it.uid}</td>
                 <td data-label="Lagerort">
diff --git a/web/src/styles.css b/web/src/styles.css
index 760b707..816daa1 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -361,8 +361,10 @@ td select { width: auto; min-width: 0; max-width: 100%; }
 /* In Zahlenspalten sitzt der Inhalt rechts, passend zur Ausrichtung der Spalte. */
 .table td.num .cell-row { justify-content: flex-end; }
 .table tbody tr:last-child td { border-bottom: none; }
-/* Immer sichtbare Detailzeile der Einzelstücke (Preis + Belege) leicht absetzen. */
-.einzel-detailrow > td { background: var(--surface-2); }
+/* Stück-Zeile und ihre Detailzeile (Preis + Belege) bilden eine Einheit: keine
+   Trennlinie und keine eigene Färbung dazwischen, nur unter der Detailzeile. */
+.einzel-mainrow > td { border-bottom: none; }
+.einzel-detailrow > td { border-top: none; padding-top: 0; }
 .table tbody tr:hover { background: var(--surface-2); }
 .num { text-align: right; font-variant-numeric: tabular-nums; }
 .strong { font-weight: 640; }