diff --git a/Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png b/Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png
new file mode 100644
index 0000000..1233a4b
Binary files /dev/null and b/Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png differ
diff --git a/Logos/ENWELO-Mini-CD_20240319.pdf b/Logos/ENWELO-Mini-CD_20240319.pdf
new file mode 100644
index 0000000..5d7fdfb
Binary files /dev/null and b/Logos/ENWELO-Mini-CD_20240319.pdf differ
diff --git a/index.html b/index.html
index 3beff6f..464fd62 100644
--- a/index.html
+++ b/index.html
@@ -22,8 +22,9 @@
 
 <body>
     <aside class="sidebar">
-        <div class="sidebar-header">
-            <h1>WindPlaner</h1>
+        <div class="sidebar-header" style="display: flex; flex-direction: column; align-items: center; gap: 15px;">
+            <img src="Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png" alt="ENWELO Logo" style="max-width: 85%; height: auto; display: block;">
+            <h1 style="margin: 0; text-align: center;">WindPlaner</h1>
         </div>
 
         <div class="sidebar-content">
diff --git a/style.css b/style.css
index d202e1e..d18a929 100644
--- a/style.css
+++ b/style.css
@@ -1,12 +1,13 @@
 :root {
-    --primary-color: #00c8ff;
-    --primary-hover: #0099cc;
-    --bg-dark: #121212;
-    --panel-bg: rgba(30, 30, 30, 0.85);
-    --text-main: #f0f0f0;
-    --text-dim: #b0b0b0;
-    --border-color: rgba(255, 255, 255, 0.1);
-    --accent-glow: 0 0 15px rgba(0, 200, 255, 0.3);
+    --primary-color: rgb(115, 176, 118);
+    --primary-hover: rgb(48, 119, 37);
+    --bg-dark: #001e2e;
+    --panel-bg: rgba(0, 30, 46, 0.95);
+    --text-main: rgb(215, 234, 216);
+    --text-dim: rgb(151, 197, 212);
+    --border-color: rgba(151, 197, 212, 0.4);
+    --accent-glow: 0 0 15px rgba(115, 176, 118, 0.4);
+    --danger-color: rgb(238, 2, 45);
     --font-family: 'Inter', system-ui, -apple-system, sans-serif;
 }
 
@@ -152,7 +153,7 @@ body {
 }
 
 .btn-secondary:hover {
-    background: rgba(0, 200, 255, 0.1);
+    background: rgba(115, 176, 118, 0.1);
 }
 
 /* Variant Switcher */
@@ -199,7 +200,7 @@ body {
 
 /* WEA Labels */
 .wea-label {
-    background: rgba(18, 18, 18, 0.8) !important;
+    background: var(--panel-bg) !important;
     backdrop-filter: blur(4px);
     border: 1px solid var(--primary-color) !important;
     color: white !important;
@@ -356,9 +357,9 @@ body {
 }
 
 .btn-danger-mini {
-    background: rgba(255, 68, 68, 0.1);
-    border: 1px solid #ff4444;
-    color: #ff4444;
+    background: rgba(238, 2, 45, 0.1);
+    border: 1px solid var(--danger-color);
+    color: var(--danger-color);
     padding: 8px;
     border-radius: 6px;
     font-size: 0.8rem;
@@ -593,33 +594,33 @@ body {
 
 /* Status Indicators (UI & Legend) */
 .status-gbr {
-    color: #2ecc71;
+    color: rgb(115, 176, 118);
 }
 
 /* Green */
 .status-external {
-    color: #e74c3c;
+    color: rgb(238, 2, 45);
 }
 
 /* Red */
 .status-declined {
-    color: #f1c40f;
+    color: rgb(238, 2, 45);
 }
 
-/* Yellow */
+/* Yellow -> Red */
 .status-positive {
-    color: #5efd9c;
+    color: rgb(48, 119, 37);
 }
 
-/* Light Green */
+/* Light Green -> Dark Green */
 .status-undecided {
-    color: #95a5a6;
+    color: rgb(151, 197, 212);
 }
 
-/* Grey */
+/* Grey -> Light Blue */
 
 /* Selection specific styles */
 select.status-select option {
-    background: #1e1e1e;
+    background: var(--bg-dark);
     color: white;
 }
\ No newline at end of file
