From 6243d69171a6f4a5b2ef58548fdfd7828706c6ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mara=20Z=C3=B6llner?= <marazoellner@web.de>
Date: Wed, 20 May 2026 18:05:46 +0200
Subject: [PATCH] dark mode sichtbarer

---
 css/style.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index ef6a173..f1f2ab7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -139,23 +139,27 @@ body.dark footer a:hover {
 /* Button-Styling */
 #dark-mode-toggle {
   padding: 0.6rem 1rem;
-  border: none;
-  border-radius: 6px;
+  border-radius: 999px;
+  border: 1px solid rgba(255,255,255,0.2);
   cursor: pointer;
-  background: #ffffff;
-  color: #001f44;
+  background: transparent;
+  color: rgba(255,255,255,0.8);
   font-family: 'Barlow', sans-serif;
   font-size: 0.8rem;
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
+  transition: all 0.2s ease;
 }
 
 #dark-mode-toggle:hover {
-  opacity: 0.9;
+  background: rgba(255,255,255,0.08);
+  transform: translateY(-1px);
 }
 
 body.dark #dark-mode-toggle {
   background: #60a5fa;
-  color: #ffffff;
+  color: #0b1220;
+  border-color: transparent;
+  box-shadow: 0 0 18px rgba(96,165,250,0.4);
 }