diff --git a/shop/components/invoice-pdf.tsx b/shop/components/invoice-pdf.tsx
index 36c5151..8172900 100644
--- a/shop/components/invoice-pdf.tsx
+++ b/shop/components/invoice-pdf.tsx
@@ -171,44 +171,35 @@ export const InvoicePDF = ({ order, orderSnapshot, customer }: any) => {
           <Text>Datum: {new Date(order.created_at || Date.now()).toLocaleDateString('de-DE')}</Text>
         </View>
 
-        <View style={styles.table}>
-          <View style={[styles.tableRow, { backgroundColor: '#f9f9f9' }]}>
-            <View style={styles.tableCol}><Text style={{ fontWeight: 'bold' }}>Beschreibung</Text></View>
-            <View style={styles.tableColPrice}><Text style={{ fontWeight: 'bold' }}>Preis (netto)</Text></View>
-          </View>
-
+        <View style={{ marginTop: 10, marginBottom: 15 }}>
           {Object.entries(groupedItems).map(([deviceName, devItems], groupIdx) => (
-            <View key={groupIdx} style={{ marginBottom: 6 }}>
-              <View style={{ backgroundColor: '#f1f5f9', padding: '4 8', marginTop: 6, borderBottomWidth: 1, borderBottomColor: '#cbd5e1' }}>
-                <Text style={{ fontSize: 9, fontWeight: 'bold', color: '#1e293b' }}>Gerät: {deviceName}</Text>
+            <View key={groupIdx} style={{ marginBottom: 12, borderWidth: 1, borderColor: '#e2e8f0', borderRadius: 4, padding: 8, backgroundColor: '#f8fafc' }}>
+              <View style={{ borderBottomWidth: 1, borderBottomColor: '#cbd5e1', paddingBottom: 4, marginBottom: 6 }}>
+                <Text style={{ fontSize: 10, fontWeight: 'bold', color: '#1e3a8a' }}>
+                  Gerät: {deviceName}
+                </Text>
               </View>
               {devItems.map((item: any, idx: number) => (
-                <View key={idx}>
-                  <View style={styles.tableRow}>
-                    <View style={styles.tableCol}>
-                      <Text style={{ fontWeight: 'bold' }}>{item.product_name} ({item.category_name})</Text>
-                    </View>
-                    <View style={styles.tableColPrice}>
-                      <Text>
-                        {formattedPrice(item.base_price)} {item.billing_interval === 'one_time' ? 'einmalig' : 'mtl.'}
-                      </Text>
-                    </View>
+                <View key={idx} style={{ marginBottom: 6 }}>
+                  <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 2 }}>
+                    <Text style={{ fontSize: 9, fontWeight: 'bold', color: '#334155' }}>
+                      {item.product_name} ({item.category_name})
+                    </Text>
+                    <Text style={{ fontSize: 9, fontWeight: 'bold', color: '#0f172a' }}>
+                      {formattedPrice(item.base_price)} {item.billing_interval === 'one_time' ? 'einmalig' : 'mtl.'}
+                    </Text>
                   </View>
                   {item.selected_modules?.map((mod: any, mIdx: number) => {
                     const qty = mod.quantity || 1;
                     const price = mod.total_price ?? (mod.price * qty);
                     return (
-                      <View key={mIdx} style={styles.tableRow}>
-                        <View style={[styles.tableCol, { paddingLeft: 20 }]}>
-                          <Text style={{ color: '#666' }}>
-                            + {mod.module_name} {qty > 1 ? `(x${qty})` : ''}
-                          </Text>
-                        </View>
-                        <View style={styles.tableColPrice}>
-                          <Text style={{ color: '#666' }}>
-                            +{formattedPrice(price)} mtl.
-                          </Text>
-                        </View>
+                      <View key={mIdx} style={{ flexDirection: 'row', justifyContent: 'space-between', paddingLeft: 12, marginBottom: 1 }}>
+                        <Text style={{ fontSize: 8, color: '#64748b' }}>
+                          + {mod.module_name} {qty > 1 ? `(x${qty})` : ''}
+                        </Text>
+                        <Text style={{ fontSize: 8, color: '#64748b' }}>
+                          +{formattedPrice(price)} mtl.
+                        </Text>
                       </View>
                     );
                   })}