From 52bbfd2566657645ec8029d14d4fbbf05822f7a1 Mon Sep 17 00:00:00 2001 From: Justin Muravjev Date: Wed, 30 Sep 2026 14:18:31 +0200 Subject: [PATCH] =?UTF-8?q?US=5F0202:=20Angebots=C3=BCbersicht=20implement?= =?UTF-8?q?iert=20und=20als=20PDF=20downloadbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/sections/vergleich.css | 53 +++++++++++++++++++++++++++++ ernaehrung-premium.html | 1 + ernaehrung-standard.html | 1 + ernaehrung-starter.html | 1 + ernaehrung-vergleich.html | 68 ++++++++++++++++++++++++++++++++++++++ ernaehrungsberatung.html | 3 +- js/vergleich.js | 7 ++++ 7 files changed, 133 insertions(+), 1 deletion(-) create mode 100644 css/sections/vergleich.css create mode 100644 ernaehrung-vergleich.html create mode 100644 js/vergleich.js diff --git a/css/sections/vergleich.css b/css/sections/vergleich.css new file mode 100644 index 0000000..72dc1d0 --- /dev/null +++ b/css/sections/vergleich.css @@ -0,0 +1,53 @@ +/* Eigene helle Vergleichs- und Druckansicht nach der TriHub-Vorlage. */ +:root { color-scheme: light; } +* { box-sizing: border-box; } +body { margin: 0; padding: 32px 20px; background: #f3f0e9; color: #10151d; font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 1.65; } +.comparison-sheet { max-width: 1160px; margin: auto; padding: 32px 40px; background: #fff; border: 1px solid #e3e7eb; border-radius: 32px; box-shadow: 0 18px 50px #10202b0a; } +.comparison-header { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #e1e5e9; padding-bottom: 22px; margin-bottom: 28px; } +.brand img { display: block; object-fit: contain; border-radius: 14px; } +nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex: 1; flex-wrap: wrap; } +a { color: inherit; text-underline-offset: 4px; } +nav a { text-decoration: none; color: #46515f; } +button { font: inherit; font-weight: 600; border: 1px solid #dce1e7; background: #fff; color: #111820; padding: 10px 18px; border-radius: 999px; cursor: pointer; } +button:hover { background: #f1f5f9; } +:focus-visible { outline: 3px solid #217c86; outline-offset: 4px; } +.skip { position: absolute; top: -100px; } .skip:focus { top: 8px; background: white; padding: 10px; } +h1,h2 { font-family: "Sora", sans-serif; letter-spacing: -.045em; line-height: 1.2; color: #080e17; } +h1 { font-size: clamp(2rem, 4vw, 3.15rem); margin: 18px 0 24px; max-width: 940px; } +h2 { font-size: 1.4rem; margin: 36px 0 20px; } +p { margin: 0 0 16px; } +.eyebrow { color: #647081; font-size: .72rem; font-weight: 700; letter-spacing: .22em; } +.intro { max-width: 850px; color: #4b5563; font-size: 1.08rem; } +.concept { border-left: 3px solid #b7c9ce; padding: 12px 18px; background: #f7f9fa; color: #4b5563; font-size: .9rem; margin: 24px 0 36px; } +.table-scroll { overflow-x: auto; border: 1px solid #dfe5ec; border-radius: 22px; } +table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; text-align: left; font-size: .9rem; } +.feature-column { width: 25%; } +caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } +th,td { padding: 16px; vertical-align: top; border-bottom: 1px solid #e2e7ed; overflow-wrap: break-word; } +thead { background: #f1f5f9; } thead th { font-weight: 700; } +thead span { display: block; font-size: .78rem; font-weight: 400; color: #596574; margin-top: 4px; } +tbody th { font-weight: 600; } td { color: #46515f; } +.group th { background: #f8fafb; color: #52606e; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; padding: 10px 16px; } +tfoot th,tfoot td { border-bottom: 0; } tfoot a { font-weight: 600; color: #235b65; } +.notes { margin-top: 20px; font-size: .83rem; color: #5c6673; } +.framework { margin-top: 32px; border-top: 1px solid #e1e5e9; color: #4b5563; } +.bottom-actions { display: flex; flex-wrap: wrap; gap: 20px; margin: 28px 0; font-weight: 600; } +footer { padding-top: 20px; border-top: 1px solid #e1e5e9; font-size: .8rem; color: #667181; } +.scroll-hint { display: none; font-size: .85rem; color: #5c6673; } +@media (max-width: 800px) { body { padding: 12px; } .comparison-sheet { padding: 22px 18px; border-radius: 22px; } .comparison-header { align-items: flex-start; gap: 16px; } nav { gap: 12px; font-size: .85rem; } .brand img { width: 56px; height: 56px; } .scroll-hint { display: block; } } +@page { size: A4 landscape; margin: 12mm; } +@media print { + body { padding: 0; background: #fff; font-size: 10pt; color: #000; } + .comparison-sheet { max-width: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; } + nav,.skip,.bottom-actions,.scroll-hint,tfoot { display: none !important; } + .comparison-header { margin-bottom: 12px; padding-bottom: 10px; } + .brand img { width: 50px; height: 50px; } + h1 { font-size: 23pt; margin: 8px 0 14px; } h2 { font-size: 14pt; margin: 20px 0 12px; } + .intro { font-size: 10pt; } .concept { font-size: 9pt; margin: 12px 0; padding: 8px 12px; } + .table-scroll { overflow: visible; border-radius: 0; border: 0; } + table { min-width: 0; font-size: 9pt; } + th,td { padding: 8px 10px; border: 1px solid #cbd2da; color: #000; } + thead { display: table-header-group; } tr { break-inside: avoid; } .group { break-after: avoid; } + h2 { break-after: avoid; } .notes,.framework { font-size: 9pt; } + footer { font-size: 8pt; } a { text-decoration: none; } +} diff --git a/ernaehrung-premium.html b/ernaehrung-premium.html index bcd15c1..9e48096 100644 --- a/ernaehrung-premium.html +++ b/ernaehrung-premium.html @@ -313,6 +313,7 @@ Zur Angebotsübersicht + Pakete vergleichen →
Zur Angebotsübersicht + Pakete vergleichen →
Zur Angebotsübersicht + Pakete vergleichen →
+ + + + +Ernährungsberatung im Vergleich | TriHub + + + + + + + + +
+
+Trihub – fit und vital ab 50! + +
+
+

TRI-HUB · ERNÄHRUNGSBERATUNG

+

Drei Pakete.
Deine Begleitung im Vergleich.

+

Wie viel Unterstützung passt zu dir? Vergleiche Starter, Standard und Premium – von der ersten Beratung bis zur persönlichen Wettkampfstrategie. Alle Preise gelten für das gesamte Paket.

+

Paketvorschläge zur Teamabstimmung. Preise, Laufzeiten und Leistungen sind beispielhaft und noch nicht von TriHub bestätigt. Diese Übersicht ist kein Vertrag und löst keine Buchung aus.

+
+

Preise und Leistungen auf einen Blick

+

Auf kleinen Bildschirmen kannst du die Tabelle seitlich verschieben.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Ernährungsberatung: Starter, Standard und Premium
LeistungStarterEin klarer EinstiegStandardDein individueller PlanPremiumEnge persönliche Begleitung
Preis und Laufzeit
Gesamtpreis (Beispiel)149,00 €349,00 €649,00 €
Laufzeit4 Wochen8 Wochen12 Wochen
AbrechnungEinmalig für das gesamte PaketEinmalig für das gesamte PaketEinmalig für das gesamte Paket
Persönliche Begleitung
Video-Beratungen2 Termine · insgesamt 90 Min.4 Termine · insgesamt 150 Min.7 Termine · insgesamt 240 Min.
Erstgespräch60 Minuten60 Minuten60 Minuten
Folge- und Abschlussgespräche1 × 30 Minuten3 × 30 Minuten6 × 30 Minuten
ErnährungsprotokollAnalyse von 3 TagenAnalyse von 5 TagenAnalyse von 7 Tagen
Dein Plan und dein Wissen
Persönliche EmpfehlungenMaßnahmenplan als PDFIm individuellen Ernährungsrahmen enthaltenIm individuellen Ernährungsrahmen enthalten
Individueller ErnährungsrahmenNicht enthalten7-Tage-Rahmen mit Mahlzeitenbausteinen, Portionsorientierung und Einkaufshilfe7-Tage-Rahmen plus persönliche Wettkampfstrategie
WettkampfverpflegungNicht enthaltenNicht enthaltenStrategie für einen Zielwettkampf: davor, währenddessen und danach
PlananpassungenKeine laufende Anpassung2 gezielte AnpassungenBis zu 5 Anpassungen
Selbstlernkurse1 Kurs à 45 Minuten2 Kurse à 45 Minuten3 Kurse à 45 Minuten
KursinhalteEssen und Trinken rund ums TrainingGrundlagen plus Mahlzeitenplanung und RegenerationGrundlagen, Mahlzeitenplanung und Regeneration plus Wettkampfverpflegung
KurszugriffWährend der PaketlaufzeitWährend der PaketlaufzeitWährend der Paketlaufzeit
Fragen zwischen den Terminen
E-Mail-Rückfragen1 gebündelte Rückfragerunde insgesamt1 gebündelte Rückfragerunde pro WocheBis zu 2 gebündelte Rückfragerunden pro Woche
Rückmeldung innerhalb von3 Werktagen¹2 Werktagen¹1 Werktag¹
Dein Coaching-Vorteil²
Mit Starter-Coaching · 3 %144,53 €338,53 €629,53 €
Mit Standard-Coaching · 5 %141,55 €331,55 €616,55 €
Mit Premium-Coaching · 10 %134,10 €314,10 €584,10 €
Mehr zum PaketStarter entdecken →Standard entdecken →Premium entdecken →
+
+

¹ Werktage: Montag bis Freitag, ausgenommen Feiertage.

² Der Rabatt richtet sich nach deinem bestehenden Coaching-1zu1-Paket, unabhängig vom gewählten Ernährungsangebot. Er gilt während der Coaching-Laufzeit. Die drei Rabattstufen sind Alternativen und werden nicht addiert.

Unverbindliche Beispielpreise. Endpreise und steuerliche Angaben müssen vor Veröffentlichung abgestimmt werden.

+
+

Für alle drei Pakete gilt

Starttermin und Beratungstermine werden gemeinsam vereinbart. Die Laufzeit beginnt mit dem Erstgespräch. Nach dem aktuellen Konzept endet das Paket ohne automatische Verlängerung. Zusatztermine sind nicht im Beispielpreis enthalten und würden separat vereinbart.

Alle Konditionen sind Vorschläge zur Abstimmung. Ausführliche Leistungsbeschreibungen und Zeitpläne findest du auf den jeweiligen Paketdetailseiten.

+
← Zurück zu den AngebotenFragen zur Beratung?
+
+
TriHub · Ernährungsberatung · Projektprototyp · Stand: 30.09.2026
+
+ diff --git a/ernaehrungsberatung.html b/ernaehrungsberatung.html index 3fd148a..42c0c11 100644 --- a/ernaehrungsberatung.html +++ b/ernaehrungsberatung.html @@ -246,7 +246,8 @@
- +

Alle Pakete im Vergleich →

+

Schon im Coaching 1zu1? Dein Vorteil kommt mit.

diff --git a/js/vergleich.js b/js/vergleich.js new file mode 100644 index 0000000..76ff4ed --- /dev/null +++ b/js/vergleich.js @@ -0,0 +1,7 @@ +/* Druckdialog bietet auch „Als PDF speichern“ an. */ +(() => { + const printButton = document.getElementById("print-comparison"); + if (!printButton) return; + printButton.hidden = false; + printButton.addEventListener("click", () => window.print()); +})();