From 33698b11b0987fb03120ca353419a89a0402317e Mon Sep 17 00:00:00 2001 From: Vincent Laux <3019006@stud.hs-mannheim.de> Date: Wed, 30 Sep 2026 16:33:17 +0200 Subject: [PATCH] =?UTF-8?q?banner=20ausrichtung=20f=C3=BCr=20alle=203=20se?= =?UTF-8?q?iten=20behoben?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/paketdetails.css | 17 ++++++++++++++++- html/paket-PREMIUM.html | 6 +++--- html/paket-STANDARD.html | 2 +- html/paket-starter.html | 2 +- 4 files changed, 21 insertions(+), 6 deletions(-) diff --git a/css/paketdetails.css b/css/paketdetails.css index 4e496c7..168fc15 100644 --- a/css/paketdetails.css +++ b/css/paketdetails.css @@ -211,7 +211,8 @@ } -/* Das Hintergrundbild erstreckt sich vollflächig über den gesamten Hero-Bereich */ +/* Das Hintergrundbild erstreckt sich vollflächig über den gesamten Hero-Bereich +Das ist die Standardausrichtung für für die Banner */ .paket-detail__hero .hero__image { position: absolute; inset: 0; @@ -221,6 +222,20 @@ object-position: right top; /* Bildschwerpunkt rechts ausrichten */ z-index: -2; } +/* Starter-Paket Ausrichtung*/ +body.paket-starter .hero__image { + object-position: right top; +} + +/* 2. Standard-Paket */ +body.paket-standard .hero__image { + object-position: 60% 30%; +} + +/* 3. Premium-Paket */ +body.paket-premium .hero__image { + object-position: 30% center; +} .paket-detail__hero::after { position: absolute; diff --git a/html/paket-PREMIUM.html b/html/paket-PREMIUM.html index 344baf9..18eb57a 100644 --- a/html/paket-PREMIUM.html +++ b/html/paket-PREMIUM.html @@ -17,7 +17,7 @@ - +
@@ -50,10 +50,10 @@
- Zwei ältere Sportler besprechen ihren Ernährungsplan neben einem Fahrrad am See. + Zwei ältere Sportler besprechen ihren Ernährungsplan neben einem Fahrrad am See.
-

Ernährungsberatung · Starter

+

Ernährungsberatung · Premium

Dein erster Schritt.Gut versorgt starten.

Du möchtest deine Ernährung bewusster auf dein Training abstimmen? Wir begleiten deinen Einstieg – mit einem persönlichen Gespräch, einem Plan für dich und konkreten Ideen für deinen Alltag.

diff --git a/html/paket-STANDARD.html b/html/paket-STANDARD.html index 13b1243..ead669f 100644 --- a/html/paket-STANDARD.html +++ b/html/paket-STANDARD.html @@ -17,7 +17,7 @@ - +
diff --git a/html/paket-starter.html b/html/paket-starter.html index 344baf9..c387558 100644 --- a/html/paket-starter.html +++ b/html/paket-starter.html @@ -17,7 +17,7 @@ - +