diff --git a/data/settings.css b/data/settings.css
index b31150f..bf8c406 100644
--- a/data/settings.css
+++ b/data/settings.css
@@ -5,8 +5,8 @@
       }
 
       body {
-        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        font-family: "Segoe UI", Arial, sans-serif;
+        background: linear-gradient(135deg, #49bae4 0%, #223c83 100%);
         min-height: 100vh;
         padding: 20px;
       }
@@ -22,7 +22,7 @@
       }
 
       .header {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        background: linear-gradient(135deg, #49bae4 0%, #223c83 100%);
         color: white;
         padding: 30px;
         text-align: center;
@@ -45,6 +45,9 @@
         margin-bottom: 10px;
         position: relative;
         z-index: 1;
+        font-weight: bold;
+        text-transform: uppercase;
+        font-family: "Segoe UI", Arial, sans-serif;
       }
 
       .header p {
@@ -78,11 +81,11 @@
       }
 
       .nav-button:hover {
-        background: #667eea;
+        background: #49bae4;
         color: white;
-        border-color: #667eea;
+        border-color: #49bae4;
         transform: translateY(-2px);
-        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
+        box-shadow: 0 5px 15px rgba(73, 186, 228, 0.3);
       }
 
       .section {
@@ -100,13 +103,16 @@
         display: flex;
         align-items: center;
         gap: 10px;
+        font-weight: bold;
+        text-transform: uppercase;
+        font-family: "Segoe UI", Arial, sans-serif;
       }
 
       .section h2::before {
         content: "";
         width: 4px;
         height: 25px;
-        background: linear-gradient(135deg, #667eea, #764ba2);
+        background: linear-gradient(135deg, #49bae4, #223c83);
         border-radius: 2px;
       }
 
@@ -132,8 +138,8 @@
 
       .form-group input:focus {
         outline: none;
-        border-color: #667eea;
-        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+        border-color: #49bae4;
+        box-shadow: 0 0 0 3px rgba(73, 186, 228, 0.1);
       }
 
       .time-row {
@@ -179,43 +185,43 @@
       }
 
       .btn-primary {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        background: linear-gradient(135deg, #49bae4 0%, #223c83 100%);
         color: white;
       }
 
       .btn-primary:hover {
         transform: translateY(-2px);
-        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
+        box-shadow: 0 10px 25px rgba(73, 186, 228, 0.3);
       }
 
       .btn-secondary {
-        background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
-        color: white;
+        background: linear-gradient(135deg, #DCF2FA 0%, #49bae4 100%);
+        color: #223c83;
       }
 
       .btn-secondary:hover {
         transform: translateY(-2px);
-        box-shadow: 0 10px 25px rgba(116, 185, 255, 0.3);
+        box-shadow: 0 10px 25px rgba(220, 242, 250, 0.3);
       }
 
       .btn-warning {
-        background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
-        color: #d84315;
+        background: linear-gradient(135deg, #f59d0f 0%, #e67e22 100%);
+        color: white;
       }
 
       .btn-warning:hover {
         transform: translateY(-2px);
-        box-shadow: 0 10px 25px rgba(252, 182, 159, 0.3);
+        box-shadow: 0 10px 25px rgba(245, 157, 15, 0.3);
       }
 
       .btn-danger {
-        background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
-        color: #c62828;
+        background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+        color: white;
       }
 
       .btn-danger:hover {
         transform: translateY(-2px);
-        box-shadow: 0 10px 25px rgba(255, 154, 158, 0.3);
+        box-shadow: 0 10px 25px rgba(231, 76, 60, 0.3);
       }
 
       .btn-disabled {
@@ -255,13 +261,13 @@
       }
 
       .mode-button.active {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        background: linear-gradient(135deg, #49bae4 0%, #223c83 100%);
         color: white;
       }
 
       .mode-button:not(.active):hover {
         background: #f8f9fa;
-        color: #667eea;
+        color: #49bae4;
       }
 
       .mode-button:first-child {
@@ -415,19 +421,22 @@
         display: none;
         text-align: center;
         padding: 30px;
-        background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
+        background: linear-gradient(135deg, #f59d0f 0%, #e67e22 100%);
         border-radius: 15px;
         margin-top: 20px;
       }
 
       .learning-mode h3 {
-        color: #d84315;
+        color: white;
         font-size: 1.5em;
         margin-bottom: 15px;
+        font-weight: bold;
+        text-transform: uppercase;
+        font-family: "Segoe UI", Arial, sans-serif;
       }
 
       .learning-mode p {
-        color: #bf360c;
+        color: white;
         font-size: 1.2em;
         margin-bottom: 20px;
       }
diff --git a/data/settings.html b/data/settings.html
index 2effb57..cd966ee 100644
--- a/data/settings.html
+++ b/data/settings.html
@@ -169,7 +169,7 @@
           <div id="learningMode" class="learning-mode">
             <h3>🎯 Anlernmodus aktiv</h3>
             <p id="learningInstruction" class="pulse">
-              Drücken Sie jetzt den Button für: <strong>Bahn 1 Start</strong>
+              Drücke jetzt den Button für: <strong>Bahn 1 Start</strong>
             </p>
             <button onclick="cancelLearningMode()" class="btn btn-danger">
               ❌ Abbrechen
@@ -424,7 +424,7 @@
         document.getElementById("currentTimeInput").value = now
           .toTimeString()
           .split(" ")[0];
-        showMessage("Browser-Zeit übernommen", "info");
+        showMessage("Deine Browser-Zeit wurde übernommen", "info");
 
         // Jetzt auch direkt an den Server senden:
         const dateValue = document.getElementById("currentDate").value;
@@ -468,7 +468,7 @@
           const timeValue = document.getElementById("currentTimeInput").value;
 
           if (!dateValue || !timeValue) {
-            showMessage("Bitte Datum und Uhrzeit eingeben", "error");
+            showMessage("Bitte gib Datum und Uhrzeit ein", "error");
             return;
           }
 
@@ -485,7 +485,7 @@
             .then((response) => response.json())
             .then((data) => {
               if (data.success) {
-                showMessage("Uhrzeit erfolgreich gesetzt!", "success");
+                showMessage("Die Uhrzeit wurde erfolgreich gesetzt!", "success");
               } else {
                 showMessage("Fehler beim Setzen der Uhrzeit", "error");
               }