feat: align QR code to blue line, add border, remove label

lib/pdf-business-card.tsx

@@ -181,7 +181,7 @@ const styles = StyleSheet.create({
     height: 1.5,
     backgroundColor: '#011dff', // Brand blue line
     marginLeft: 15,
-    marginRight: 0,
+    marginRight: 10,
   },
   accentDot: {
     width: 4,
@@ -259,19 +259,16 @@ const styles = StyleSheet.create({
     gap: 3,
   },
   qrCodeWrapper: {
-    width: '11mm',
-    height: '11mm',
+    width: '12mm',
+    height: '12mm',
+    border: '0.75pt solid #011dff',
+    padding: 2.5,
+    backgroundColor: '#ffffff',
   },
   qrCode: {
     width: '100%',
     height: '100%',
   },
-  qrLabel: {
-    fontSize: 4,
-    color: COLORS.neutralDark, // Subtle grey instead of loud blue
-    fontWeight: 'bold',
-    letterSpacing: 1.2,
-  },
   addressFooter: {
     width: '100%',
     flexDirection: 'row',
@@ -831,6 +828,11 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
               pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: 'none' }), {})}
             />
             <View style={styles.accentLineHorizontal} />
+            <View style={styles.qrContainer}>
+              <View style={styles.qrCodeWrapper}>
+                <Image src={qrCodeDataUrl} style={styles.qrCode} />
+              </View>
+            </View>
           </View>
 
           <View style={styles.backBody}>
@@ -861,15 +863,6 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
                 </View>
               </View>
             </View>
-
-            <View style={styles.rightColumn}>
-              <View style={styles.qrContainer}>
-                <View style={styles.qrCodeWrapper}>
-                  <Image src={qrCodeDataUrl} style={styles.qrCode} />
-                </View>
-                <Text style={styles.qrLabel}>ABSPEICHERN</Text>
-              </View>
-            </View>
           </View>
         </View>