From d1435553d02952c0dd347d8de4939dc4f0d27786 Mon Sep 17 00:00:00 2001
From: Borgal <mueller.lars@online.de>
Date: Sat, 16 Aug 2025 00:08:39 +0200
Subject: [PATCH] colorbox Design angepasst

---
 css/style.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 7d1d99b..59a7b72 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,6 +1,6 @@
 /* --- Basis-Layout-Regeln --- */
 body {
-    background-color: #e6e6e6ff;
+    background-color: #e6e6e6;
     padding-top: 56px !important; /* Korrigiert, um Platz für das Menü zu schaffen */
 }
 
@@ -29,4 +29,21 @@ pre {
     'wght' 100,
     'GRAD' 0,
     'opsz' 24
+}
+
+.color-box {
+    position: relative;
+    max-width: 400px;
+    height: min(100px, 25vw);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.4);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.color-box:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(255, 255, 255, 0.4);
+}
+
+.color-box p {
+    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
 }
\ No newline at end of file