Update main.css

css/main.css

@@ -89,20 +89,18 @@ button, input[type=submit] {
     width: 100%;
 }
 
+/* BUTTONS: Überall konsistent 4px Margin */
 .primary, .secondary {
     text-decoration: none;
     font-weight: bold;
     text-align: center;
     padding: 14px 20px;
-    margin: 4px 0 !important; 
+    margin: 4px 0 !important; /* Fixierter Abstand nach deinem Wunsch */
     display: block;
     text-transform: uppercase;
     letter-spacing: 1px;
+    transition: all 0.2s ease;
     width: 100%; 
-    line-height: 1.2;
-    transform: translateZ(0);
-    backface-visibility: hidden;
-    transition: background-color 0.2s ease, border-left 0.2s ease, padding-left 0.2s ease, filter 0.2s ease;
 }
 
 .primary {
@@ -110,14 +108,11 @@ button, input[type=submit] {
     color: var(--app-background) !important;
     border-radius: 4px;
     border: none;
-    padding-left: 20px; /* Festes Padding */
 }
 
 .primary:hover {
     filter: brightness(0.9);
-    border-left: 0px solid transparent !important;
-    padding-left: 20px !important;
-    transform: none !important;
+    transform: translateY(-2px);
 }
 
 .secondary {
@@ -125,16 +120,13 @@ button, input[type=submit] {
     color: var(--foreground);
     border: 1px solid var(--foreground);
     border-radius: 4px;
-    border-left: 1px solid var(--foreground); /* Startet mit normalem Rahmen */
 }
 
 .secondary:hover {
     background: rgba(255,255,255,0.05);
-    border-left: 6px solid var(--ztfr-purple) !important;
-    padding-left: 26px;
-    transform: none !important;
 }
 
+/* Fix für Button-Container (entfernt versteckte Gaps) */
 .actions, 
 .ClientView .actions, 
 .ClientListView .actions,
@@ -142,17 +134,14 @@ button, input[type=submit] {
     display: flex !important;
     flex-direction: column !important;
     gap: 0px !important; 
-    align-items: stretch;
-    justify-content: flex-start;
-    backface-visibility: hidden;
 }
 
-/* Entfernt den Abstand beim letzten Button in einer Gruppe */
+/* Entfernt den Abstand beim letzten Button in einer Gruppe für saubere Optik */
 .actions > *:last-child {
     margin-bottom: 0 !important;
 }
 
-/* Input Felder */
+/* Input Felder: Dunkel statt Weiß */
 input[type='text'].large {
     width: 100%;
     padding: 14px;