diff --git a/.env.development b/.env.development
index 5db8226..0f1064f 100644
--- a/.env.development
+++ b/.env.development
@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.805
+NEXT_PUBLIC_APP_VERSION=1.6.806
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 
diff --git a/.env.production b/.env.production
index dcf0a05..755fbf3 100644
--- a/.env.production
+++ b/.env.production
@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.805
+NEXT_PUBLIC_APP_VERSION=1.6.806
 NEXT_PUBLIC_CPL_MODE=production
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 392bf13..2af8865 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## [1.6.806] – 2025-09-02
+
+- fix: Detailansicht Modal sichtbar beim klicken
+
+---
 ## [1.6.805] – 2025-09-02
 
 - fix: ohne E-Mail
diff --git a/package-lock.json b/package-lock.json
index ef063c8..8ce690f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.805",
+  "version": "1.6.806",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.805",
+      "version": "1.6.806",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",
diff --git a/package.json b/package.json
index 8219f2a..21bb41b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.805",
+  "version": "1.6.806",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",
diff --git a/playwright/tests/all.test.ts b/playwright/tests/all.test.ts
index f51a977..d7f544f 100644
--- a/playwright/tests/all.test.ts
+++ b/playwright/tests/all.test.ts
@@ -1,12 +1,12 @@
 import { test } from "../fixtures";
-import { runDashboardTest } from "./pages/dashboardTest";
-import { runCableMonitoringTest } from "./pages/kabelueberwachungTest";
-import { runDigitalInputsTest } from "./pages/digitalInputsTest";
-import { runDigitalOutputsTest } from "./pages/digitalOutputsTest";
-import { runAnalogInputsTest } from "./pages/analogInputsTest";
-import { runMeldungenTest } from "./pages/meldungenTest";
-import { runSystemTest } from "./pages/systemTest";
-import { runSettingsPageTest } from "./pages/settingsPageTest";
+import { runDashboardTest } from "./pages/dashboard/dashboardTest";
+import { runCableMonitoringTest } from "./pages/kabelueberwachung/kabelueberwachungTest";
+import { runDigitalInputsTest } from "./pages/digitalInputs/digitalInputsTest";
+import { runDigitalOutputsTest } from "./pages/digitalOutputs/digitalOutputsTest";
+import { runAnalogInputsTest } from "./pages/analogInputs/analogInputsTest";
+import { runMeldungenTest } from "./pages/meldungen/meldungenTest";
+import { runSystemTest } from "./pages/system/systemTest";
+import { runSettingsPageTest } from "./pages/settingsPage/settingsPageTest";
 
 test("Dashboard, AnalogInputs und SettingsPage", async ({ page }) => {
   await runDashboardTest(page);
diff --git a/playwright/tests/pages/analogInputsTest.ts b/playwright/tests/pages/analogInputs/analogInputsTest.ts
similarity index 86%
rename from playwright/tests/pages/analogInputsTest.ts
rename to playwright/tests/pages/analogInputs/analogInputsTest.ts
index 695ea54..59cd239 100644
--- a/playwright/tests/pages/analogInputsTest.ts
+++ b/playwright/tests/pages/analogInputs/analogInputsTest.ts
@@ -1,6 +1,6 @@
-import type { Page } from "@playwright/test";
+import type { Locator, Page } from "@playwright/test";
 import { expect } from "@playwright/test";
-import { highlightAndExpectVisible } from "../utils/highlight";
+
 // Kombinierte Helper-Funktion: injiziert CSS (nur einmal), hebt hervor und prüft Sichtbarkeit
 
 export async function runAnalogInputsTest(page: Page) {
@@ -239,3 +239,42 @@ export async function runAnalogInputsTest(page: Page) {
 
   // ...dein AnalogInputs-Testcode...
 }
+
+//---------------------------------------------------------------------
+
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  const alreadyInjected = await page.evaluate(
+    () => (window as any).__pwForceCssInjected === true
+  );
+
+  if (!alreadyInjected) {
+    await page.addStyleTag({
+      content: `
+        .pw-force-outline {
+          outline: 3px solid #ff1744 !important;
+          outline-offset: 2px !important;
+          box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important;
+        }
+      `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+
+  await expect(locator).toBeVisible();
+}
diff --git a/playwright/tests/pages/dashboardTest.ts b/playwright/tests/pages/dashboard/dashboardTest.ts
similarity index 82%
rename from playwright/tests/pages/dashboardTest.ts
rename to playwright/tests/pages/dashboard/dashboardTest.ts
index ebc570e..01aff38 100644
--- a/playwright/tests/pages/dashboardTest.ts
+++ b/playwright/tests/pages/dashboard/dashboardTest.ts
@@ -1,5 +1,5 @@
-import type { Page } from "@playwright/test";
-import { highlightAndExpectVisible } from "../utils/highlight";
+import type { Locator, Page } from "@playwright/test";
+import { expect } from "@playwright/test";
 
 export async function runDashboardTest(page: Page) {
   await page.goto("http://localhost:3000/dashboard");
@@ -200,3 +200,42 @@ export async function runDashboardTest(page: Page) {
   //await highlightAndExpectVisible(page, page.getByRole("button"));
   //await page.getByRole("button").click();
 }
+
+//---------------------------------------------------------------------
+
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  const alreadyInjected = await page.evaluate(
+    () => (window as any).__pwForceCssInjected === true
+  );
+
+  if (!alreadyInjected) {
+    await page.addStyleTag({
+      content: `
+        .pw-force-outline {
+          outline: 3px solid #ff1744 !important;
+          outline-offset: 2px !important;
+          box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important;
+        }
+      `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+
+  await expect(locator).toBeVisible();
+}
diff --git a/playwright/tests/pages/digitalInputsTest.ts b/playwright/tests/pages/digitalInputs/digitalInputsTest.ts
similarity index 84%
rename from playwright/tests/pages/digitalInputsTest.ts
rename to playwright/tests/pages/digitalInputs/digitalInputsTest.ts
index d9a367d..de4c503 100644
--- a/playwright/tests/pages/digitalInputsTest.ts
+++ b/playwright/tests/pages/digitalInputs/digitalInputsTest.ts
@@ -1,5 +1,5 @@
-import type { Page } from "@playwright/test";
-import { highlightAndExpectVisible } from "../utils/highlight";
+import type { Locator, Page } from "@playwright/test";
+import { expect } from "@playwright/test";
 
 export async function runDigitalInputsTest(page: Page) {
   await page.goto("/digitalInputs");
@@ -212,3 +212,41 @@ export async function runDigitalInputsTest(page: Page) {
   );
   await page.waitForTimeout(1000);
 }
+//---------------------------------------------------------------------
+
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  const alreadyInjected = await page.evaluate(
+    () => (window as any).__pwForceCssInjected === true
+  );
+
+  if (!alreadyInjected) {
+    await page.addStyleTag({
+      content: `
+        .pw-force-outline {
+          outline: 3px solid #ff1744 !important;
+          outline-offset: 2px !important;
+          box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important;
+        }
+      `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+
+  await expect(locator).toBeVisible();
+}
diff --git a/playwright/tests/pages/digitalOutputsTest.ts b/playwright/tests/pages/digitalOutputs/digitalOutputsTest.ts
similarity index 99%
rename from playwright/tests/pages/digitalOutputsTest.ts
rename to playwright/tests/pages/digitalOutputs/digitalOutputsTest.ts
index 4daaf20..e9e7a19 100644
--- a/playwright/tests/pages/digitalOutputsTest.ts
+++ b/playwright/tests/pages/digitalOutputs/digitalOutputsTest.ts
@@ -1,4 +1,3 @@
-// gigityOutputsTest.ts
 import type { Locator, Page } from "@playwright/test";
 import { expect } from "@playwright/test";
 
diff --git a/playwright/tests/pages/kabelueberwachung/kabelueberwachungTest.ts b/playwright/tests/pages/kabelueberwachung/kabelueberwachungTest.ts
new file mode 100644
index 0000000..0bb009c
--- /dev/null
+++ b/playwright/tests/pages/kabelueberwachung/kabelueberwachungTest.ts
@@ -0,0 +1,417 @@
+import type { Locator, Page } from "@playwright/test";
+import { expect } from "@playwright/test";
+
+export async function runCableMonitoringTest(page: Page) {
+  await page.goto("/kabelueberwachung");
+
+  // Logo
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("img", { name: "Logo", exact: true })
+  );
+  await page.waitForTimeout(400);
+
+  // TALAS Logo
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("img", { name: "TALAS Logo" })
+  );
+  await page.waitForTimeout(400);
+
+  // Meldestation
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("heading", { name: "Meldestation" })
+  );
+  await page.waitForTimeout(400);
+
+  // CPLV4 Ismail Rastede
+  await highlightAndExpectVisible(page, page.getByText("CPLV4 Ismail Rastede"));
+  await page.waitForTimeout(400);
+
+  // Rack Buttons
+  for (const rack of [1, 2, 3, 4, 1]) {
+    await highlightAndExpectVisible(
+      page,
+      page.getByRole("button", { name: `Rack ${rack}` })
+    );
+    await page.waitForTimeout(400);
+  }
+
+  // Kabel 1
+  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator("div").filter({ hasText: /^8$/ })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^1KÜ705-FO⚙$/ })
+      .getByRole("heading")
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^1KÜ705-FO⚙$/ })
+      .getByRole("button")
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".flex.flex-col > span").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".w-\\[0\\.625rem\\]").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator("span:nth-child(2)").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator(".w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500")
+      .first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Erdschluss").first());
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".text-center > span:nth-child(2)").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByText(/^RSL: \d+,\d{3} kOhm$/).first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Kabel 1"));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".text-black.text-\\[0\\.625rem\\].font-semibold").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".flex > button:nth-child(2)").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".bg-littwin-blue.text-white.cursor-pointer").first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("V4.20"));
+  await page.waitForTimeout(400);
+
+  // Kabel 8
+  await highlightAndExpectVisible(page, page.getByText("8", { exact: true }));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^8KÜ705-FO⚙$/ })
+      .getByRole("heading")
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator("div")
+      .filter({ hasText: /^8KÜ705-FO⚙$/ })
+      .getByRole("button")
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page
+      .locator(
+        "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span"
+      )
+      .first()
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(
+      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span:nth-child(2)"
+    )
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(
+      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].bg-green-500"
+    )
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(
+      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500"
+    )
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Isolationsfehler"));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(
+      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .relative.mt-\\[3\\.125rem\\] > .text-center > span:nth-child(2)"
+    )
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByText(/^RSL: \d+,\d{3} kOhm$/).nth(3)
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Kabel 8"));
+  await page.waitForTimeout(400);
+
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
+  );
+  await page.waitForTimeout(400);
+
+  // ... (weitere Schritte können nach diesem Muster ergänzt werden)
+
+  // Beispiel für weitere Schritte aus dem Kommentar:
+  await highlightAndExpectVisible(
+    page,
+    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
+  );
+  await page.waitForTimeout(400);
+  await page
+    .locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]")
+    .first()
+    .click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("heading", { name: "Isolationswiderstand" })
+  );
+  await page.waitForTimeout(400);
+  await page.getByRole("heading", { name: "Isolationswiderstand" }).click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("KÜ 1"));
+  await page.waitForTimeout(400);
+  await page.getByText("KÜ 1").click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Von"));
+  await page.waitForTimeout(400);
+  await page.getByText("Von").click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
+  );
+  await page.waitForTimeout(400);
+  await page
+    .locator("div")
+    .filter({ hasText: /^Von$/ })
+    .getByRole("textbox")
+    .click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.getByText("Bis"));
+  await page.waitForTimeout(400);
+  await page.getByText("Bis").click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
+  );
+  await page.waitForTimeout(400);
+  await page
+    .locator("div")
+    .filter({ hasText: /^Bis$/ })
+    .getByRole("textbox")
+    .click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "Alle Messwerte" })
+  );
+  await page.waitForTimeout(400);
+  await page.getByRole("button", { name: "Alle Messwerte" }).click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("option", { name: "Stündliche Werte" })
+  );
+  await page.waitForTimeout(400);
+  await page.getByRole("option", { name: "Stündliche Werte" }).click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "Stündliche Werte" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "Daten laden" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(page, page.locator("canvas"));
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("button", { name: "Messkurve" })
+  );
+  await page.waitForTimeout(400);
+  await page.getByRole("button", { name: "Messkurve" }).click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("option", { name: "Meldungen" })
+  );
+  await page.waitForTimeout(400);
+  await page.getByRole("option", { name: "Meldungen" }).click();
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("cell", { name: "Prio" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("cell", { name: "Zeitstempel" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("cell", { name: "Quelle" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("cell", { name: "Meldung" })
+  );
+  await page.waitForTimeout(400);
+
+  await highlightAndExpectVisible(
+    page,
+    page.getByRole("cell", { name: "Status" })
+  );
+  await page.waitForTimeout(400);
+
+  // ...weitere Schritte können nach diesem Muster ergänzt werden
+}
+
+//---------------------------------------------------------------------
+
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  const alreadyInjected = await page.evaluate(
+    () => (window as any).__pwForceCssInjected === true
+  );
+
+  if (!alreadyInjected) {
+    await page.addStyleTag({
+      content: `
+        .pw-force-outline {
+          outline: 3px solid #ff1744 !important;
+          outline-offset: 2px !important;
+          box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important;
+        }
+      `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+
+  await expect(locator).toBeVisible();
+}
diff --git a/playwright/tests/pages/kabelueberwachungTest.ts b/playwright/tests/pages/kabelueberwachungTest.ts
deleted file mode 100644
index 8a631d3..0000000
--- a/playwright/tests/pages/kabelueberwachungTest.ts
+++ /dev/null
@@ -1,704 +0,0 @@
-import type { Page } from "@playwright/test";
-import { highlightAndExpectVisible } from "../utils/highlight";
-
-export async function runCableMonitoringTest(page: Page) {
-  await page.goto("/kabelueberwachung");
-
-  // Logo
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("img", { name: "Logo", exact: true })
-  );
-  await page.waitForTimeout(400);
-
-  // TALAS Logo
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("img", { name: "TALAS Logo" })
-  );
-  await page.waitForTimeout(400);
-
-  // Meldestation
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("heading", { name: "Meldestation" })
-  );
-  await page.waitForTimeout(400);
-
-  // CPLV4 Ismail Rastede
-  await highlightAndExpectVisible(page, page.getByText("CPLV4 Ismail Rastede"));
-  await page.waitForTimeout(400);
-
-  // Rack Buttons
-  for (const rack of [1, 2, 3, 4, 1]) {
-    await highlightAndExpectVisible(
-      page,
-      page.getByRole("button", { name: `Rack ${rack}` })
-    );
-    await page.waitForTimeout(400);
-  }
-
-  // Kabel 1
-  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator("div").filter({ hasText: /^8$/ })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator("div")
-      .filter({ hasText: /^1KÜ705-FO⚙$/ })
-      .getByRole("heading")
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("1", { exact: true }));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator("div")
-      .filter({ hasText: /^1KÜ705-FO⚙$/ })
-      .getByRole("button")
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".flex.flex-col > span").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".w-\\[0\\.625rem\\]").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator("span:nth-child(2)").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator(".w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500")
-      .first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Erdschluss").first());
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".text-center > span:nth-child(2)").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByText(/^RSL: \d+,\d{3} kOhm$/).first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Kabel 1"));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".text-black.text-\\[0\\.625rem\\].font-semibold").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".flex > button:nth-child(2)").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".bg-littwin-blue.text-white.cursor-pointer").first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("V4.20"));
-  await page.waitForTimeout(400);
-
-  // Kabel 8
-  await highlightAndExpectVisible(page, page.getByText("8", { exact: true }));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator("div")
-      .filter({ hasText: /^8KÜ705-FO⚙$/ })
-      .getByRole("heading")
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator("div")
-      .filter({ hasText: /^8KÜ705-FO⚙$/ })
-      .getByRole("button")
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page
-      .locator(
-        "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span"
-      )
-      .first()
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(
-      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span:nth-child(2)"
-    )
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(
-      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].bg-green-500"
-    )
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(
-      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500"
-    )
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Isolationsfehler"));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(
-      "div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .relative.mt-\\[3\\.125rem\\] > .text-center > span:nth-child(2)"
-    )
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByText(/^RSL: \d+,\d{3} kOhm$/).nth(3)
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Kabel 8"));
-  await page.waitForTimeout(400);
-
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
-  );
-  await page.waitForTimeout(400);
-
-  // ... (weitere Schritte können nach diesem Muster ergänzt werden)
-
-  // Beispiel für weitere Schritte aus dem Kommentar:
-  await highlightAndExpectVisible(
-    page,
-    page.locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]").first()
-  );
-  await page.waitForTimeout(400);
-  await page
-    .locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]")
-    .first()
-    .click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("heading", { name: "Isolationswiderstand" })
-  );
-  await page.waitForTimeout(400);
-  await page.getByRole("heading", { name: "Isolationswiderstand" }).click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("KÜ 1"));
-  await page.waitForTimeout(400);
-  await page.getByText("KÜ 1").click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Von"));
-  await page.waitForTimeout(400);
-  await page.getByText("Von").click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
-  );
-  await page.waitForTimeout(400);
-  await page
-    .locator("div")
-    .filter({ hasText: /^Von$/ })
-    .getByRole("textbox")
-    .click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.getByText("Bis"));
-  await page.waitForTimeout(400);
-  await page.getByText("Bis").click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
-  );
-  await page.waitForTimeout(400);
-  await page
-    .locator("div")
-    .filter({ hasText: /^Bis$/ })
-    .getByRole("textbox")
-    .click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "Alle Messwerte" })
-  );
-  await page.waitForTimeout(400);
-  await page.getByRole("button", { name: "Alle Messwerte" }).click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("option", { name: "Stündliche Werte" })
-  );
-  await page.waitForTimeout(400);
-  await page.getByRole("option", { name: "Stündliche Werte" }).click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "Stündliche Werte" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "Daten laden" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(page, page.locator("canvas"));
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("button", { name: "Messkurve" })
-  );
-  await page.waitForTimeout(400);
-  await page.getByRole("button", { name: "Messkurve" }).click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("option", { name: "Meldungen" })
-  );
-  await page.waitForTimeout(400);
-  await page.getByRole("option", { name: "Meldungen" }).click();
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("cell", { name: "Prio" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("cell", { name: "Zeitstempel" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("cell", { name: "Quelle" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("cell", { name: "Meldung" })
-  );
-  await page.waitForTimeout(400);
-
-  await highlightAndExpectVisible(
-    page,
-    page.getByRole("cell", { name: "Status" })
-  );
-  await page.waitForTimeout(400);
-
-  // ...weitere Schritte können nach diesem Muster ergänzt werden
-}
-
-/*
-import { test, expect } from '@playwright/test';
-
-test('test', async ({ page }) => {
-  await page.goto('http://localhost:3000/kabelueberwachung');
-  await page.getByRole('img', { name: 'Logo', exact: true }).click();
-  await page.getByRole('img', { name: 'TALAS Logo' }).click();
-  await page.getByRole('heading', { name: 'Meldestation' }).click();
-  await page.getByText('CPLV4 Ismail Rastede').click();
-  await page.getByRole('button', { name: 'Rack 1' }).click();
-  await page.getByRole('button', { name: 'Rack 2' }).click();
-  await page.getByRole('button', { name: 'Rack 3' }).click();
-  await page.getByRole('button', { name: 'Rack 4' }).click();
-  await page.getByRole('button', { name: 'Rack 1' }).click();
-  await expect(page.getByText('1', { exact: true })).toBeVisible();
-  await expect(page.locator('div').filter({ hasText: /^8$/ })).toBeVisible();
-  await expect(page.locator('div').filter({ hasText: /^1KÜ705-FO⚙$/ }).getByRole('heading')).toBeVisible();
-  await expect(page.getByText('1', { exact: true })).toBeVisible();
-  await expect(page.locator('div').filter({ hasText: /^1KÜ705-FO⚙$/ }).getByRole('button')).toBeVisible();
-  await expect(page.locator('.flex.flex-col > span').first()).toBeVisible();
-  await expect(page.locator('.w-\\[0\\.625rem\\]').first()).toBeVisible();
-  await expect(page.locator('span:nth-child(2)').first()).toBeVisible();
-  await expect(page.locator('.w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500').first()).toBeVisible();
-  await expect(page.getByText('Erdschluss').first()).toBeVisible();
-  await expect(page.locator('.text-center > span:nth-child(2)').first()).toBeVisible();
-  await expect(page.getByText('RSL: 0 kOhm').first()).toBeVisible();
-  await expect(page.getByText('Kabel 1')).toBeVisible();
-  await expect(page.locator('.text-black.text-\\[0\\.625rem\\].font-semibold').first()).toBeVisible();
-  await expect(page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').first()).toBeVisible();
-  await expect(page.locator('.flex > button:nth-child(2)').first()).toBeVisible();
-  await expect(page.locator('.bg-littwin-blue.text-white.cursor-pointer').first()).toBeVisible();
-  await expect(page.getByText('V4.20')).toBeVisible();
-  await expect(page.getByText('8', { exact: true })).toBeVisible();
-  await expect(page.locator('div').filter({ hasText: /^8KÜ705-FO⚙$/ }).getByRole('heading')).toBeVisible();
-  await expect(page.locator('div').filter({ hasText: /^8KÜ705-FO⚙$/ }).getByRole('button')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span').first()).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-start > span:nth-child(2)')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].bg-green-500')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .flex.flex-col.mt-\\[0\\.625rem\\] > .flex.items-center.space-x-\\[0\\.25rem\\] > .flex.flex-col.items-center > .w-\\[0\\.625rem\\].h-\\[0\\.625rem\\].rounded-full.bg-red-500')).toBeVisible();
-  await expect(page.getByText('Isolationsfehler')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .relative.mt-\\[3\\.125rem\\] > .text-center > span:nth-child(2)')).toBeVisible();
-  await expect(page.getByText('RSL: 0 kOhm').nth(3)).toBeVisible();
-  await expect(page.getByText('Kabel 8')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .relative.w-\\[7\\.075rem\\] > .absolute.bottom-\\[0\\.063rem\\]')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .text-black')).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first()).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button:nth-child(2)').first()).toBeVisible();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue')).toBeVisible();
-  await expect(page.getByRole('main').locator('div').filter({ hasText: '8KÜ705-FO⚙BetriebAlarmIsolationsfehler ISO: 10 MOhmRSL: 0 kOhmKabel 8V4.' }).nth(2)).toBeVisible();
-  await expect(page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').first()).toBeVisible();
-  await page.locator('.bg-littwin-blue.text-white.text-\\[0\\.625rem\\]').first().click();
-  await page.getByRole('heading', { name: 'Isolationswiderstand' }).click();
-  await page.getByText('KÜ 1').click();
-  await page.getByText('Von').click();
-  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
-  await page.getByText('Bis').click();
-  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
-  await expect(page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first()).toBeVisible();
-  await page.getByRole('textbox').first().click();
-  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
-  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'August' }).first().click();
-  await page.getByText('Bis').click();
-  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
-  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
-  await expect(page.locator('canvas')).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: 'Messkurve' }).click();
-  await page.getByRole('option', { name: 'Meldungen' }).click();
-  await expect(page.getByRole('cell', { name: 'Prio' })).toBeVisible();
-  await page.getByRole('cell', { name: 'Zeitstempel' }).click();
-  await page.getByRole('cell', { name: 'Quelle' }).click();
-  await page.getByRole('cell', { name: 'Meldung' }).click();
-  await page.getByRole('cell', { name: 'Status' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:05:00' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Modul online' }).click();
-  await page.getByRole('cell', { name: 'online', exact: true }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:06:00' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Aderbruch kommend' }).click();
-  await page.getByRole('cell', { name: '1', exact: true }).first().click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:06:30' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Aderbruch gehend' }).click();
-  await page.getByRole('cell', { name: '0', exact: true }).first().click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:07:00' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:00' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Erdschluss kommend' }).click();
-  await page.getByRole('cell', { name: '1', exact: true }).nth(1).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:20' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:07:20' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:20' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Erdschluss gehend' }).click();
-  await page.getByRole('cell', { name: '0', exact: true }).nth(1).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:40' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:07:40' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:07:40' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Isofehler kommend' }).click();
-  await page.getByRole('cell', { name: '1', exact: true }).nth(2).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:08:10' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:08:10' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:08:10' }).getByRole('cell').nth(2).click();
-  await page.getByRole('cell', { name: 'Isofehler gehend' }).click();
-  await page.getByRole('cell', { name: '0', exact: true }).nth(2).click();
-  await page.getByRole('button', { name: '' }).click();
-  await page.getByRole('button', { name: '' }).click();
-  await page.getByRole('button', { name: '' }).click();
-  await page.locator('.flex > button:nth-child(2)').first().click();
-  await page.locator('canvas').click({
-    position: {
-      x: 547,
-      y: 113
-    }
-  });
-  await page.getByText('KÜ 1').click();
-  await page.getByText('Von').click();
-  await page.getByText('Bis').click();
-  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
-  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first().click();
-  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
-  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'August' }).first().click();
-  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
-  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'RSL starten' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: 'RSL starten' }).click();
-  await expect(page.getByText('RSL Messung läuft')).toBeVisible();
-  await expect(page.locator('.h-full.bg-littwin-blue')).toBeVisible();
-  await page.getByRole('button', { name: 'Messkurve' }).click();
-  await page.getByRole('option', { name: 'Meldungen' }).click();
-  await page.getByRole('cell', { name: 'Prio' }).click();
-  await page.getByRole('cell', { name: 'Zeitstempel' }).click();
-  await page.getByRole('cell', { name: 'Quelle' }).click();
-  await page.getByRole('cell', { name: 'Meldung' }).click();
-  await page.getByRole('cell', { name: 'Status' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:05:00' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).first().click();
-  await page.getByRole('cell', { name: 'Modul online' }).click();
-  await page.getByRole('cell', { name: 'online', exact: true }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:06:00' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(1).click();
-  await page.getByRole('cell', { name: 'Aderbruch kommend' }).click();
-  await page.getByRole('cell', { name: '1', exact: true }).first().click();
-  await page.getByRole('row', { name: '11.08.2025, 12:06:30' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:06:30' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(2).click();
-  await page.getByRole('cell', { name: 'Aderbruch gehend' }).click();
-  await page.getByRole('cell', { name: '0', exact: true }).first().click();
-  await page.getByRole('row', { name: '11.08.2025, 12:08:40' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:08:40' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(3).click();
-  await page.getByRole('cell', { name: 'Schleifenfehler kommend' }).click();
-  await page.getByRole('cell', { name: '1', exact: true }).nth(1).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:09:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:09:00' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(4).click();
-  await page.getByRole('cell', { name: 'Schleifenfehler gehend' }).click();
-  await page.getByRole('cell', { name: '0', exact: true }).nth(1).click();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.locator('.bg-littwin-blue.text-white.cursor-pointer').first()).toBeVisible();
-  await page.locator('.bg-littwin-blue.text-white.cursor-pointer').first().click();
-  await page.getByRole('heading', { name: 'TDR-Messung' }).click();
-  await page.getByText('KÜ 1').click();
-  await expect(page.getByRole('button', { name: 'TDR-Kurve als Referenz' })).toBeVisible();
-  page.once('dialog', dialog => {
-    console.log(`Dialog message: ${dialog.message()}`);
-    dialog.dismiss().catch(() => {});
-  });
-  await page.getByRole('button', { name: 'Messung aktivieren' }).click();
-  await expect(page.getByRole('button', { name: '27.03.2025, 23:42:41 –' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await page.locator('.bg-littwin-blue.text-white.cursor-pointer').first().click();
-  await expect(page.locator('canvas')).toBeVisible();
-  page.once('dialog', dialog => {
-    console.log(`Dialog message: ${dialog.message()}`);
-    dialog.dismiss().catch(() => {});
-  });
-  await page.getByRole('button', { name: 'Messung aktivieren' }).click();
-  await page.getByRole('button', { name: 'Messkurve' }).click();
-  await page.getByRole('option', { name: 'Meldungen' }).click();
-  await page.getByRole('cell', { name: 'Prio' }).click();
-  await page.getByRole('cell', { name: 'Zeitstempel' }).click();
-  await page.getByRole('cell', { name: 'Quelle' }).click();
-  await page.getByRole('cell', { name: 'Meldung' }).click();
-  await page.getByRole('cell', { name: 'Status' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:05:00' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:05:00' }).click();
-  await page.getByRole('cell', { name: '12:05:00' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).first().click();
-  await page.getByRole('cell', { name: 'Modul online' }).click();
-  await page.getByRole('cell', { name: 'online', exact: true }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:09:20' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:09:20' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(1).click();
-  await page.getByRole('cell', { name: 'TDR aktiv' }).click();
-  await page.getByRole('cell', { name: 'start' }).click();
-  await page.getByRole('row', { name: '11.08.2025, 12:09:50' }).getByRole('cell').first().click();
-  await page.getByRole('cell', { name: '12:09:50' }).click();
-  await page.getByRole('cell', { name: 'CableLine1' }).nth(2).click();
-  await page.getByRole('cell', { name: 'TDR Entfernung 123m' }).click();
-  await page.getByRole('cell', { name: '123', exact: true }).click();
-  await expect(page.getByRole('button', { name: 'Meldungen' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first()).toBeVisible();
-  await page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > div > button').first().click();
-  await page.getByText('KÜ 8').click();
-  await page.getByText('Von').click();
-  await page.locator('div').filter({ hasText: /^Von$/ }).getByRole('textbox').click();
-  await page.getByLabel('Choose Date').locator('div').filter({ hasText: 'July' }).first().click();
-  await page.getByText('Bis').click();
-  await page.getByText('Bis').click();
-  await page.locator('div').filter({ hasText: /^Bis$/ }).getByRole('textbox').click();
-  await page.getByRole('dialog', { name: 'Choose Date' }).click();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await expect(page.getByRole('button', { name: 'Alle Messwerte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Alle Messwerte' }).click();
-  await page.getByRole('option', { name: 'Stündliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Stündliche Werte' })).toBeVisible();
-  await page.getByRole('button', { name: 'Stündliche Werte' }).click();
-  await page.getByRole('option', { name: 'Tägliche Werte' }).click();
-  await expect(page.getByRole('button', { name: 'Tägliche Werte' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Daten laden' })).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
-  await page.getByRole('button', { name: 'Messkurve' }).click();
-  await page.getByRole('option', { name: 'Meldungen' }).click();
-  await expect(page.getByText('Keine Meldungen für')).toBeVisible();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue')).toBeVisible();
-  await page.locator('div:nth-child(8) > .relative.bg-gray-300 > .flex.flex-col.items-center.w-full.px-2 > .flex.space-x-2.p-1 > .bg-littwin-blue').click();
-  await page.getByRole('heading', { name: 'TDR-Messung' }).click();
-  await page.getByText('KÜ 8').click();
-  await expect(page.getByRole('button', { name: 'Messung aktivieren' })).toBeVisible();
-  await expect(page.getByRole('button', { name: 'Messkurve' })).toBeVisible();
-  await page.locator('canvas').click({
-    position: {
-      x: 252,
-      y: 84
-    }
-  });
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await expect(page.getByRole('button', { name: '' })).toBeVisible();
-  await page.getByRole('button', { name: '' }).click();
-  await page.getByRole('button', { name: 'Rack 2' }).click();
-  await expect(page.getByText('9', { exact: true })).toBeVisible();
-  await expect(page.getByText('16', { exact: true })).toBeVisible();
-  await page.getByText('Kabel 9').click();
-  await page.getByText('Kabel 10').click();
-  await page.getByText('Kabel 11').click();
-  await page.getByText('Kabel 12').click();
-  await page.getByText('Kabel 13').click();
-  await page.getByText('Kabel 14').click();
-  await page.getByText('Kabel 15').click();
-  await page.getByText('Kabel 16').click();
-  await page.getByRole('button', { name: 'Rack 3' }).click();
-  await page.getByText('Kabel 17').click();
-  await page.getByText('Kabel 18').click();
-  await page.getByText('Kabel 19').click();
-  await page.getByText('Kabel 20').click();
-  await page.getByText('Kabel 20').click();
-  await page.getByText('Kabel 21').click();
-  await page.getByText('Kabel 22').click();
-  await page.getByText('Kabel 23').click();
-  await page.getByText('Kabel 24').click();
-  await page.getByRole('button', { name: 'Rack 4' }).click();
-  await page.getByText('25', { exact: true }).click();
-  await page.getByText('Kabel 25').click();
-  await page.getByText('26', { exact: true }).click();
-  await page.getByText('Kabel 26').click();
-  await page.getByText('27', { exact: true }).click();
-  await page.getByText('Kabel 27').click();
-  await page.getByText('28', { exact: true }).click();
-  await page.getByText('Kabel 28').click();
-  await page.getByText('29', { exact: true }).click();
-  await page.getByText('Kabel 29').click();
-  await page.getByText('30', { exact: true }).click();
-  await page.getByText('Kabel 30').click();
-  await page.locator('div').filter({ hasText: /^31$/ }).click();
-  await page.getByText('Kabel 31').click();
-  await page.getByText('32', { exact: true }).click();
-  await page.getByText('Kabel 32').click();
-  await page.locator('div').filter({ hasText: /^Littwin Systemtechnik GmbH & Co\. KG$/ }).locator('svg').click();
-  await page.getByText('Littwin Systemtechnik GmbH &').click();
-  await page.locator('div').filter({ hasText: /^Telefon: 04402 972577-0$/ }).locator('path').click();
-});
-*/
diff --git a/playwright/tests/pages/meldungenTest.ts b/playwright/tests/pages/meldungen/meldungenTest.ts
similarity index 99%
rename from playwright/tests/pages/meldungenTest.ts
rename to playwright/tests/pages/meldungen/meldungenTest.ts
index 2d28dee..a43998b 100644
--- a/playwright/tests/pages/meldungenTest.ts
+++ b/playwright/tests/pages/meldungen/meldungenTest.ts
@@ -1,4 +1,3 @@
-// gigityOutputsTest.ts
 import type { Locator, Page } from "@playwright/test";
 import { expect } from "@playwright/test";
 
diff --git a/playwright/tests/pages/settingsPageTest.ts b/playwright/tests/pages/settingsPage/settingsPageTest.ts
similarity index 86%
rename from playwright/tests/pages/settingsPageTest.ts
rename to playwright/tests/pages/settingsPage/settingsPageTest.ts
index 926d11d..40776eb 100644
--- a/playwright/tests/pages/settingsPageTest.ts
+++ b/playwright/tests/pages/settingsPage/settingsPageTest.ts
@@ -1,6 +1,5 @@
+import type { Locator, Page } from "@playwright/test";
 import { expect } from "@playwright/test";
-import type { Page } from "@playwright/test";
-import { highlightAndExpectVisible } from "../utils/highlight";
 
 export async function runSettingsPageTest(page: Page) {
   await page.goto("http://localhost:3000/einstellungen");
@@ -258,3 +257,44 @@ export async function runSettingsPageTest(page: Page) {
     page.getByRole("button", { name: "Admin anmelden" })
   );
 }
+
+//---------------------------------------------------------------------
+
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  const alreadyInjected = await page.evaluate(
+    () => (window as any).__pwForceCssInjected === true
+  );
+
+  if (!alreadyInjected) {
+    await page.addStyleTag({
+      content: `
+        .pw-force-outline {
+          outline: 3px solid #ff1744 !important;
+          outline-offset: 2px !important;
+          box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important;
+        }
+      `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+
+  // Erst prüfen, ob das Element sichtbar ist, sonst bricht der Test sauber ab
+  await expect(locator).toBeVisible({ timeout: 10000 });
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+
+  await expect(locator).toBeVisible();
+}
diff --git a/playwright/tests/pages/systemTest.ts b/playwright/tests/pages/system/systemTest.ts
similarity index 99%
rename from playwright/tests/pages/systemTest.ts
rename to playwright/tests/pages/system/systemTest.ts
index fbfe5f5..f1c23cf 100644
--- a/playwright/tests/pages/systemTest.ts
+++ b/playwright/tests/pages/system/systemTest.ts
@@ -1,4 +1,3 @@
-// gigityOutputsTest.ts
 import type { Locator, Page } from "@playwright/test";
 import { expect } from "@playwright/test";