From e120905338d5390a349bf1da0b3f7be364755e71 Mon Sep 17 00:00:00 2001
From: Reto Bollinger <bolliret@MBP-von-Reto-2.localdomain>
Date: Mon, 18 Nov 2024 19:26:52 +0100
Subject: [PATCH] CSS issue from hell seems finally solved for all cases

---
 .../project/assets/static/style.css           | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index 949900c..1dec582 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -62,12 +62,13 @@ div.inner_page {
 
 div.inner_page.bgimage {
     background-image: url(/images/bg_image_welcome_1.jpg);
-    background-size: contain;
+    background-size: 100%;
     background-position: top;
     background-repeat: no-repeat;
-    min-height: 635px;
     background-color: rgba(255,255,255,.6);
-    background-blend-mode: lighten
+    background-blend-mode: lighten;
+    min-height: 672px;
+    box-sizing: border-box;
 }
 
 footer,header,header h1 {
@@ -105,6 +106,11 @@ div.page {
 }
 
 @media (max-width:768px) {
+
+    div.inner_page.bgimage {
+        min-height: calc((80vw - 60px) * 0.572);
+    }
+
     body {
         font-size: 4vw
     }
@@ -118,7 +124,20 @@ div.page {
     }
 }
 
+@media (min-width:1025px) and (max-width:1540px) {
+
+    div.inner_page.bgimage {
+        min-height: calc((80vw - 60px) * 0.572);
+    }
+    
+}
+
 @media (min-width:769px) and (max-width:1024px) {
+
+    div.inner_page.bgimage {
+        min-height: calc((80vw - 60px) * 0.572);
+    }
+
     body {
         font-size: 2.5vw
     }