Copy Text Optimierung.

files/flyer_template.html

@@ -347,14 +347,17 @@
     overflow: hidden;
     border: 1px solid #cbd5e1;
     height: 100%;
-    min-height: 58mm;
+    min-height: 55mm;
   }
 
   .photo-item img {
+    position: absolute;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
-    object-position: center 65%;
+    object-position: center center;
     display: block;
   }
 
@@ -368,6 +371,7 @@
     font-size: 6.6pt;
     font-weight: 600;
     padding: 3.5mm 2.2mm 1.2mm;
+    text-align: center;
     white-space: nowrap;
   }
 
@@ -428,13 +432,16 @@
 
   .flyer-bottom-info {
     border-top: 1px solid #e2e8f0;
-    padding-top: 1.4mm;
-    margin-top: 1.8mm;
+    padding-top: 1.3mm;
+    margin-top: 1.5mm;
     display: flex;
-    justify-content: space-between;
-    font-size: 6.3pt;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    gap: 0.4mm;
+    font-size: 6.4pt;
     color: #64748b;
-    white-space: nowrap;
+    line-height: 1.28;
   }
 </style>
 </head>
@@ -606,12 +613,10 @@
           Einblicke in unsere Praxis
         </div>
         <div class="photo-grid">
-          <div class="photo-item">
-            <img src="file:///d:/web-repo2/img/gallery/praxis1.jpg" alt="Praxis außen">
+          <div class="photo-item" style="background: url('file:///d:/web-repo2/img/gallery/praxis1.jpg') 92% 65% / cover no-repeat;">
             <div class="photo-caption">Praxisgebäude &bull; Thorner Str. 1</div>
           </div>
-          <div class="photo-item">
-            <img src="file:///d:/web-repo2/img/gallery/leistung1.jpg" alt="Moderner Dialyseplatz">
+          <div class="photo-item" style="background: url('file:///d:/web-repo2/img/gallery/leistung1.jpg') 44% 55% / cover no-repeat;">
             <div class="photo-caption">Dialyseplatz im Grünen</div>
           </div>
         </div>