style: remove hard dark blue footer bar, add elegant green separator line

lib/pdf-business-card.tsx

@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
     top: 0,
     left: 0,
     right: 0,
-    bottom: '16mm', // Match the bar below
+    bottom: '20mm', // Truck stops above the footer area to avoid text conflict
     zIndex: 1,
   },
   frontBackgroundImage: {
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
   frontContainer: {
     flex: 1,
     paddingTop: '3mm', // Compensate for top bleed for perfect optical centering
-    paddingBottom: '16mm', // Match the bar height
+    paddingBottom: '20mm', // Leave space for the footer area
     justifyContent: 'center',
     alignItems: 'center',
   },
@@ -118,20 +118,25 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase',
     zIndex: 100,
   },
-  frontGreenBarBottom: {
+  frontFooterArea: {
     position: 'absolute',
     bottom: 0,
     left: 0,
     right: 0,
-    height: '16mm', // Slightly taller for more breathing room
+    height: '20mm', // Generous area for the footer
     paddingBottom: '3mm', // Exactly compensate for bottom bleed (3mm trim)
-    borderTop: `1pt solid ${COLORS.green}`, // Thin, elegant separator
-    backgroundColor: '#000a66',
     zIndex: 50,
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
-    gap: 5, // More breathing room between tagline and icons
+    gap: 5, // Breathing room between tagline and icons
+  },
+  frontSeparator: {
+    width: '45mm', // Elegant partial-width divider
+    height: 1,
+    backgroundColor: COLORS.green,
+    marginBottom: 2, // Space before tagline
+    opacity: 0.8,
   },
   frontIconsGroup: {
     flexDirection: 'row',
@@ -752,12 +757,10 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
             />
           </View>
         )}
-        <View
+        <View style={styles.frontFooterArea}>
-          style={[
+          <View
-            styles.frontGreenBarBottom,
+            style={[styles.frontSeparator, isWhiteVariant && { backgroundColor: COLORS.darkGreen }]}
-            isWhiteVariant && { backgroundColor: '#ffffff', borderTopColor: COLORS.darkGreen },
+          />
-          ]}
-        >
           <Text style={[styles.frontTaglineBar, isWhiteVariant && { color: COLORS.black }]}>
             VON 0,6/1,0 KV BIS 64/110 KV
           </Text>