From fa4c5ac520656a28861c2d58ce66878e83bd5886 Mon Sep 17 00:00:00 2001 From: Vincent Laux <3019006@stud.hs-mannheim.de> Date: Thu, 24 Sep 2026 17:13:19 +0200 Subject: [PATCH] =?UTF-8?q?V-US-01-02:=20Leistungs=C3=BCbersicht=20mit=203?= =?UTF-8?q?=20Paketen=20umgesetzt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes css/style.css | 194 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 73 ++++++++++++++++++- js/script.js | 27 +++++++ script.js | 0 style.css | 0 6 files changed, 293 insertions(+), 1 deletion(-) create mode 100644 .DS_Store create mode 100644 css/style.css create mode 100644 js/script.js delete mode 100644 script.js delete mode 100644 style.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 Ernährungsberater + + + + + +
+
+

Deine Pakete

+

+ Drei Wege zu einer Ernährung, die zu deinem Training, deinem Alltag und + deinem Alter passt – entwickelt für Triathletinnen und Triathleten ab 50. +

+
+ +
+ +
+

Starter

+

+ 79 € + / Monat +

+

Für den Einstieg in eine bewusste Ernährung neben dem Training.

+
    +
  • Erstgespräch & Bedarfsanalyse
    • +
  • Individueller Ernährungsplan
    • +
  • Monatliches Check-in per E-Mail
    • +
  • Zugang zu Beispielplänen
    • +
+ +
+ +
+

Beliebteste Wahl

+

STANDART

+

+ 149 € + / Monat +

+

Laufende Begleitung für alle, die regelmäßig für Wettkämpfe trainieren.

+
    +
  • Alles aus Starter
    • +
  • Plan-Anpassung je Trainingsphase
    • +
  • Zwei Beratungsgespräche pro Monat
    • +
  • Wettkampf-Ernährungsstrategie
    • +
  • Direkter Chat mit deiner Beraterin
    • +
+ +
+ +
+

Rundum Sorglos Paket

+

+ 249 € + / Monat +

+

Volle Betreuung für ambitionierte Athletinnen und Athleten.

+
    +
  • Alles aus Ausdauer
    • +
  • Wöchentliche Beratungsgespräche
    • +
  • Individuelle Supplement-Empfehlung
    • +
  • Betreuung am Wettkampftag
    • +
  • Priorisierter Support
    • +
+ +
+ +
+
+ + - \ No newline at end of file + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..90d8232 --- /dev/null +++ b/js/script.js @@ -0,0 +1,27 @@ +// US-01-02 Leistungsübersicht +// Markiert das gewählte Paket visuell und stellt die Auswahl bereit, +// damit US-01-03 (Pakete online buchen) später darauf aufbauen kann. + +document.addEventListener("DOMContentLoaded", () => { + const karten = document.querySelectorAll(".paket-karte"); + + karten.forEach((karte) => { + const button = karte.querySelector(".paket-karte__cta"); + if (!button) return; + + button.addEventListener("click", () => { + karten.forEach((k) => k.classList.remove("paket-karte--ausgewaehlt")); + karte.classList.add("paket-karte--ausgewaehlt"); + + const paketName = button.dataset.paket; + + // Andere Skripte (z. B. die Buchungsstrecke aus US-01-03) + // können auf dieses Event hören, statt den DOM abzufragen. + document.dispatchEvent( + new CustomEvent("paket:ausgewaehlt", { detail: { paket: paketName } }) + ); + + console.log(`Paket "${paketName}" ausgewählt.`); + }); + }); +}); diff --git a/script.js b/script.js deleted file mode 100644 index e69de29..0000000 diff --git a/style.css b/style.css deleted file mode 100644 index e69de29..0000000