diff --git a/components/modulesStatus/CPLStatus.jsx b/components/modulesStatus/CPLStatus.jsx
index a051a91..63e68c7 100644
--- a/components/modulesStatus/CPLStatus.jsx
+++ b/components/modulesStatus/CPLStatus.jsx
@@ -3,7 +3,7 @@ import React from "react";
 
 const CPLStatus = () => {
   return (
-    <div className="border border-gray-400 w-20 h-10 flex items-center justify-start bg-blue-500">
+    <div className="border border-gray-400 w-20 h-10 flex items-center justify-start bg-littwin-blue">
       {/* Grüner Streifen auf der linken Seite */}
       <div className=" left-0 top-0 h-full w-1/6 bg-green-500 mr-2"></div>
       {/* Blauer Hauptbereich */}
diff --git a/components/modulesStatus/KabelModulStatus.jsx b/components/modulesStatus/KabelModulStatus.jsx
index 0548351..094b7e5 100644
--- a/components/modulesStatus/KabelModulStatus.jsx
+++ b/components/modulesStatus/KabelModulStatus.jsx
@@ -30,7 +30,7 @@ const KabelModulStatus = ({ slot, kueCableBreak, isOnline, moduleVersion }) => {
   return (
     <div className="border border-gray-400 w-10 h-20 flex flex-col">
       {/* Slot-Nummer anzeigen */}
-      <div className="bg-blue-500 flex-grow flex flex-col items-center justify-center text-white text-[10px]">
+      <div className="bg-littwin-blue flex-grow flex flex-col items-center justify-center text-white text-[10px]">
         <div className="flex w-full mb-1 items-start justify-start">{slot}</div>
         <div className="text-[10px]">{moduleName}</div>
         <div className="text-[10px]">{moduleType}</div>
@@ -41,7 +41,7 @@ const KabelModulStatus = ({ slot, kueCableBreak, isOnline, moduleVersion }) => {
           isCableBreak ? "bg-red-500" : "bg-green-500"
         }`}
       ></div>
-      <div className="bg-blue-500 w-full h-1/6"></div>
+      <div className="bg-littwin-blue w-full h-1/6"></div>
     </div>
   );
 };