From 64f4076b88fd953216a9ac941fc8d4874c2ebbc8 Mon Sep 17 00:00:00 2001
From: Dominik Milacher <code@dominikmilacher.com>
Date: Wed, 15 Oct 2025 12:31:22 +0200
Subject: [PATCH] Fix maps image

---
 .../pages/[locale]/[variant]/index.vue              | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/panoramablick-saalbach.at/pages/[locale]/[variant]/index.vue b/apps/panoramablick-saalbach.at/pages/[locale]/[variant]/index.vue
index daf3c4c..d04ce55 100644
--- a/apps/panoramablick-saalbach.at/pages/[locale]/[variant]/index.vue
+++ b/apps/panoramablick-saalbach.at/pages/[locale]/[variant]/index.vue
@@ -81,9 +81,9 @@
   </AppFlatSection>
 
   <AppCardSection>
-    <div class="flex w-full items-stretch overflow-hidden">
-      <!-- Left: 40% width -->
-      <div class="w-[40%] flex flex-col justify-center pr">
+    <div class="flex flex-col md:flex-row w-full items-stretch overflow-hidden">
+      <!-- Left: 40% width on desktop, full on mobile -->
+      <div class="w-full md:w-[40%] flex flex-col justify-center pr">
         <AppTitleText :title="c.landing.location.title" :text="c.landing.location.description">
           <UButton to="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7" color="primary" variant="solid" size="xl"
                    trailing-icon="i-heroicons-arrow-right">
@@ -91,20 +91,21 @@
           </UButton>
         </AppTitleText>
       </div>
-      <!-- Right: 60% width, image fills -->
+      <!-- Right: 60% width on desktop, full on mobile -->
       <a
           href="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7"
-          class="w-[60%] overflow-hidden relative group"
+          class="w-full md:w-[60%] overflow-hidden relative group"
           aria-label="Google Maps öffnen"
       >
         <NuxtImg
             :src="c.landing.location.image"
             alt="Vorschaubild der Lage in Google Maps"
-            class="w-full h-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
+            class="w-full h-64 md:h-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
         />
       </a>
     </div>
 
+
   </AppCardSection>
 
   <AppFlatSection>