diff --git a/web/src/App.jsx b/web/src/App.jsx
index 98cd0d4..5722edf 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -108,11 +108,13 @@ function Sidebar() {
         <BrandMark />
       </div>
       <nav className="sidebar-nav">
-        <NavItem to="/" end icon="dashboard" label="Übersicht" />
+        {/* Ohne `end`: Der Eintrag soll auch bei /home/edit markiert bleiben.
+            Bei "/" war `end` noetig, weil sonst JEDER Pfad als Treffer galt. */}
+        <NavItem to="/home" icon="dashboard" label="Übersicht" />
         {/* Ab dem zweiten Dashboard lohnt die Aufzaehlung; bei einem einzigen
             waere sie nur eine Verdopplung von "Übersicht". */}
         {dashboards.length > 1 && dashboards.map((d, index) => (
-          <NavLink key={d.id} to={index === 0 ? "/" : `/d/${d.id}`} end
+          <NavLink key={d.id} to={index === 0 ? "/home" : `/d/${d.id}`}
                    className={({ isActive }) => (isActive ? "nav-link sub active" : "nav-link sub")}>
             <span className="label">{d.name}</span>
           </NavLink>
@@ -206,7 +208,7 @@ function Protected({ children, adminOnly = false, wide = false }) {
   if (loading) return <div className="center muted" style={{ padding: 60 }}>Lädt…</div>;
   if (startFehler) return <StartFehler text={startFehler} erneut={erneutVersuchen} />;
   if (!user) return <Navigate to="/login" replace />;
-  if (adminOnly && !isAdmin) return <Navigate to="/" replace />;
+  if (adminOnly && !isAdmin) return <Navigate to="/home" replace />;
   return (
     <div className="app-shell">
       <Sidebar />
@@ -215,8 +217,14 @@ function Protected({ children, adminOnly = false, wide = false }) {
         <div className={wide ? "content content--wide" : "content"}>
           {/* Je Seite eine eigene Grenze: stuerzt eine ab, bleibt wenigstens
               die Navigation bedienbar. `key` setzt sie beim Seitenwechsel
-              zurueck, sonst haenge man nach einem Fehler dauerhaft fest. */}
-          <ErrorBoundary key={pfad} bereich="Diese Seite">{children}</ErrorBoundary>
+              zurueck, sonst haenge man nach einem Fehler dauerhaft fest.
+
+              Nur das ERSTE Pfadsegment: Sonst gilt /home/edit als andere Seite
+              als /home, der ganze Baum wird neu eingehaengt und laedt beim
+              Umschalten in den Bearbeitungsmodus alles noch einmal. */}
+          <ErrorBoundary key={pfad.split("/")[1] || "home"} bereich="Diese Seite">
+            {children}
+          </ErrorBoundary>
         </div>
       </div>
     </div>
@@ -230,10 +238,19 @@ export default function App() {
     <Routes>
       <Route
         path="/login"
-        element={loading ? null : user ? <Navigate to="/" replace /> : <Login />}
+        element={loading ? null : user ? <Navigate to="/home" replace /> : <Login />}
       />
-      <Route path="/" element={<Protected wide><Dashboard /></Protected>} />
+      {/* Die Startseite hat einen Namen, damit in der Adresszeile steht, wo
+          man ist; "/" leitet sichtbar dorthin um. Der Bearbeitungsmodus ist
+          ein eigener Pfad statt eines Zustands im Speicher: So ueberlebt er
+          ein Neuladen, laesst sich verschicken, und die Zurueck-Taste
+          verlaesst ihn. Den Modus gibt die Prop vor, damit der Pfad nicht ein
+          zweites Mal in der Komponente steht. */}
+      <Route path="/" element={<Navigate to="/home" replace />} />
+      <Route path="/home" element={<Protected wide><Dashboard /></Protected>} />
+      <Route path="/home/edit" element={<Protected wide><Dashboard bearbeiten /></Protected>} />
       <Route path="/d/:id" element={<Protected wide><Dashboard /></Protected>} />
+      <Route path="/d/:id/edit" element={<Protected wide><Dashboard bearbeiten /></Protected>} />
       <Route path="/checkin" element={<Protected><CheckIn /></Protected>} />
       <Route path="/checkout" element={<Protected><CheckOut /></Protected>} />
       <Route path="/lebensmittel" element={<Protected wide><Products fixedType="food" /></Protected>} />
@@ -270,7 +287,7 @@ export default function App() {
       <Route path="/auth/callback" element={<OidcCallback />} />
       {/* Ebenfalls oeffentlich: hier ist man noch nicht angemeldet. */}
       <Route path="/sso-neu" element={<SsoNeu />} />
-      <Route path="*" element={<Navigate to="/" replace />} />
+      <Route path="*" element={<Navigate to="/home" replace />} />
     </Routes>
   );
 }
diff --git a/web/src/pages/Dashboard.jsx b/web/src/pages/Dashboard.jsx
index 9501603..f9a4006 100644
--- a/web/src/pages/Dashboard.jsx
+++ b/web/src/pages/Dashboard.jsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import GridLayout, { WidthProvider } from "react-grid-layout";
 import { api } from "../api";
@@ -41,7 +41,14 @@ function neueKennung(art, vorhanden) {
  * Eine Karte ist eine *Instanz*: „i“ ist ihre Kennung, „type“ ihre Art. Erst
  * dadurch lassen sich zwei Verlaufskarten für zwei Artikel nebeneinander legen.
  */
-export default function Dashboard() {
+/**
+ * `bearbeiten` kommt aus der Route (/home/edit bzw. /d/:id/edit), nicht aus
+ * dem Speicher. Vorher war der Modus aus `entwurf !== null` abgeleitet - ein
+ * Neuladen warf einen heraus, der Stand liess sich nicht verschicken, und die
+ * Zurueck-Taste tat nichts. `entwurf` bleibt, ist jetzt aber nur noch das,
+ * was sein Name sagt: die ungespeicherte Aenderung.
+ */
+export default function Dashboard({ bearbeiten = false }) {
   const { isAdmin } = useAuth();
   const confirm = useConfirm();
   const toast = useToast();
@@ -62,9 +69,14 @@ export default function Dashboard() {
   const aktivesId = routeId ? Number(routeId) : dashboards[0]?.id;
   const aktives = dashboards.find((d) => d.id === aktivesId) ?? dashboards[0];
 
-  const bearbeiten = entwurf !== null;
   const aktuell = entwurf ?? bereinige(aktives?.layout);
 
+  // Pfad dieses Dashboards - Grundlage fuer das Hin und Her zwischen Ansehen
+  // und Bearbeiten.
+  const basisPfad = routeId ? `/d/${routeId}` : "/home";
+  // Zu welchem Dashboard der aktuelle Entwurf gehoert (siehe Effekt unten).
+  const entwurfFuer = useRef(null);
+
   async function laden() {
     try {
       const antwort = await api.dashboards();
@@ -90,9 +102,48 @@ export default function Dashboard() {
     api.listLocations().then(setLocations).catch(() => {});
   }, []);
 
-  // Beim Wechsel des Dashboards einen offenen Entwurf verwerfen – sonst
-  // landete er beim Speichern auf dem falschen.
-  useEffect(() => { setEntwurf(null); setMenuOffen(false); setKonfigKarte(null); }, [aktivesId]);
+  /**
+   * Entwurf und Route zur Deckung bringen.
+   *
+   * Beim Verlassen des Bearbeitungsmodus wird verworfen; beim Betreten wird
+   * aus dem GESPEICHERTEN Layout ein Entwurf gemacht. Letzteres ist noetig,
+   * weil der Entwurf nur im Speicher lebt: Wer /home/edit direkt aufruft oder
+   * neu laedt, braucht einen frischen. Das Layout kommt asynchron, deshalb
+   * wartet der Effekt auf `aktives` statt einmalig zu laufen.
+   *
+   * Deckt den frueheren Reset beim Dashboard-Wechsel mit ab: `aktivesId` ist
+   * in der Abhaengigkeitsliste, ein Wechsel baut den Entwurf also neu auf dem
+   * richtigen Dashboard auf, statt ihn auf das falsche zu speichern.
+   */
+  useEffect(() => {
+    if (!bearbeiten) {
+      setEntwurf(null);
+      setMenuOffen(false);
+      setKonfigKarte(null);
+      entwurfFuer.current = null;
+      return;
+    }
+    if (!aktives) return;                       // Layout noch nicht geladen
+    // Gehoert der Entwurf schon zu diesem Dashboard, bleibt er stehen. Ohne
+    // diese Sperre wuerde jedes Neuladen der Dashboard-Liste waehrend des
+    // Bearbeitens die ungespeicherte Anordnung verwerfen - `aktives` ist nach
+    // jedem setDashboards ein neues Objekt.
+    if (entwurfFuer.current === aktives.id) return;
+    entwurfFuer.current = aktives.id;
+    setEntwurf(bereinige(aktives.layout).map((k) => ({ ...k })));
+    setMenuOffen(false);
+    setKonfigKarte(null);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [bearbeiten, aktivesId, aktives]);
+
+  /**
+   * Wer /home/edit aufruft, obwohl gar nicht bearbeitet werden darf, landet
+   * wieder in der Ansicht - sonst saehe er eine Leiste ohne Speichern-Knopf.
+   * `replace`, damit die Zurueck-Taste nicht wieder hierher fuehrt.
+   */
+  useEffect(() => {
+    if (bearbeiten && erzwungen) navigate(basisPfad, { replace: true });
+  }, [bearbeiten, erzwungen, basisPfad, navigate]);
 
   /**
    * Unbekannte Karten aussortieren – z.B. nach einem Update, das eine entfernt.
@@ -122,8 +173,17 @@ export default function Dashboard() {
     [aktuell],
   );
 
+  // Nur navigieren - den Entwurf baut der Effekt oben. Mit `push`, damit die
+  // Zurueck-Taste den Bearbeitungsmodus wieder verlaesst.
   function starteBearbeitung() {
-    setEntwurf(aktuell.map((k) => ({ ...k })));
+    navigate(`${basisPfad}/edit`);
+  }
+
+  // Zurueck in die Ansicht. `replace`, weil der Bearbeitungsmodus nach
+  // Speichern oder Abbrechen erledigt ist - die Zurueck-Taste soll nicht
+  // hineinfuehren.
+  function beendeBearbeitung() {
+    navigate(basisPfad, { replace: true });
   }
 
   function hinzufuegen(art) {
@@ -153,8 +213,7 @@ export default function Dashboard() {
     try {
       const gespeichert = await api.updateDashboard(aktives.id, { layout: schlank(entwurf) });
       setDashboards((alt) => alt.map((d) => (d.id === gespeichert.id ? gespeichert : d)));
-      setEntwurf(null);
-      setKonfigKarte(null);
+      beendeBearbeitung();
       toast("Anordnung gespeichert.");
     } catch (err) {
       setFehler(err.message);
@@ -211,7 +270,7 @@ export default function Dashboard() {
       setEntwurf(null);
       await laden();
       meldeAenderung();
-      navigate("/");
+      navigate("/home");
       toast("Dashboard gelöscht.");
     } catch (err) {
       setFehler(err.message);
@@ -258,7 +317,7 @@ export default function Dashboard() {
       setEntwurf(null);
       await laden();
       meldeAenderung();
-      navigate("/");
+      navigate("/home");
       toast("Auf die Vorgabe zurückgesetzt.");
     } catch (err) {
       setFehler(err.message);
@@ -338,8 +397,7 @@ export default function Dashboard() {
                 )}
               </div>
               <button className="btn primary" onClick={speichern}>Speichern</button>
-              <button className="btn ghost"
-                onClick={() => { setEntwurf(null); setMenuOffen(false); setKonfigKarte(null); }}>
+              <button className="btn ghost" onClick={beendeBearbeitung}>
                 Abbrechen
               </button>
             </>
diff --git a/web/src/pages/Login.jsx b/web/src/pages/Login.jsx
index 672ebcd..323c91f 100644
--- a/web/src/pages/Login.jsx
+++ b/web/src/pages/Login.jsx
@@ -55,7 +55,7 @@ export default function Login() {
     setBusy(true);
     try {
       await login(username, password);
-      navigate("/");
+      navigate("/home");
     } catch (err) {
       setError(err.message || "Anmeldung fehlgeschlagen");
     } finally {
diff --git a/web/src/pages/OidcCallback.jsx b/web/src/pages/OidcCallback.jsx
index da94381..b47e3d6 100644
--- a/web/src/pages/OidcCallback.jsx
+++ b/web/src/pages/OidcCallback.jsx
@@ -36,7 +36,7 @@ export default function OidcCallback() {
     }
 
     tokenUebernehmen(token)
-      .then(() => navigate("/", { replace: true }))
+      .then(() => navigate("/home", { replace: true }))
       .catch((err) => setFehler(err.message || "Anmeldung fehlgeschlagen."));
   }, [tokenUebernehmen, navigate]);
 
diff --git a/web/src/pages/SsoNeu.jsx b/web/src/pages/SsoNeu.jsx
index 8e7d584..7484ee1 100644
--- a/web/src/pages/SsoNeu.jsx
+++ b/web/src/pages/SsoNeu.jsx
@@ -58,7 +58,7 @@ export default function SsoNeu() {
     try {
       const token = await api.oidcPendingAnlegen(code);
       await tokenUebernehmen(token.access_token);
-      navigate("/", { replace: true });
+      navigate("/home", { replace: true });
     } catch (err) {
       setFehler(err.message);
       setBusy(false);
@@ -72,7 +72,7 @@ export default function SsoNeu() {
     try {
       const token = await api.oidcPendingVerknuepfen(code, username, password);
       await tokenUebernehmen(token.access_token);
-      navigate("/", { replace: true });
+      navigate("/home", { replace: true });
     } catch (err) {
       setFehler(err.message);
       setBusy(false);