style: align selection heights in step 1

shop/components/wizard/step-customer.tsx

@@ -154,8 +154,28 @@ export function StepCustomer({
           Wählen Sie den Partner (für Admins) und den Endkunden aus oder legen Sie einen neuen an.
         </CardDescription>
       </CardHeader>
-      <CardContent className="space-y-8">
+      <CardContent className="space-y-6">
-        <div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-start' : 'space-y-8'}>
+        {/* Modus-Toggle: Bestandskunde vs. Neuer Kunde */}
+        <div className="flex gap-2 pb-2">
+          <Button
+            variant={customerMode === 'select' ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => setCustomerMode('select')}
+            className={`gap-2 ${customerMode === 'select' ? '' : 'text-white'}`}
+          >
+            <Building2 className="w-4 h-4" /> Bestandskunde wählen
+          </Button>
+          <Button
+            variant={customerMode === 'create' ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => setCustomerMode('create')}
+            className={`gap-2 ${customerMode === 'create' ? '' : 'text-white'}`}
+          >
+            <UserPlus className="w-4 h-4" /> Neuen Kunden anlegen
+          </Button>
+        </div>
+
+        <div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-start' : 'space-y-6'}>
           {/* ─── 1. ADMIN PARTNER SELECTION ─── */}
           {isAdmin && (
             <div className="p-5 rounded-2xl bg-white/5 border border-white/10 space-y-4">
@@ -349,28 +369,6 @@ export function StepCustomer({
             </div>
           )}
 
-          {/* ─── 2. CUSTOMER WRAPPER ─── */}
-          <div className="space-y-6">
-            {/* Modus-Toggle: Bestandskunde vs. Neuer Kunde */}
-            <div className="flex gap-2">
-              <Button
-                variant={customerMode === 'select' ? 'default' : 'ghost'}
-                size="sm"
-                onClick={() => setCustomerMode('select')}
-                className={`gap-2 ${customerMode === 'select' ? '' : 'text-white'}`}
-              >
-                <Building2 className="w-4 h-4" /> Bestandskunde wählen
-              </Button>
-              <Button
-                variant={customerMode === 'create' ? 'default' : 'ghost'}
-                size="sm"
-                onClick={() => setCustomerMode('create')}
-                className={`gap-2 ${customerMode === 'create' ? '' : 'text-white'}`}
-              >
-                <UserPlus className="w-4 h-4" /> Neuen Kunden anlegen
-              </Button>
-            </div>
-
           <AnimatePresence mode="wait">
             {/* ─── 2. CUSTOMER SELECTION ─── */}
             {customerMode === 'select' && (
@@ -617,7 +615,6 @@ export function StepCustomer({
             )}
           </AnimatePresence>
         </div>
-        </div>
       </CardContent>
       <CardFooter className="flex justify-end border-t border-white/10 pt-6">
         <Button