From 2a59b775e2a6645406b800b01ddfd79a72fc844a Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Thu, 14 May 2026 19:33:21 +0200
Subject: [PATCH] Fix: Eric-Ward-Split mit Inline-Styles und auto-fit Grid (SW
 by-v958)

---
 backend/main.py             |  2 +-
 backend/static/js/app.js    |  2 +-
 backend/static/landing.html | 33 ++++++++++++++++++++-------------
 backend/static/sw.js        |  2 +-
 4 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/backend/main.py b/backend/main.py
index 24ca728..689ebb8 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -406,7 +406,7 @@ async def serve_media(path: str, request: _Request):
         raise _HE(404, "Nicht gefunden.")
     return _media_response(filepath)
 
-APP_VER = "957"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "958"  # muss mit APP_VER in app.js übereinstimmen
 
 @app.get("/.well-known/assetlinks.json")
 async def assetlinks():
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 2a3d251..e3ca9fe 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER     = '957'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '958'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';
 // Cache-Bust-Parameter nach Update-Reload sofort entfernen
diff --git a/backend/static/landing.html b/backend/static/landing.html
index 9c8ca02..c7939a0 100644
--- a/backend/static/landing.html
+++ b/backend/static/landing.html
@@ -829,20 +829,27 @@
 </section>
 
 <!-- Emotionaler Split: Eric Ward -->
-<section style="padding:0;overflow:hidden">
-  <div class="moment-split">
-    <div class="moment-photo">
-      <img src="/img/landing/eric-ward.jpg" alt="Hundebesitzer umarmt seinen Golden Retriever" loading="lazy">
-      <span class="photo-credit">© Eric Ward · Unsplash</span>
-    </div>
-    <div class="moment-text">
-      <blockquote>„Ich kann mir ein Leben ohne ihn nicht mehr vorstellen."</blockquote>
-      <p>Das sagen uns Tausende Hundemenschen täglich. Ban Yaro begleitet diese Liebe — mit Tagebuch, Gesundheit, Training und einer Gemeinschaft die genauso fühlt wie du.</p>
-      <a href="/" class="cta-btn" style="align-self:flex-start;background:white;color:#a86e2e;margin:0;box-shadow:0 4px 20px rgba(0,0,0,.15)"
-         onclick="sessionStorage.setItem('by_stay_in_app','1')">Kostenlos starten</a>
-    </div>
+<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-height:420px;overflow:hidden">
+  <div style="position:relative;min-height:300px">
+    <img src="/img/landing/eric-ward.jpg" alt="Hundebesitzer umarmt seinen Golden Retriever"
+         loading="lazy"
+         style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block">
+    <span class="photo-credit">© Eric Ward · Unsplash</span>
   </div>
-</section>
+  <div style="background:linear-gradient(135deg,#C4843A 0%,#d4944a 100%);color:white;
+              display:flex;flex-direction:column;justify-content:center;
+              padding:clamp(2rem,5vw,3.5rem);gap:1.5rem">
+    <p style="font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;line-height:1.3;margin:0">
+      „Ich kann mir ein Leben ohne ihn nicht mehr vorstellen."
+    </p>
+    <p style="font-size:1rem;opacity:0.88;margin:0;line-height:1.65">
+      Das sagen uns Tausende Hundemenschen täglich. Ban Yaro begleitet diese Liebe — mit Tagebuch, Gesundheit, Training und einer Gemeinschaft die genauso fühlt wie du.
+    </p>
+    <a href="/" class="cta-btn"
+       style="align-self:flex-start;background:white;color:#a86e2e;margin:0;box-shadow:0 4px 20px rgba(0,0,0,.2)"
+       onclick="sessionStorage.setItem('by_stay_in_app','1')">Kostenlos starten</a>
+  </div>
+</div>
 
 <!-- Demo-Video -->
 <section id="demo" style="position:relative;background:#1a1a1a;padding:64px 20px;text-align:center;overflow:hidden">
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 1ea46ea..0fd300d 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v957';
+const CACHE_VERSION = 'by-v958';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
 const CACHE_API     = 'ban-yaro-api-v1';    // API-Response-Cache