diff --git a/css/style.css b/css/style.css
index 08f353d..c868279 100644
--- a/css/style.css
+++ b/css/style.css
@@ -94,3 +94,7 @@ h1 {
 .galerie img:hover {
   transform: scale(1.03);
 }
+
+.morgen { color: #d97706; }   /* warmes Orange */
+.tag    { color: #16a34a; }   /* frisches Grün */
+.abend  { color: #4338ca; }   /* tiefes Blau */
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index ef6ef6f..25fd87e 100644
--- a/js/script.js
+++ b/js/script.js
@@ -52,4 +52,15 @@ if (stunde < 10) {
   text = "Guten Abend!";
 }
 
-document.getElementById("begruessung").textContent = text;
\ No newline at end of file
+document.getElementById("begruessung").textContent = text;
+
+const el = document.getElementById("begruessung");
+el.textContent = text;
+
+if (stunde < 10) {
+  el.classList.add("morgen");
+} else if (stunde < 18) {
+  el.classList.add("tag");
+} else {
+  el.classList.add("abend");
+}
\ No newline at end of file