From b9d5105a181c12bc59b431c9eafc5f78a0ebd570 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 15 Sep 2025 14:10:24 +0200
Subject: [PATCH] =?UTF-8?q?=C3=84nderung:=20Anpassung=20des=20Styles=20f?=
 =?UTF-8?q?=C3=BCr=20die=20Kontakt-Schaltfl=C3=A4che=20im=20SettingsWidget?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Änderungen:
- Aktualisierung der Hintergrundfarbe, Textfarbe und Rahmen der Kontakt-Schaltfläche.
- Verbesserung der Hover- und Active-Zustände für eine bessere Benutzererfahrung.

Diese Anpassungen verbessern die visuelle Gestaltung und Benutzerinteraktion der Kontakt-Schaltfläche.
---
 frontend/src/components/SettingsWidget.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/SettingsWidget.vue b/frontend/src/components/SettingsWidget.vue
index bab1dfc..9370c92 100644
--- a/frontend/src/components/SettingsWidget.vue
+++ b/frontend/src/components/SettingsWidget.vue
@@ -250,21 +250,21 @@ export default {
     }
     
     .contact-button {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        padding: 5px 10px;
-        border-radius: 4px;
+        margin-left: 10px;
+        padding: 5px 12px;
         cursor: pointer;
+        background: #F9A22C;
+        color: #000000;
+        border: 1px solid #F9A22C;
+        border-radius: 4px;
+        transition: background 0.05s;
+        border: 1px solid transparent;
         font-size: 12px;
-        transition: background-color 0.2s;
     }
     
     .contact-button:hover {
-        background-color: #0056b3;
-    }
-    
-    .contact-button:active {
-        background-color: #004085;
+        background: #fdf1db;
+        color: #7E471B;
+        border: 1px solid #7E471B;
     }
 </style>
\ No newline at end of file