diff --git a/web/src/components/Zubehoer.jsx b/web/src/components/Zubehoer.jsx
index dae9d0a..5f9ac0d 100644
--- a/web/src/components/Zubehoer.jsx
+++ b/web/src/components/Zubehoer.jsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
 import { api } from "../api";
 import Icon from "./Icon";
 import { useConfirm } from "../confirm";
@@ -63,14 +64,19 @@ export default function Zubehoer({ item, isAdmin, onChanged, onError }) {
   });
 
   return (
-    <div>
+    // Mit mehreren Teilen wird eine einzelne Rasterspalte zu eng – dann zwei
+    // nehmen, sofern das Raster sie hergibt.
+    <div style={teile.length > 1 ? { gridColumn: "span 2" } : undefined}>
       <span className="muted small">Zubehör</span>
 
       {item.gehoert_zu && (
         <p className="muted small" style={{ marginTop: "var(--sp-1)" }}>
-          Gehört zu <a href={`/i/${item.gehoert_zu.uid}`}>
-            {item.gehoert_zu.product_name || "Einzelstück"} ({item.gehoert_zu.uid})
-          </a>
+          Gehört zu <Link to={`/products/${item.gehoert_zu.product_id}`}>
+            {item.gehoert_zu.product_name || "Einzelstück"}
+          </Link>{" "}
+          <Link to={`/i/${item.gehoert_zu.uid}`} className="muted small">
+            {item.gehoert_zu.uid}
+          </Link>
         </p>
       )}
 
@@ -85,9 +91,17 @@ export default function Zubehoer({ item, isAdmin, onChanged, onError }) {
             // schiebt ein langer Name („Shooter Grip für WII Controller") den
             // Lösen-Knopf in eine eigene Zeile – .clean-list li bricht um.
             <li key={t.id}>
+              {/* Zwei Ziele, weil beide Fragen vorkommen: der Name führt zum
+                  Artikel („was ist das für ein Netzteil?"), die UID zu genau
+                  diesem Stück („wo ist dieses eine?"). */}
               <span style={{ flex: 1, minWidth: 0, overflowWrap: "anywhere" }}>
-                {t.product_name || "Einzelstück"}{" "}
-                <span className="muted small">{t.uid}</span>
+                <Link to={`/products/${t.product_id}`}>
+                  {t.product_name || "Einzelstück"}
+                </Link>{" "}
+                <Link to={`/i/${t.uid}`} className="muted small">{t.uid}</Link>
+                <span className="muted small" style={{ display: "block" }}>
+                  {t.location_name || "ohne Lagerort"}
+                </span>
               </span>
               {t.verliehen && <span className="badge warn">verliehen</span>}
               {isAdmin && (