From e2512e3699ce40f81b6619cc7c45a15c04312f2b Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Thu, 9 Jul 2026 15:52:22 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20K=C3=B6Pi=20-=20Bildauswahl=20pr=C3=A4zi?=
 =?UTF-8?q?ser,=20Bilder=20kleiner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/src/tools/koepi/routes.js | 17 +++++------------
 frontend/src/tools/koepi.jsx      |  4 ++--
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/backend/src/tools/koepi/routes.js b/backend/src/tools/koepi/routes.js
index 75c01f0..3cd0748 100644
--- a/backend/src/tools/koepi/routes.js
+++ b/backend/src/tools/koepi/routes.js
@@ -108,26 +108,19 @@ async function scrapeMarktguru() {
     for (const offer of offers) {
       const desc = (offer.description || '').toLowerCase();
       if (desc.includes('steini')) {
-        // Steini-Kasten
         offer.imageLocal = '/koepi/kasten_steini.png';
-      } else if (desc.includes('0,33') && (desc.includes('24') || desc.includes('24 x'))) {
-        // 24x0,33l Kasten
+      } else if (desc.includes('24 x 0,33') || desc.includes('24x0,33') || (desc.includes('24') && desc.includes('0,33'))) {
         offer.imageLocal = '/koepi/kasten_033.png';
-      } else if (desc.includes('11') && desc.includes('0,5')) {
-        // 11x0,5l Kasten (von vorne)
+      } else if (desc.includes('11 x 0,5') || desc.includes('11x0,5') || desc.includes('11 x 0,50')) {
         offer.imageLocal = '/koepi/kasten_front.png';
-      } else if (desc.includes('0,5') && (desc.includes('20') || desc.includes('20 x'))) {
-        // 20x0,5l Langhalsflasche
+      } else if (desc.includes('20 x 0,5') || desc.includes('20x0,5') || desc.includes('kasten = 20')) {
         offer.imageLocal = '/koepi/kasten_lang.png';
-      } else if (desc.includes('flasche') || desc.includes('6 x') || desc.includes('6x')) {
-        // 6er Träger
+      } else if (desc.includes('6 x') || desc.includes('6x') || (desc.includes('flasche') && !desc.includes('kasten'))) {
         offer.imageLocal = '/koepi/traeger.png';
-      } else if (desc.includes('0,5')) {
-        offer.imageLocal = '/koepi/kasten_050.png';
       } else if (desc.includes('0,33')) {
         offer.imageLocal = '/koepi/kasten_033.png';
       } else {
-        offer.imageLocal = '/koepi/kasten_050.png'; // default
+        offer.imageLocal = '/koepi/kasten_050.png';
       }
       offer.image = null; // CDN nicht mehr nötig
     }
diff --git a/frontend/src/tools/koepi.jsx b/frontend/src/tools/koepi.jsx
index 8487c70..259287e 100644
--- a/frontend/src/tools/koepi.jsx
+++ b/frontend/src/tools/koepi.jsx
@@ -36,9 +36,9 @@ function OfferCard({ offer }) {
     }}>
       {/* Bild oben */}
       {offer.imageLocal && (
-        <div style={{ margin:'-12px -14px 8px -14px', borderRadius:'8px 8px 0 0', background:'transparent', height:180, display:'flex', alignItems:'center', justifyContent:'center' }}>
+        <div style={{ margin:'-12px -14px 8px -14px', borderRadius:'8px 8px 0 0', background:'transparent', height:130, display:'flex', alignItems:'center', justifyContent:'center' }}>
           <img src={offer.imageLocal} alt="König Pilsener"
-            style={{ maxWidth:'100%', maxHeight:'180px', width:'auto', height:'auto', display:'block', objectFit:'contain' }}
+            style={{ maxWidth:'90%', maxHeight:'130px', width:'auto', height:'auto', display:'block', objectFit:'contain' }}
           />
         </div>
       )}