chore: Änderungen commited

static/css/base-styles.css

@@ -474,18 +474,19 @@ body:not(.dark) a:hover {
 }
 
 /* Light Mode Buttons */
+body:not(.dark) button:not(.toggle):not(.plain-btn) {
+    color: white !important;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+
 body:not(.dark) .btn,
-body:not(.dark) button:not(.toggle) {
-    background: linear-gradient(135deg, #6d28d9, #5b21b6);
-    color: white;
-    border: none;
-    box-shadow: 0 2px 4px rgba(91, 33, 182, 0.25);
-    border-radius: 8px;
-    padding: 0.625rem 1.25rem;
-    transition: all 0.2s ease;
-    font-weight: 600;
-    letter-spacing: 0.02em;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+body:not(.dark) .btn-primary,
+body:not(.dark) .btn-secondary,
+body:not(.dark) .btn-success,
+body:not(.dark) .btn-danger,
+body:not(.dark) .btn-warning,
+body:not(.dark) .btn-info {
+    color: white !important;
 }
 
 body:not(.dark) .btn:hover,
@@ -1043,4 +1044,25 @@ body:not(.dark) .chat-message-user {
 .chat-assistant .chat-messages {
   max-height: calc(85vh - 180px); /* Angepasst für größeres Fenster */
   overflow-y: auto;
+  padding-bottom: 2rem; /* Zusätzlicher Abstand um Abschneiden zu vermeiden */
+}
+
+/* Verbesserungen für das Mobilmenü */
+@media (max-width: 768px) {
+  .mobile-menu-container {
+    max-height: 85vh;
+    overflow-y: auto;
+  }
+  
+  #chatgpt-assistant {
+    bottom: 4.5rem !important;
+  }
+  
+  .chat-assistant {
+    max-height: 70vh !important;
+  }
+  
+  .chat-assistant .chat-messages {
+    max-height: calc(70vh - 160px) !important;
+  }
 }