esp

static/style.css

@@ -116,7 +116,7 @@ header {
     display: flex;
     flex-wrap: wrap;
     gap: 30px;
-    max-height: 62vh;
+    max-height: 70vh;
     overflow-y: auto;
 }
 
@@ -134,11 +134,6 @@ header {
     transition: background 0.3s;
     position: relative;
 }
-
-.grid-button:hover {
-    background: #7f8c8d;
-    cursor: pointer;
-}
 /* Rahmen + Titel für den rechten Block */
 .stats-box {
     border: 2px solid #000;
@@ -182,8 +177,8 @@ header {
     position: absolute;
     top: 10px;
     left: 12px;
-    font-size: 20px;
-    color: #ff0000;
+    font-size: 24px;
+    color: #000000;
 }
 
 .clickable .center-number {
@@ -194,16 +189,36 @@ header {
 .grid-button .top-left-text {
     position: absolute;
     top: 10px;
-    left: 12px;
-    font-size: 20px;
-    color: #ff0000;
+    left: 16px;
+    font-size: 24px;
+    color: #000000;
 }
 .grid-button .center-number {
-    margin-top: 40px;
+    margin-top: 85px;
     width: 100%;
     height: 80%;
     font-size: 48px;
     font-weight: bold;
     color: #222;
     text-align: center;
-}
+}
+.deniePress:hover{
+    cursor: not-allowed;
+}
+.blink-orange {
+  background-color: orange;
+  animation: pulse-orange 1.0s infinite;
+}
+
+@keyframes pulse-orange {
+  0% { background-color: orange; }
+  50% { background-color: #fdbb57; } /* etwas heller */
+  100% { background-color: orange; }
+}
+.initBackRed {
+background-color: red;
+}
+.initBackRed:Hover{
+    background-color: rgb(255, 37, 37);
+}
+