diff --git a/features/dashboard/components/charts/ChartLegende.tsx b/features/dashboard/components/charts/ChartLegende.tsx
index 6d63ac3..d47fa56 100644
--- a/features/dashboard/components/charts/ChartLegende.tsx
+++ b/features/dashboard/components/charts/ChartLegende.tsx
@@ -6,7 +6,20 @@ import React from "react";
  * Legende als eigene Komponente statt Recharts-Legend:
  * Recharts platziert die Legende im SVG und kostet damit Chartfläche.
  * Carbon setzt sie über den Chart, linksbündig, 12 px, 12 px Marker.
+ *
+ * **Der Marker zeigt, was das Diagramm zeichnet.** Eine gefüllte Reihe bekommt
+ * einen Punkt, eine gestrichelte Vergleichsreihe ein gestricheltes
+ * Linienstück mit demselben Strichmuster wie im Chart.
+ *
+ * Vorher war auch die gestrichelte Reihe ein 10 px großes Kästchen, nur mit
+ * gestricheltem Rand. Auf zehn Pixel bleiben von einem gestrichelten Rechteck
+ * ein paar Eckstriche übrig; das sah aus wie ein Zeichenfehler und nicht wie
+ * eine Linie. Und es stimmte auch nicht: Im Diagramm ist „Vorjahr" kein
+ * Kästchen, sondern eine Linie.
  */
+
+/** Muss zur Vergleichsreihe in AreaVerlauf.tsx passen: 1,5 px, Muster 4/4. */
+const STRICH = { breite: 18, staerke: 1.5, muster: "4 4" } as const;
 export function ChartLegende({
   eintraege,
   /** Ausgeblendete Reihen erscheinen ausgegraut: Klick schaltet um. */
@@ -23,14 +36,31 @@ export function ChartLegende({
         const aus = inaktiv.includes(eintrag.name);
         const Inhalt = (
           <>
-            <span
-              className="h-2.5 w-2.5 flex-none rounded-sm"
-              style={{
-                background: eintrag.gestrichelt ? "transparent" : eintrag.farbe,
-                border: eintrag.gestrichelt ? `2px dashed ${eintrag.farbe}` : undefined,
-                opacity: aus ? 0.35 : 1,
-              }}
-            />
+            {eintrag.gestrichelt ? (
+              <svg
+                width={STRICH.breite}
+                height={STRICH.staerke * 2}
+                viewBox={`0 0 ${STRICH.breite} ${STRICH.staerke * 2}`}
+                className="flex-none overflow-visible"
+                style={{ opacity: aus ? 0.35 : 1 }}
+                aria-hidden
+              >
+                <line
+                  x1="0"
+                  y1={STRICH.staerke}
+                  x2={STRICH.breite}
+                  y2={STRICH.staerke}
+                  stroke={eintrag.farbe}
+                  strokeWidth={STRICH.staerke}
+                  strokeDasharray={STRICH.muster}
+                />
+              </svg>
+            ) : (
+              <span
+                className="h-2.5 w-2.5 flex-none rounded-sm"
+                style={{ background: eintrag.farbe, opacity: aus ? 0.35 : 1 }}
+              />
+            )}
             <span
               className="text-[12px]"
               style={{ color: aus ? "#a8a8a8" : "#525252" }}