diff --git a/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/marker.svg b/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/marker.svg
new file mode 100644
index 00000000..c0d26136
--- /dev/null
+++ b/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/marker.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1180 900" width="1180" height="900" role="img" aria-label="OpenCloud overview markers">
+<defs><filter id="markerShadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-opacity="0.18"/></filter></defs>
+<g fill="#f5401d" filter="url(#markerShadow)">
+<polygon points="69,353 111,360 69,367"/>
+<circle cx="48" cy="360" r="23"/>
+<polygon points="1096,79 1103,37 1110,79"/>
+<circle cx="1103" cy="100" r="23"/>
+<polygon points="226,23 268,30 226,37"/>
+<circle cx="205" cy="30" r="23"/>
+<polygon points="681,21 723,28 681,35"/>
+<circle cx="660" cy="28" r="23"/>
+<polygon points="328,619 335,577 342,619"/>
+<circle cx="335" cy="640" r="23"/>
+<polygon points="324,67 282,74 324,81"/>
+<circle cx="345" cy="74" r="23"/>
+<polygon points="448,146 455,176 462,146"/>
+<circle cx="455" cy="125" r="23"/>
+<polygon points="696,81 738,88 696,95"/>
+<circle cx="675" cy="88" r="23"/>
+<polygon points="807,81 765,88 807,95"/>
+<circle cx="828" cy="88" r="23"/>
+<polygon points="1135,79 1142,37 1149,79"/>
+<circle cx="1142" cy="100" r="23"/>
+<polygon points="1104,338 1146,345 1104,352"/>
+<circle cx="1083" cy="345" r="23"/>
+<polygon points="809,153 767,160 809,167"/>
+<circle cx="830" cy="160" r="23"/>
+<polygon points="824,507 782,514 824,521"/>
+<circle cx="845" cy="514" r="23"/>
+<polygon points="1101,570 1143,577 1101,584"/>
+<circle cx="1080" cy="577" r="23"/>
+<polygon points="1101,618 1143,625 1101,632"/>
+<circle cx="1080" cy="625" r="23"/>
+<polygon points="1101,666 1143,673 1101,680"/>
+<circle cx="1080" cy="673" r="23"/>
+<polygon points="1101,713 1143,720 1101,727"/>
+<circle cx="1080" cy="720" r="23"/>
+<polygon points="553,719 560,677 567,719"/>
+<circle cx="560" cy="740" r="23"/>
+</g>
+<g fill="#ffffff" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="21" text-anchor="middle" dominant-baseline="central">
+<text x="48" y="360">1</text>
+<text x="1103" y="100">2</text>
+<text x="205" y="30">3</text>
+<text x="660" y="28">4</text>
+<text x="335" y="640">5</text>
+<text x="345" y="74">6</text>
+<text x="455" y="125">7</text>
+<text x="675" y="88">8</text>
+<text x="828" y="88">9</text>
+<text x="1142" y="100">10</text>
+<text x="1083" y="345">11</text>
+<text x="830" y="160">12</text>
+<text x="845" y="514">13</text>
+<text x="1080" y="577">14</text>
+<text x="1080" y="625">15</text>
+<text x="1080" y="673">16</text>
+<text x="1080" y="720">17</text>
+<text x="560" y="740">18</text>
+</g></svg>
\ No newline at end of file
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/ueberblick.png b/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/ueberblick.png
index 3215c807..9f191dae 100644
Binary files a/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/ueberblick.png and b/i18n/de/docusaurus-plugin-content-docs/current/user/general/img/overview/ueberblick.png differ
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/user/general/overview.md b/i18n/de/docusaurus-plugin-content-docs/current/user/general/overview.md
index be1af9fa..9c49dc70 100644
--- a/i18n/de/docusaurus-plugin-content-docs/current/user/general/overview.md
+++ b/i18n/de/docusaurus-plugin-content-docs/current/user/general/overview.md
@@ -2,23 +2,43 @@
 sidebar_position: 1
 id: overview
 title: Übersicht
-description: Überblick der Web Benutzeroberfläche
+description: Überblick über die Web-Benutzeroberfläche
 draft: false
 ---
 
-# Überblick der Web Benutzeroberfläche
-
-Die OpenCloud Web Benutzeroberfläche besteht aus mehreren Bereichen, die Ihnen helfen, effizient mit Dateien und Einstellungen zu arbeiten
-
-<img src={require("./img/overview/ueberblick.png").default} alt="Overview" width="1920"/>
+import OverviewMarker from "./img/overview/marker.svg";
+
+# Überblick der Web-Benutzeroberfläche
+
+Die OpenCloud Web-Benutzeroberfläche besteht aus mehreren Bereichen, die Ihnen helfen, effizient mit Dateien und Einstellungen zu arbeiten.
+
+<div style={{ position: "relative", display: "inline-block", width: "100%", maxWidth: "1920px" }}>
+  <img
+    src={require("./img/overview/ueberblick.png").default}
+    alt="Übersicht"
+    width="1920"
+    style={{ display: 'block', width: '100%', height: 'auto' }}
+  />
+  <OverviewMarker
+    aria-hidden="true"
+    style={{
+      position: 'absolute',
+      inset: 0,
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none',
+      zIndex: 1,
+    }}
+  />
+</div>
 
 ## 1. Linke Seitenleiste
 
-Die Seitenleiste enthält die Navigationselemente wie Spaces, Dateien, Freigaben und Einstellungen.
+Die Seitenleiste enthält Navigationselemente wie Spaces, Dateien, Freigaben und Einstellungen.
 
-## 2. App-Wechsler
+## 2. App-Switcher
 
-Das Menü in der linken oberen Ecke ermöglicht es Ihnen, zwischen verschiedenen Apps und Modulen zu wechseln.
+Das Menü in der rechten oberen Ecke ermöglicht es Ihnen, zwischen verschiedenen Apps und Modulen zu wechseln.
 
 ## 3. Obere Leiste
 
@@ -30,7 +50,7 @@ Ermöglicht Ihnen das schnelle Auffinden von Dateien, Ordnern oder Spaces.
 
 ## 5. Dateiliste
 
-Zeigt alle Dateien und Ordner in einer Auswahlansicht an.
+Zeigt alle Dateien und Ordner in der ausgewählten Ansicht an.
 
 ## 6. Breadcrumbs-Menü
 
@@ -54,11 +74,11 @@ Hier können Sie zusätzliche Anzeigeoptionen wie Sortierung oder Spaltenauswahl
 
 ## 10. Benutzermenü
 
-Klicken Sie auf Ihr Profilbild in der oberen rechten Ecke, um zu Einstellungen, Abmeldung und Kontooptionen zu gelangen.
+Klicken Sie auf Ihr Profilbild in der oberen rechten Ecke, um auf Einstellungen, Abmeldung und Kontooptionen zuzugreifen.
 
 ## 11. Rechte Seitenleiste
 
-Zeigt zusätzliche Informationen und Panels für Anteile, Aktivitäten oder Dateidetails.
+Zeigt zusätzliche Informationen und Bereiche für Freigaben, Aktivitäten oder Dateidetails.
 
 ## 12. Aktionen
 
@@ -66,7 +86,7 @@ Hier finden Sie Aktionen wie Herunterladen, Teilen, Löschen oder Bearbeiten fü
 
 ## 13. Drei-Punkte-Menü
 
-Bietet weitere Optionen für Dateien, Ordner oder Bereiche.
+Bietet weitere Optionen für Dateien, Ordner oder Spaces.
 
 ## 14. Aktionen-Panel
 
@@ -78,11 +98,11 @@ Hier können Sie Dateien und Ordner intern oder extern freigeben und Berechtigun
 
 ## 16. Versionen
 
-Zeigt eine Übersicht der Versionen einer ausgewählten Datei oder Ordner.
+Zeigt eine Übersicht der Versionen einer ausgewählten Datei oder eines ausgewählten Ordners.
 
 ## 17. Aktivitätsleiste
 
-Zeigt eine Übersicht über Änderungen und Aktivitäten innerhalb eines Bereichs oder einer Datei.
+Zeigt eine Übersicht über Änderungen und Aktivitäten innerhalb eines Spaces oder einer Datei.
 
 ## 18. Kontextmenü
 
diff --git a/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/img/overview/marker.svg b/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/img/overview/marker.svg
new file mode 100644
index 00000000..c0d26136
--- /dev/null
+++ b/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/img/overview/marker.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1180 900" width="1180" height="900" role="img" aria-label="OpenCloud overview markers">
+<defs><filter id="markerShadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-opacity="0.18"/></filter></defs>
+<g fill="#f5401d" filter="url(#markerShadow)">
+<polygon points="69,353 111,360 69,367"/>
+<circle cx="48" cy="360" r="23"/>
+<polygon points="1096,79 1103,37 1110,79"/>
+<circle cx="1103" cy="100" r="23"/>
+<polygon points="226,23 268,30 226,37"/>
+<circle cx="205" cy="30" r="23"/>
+<polygon points="681,21 723,28 681,35"/>
+<circle cx="660" cy="28" r="23"/>
+<polygon points="328,619 335,577 342,619"/>
+<circle cx="335" cy="640" r="23"/>
+<polygon points="324,67 282,74 324,81"/>
+<circle cx="345" cy="74" r="23"/>
+<polygon points="448,146 455,176 462,146"/>
+<circle cx="455" cy="125" r="23"/>
+<polygon points="696,81 738,88 696,95"/>
+<circle cx="675" cy="88" r="23"/>
+<polygon points="807,81 765,88 807,95"/>
+<circle cx="828" cy="88" r="23"/>
+<polygon points="1135,79 1142,37 1149,79"/>
+<circle cx="1142" cy="100" r="23"/>
+<polygon points="1104,338 1146,345 1104,352"/>
+<circle cx="1083" cy="345" r="23"/>
+<polygon points="809,153 767,160 809,167"/>
+<circle cx="830" cy="160" r="23"/>
+<polygon points="824,507 782,514 824,521"/>
+<circle cx="845" cy="514" r="23"/>
+<polygon points="1101,570 1143,577 1101,584"/>
+<circle cx="1080" cy="577" r="23"/>
+<polygon points="1101,618 1143,625 1101,632"/>
+<circle cx="1080" cy="625" r="23"/>
+<polygon points="1101,666 1143,673 1101,680"/>
+<circle cx="1080" cy="673" r="23"/>
+<polygon points="1101,713 1143,720 1101,727"/>
+<circle cx="1080" cy="720" r="23"/>
+<polygon points="553,719 560,677 567,719"/>
+<circle cx="560" cy="740" r="23"/>
+</g>
+<g fill="#ffffff" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="21" text-anchor="middle" dominant-baseline="central">
+<text x="48" y="360">1</text>
+<text x="1103" y="100">2</text>
+<text x="205" y="30">3</text>
+<text x="660" y="28">4</text>
+<text x="335" y="640">5</text>
+<text x="345" y="74">6</text>
+<text x="455" y="125">7</text>
+<text x="675" y="88">8</text>
+<text x="828" y="88">9</text>
+<text x="1142" y="100">10</text>
+<text x="1083" y="345">11</text>
+<text x="830" y="160">12</text>
+<text x="845" y="514">13</text>
+<text x="1080" y="577">14</text>
+<text x="1080" y="625">15</text>
+<text x="1080" y="673">16</text>
+<text x="1080" y="720">17</text>
+<text x="560" y="740">18</text>
+</g></svg>
\ No newline at end of file
diff --git a/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/overview.md b/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/overview.md
index be1af9fa..2f07f252 100644
--- a/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/overview.md
+++ b/i18n/de/docusaurus-plugin-content-docs/version-4.0/user/general/overview.md
@@ -6,17 +6,37 @@ description: Überblick der Web Benutzeroberfläche
 draft: false
 ---
 
-# Überblick der Web Benutzeroberfläche
+import OverviewMarker from "./img/overview/marker.svg";
 
-Die OpenCloud Web Benutzeroberfläche besteht aus mehreren Bereichen, die Ihnen helfen, effizient mit Dateien und Einstellungen zu arbeiten
+# Überblick der Web Benutzeroberfläche
 
-<img src={require("./img/overview/ueberblick.png").default} alt="Overview" width="1920"/>
+Die OpenCloud Web Benutzeroberfläche besteht aus mehreren Bereichen, die Ihnen helfen, effizient mit Dateien und Einstellungen zu arbeiten.
+
+<div style={{ position: "relative", display: "inline-block", width: "100%", maxWidth: "1920px" }}>
+  <img
+    src={require("./img/overview/ueberblick.png").default}
+    alt="Übersicht"
+    width="1920"
+    style={{ display: 'block', width: '100%', height: 'auto' }}
+  />
+  <OverviewMarker
+    aria-hidden="true"
+    style={{
+      position: 'absolute',
+      inset: 0,
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none',
+      zIndex: 1,
+    }}
+  />
+</div>
 
 ## 1. Linke Seitenleiste
 
 Die Seitenleiste enthält die Navigationselemente wie Spaces, Dateien, Freigaben und Einstellungen.
 
-## 2. App-Wechsler
+## 2. App-Switcher
 
 Das Menü in der linken oberen Ecke ermöglicht es Ihnen, zwischen verschiedenen Apps und Modulen zu wechseln.