From 6f862b5eea935dae240d9eb72880cf07d259e879 Mon Sep 17 00:00:00 2001
From: jamulix <fritzchem@linix.de>
Date: Fri, 24 Oct 2025 18:17:06 +0200
Subject: [PATCH] =?UTF-8?q?-m=20"Falsche=20Zeichen=20werde=20orange=20?=
 =?UTF-8?q?=C3=BCber=20korrekte=20gestellt."?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/style.css | 21 +++++++++++++--------
 templates/index.html |  4 ++--
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 94e5cb5..637828f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -33,7 +33,6 @@ body {
 [data-bs-theme="dark"] .cursor-char::after {
     background-color: #0cf;
     height: 3px;
-    animation: blink 0.7s infinite;
 }
 
 /* Dark Theme Styles */
@@ -97,7 +96,7 @@ body {
 }
 
 [data-bs-theme="dark"] .incorrect-char-overlay {
-    color: #ffc107;
+    color: #ff9500;
 }
 
 [data-bs-theme="dark"] .highlight-space,
@@ -164,6 +163,17 @@ body {
     overflow: hidden;
 }
 
+.card-header-custom {
+    background-color: #e9ecef !important;
+    color: #212529 !important;
+    border-radius: 10px 10px 0 0 !important;
+}
+
+[data-bs-theme="dark"] .card-header-custom {
+    background-color: #495057 !important;
+    color: #f8f9fa !important;
+}
+
 .card-header {
     border-radius: 10px 10px 0 0 !important;
 }
@@ -175,12 +185,8 @@ body {
     line-height: 1.6;                                                                    
     letter-spacing: 0.5px;                                                               
     user-select: none; /* Verhindert Textauswahl */                                      
-    user-select: none; /* Für Safari */                                          
-    user-select: none; /* Für Firefox */                                            
-    user-select: none; /* Für Internet Explorer/Edge */                              
     white-space: pre-wrap;                                                               
     overflow: auto;                                                                      
-    overflow-wrap: break-word;                                                               
     overflow-wrap: break-word;                                                           
     word-break: normal;                                                                  
     padding-top: 2.5em; /* Vergrößerter Abstand am oberen Rand */                            
@@ -191,7 +197,6 @@ body {
     width: 100%;                                                                         
     white-space: pre-wrap;                                                               
     font-family: monospace;                                                              
-    overflow-wrap: break-word;                                                               
     overflow-wrap: break-word;                                                           
     word-break: normal;                                                                  
     hyphens: none;                                                                       
@@ -235,7 +240,7 @@ body {
     top: -1em;
     left: 0;
     font-size: 0.7em;
-    color: #ffc107;
+    color: #ff9500;
     background-color: transparent;
     font-weight: bold;
     z-index: 10;
diff --git a/templates/index.html b/templates/index.html
index e9cfad0..6594ba1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -54,7 +54,7 @@
                         <div class="row mb-4">
                             <div class="col-md-6">
                                 <div class="card bg-light">
-                                    <div class="card-header d-flex justify-content-between align-items-center">
+                                    <div class="card-header card-header-custom d-flex justify-content-between align-items-center">
                                         <h6 class="card-title mb-0 progress-toggle" style="cursor: pointer; user-select: none;">
                                             <i class="fas fa-chevron-down"></i> Fortschritt
                                         </h6>
@@ -80,7 +80,7 @@
                             
                             <div class="col-md-6">
                                 <div class="card bg-light">
-                                    <div class="card-header">
+                                    <div class="card-header card-header-custom">
                                         <h6 class="card-title mb-0 statistics-link" style="cursor: pointer;">
                                             Statistik
                                         </h6>