ydej

public/css/events.css

@@ -156,13 +156,11 @@
 
 .booster-stage {
   display: flex;
-  align-items: center;
-  gap: 24px;
+  align-items: flex-start;
+  gap: 10px;
   width: 100%;
 }
 
-/* ── Stapel links ── */
-
 .booster-left {
   display: flex;
   flex-direction: column;
@@ -182,6 +180,7 @@
   transition: transform 0.15s ease, filter 0.15s ease;
   border: 2px solid rgba(255, 255, 255, 0.1);
   border-radius: 6px;
+  display: block;
 }
 
 .booster-stapel-img:hover:not(.used) {
@@ -202,13 +201,9 @@
   text-align: center;
 }
 
-/* ── Karten-Slots rechts ── */
-
+/* Slots werden direkte Flex-Kinder von .booster-stage */
 .booster-slots {
-  display: flex;
-  gap: 10px;
-  flex: 1;
-  justify-content: center;
+  display: contents;
 }
 
 .booster-slot {