diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css
index 30c4c23..97884e0 100644
--- a/adventskalender/2025/css/main.css
+++ b/adventskalender/2025/css/main.css
@@ -8,37 +8,52 @@
 
 /* === Türchen-Stil === */
 .door {
-  font-family: "Bratonien2025", cursive;
-  font-size: 2.3vw;
-  font-weight: 400;
-  color: var(--ci-gold);
-  text-shadow: 0 0 12px rgba(200,170,73,0.55);
-
+  position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   aspect-ratio: 1 / 1;
 
-  background-color: rgba(255, 255, 255, 0.16);
+  /* Verlauf auf Basis der CI-Farben */
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--ci-darkgreen) 60%, transparent),
+    color-mix(in srgb, var(--ci-blue) 60%, transparent)
+  );
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
+
   border: 2px solid var(--ci-gold);
   border-radius: 12px;
   box-shadow:
-    0 0 10px rgba(200,170,73,0.25),
+    0 0 10px color-mix(in srgb, var(--ci-gold) 40%, transparent),
     inset 0 0 6px rgba(255,255,255,0.18);
 
+  /* Schrift */
+  font-family: "Bratonien2025", cursive;
+  font-size: 2.3vw;
+  font-weight: 400;
+  color: var(--ci-gold);
+  text-shadow:
+    0 0 3px rgba(0,0,0,0.6),
+    0 0 8px rgba(0,0,0,0.4);
+
   cursor: pointer;
   transition:
     transform 0.2s ease,
     box-shadow 0.2s ease,
-    background-color 0.2s ease;
+    background 0.2s ease;
 }
 
+/* Hover: heller Goldverlauf */
 .door:hover {
-  background-color: rgba(247,243,232,0.28);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--ci-gold) 40%, transparent),
+    color-mix(in srgb, var(--ci-creamwhite) 40%, transparent)
+  );
   box-shadow:
-    0 0 16px rgba(200,170,73,0.5),
+    0 0 16px color-mix(in srgb, var(--ci-gold) 60%, transparent),
     inset 0 0 10px rgba(255,255,255,0.35);
   transform: scale(1.04);
 }
\ No newline at end of file