diff --git a/web/app/src/style.css b/web/app/src/style.css
index 67886aa..e67a973 100644
--- a/web/app/src/style.css
+++ b/web/app/src/style.css
@@ -502,16 +502,24 @@ svg { width: 20px; height: 20px; display: block; flex: none; }
 
 .detail { position: relative; }
 
-/* **Der Hintergrund füllt die Seite, nicht nur einen Streifen.** Bei Plex
-   liegt er unscharf und abgedunkelt hinter allem und gibt der Seite die
-   Farbe des Films. */
-/* **Über die volle Breite, nicht erst hinter der Seitenleiste.**
+/* **Der Hintergrund gibt der Seite die Farbe des Films** — wie bei Plex,
+ * aber nur über dem Inhalt, nicht über dem ganzen Fenster.
  *
- * Vorher begann das Bild bei `left: 240px` und war mit `opacity: .28` und
- * `blur(2px)` weder Bild noch Fläche — ein grau verwischter Rest, der nichts
- * tat. Jetzt taucht es die Seite in die Farbe des Films, so wie bei Plex. */
+ * Er hat beide Ränder schon gehabt. Zuerst begann er bei `left: 240px`, war
+ * dabei mit `opacity: .28` und `blur(2px)` aber weder Bild noch Fläche: ein
+ * grau verwischter Rest, der nichts tat. Die Antwort darauf war `inset: 0`
+ * — über alles hinweg. Damit lag ein Viertel des Bildes hinter Seiten- und
+ * Kopfleiste, beide undurchsichtig; bei 1280×800 gemessen 18,8 % der Breite
+ * und 7 % der Höhe, zusammen 24,4 % der Fläche. Weichgezeichnet fiel das
+ * nicht auf. Scharf beginnt der Inhalt dann mitten im Motiv, mit einem
+ * angeschnittenen Kopf am linken Rand.
+ *
+ * Jetzt sitzt es in dem Feld, in dem es auch zu sehen ist, und wird darin
+ * ganz zugeschnitten. Dass es kräftig genug dasteht, macht die Deckung —
+ * siehe `.detail-bild` —, nicht die Fläche. */
 .detail-hintergrund {
-  position: fixed; inset: 0;
+  position: fixed;
+  top: var(--topbar-h); right: 0; bottom: 0; left: var(--sidebar-w);
   z-index: -1;
   pointer-events: none;
 }
@@ -977,6 +985,9 @@ body:has(.pl.pl-klein) .auswahlleiste { bottom: 92px; }
   .nav-gruppe { display: none; }
   .nav-fuss { margin: 0; padding: 0; display: flex; }
   #content { margin-left: 0; padding: var(--s-loose); }
+  /* Am Telefon gibt es keine Seitenleiste; die Navigation liegt als Zeile
+     im Fluss und nimmt oben einen Streifen weg, sobald man ganz oben steht.
+     Nach dem ersten Bildlauf ist sie weg und das Feld stimmt wieder. */
   .detail-hintergrund { left: 0; }
   .detail-kopf { flex-direction: column; gap: var(--s-loose); }
   .detail-kopf .plakat { width: 160px; }