diff --git a/monitoring-datenfluss-preview.png b/monitoring-datenfluss-preview.png
new file mode 100644
index 0000000..1e8f181
Binary files /dev/null and b/monitoring-datenfluss-preview.png differ
diff --git a/monitoring-datenfluss.drawio b/monitoring-datenfluss.drawio
new file mode 100644
index 0000000..b6b9e4f
--- /dev/null
+++ b/monitoring-datenfluss.drawio
@@ -0,0 +1,97 @@
+<mxfile host="app.diagrams.net" version="24.0.0">
+  <diagram name="Monitoring-Datenfluss" id="mon-datenfluss">
+    <mxGraphModel dx="900" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="600" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+
+        <!-- ===== Standort A (40er) ===== -->
+        <mxCell id="A" value="Standort A · Pferdebachstr (40er)" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontStyle=1;fontSize=12;fillColor=#FFF2CC;strokeColor=#D6B656;" vertex="1" parent="1">
+          <mxGeometry x="40" y="40" width="320" height="150" as="geometry" />
+        </mxCell>
+        <mxCell id="xgs40" value="Sophos XGS-40" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#6C8EBF;" vertex="1" parent="A">
+          <mxGeometry x="20" y="55" width="130" height="70" as="geometry" />
+        </mxCell>
+        <mxCell id="rpp1" value="rpp1&#10;Probe + Syslog-Relay" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#6C8EBF;" vertex="1" parent="A">
+          <mxGeometry x="170" y="55" width="130" height="70" as="geometry" />
+        </mxCell>
+
+        <!-- ===== Standort B (30er) — exakt gleiche Boxgröße wie A ===== -->
+        <mxCell id="B" value="Standort B · Ruhrstr (30er)" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontStyle=1;fontSize=12;fillColor=#FFF2CC;strokeColor=#D6B656;" vertex="1" parent="1">
+          <mxGeometry x="40" y="220" width="320" height="150" as="geometry" />
+        </mxCell>
+        <mxCell id="xgs30" value="Sophos XGS-30" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#6C8EBF;" vertex="1" parent="B">
+          <mxGeometry x="20" y="55" width="130" height="70" as="geometry" />
+        </mxCell>
+        <mxCell id="nas" value="NAS-CRK-02&#10;Probe: blackbox + smokeping" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#6C8EBF;" vertex="1" parent="B">
+          <mxGeometry x="170" y="55" width="130" height="70" as="geometry" />
+        </mxCell>
+
+        <!-- ===== Heimnetz (Referenz) — gleiche Breite ===== -->
+        <mxCell id="H" value="Heimnetz · Referenz" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontStyle=1;fontSize=12;fillColor=#FFF2CC;strokeColor=#D6B656;" vertex="1" parent="1">
+          <mxGeometry x="40" y="400" width="320" height="120" as="geometry" />
+        </mxCell>
+        <mxCell id="pi5" value="raspip5&#10;Probe" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#DAE8FC;strokeColor=#6C8EBF;" vertex="1" parent="H">
+          <mxGeometry x="95" y="40" width="130" height="60" as="geometry" />
+        </mxCell>
+
+        <!-- ===== Sammlung (VPS) ===== -->
+        <mxCell id="prom" value="Prometheus" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=12;fillColor=#E1D5E7;strokeColor=#9673A6;" vertex="1" parent="1">
+          <mxGeometry x="500" y="150" width="130" height="80" as="geometry" />
+        </mxCell>
+        <mxCell id="loki" value="Loki" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=12;fillColor=#E1D5E7;strokeColor=#9673A6;" vertex="1" parent="1">
+          <mxGeometry x="500" y="380" width="130" height="80" as="geometry" />
+        </mxCell>
+
+        <!-- ===== Darstellung / Alarmierung ===== -->
+        <mxCell id="graf" value="Grafana" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#D5E8D4;strokeColor=#82B366;" vertex="1" parent="1">
+          <mxGeometry x="760" y="110" width="140" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="am" value="Alertmanager" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFE6CC;strokeColor=#D79B00;" vertex="1" parent="1">
+          <mxGeometry x="760" y="250" width="140" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="push" value="ntfy + E-Mail" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F5F5F5;strokeColor=#666666;" vertex="1" parent="1">
+          <mxGeometry x="760" y="390" width="140" height="60" as="geometry" />
+        </mxCell>
+
+        <!-- ===== Kanten (rechtwinklig) ===== -->
+        <mxCell id="e1" value="Metriken" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="rpp1" target="prom">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e2" value="Metriken" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="nas" target="prom">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e3" value="Metriken" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="pi5" target="prom">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e4" value="Syslog" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="xgs40" target="rpp1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e5" value="SNMP" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;dashed=1;" edge="1" parent="1" source="xgs40" target="rpp1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e6" value="SNMP (cross-site)" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;dashed=1;" edge="1" parent="1" source="xgs30" target="rpp1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e7" value="Syslog" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="rpp1" target="loki">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e8" value="Syslog" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="xgs30" target="loki">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e9" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="prom" target="graf">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e10" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="loki" target="graf">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e11" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="prom" target="am">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="e12" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=block;" edge="1" parent="1" source="am" target="push">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/monitoring-datenfluss.md b/monitoring-datenfluss.md
index be36534..f00584c 100644
--- a/monitoring-datenfluss.md
+++ b/monitoring-datenfluss.md
@@ -3,6 +3,14 @@
 Übersicht: **was** wird **wo** **wie** gemessen und **wo** dargestellt.
 Stand 2026-06-23 (NAS-CRK-02 Ruhrstr. mit blackbox + smokeping).
 
+> **Zwei Fassungen dieses Datenfluss-Diagramms:**
+> 1. **Mermaid** (unten, rendert inline in der Gitea-Web-Ansicht).
+> 2. **draw.io** — [`monitoring-datenfluss.drawio`](monitoring-datenfluss.drawio) mit **exakt gleich großen, untereinander gestapelten** Standort-Boxen und rechtwinkligen Verbindern (volle Layout-Kontrolle; in draw.io editierbar). Vorschau:
+>
+> ![Datenfluss draw.io-Vorschau](monitoring-datenfluss-preview.png)
+>
+> *(Die PNG ist eine vereinfachte Vorschau; maßgeblich/editierbar ist die `.drawio`.)*
+
 ## 1. Datenfluss — vom Messpunkt zur Anzeige
 
 Kurze Kantenbeschriftungen bewusst gehalten (Details siehe Matrix unten), damit es in der Gitea-Web-Ansicht sauber rendert.