Compare commits

...

13 Commits

Author SHA1 Message Date
Daniel Fromm 8feaabc967 Wortänderung "KOSTENLOS" zu "KOSTENFREI" 2026-09-30 14:26:04 +00:00
Daniel Fromm 8e85f2764c Korrekturbehandlung 2026-09-30 14:10:48 +00:00
Kevin Alexander Kopp f01d5fbd41 Merge pull request 'dev_3' (#13) from dev_3 into main
Reviewed-on: https://gitty.informatik.th-mannheim.de/3015351/PM_Project/pulls/13
2026-09-30 15:57:47 +02:00
Kevin Kopp 68047780f1 Merge main in dev_3: Konflikte zugunsten dev_3 (Lilli, Vergleichslinks) 2026-09-30 15:56:22 +02:00
Kevin Alexander Kopp fcf716e6f0 Merge pull request 'feature_US03-02' (#12) from feature_US03-02 into dev_3
Reviewed-on: https://gitty.informatik.th-mannheim.de/3015351/PM_Project/pulls/12
2026-09-30 15:32:11 +02:00
Kevin Alexander Kopp 48941a501e Merge pull request 'US03-01: Trainerprofil mit Daten von Relindis Agethen (Lilli)' (#11) from feature_US03-01 into dev_3
Reviewed-on: https://gitty.informatik.th-mannheim.de/3015351/PM_Project/pulls/11
2026-09-30 15:32:04 +02:00
Kevin Kopp 20e9c7f757 US03-02: Foto von Relindis Agethen (Lilli) im Trainerprofil 2026-09-30 15:21:48 +02:00
Kevin Kopp 103aff951c US03-01: Trainerprofil mit Daten von Relindis Agethen (Lilli) 2026-09-30 15:15:25 +02:00
Daniel Fromm 5baadd3a5c Fehlerkorrektur Mobileband 2026-09-30 13:03:46 +00:00
Daniel Fromm c9553e2f52 Fehlerbeseitigung Menüband/MobilePanel 2026-09-30 12:38:42 +00:00
Justin Muravjev 52bbfd2566 US_0202: Angebotsübersicht implementiert und als PDF downloadbar 2026-09-30 14:18:31 +02:00
Daniel Fromm 44a16ba57c Merge pull request 'dev_experimental -> main' (#10) from dev_experimental into main
Reviewed-on: https://gitty.informatik.th-mannheim.de/3015351/PM_Project/pulls/10
2026-09-29 23:08:35 +02:00
Kevin Alexander Kopp 5baf27068c Merge pull request 'US04-02: Trainerprofil (Platzhalter) und Kontakt mit Weiterleitung zu tri-hub.de/kontakt#kontaktinfos' (#9) from feature_US04-02 into dev_experimental
Reviewed-on: https://gitty.informatik.th-mannheim.de/3015351/PM_Project/pulls/9
2026-09-29 23:04:51 +02:00
9 changed files with 1249 additions and 1377 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

View File

@ -1,5 +1,5 @@
/* 8. Trainer und Kontakt (US04-02)
Trainerprofil ist ein PLATZHALTER – Foto und Inhalte folgen vom Kunden.
Trainerprofil: Relindis Agethen (Lilli).
Kontakt leitet auf https://tri-hub.de/kontakt weiter. */
.contact { border-top: 1px solid var(--line); }
@ -24,39 +24,25 @@
}
.trainer-photo {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0;
min-height: 320px;
border: 1px dashed rgb(255 255 255 / 22%);
overflow: hidden;
border-radius: 1.35rem;
background:
radial-gradient(circle at 50% 38%, rgb(255 255 255 / 10%) 0 18%, transparent 19%),
radial-gradient(ellipse at 50% 100%, rgb(255 255 255 / 8%) 0 42%, transparent 43%),
rgb(255 255 255 / 3%);
color: var(--quiet);
font-size: .8125rem;
letter-spacing: .18em;
text-transform: uppercase;
background: rgb(255 255 255 / 3%);
}
.trainer-photo span { margin-top: 62%; }
.trainer-photo img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 30% 20%; /* Gesicht im Ausschnitt halten */
}
.trainer-body { padding: 12px 12px 12px 0; }
.placeholder-tag {
display: inline-block;
margin-bottom: 14px;
padding: 4px 12px;
border: 1px dashed rgb(255 255 255 / 28%);
border-radius: 999px;
color: var(--quiet);
font-size: .75rem;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
}
.trainer-body h3 { font-size: 1.5rem; }
.trainer-role { margin-top: 6px; color: var(--muted); font-size: 1rem; }
@ -80,10 +66,9 @@
.trainer-facts span { color: var(--quiet); font-size: .875rem; }
.trainer-quote {
.trainer-bio {
margin-top: 20px;
color: var(--muted);
font-style: italic;
font-size: 1rem;
}
@ -132,7 +117,7 @@
@media (max-width: 760px) {
.trainer-card { grid-template-columns: 1fr; gap: 18px; }
.trainer-photo { min-height: 260px; }
.trainer-photo { height: 340px; min-height: 0; }
.trainer-body { padding: 4px 8px 12px; }
.trainer-facts li { grid-template-columns: 1fr; gap: 2px; }
.contact-card { padding: 26px 22px; }

View File

@ -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; }
}

View File

@ -1,351 +1,290 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Premium · Ernährungsberatung | TriHub</title>
<meta
name="description"
content="Du bereitest dich auf ein sportliches Ziel vor und wünschst dir enge Begleitung? Zwölf Wochen lang verbinden wir deine Alltagsernährung mit einer im Training erprobten Verpflegungsstrategie."
/>
<link
rel="icon"
type="image/jpeg"
href="assets/images/icons/trihub-logo.jpg"
/>
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
><span class="brand-copy"
><span class="brand-name">Tri-hub</span
></span
></a
>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a
><a href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a>
</nav>
<a
class="button small header-cta"
href="ernaehrungsberatung.html#angebote"
>Angebote entdecken</a
>
<button
class="menu-toggle"
aria-expanded="false"
aria-controls="mobile-nav"
aria-label="Menü öffnen"
>
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="ernaehrungsberatung.html#angebote">Angebote entdecken</a
><a href="ernaehrungsberatung.html#vorteile">Deine Vorteile</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a
><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Premium · Ernährungsberatung | TriHub</title>
<meta name="description"
content="Du bereitest dich auf ein sportliches Ziel vor und wünschst dir enge Begleitung? Zwölf Wochen lang verbinden wir deine Alltagsernährung mit einer im Training erprobten Verpflegungsstrategie." />
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
class="brand-name">Tri-hub</span></span></a>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a
href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a><a href="ernaehrungsberatung.html#ablauf">So
läuft’s ab</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote"
>Alle Ernährungsangebote</a
><span aria-hidden="true">/</span
><span aria-current="page">Premium</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Premium</h1>
<h2 class="detail-subtitle">Dein Ziel. Ganz persönlich.</h2>
<p class="detail-intro">
Du bereitest dich auf ein sportliches Ziel vor und wünschst dir
enge Begleitung? Zwölf Wochen lang verbinden wir deine
Alltagsernährung mit einer im Training erprobten
Verpflegungsstrategie.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>649,00 €</strong
><small>einmalig für das gesamte Paket</small>
</div>
<div>
<span>Laufzeit</span><strong>12 Wochen</strong
><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>7 Termine</strong
><small>insgesamt 240 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>3 Kurse</strong
><small>je 45 Minuten, online</small>
</div>
<a class="button small header-cta" href="ernaehrungsberatung.html#angebote">Angebote entdecken</a>
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="https://tri-hub.de/coaching-1zu1">Coaching-1zu1</a><a href="ernaehrungsberatung.html#angebote">Angebote
entdecken</a><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a><a
href="ernaehrungsberatung.html#kontakt">Kontakt</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote">Alle Ernährungsangebote</a><span aria-hidden="true">/</span><span
aria-current="page">Premium</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Premium</h1>
<h2 class="detail-subtitle">Dein Ziel. Ganz persönlich.</h2>
<p class="detail-intro">
Du bereitest dich auf ein sportliches Ziel vor und wünschst dir
enge Begleitung? Zwölf Wochen lang verbinden wir deine
Alltagsernährung mit einer im Training erprobten
Verpflegungsstrategie.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>649,00 €</strong><small>einmalig für das gesamte
Paket</small>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<div>
<span>Laufzeit</span><strong>12 Wochen</strong><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>7 Termine</strong><small>insgesamt 240 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>3 Kurse</strong><small>je 45 Minuten, online</small>
</div>
</div>
<figure class="hero-visual">
<img
src="assets/images/angebote/premium.webp"
width="1200"
height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50"
fetchpriority="high"
/>
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Dein Ziel. Ganz persönlich.</p>
</figcaption>
</figure>
</div>
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DAS STECKT IN PREMIUM</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</div>
</div>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>7 persönliche Beratungen</h3>
<p>
Ein Erstgespräch à 60 Minuten und sechs Folgegespräche à 30
Minuten in Woche 3, 5, 7, 9, 11 und 12, jeweils als
Video-Beratung.
</p>
</article>
<article>
<span class="detail-number">02</span>
<h3>Ernährungsrahmen plus Wettkampfstrategie</h3>
<p>
Analyse eines 7-Tage-Ernährungsprotokolls, individueller
7-Tage-Rahmen und eine persönliche Verpflegungsstrategie für
einen Zielwettkampf: davor, währenddessen und danach.
</p>
</article>
<article>
<span class="detail-number">03</span>
<h3>3 Selbstlernkurse</h3>
<p>
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
<li>Mahlzeiten planen und Regeneration unterstützen</li>
<li>Wettkampfverpflegung vorbereiten und im Training testen</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Bis zu fünf Anpassungen von Ernährungsrahmen und
Verpflegungsstrategie, abgestimmt auf die Erfahrungen aus deinem
Training.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Bis zu zwei gebündelte E-Mail-Rückfragerunden pro Woche während
der zwölf Wochen; Rückmeldung innerhalb eines Werktags.
Werktage: Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du hast deine Ernährung über mehrere Trainingsphasen erprobt und
gehst mit einer getesteten Verpflegungsstrategie in deinen
Zielwettkampf.
</p>
</article>
</div>
<figure class="hero-visual">
<img src="assets/images/angebote/premium.webp" width="1200" height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50" fetchpriority="high" />
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Dein Ziel. Ganz persönlich.</p>
</figcaption>
</figure>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>12 Wochen.<br />Ein klarer Ablauf.</h2>
<p class="eyebrow">DAS STECKT IN PREMIUM</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1–2</span>
<h3>Die Grundlage schaffen</h3>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>7 persönliche Beratungen</h3>
<p>
60 Minuten Erstgespräch, sieben Tage Protokoll und Planung deiner
Ernährung und Verpflegung.
Ein Erstgespräch à 60 Minuten und sechs Folgegespräche à 30
Minuten in Woche 3, 5, 7, 9, 11 und 12, jeweils als
Video-Beratung.
</p>
</li>
<li>
<span class="eyebrow">Woche 3–11</span>
<h3>Im Training erproben</h3>
</article>
<article>
<span class="detail-number">02</span>
<h3>Ernährungsrahmen plus Wettkampfstrategie</h3>
<p>
Fünf Beratungen à 30 Minuten, drei Selbstlernkurse und bis zu fünf
Plananpassungen.
Analyse eines 7-Tage-Ernährungsprotokolls, individueller
7-Tage-Rahmen und eine persönliche Verpflegungsstrategie für
einen Zielwettkampf: davor, währenddessen und danach.
</p>
</li>
<li>
<span class="eyebrow">Woche 12</span>
<h3>Deinen Weg absichern</h3>
</article>
<article>
<span class="detail-number">03</span>
<h3>3 Selbstlernkurse</h3>
<p>
30 Minuten Abschlussgespräch: Erfahrungen auswerten und deine
Strategie für das Ziel festhalten.
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
<li>Mahlzeiten planen und Regeneration unterstützen</li>
<li>Wettkampfverpflegung vorbereiten und im Training testen</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Bis zu fünf Anpassungen von Ernährungsrahmen und
Verpflegungsstrategie, abgestimmt auf die Erfahrungen aus deinem
Training.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Bis zu zwei gebündelte E-Mail-Rückfragerunden pro Woche während
der zwölf Wochen; Rückmeldung innerhalb eines Werktags.
Werktage: Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du hast deine Ernährung über mehrere Trainingsphasen erprobt und
gehst mit einer getesteten Verpflegungsstrategie in deinen
Zielwettkampf.
</p>
</article>
</div>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>12 Wochen.<br />Ein klarer Ablauf.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1–2</span>
<h3>Die Grundlage schaffen</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 12 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
60 Minuten Erstgespräch, sieben Tage Protokoll und Planung deiner
Ernährung und Verpflegung.
</p>
</li>
<li>
<span class="eyebrow">Woche 3–11</span>
<h3>Im Training erproben</h3>
<p>
Fünf Beratungen à 30 Minuten, drei Selbstlernkurse und bis zu fünf
Plananpassungen.
</p>
</li>
<li>
<span class="eyebrow">Woche 12</span>
<h3>Deinen Weg absichern</h3>
<p>
30 Minuten Abschlussgespräch: Erfahrungen auswerten und deine
Strategie für das Ziel festhalten.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 12 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
</p>
</div>
</section>
<section id="coaching-vorteil" class="detail-section detail-price-section">
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 12
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1 kennenlernen</a>
</div>
<div class="price-panel" data-base-price="649">
<p class="eyebrow">PREMIUM · 12 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>649,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p class="discount-summary" data-discount-output role="status" aria-live="polite">
Ohne Coaching-Rabatt: 649,00 € für das gesamte Paket.
</p>
<noscript>
<p>
Mit Starter-Coaching: 629,53 € · Standard-Coaching: 616,55 € ·
Premium-Coaching: 584,10 €.
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-section"
>
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 12
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1"
>Coaching 1zu1 kennenlernen</a
>
</div>
<div class="price-panel" data-base-price="649">
<p class="eyebrow">PREMIUM · 12 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>649,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label
><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p
class="discount-summary"
data-discount-output
role="status"
aria-live="polite"
>
Ohne Coaching-Rabatt: 649,00 € für das gesamte Paket.
</p>
<noscript
><p>
Mit Starter-Coaching: 629,53 € · Standard-Coaching: 616,55 € ·
Premium-Coaching: 584,10 €.
</p></noscript
>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</div>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote"
>Zur Angebotsübersicht</a
>
</div>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-starter.html"
>Starter ansehen</a
><a class="button outline" href="ernaehrung-standard.html"
>Standard ansehen</a
>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span
><span
>Ernährungsangebote sind Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span
>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</a>
</div>
</footer>
</body>
</html>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-starter.html">Starter ansehen</a><a class="button outline"
href="ernaehrung-standard.html">Standard ansehen</a>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</html>

View File

@ -1,353 +1,291 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Standard · Ernährungsberatung | TriHub</title>
<meta
name="description"
content="Du möchtest Ernährung und Training aufeinander abstimmen? Über acht Wochen entwickelst du mit einem persönlichen Plan und regelmäßigem Feedback Routinen, die in deinem Alltag funktionieren."
/>
<link
rel="icon"
type="image/jpeg"
href="assets/images/icons/trihub-logo.jpg"
/>
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
><span class="brand-copy"
><span class="brand-name">Tri-hub</span
><span class="brand-sub"
>Ernährungsberatung für Triathlon ab 50</span
></span
></a
>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a
><a href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a>
</nav>
<a
class="button small header-cta"
href="ernaehrungsberatung.html#angebote"
>Angebote entdecken</a
>
<button
class="menu-toggle"
aria-expanded="false"
aria-controls="mobile-nav"
aria-label="Menü öffnen"
>
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="ernaehrungsberatung.html#angebote">Angebote entdecken</a
><a href="ernaehrungsberatung.html#vorteile">Deine Vorteile</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a
><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Standard · Ernährungsberatung | TriHub</title>
<meta name="description"
content="Du möchtest Ernährung und Training aufeinander abstimmen? Über acht Wochen entwickelst du mit einem persönlichen Plan und regelmäßigem Feedback Routinen, die in deinem Alltag funktionieren." />
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
class="brand-name">Tri-hub</span><span class="brand-sub">Ernährungsberatung für Triathlon ab
50</span></span></a>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a
href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a><a href="ernaehrungsberatung.html#ablauf">So
läuft’s ab</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote"
>Alle Ernährungsangebote</a
><span aria-hidden="true">/</span
><span aria-current="page">Standard</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Standard</h1>
<h2 class="detail-subtitle">
Aus guten Vorsätzen wird dein Plan.
</h2>
<p class="detail-intro">
Du möchtest Ernährung und Training aufeinander abstimmen? Über
acht Wochen entwickelst du mit einem persönlichen Plan und
regelmäßigem Feedback Routinen, die in deinem Alltag
funktionieren.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>349,00 €</strong
><small>einmalig für das gesamte Paket</small>
</div>
<div>
<span>Laufzeit</span><strong>8 Wochen</strong
><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>4 Termine</strong
><small>insgesamt 150 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>2 Kurse</strong
><small>je 45 Minuten, online</small>
</div>
<a class="button small header-cta" href="ernaehrungsberatung.html#angebote">Angebote entdecken</a>
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="https://tri-hub.de/coaching-1zu1">Coaching-1zu1</a><a href="ernaehrungsberatung.html#angebote">Angebote
entdecken</a><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a><a
href="ernaehrungsberatung.html#kontakt">Kontakt</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote">Alle Ernährungsangebote</a><span aria-hidden="true">/</span><span
aria-current="page">Standard</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Standard</h1>
<h2 class="detail-subtitle">
Aus guten Vorsätzen wird dein Plan.
</h2>
<p class="detail-intro">
Du möchtest Ernährung und Training aufeinander abstimmen? Über
acht Wochen entwickelst du mit einem persönlichen Plan und
regelmäßigem Feedback Routinen, die in deinem Alltag
funktionieren.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>349,00 €</strong><small>einmalig für das gesamte
Paket</small>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<div>
<span>Laufzeit</span><strong>8 Wochen</strong><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>4 Termine</strong><small>insgesamt 150 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>2 Kurse</strong><small>je 45 Minuten, online</small>
</div>
</div>
<figure class="hero-visual">
<img
src="assets/images/angebote/standard.webp"
width="1200"
height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50"
fetchpriority="high"
/>
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Aus guten Vorsätzen wird dein Plan.</p>
</figcaption>
</figure>
</div>
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DAS STECKT IN STANDARD</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</div>
</div>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>4 persönliche Beratungen</h3>
<p>
Ein Erstgespräch à 60 Minuten und drei Folgegespräche à 30
Minuten in Woche 3, 5 und 8, jeweils als Video-Beratung.
</p>
</article>
<article>
<span class="detail-number">02</span>
<h3>Individueller 7-Tage-Ernährungsrahmen</h3>
<p>
Analyse eines 5-Tage-Ernährungsprotokolls. Dazu ein
wiederverwendbarer 7-Tage-Rahmen mit Mahlzeitenbausteinen,
Portionsorientierung und Einkaufshilfe für Trainings- und
Ruhetage.
</p>
</article>
<article>
<span class="detail-number">03</span>
<h3>2 Selbstlernkurse</h3>
<p>
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
<li>Mahlzeiten planen und Regeneration unterstützen</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Zwei gezielte Anpassungen des Ernährungsrahmens nach deinem
Feedback, plus eine gemeinsame Abschlussauswertung.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Eine gebündelte E-Mail-Rückfragerunde pro Woche während der acht
Wochen; Rückmeldung innerhalb von zwei Werktagen. Werktage:
Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du hast einen erprobten Ernährungsrahmen für Trainings- und
Ruhetage und kannst Mahlzeiten selbstständig an deinen Alltag
anpassen.
</p>
</article>
</div>
<figure class="hero-visual">
<img src="assets/images/angebote/standard.webp" width="1200" height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50" fetchpriority="high" />
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Aus guten Vorsätzen wird dein Plan.</p>
</figcaption>
</figure>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>8 Wochen.<br />Ein klarer Ablauf.</h2>
<p class="eyebrow">DAS STECKT IN STANDARD</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1–2</span>
<h3>Analysieren und planen</h3>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>4 persönliche Beratungen</h3>
<p>
60 Minuten Erstgespräch, fünf Tage Protokoll und dein
individueller Ernährungsrahmen.
Ein Erstgespräch à 60 Minuten und drei Folgegespräche à 30
Minuten in Woche 3, 5 und 8, jeweils als Video-Beratung.
</p>
</li>
<li>
<span class="eyebrow">Woche 3–5</span>
<h3>Routinen festigen</h3>
</article>
<article>
<span class="detail-number">02</span>
<h3>Individueller 7-Tage-Ernährungsrahmen</h3>
<p>
Zwei Beratungen à 30 Minuten, zwei Selbstlernkurse und zwei
gezielte Plananpassungen.
Analyse eines 5-Tage-Ernährungsprotokolls. Dazu ein
wiederverwendbarer 7-Tage-Rahmen mit Mahlzeitenbausteinen,
Portionsorientierung und Einkaufshilfe für Trainings- und
Ruhetage.
</p>
</li>
<li>
<span class="eyebrow">Woche 6–8</span>
<h3>Selbstständig weitergehen</h3>
</article>
<article>
<span class="detail-number">03</span>
<h3>2 Selbstlernkurse</h3>
<p>
Routinen im Alltag erproben und in Woche 8 gemeinsam 30 Minuten
Bilanz ziehen.
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
<li>Mahlzeiten planen und Regeneration unterstützen</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Zwei gezielte Anpassungen des Ernährungsrahmens nach deinem
Feedback, plus eine gemeinsame Abschlussauswertung.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Eine gebündelte E-Mail-Rückfragerunde pro Woche während der acht
Wochen; Rückmeldung innerhalb von zwei Werktagen. Werktage:
Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du hast einen erprobten Ernährungsrahmen für Trainings- und
Ruhetage und kannst Mahlzeiten selbstständig an deinen Alltag
anpassen.
</p>
</article>
</div>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>8 Wochen.<br />Ein klarer Ablauf.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1–2</span>
<h3>Analysieren und planen</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 8 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
60 Minuten Erstgespräch, fünf Tage Protokoll und dein
individueller Ernährungsrahmen.
</p>
</li>
<li>
<span class="eyebrow">Woche 3–5</span>
<h3>Routinen festigen</h3>
<p>
Zwei Beratungen à 30 Minuten, zwei Selbstlernkurse und zwei
gezielte Plananpassungen.
</p>
</li>
<li>
<span class="eyebrow">Woche 6–8</span>
<h3>Selbstständig weitergehen</h3>
<p>
Routinen im Alltag erproben und in Woche 8 gemeinsam 30 Minuten
Bilanz ziehen.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 8 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
</p>
</div>
</section>
<section id="coaching-vorteil" class="detail-section detail-price-section">
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 8
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1 kennenlernen</a>
</div>
<div class="price-panel" data-base-price="349">
<p class="eyebrow">STANDARD · 8 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>349,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p class="discount-summary" data-discount-output role="status" aria-live="polite">
Ohne Coaching-Rabatt: 349,00 € für das gesamte Paket.
</p>
<noscript>
<p>
Mit Starter-Coaching: 338,53 € · Standard-Coaching: 331,55 € ·
Premium-Coaching: 314,10 €.
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-section"
>
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 8
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1"
>Coaching 1zu1 kennenlernen</a
>
</div>
<div class="price-panel" data-base-price="349">
<p class="eyebrow">STANDARD · 8 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>349,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label
><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p
class="discount-summary"
data-discount-output
role="status"
aria-live="polite"
>
Ohne Coaching-Rabatt: 349,00 € für das gesamte Paket.
</p>
<noscript
><p>
Mit Starter-Coaching: 338,53 € · Standard-Coaching: 331,55 € ·
Premium-Coaching: 314,10 €.
</p></noscript
>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</div>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote"
>Zur Angebotsübersicht</a
>
</div>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-starter.html"
>Starter ansehen</a
><a class="button outline" href="ernaehrung-premium.html"
>Premium ansehen</a
>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span
><span
>Ernährungsangebote sind Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span
>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</a>
</div>
</footer>
</body>
</html>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-starter.html">Starter ansehen</a><a class="button outline"
href="ernaehrung-premium.html">Premium ansehen</a>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</html>

View File

@ -1,347 +1,285 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Starter · Ernährungsberatung | TriHub</title>
<meta
name="description"
content="Du möchtest deine Ernährung besser verstehen und mit klaren Empfehlungen starten? In vier Wochen schaffen wir eine Grundlage, die zu deinem Alltag und deinem Triathlon passt."
/>
<link
rel="icon"
type="image/jpeg"
href="assets/images/icons/trihub-logo.jpg"
/>
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
><span class="brand-copy"
><span class="brand-name">Tri-hub</span
><span class="brand-sub"
>Ernährungsberatung für Triathlon ab 50</span
></span
></a
>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a
><a href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a>
</nav>
<a
class="button small header-cta"
href="ernaehrungsberatung.html#angebote"
>Angebote entdecken</a
>
<button
class="menu-toggle"
aria-expanded="false"
aria-controls="mobile-nav"
aria-label="Menü öffnen"
>
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="ernaehrungsberatung.html#angebote">Angebote entdecken</a
><a href="ernaehrungsberatung.html#vorteile">Deine Vorteile</a
><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a
><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Starter · Ernährungsberatung | TriHub</title>
<meta name="description"
content="Du möchtest deine Ernährung besser verstehen und mit klaren Empfehlungen starten? In vier Wochen schaffen wir eine Grundlage, die zu deinem Alltag und deinem Triathlon passt." />
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
class="brand-name">Tri-hub</span><span class="brand-sub">Ernährungsberatung für Triathlon ab
50</span></span></a>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a
href="ernaehrungsberatung.html#inhalt">Ernährungsberatung</a><a href="ernaehrungsberatung.html#ablauf">So
läuft’s ab</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote"
>Alle Ernährungsangebote</a
><span aria-hidden="true">/</span
><span aria-current="page">Starter</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Starter</h1>
<h2 class="detail-subtitle">Dein erster guter Schritt.</h2>
<p class="detail-intro">
Du möchtest deine Ernährung besser verstehen und mit klaren
Empfehlungen starten? In vier Wochen schaffen wir eine
Grundlage, die zu deinem Alltag und deinem Triathlon passt.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>149,00 €</strong
><small>einmalig für das gesamte Paket</small>
</div>
<div>
<span>Laufzeit</span><strong>4 Wochen</strong
><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>2 Termine</strong
><small>insgesamt 90 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>1 Kurs</strong
><small>je 45 Minuten, online</small>
</div>
<a class="button small header-cta" href="ernaehrungsberatung.html#angebote">Angebote entdecken</a>
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="https://tri-hub.de/coaching-1zu1">Coaching-1zu1</a><a href="ernaehrungsberatung.html#angebote">Angebote
entdecken</a><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a><a
href="ernaehrungsberatung.html#kontakt">Kontakt</a>
</nav>
</header>
<main id="inhalt" class="detail-page">
<section class="detail-top">
<div class="shell">
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="ernaehrungsberatung.html#angebote">Alle Ernährungsangebote</a><span aria-hidden="true">/</span><span
aria-current="page">Starter</span>
</nav>
<div class="detail-hero">
<div class="hero-copy">
<h1>Starter</h1>
<h2 class="detail-subtitle">Dein erster guter Schritt.</h2>
<p class="detail-intro">
Du möchtest deine Ernährung besser verstehen und mit klaren
Empfehlungen starten? In vier Wochen schaffen wir eine
Grundlage, die zu deinem Alltag und deinem Triathlon passt.
</p>
<p class="proposal-note">
Paketvorschlag zur Teamabstimmung. Preise, Laufzeiten und
Leistungen sind beispielhaft und noch nicht von TriHub
bestätigt.
</p>
<div class="detail-facts" aria-label="Paket auf einen Blick">
<div>
<span>Gesamtpreis · Vorschlag</span><strong>149,00 €</strong><small>einmalig für das gesamte
Paket</small>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<div>
<span>Laufzeit</span><strong>4 Wochen</strong><small>ab vereinbartem Starttermin</small>
</div>
<div>
<span>Persönliche Beratung</span><strong>2 Termine</strong><small>insgesamt 90 Minuten</small>
</div>
<div>
<span>Selbstlernkurse</span><strong>1 Kurs</strong><small>je 45 Minuten, online</small>
</div>
</div>
<figure class="hero-visual">
<img
src="assets/images/angebote/starter.webp"
width="1200"
height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50"
fetchpriority="high"
/>
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Dein erster guter Schritt.</p>
</figcaption>
</figure>
</div>
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DAS STECKT IN STARTER</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</div>
</div>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>2 persönliche Beratungen</h3>
<p>
Ein Erstgespräch à 60 Minuten und ein Abschlussgespräch à 30
Minuten, jeweils als Video-Beratung.
</p>
</article>
<article>
<span class="detail-number">02</span>
<h3>Persönliche Empfehlungen als PDF</h3>
<p>
Analyse eines 3-Tage-Ernährungsprotokolls und ein schriftlicher
Maßnahmenplan für Mahlzeiten, Trinken und Trainingstage. Kein
individueller Wochenplan enthalten.
</p>
</article>
<article>
<span class="detail-number">03</span>
<h3>1 Selbstlernkurs</h3>
<p>
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Einmalige Empfehlungen nach der Analyse; Einordnung der
Erfahrungen im Abschlussgespräch. Keine laufende Plananpassung.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Eine gebündelte Rückfragerunde per E-Mail innerhalb der vier
Wochen; Rückmeldung innerhalb von drei Werktagen. Werktage:
Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du kennst deine wichtigsten Ansatzpunkte und gehst mit drei
konkreten Ernährungsroutinen aus der Beratung.
</p>
</article>
</div>
<figure class="hero-visual">
<img src="assets/images/angebote/starter.webp" width="1200" height="800"
alt="Persönliche Begleitung für sportlich aktive Menschen ab 50" fetchpriority="high" />
<figcaption>
<span>DEIN PAKET. DEIN NÄCHSTER SCHRITT.</span>
<p>Dein erster guter Schritt.</p>
</figcaption>
</figure>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
</div>
</section>
<section id="leistungen" class="detail-section">
<div class="shell">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>4 Wochen.<br />Ein klarer Ablauf.</h2>
<p class="eyebrow">DAS STECKT IN STARTER</p>
<h2>Deine Begleitung.<br />Ganz konkret.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1</span>
<h3>Deine Ausgangslage</h3>
<div class="detail-benefits">
<article>
<span class="detail-number">01</span>
<h3>2 persönliche Beratungen</h3>
<p>
60 Minuten Erstgespräch, Ziele klären und drei Tage Ernährung
protokollieren.
Ein Erstgespräch à 60 Minuten und ein Abschlussgespräch à 30
Minuten, jeweils als Video-Beratung.
</p>
</li>
<li>
<span class="eyebrow">Woche 2–3</span>
<h3>Verstehen und ausprobieren</h3>
</article>
<article>
<span class="detail-number">02</span>
<h3>Persönliche Empfehlungen als PDF</h3>
<p>
Analyse besprechen, Empfehlungen umsetzen und den Grundlagenkurs
bearbeiten.
Analyse eines 3-Tage-Ernährungsprotokolls und ein schriftlicher
Maßnahmenplan für Mahlzeiten, Trinken und Trainingstage. Kein
individueller Wochenplan enthalten.
</p>
</li>
<li>
<span class="eyebrow">Woche 4</span>
<h3>Deine nächsten Schritte</h3>
</article>
<article>
<span class="detail-number">03</span>
<h3>1 Selbstlernkurs</h3>
<p>
30 Minuten Abschlussgespräch und konkrete Routinen für die Zeit
danach.
Je 45 Minuten Lernmaterial mit Übungen. Zugriff während der
Paketlaufzeit.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<ul>
<li>Grundlagen: Essen und Trinken rund ums Training</li>
</ul>
</article>
<article>
<span class="detail-number">04</span>
<h3>Feedback und Anpassungen</h3>
<p>
Einmalige Empfehlungen nach der Analyse; Einordnung der
Erfahrungen im Abschlussgespräch. Keine laufende Plananpassung.
</p>
</article>
<article>
<span class="detail-number">05</span>
<h3>Antworten zwischen Terminen</h3>
<p>
Eine gebündelte Rückfragerunde per E-Mail innerhalb der vier
Wochen; Rückmeldung innerhalb von drei Werktagen. Werktage:
Montag bis Freitag, ausgenommen Feiertage.
</p>
</article>
<article>
<span class="detail-number">06</span>
<h3>Was du für dich mitnimmst</h3>
<p>
Du kennst deine wichtigsten Ansatzpunkte und gehst mit drei
konkreten Ernährungsroutinen aus der Beratung.
</p>
</article>
</div>
</div>
</section>
<section id="zeitplan" class="shell detail-section">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ZEIT GUT GEPLANT</p>
<h2>4 Wochen.<br />Ein klarer Ablauf.</h2>
</div>
</div>
<ol class="detail-timeline">
<li>
<span class="eyebrow">Woche 1</span>
<h3>Deine Ausgangslage</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 4 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
60 Minuten Erstgespräch, Ziele klären und drei Tage Ernährung
protokollieren.
</p>
</li>
<li>
<span class="eyebrow">Woche 2–3</span>
<h3>Verstehen und ausprobieren</h3>
<p>
Analyse besprechen, Empfehlungen umsetzen und den Grundlagenkurs
bearbeiten.
</p>
</li>
<li>
<span class="eyebrow">Woche 4</span>
<h3>Deine nächsten Schritte</h3>
<p>
30 Minuten Abschlussgespräch und konkrete Routinen für die Zeit
danach.
</p>
</li>
</ol>
<div class="detail-footnote">
<h3>So ist der Rahmen gedacht</h3>
<p>
Der Starttermin und die einzelnen Gespräche werden gemeinsam
vereinbart. Die 4 Wochen beginnen mit dem Erstgespräch. Das Paket
endet anschließend ohne automatische Verlängerung. Zusatztermine
sind im Beispielpreis nicht enthalten und würden separat vereinbart.
Alle Konditionen sind Vorschläge zur Abstimmung.
</p>
</div>
</section>
<section id="coaching-vorteil" class="detail-section detail-price-section">
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 4
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1 kennenlernen</a>
</div>
<div class="price-panel" data-base-price="149">
<p class="eyebrow">STARTER · 4 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>149,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p class="discount-summary" data-discount-output role="status" aria-live="polite">
Ohne Coaching-Rabatt: 149,00 € für das gesamte Paket.
</p>
<noscript>
<p>
Mit Starter-Coaching: 144,53 € · Standard-Coaching: 141,55 € ·
Premium-Coaching: 134,10 €.
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-section"
>
<div class="shell detail-price-layout">
<div>
<p class="eyebrow">PREIS UND COACHING-VORTEIL</p>
<h2>Deine Begleitung.<br />Dein Preis im Blick.</h2>
<p>
Der Beispielpreis gilt für alle oben genannten Leistungen über 4
Wochen. Die Rabattstufe richtet sich nach deinem bestehenden
Coaching-1zu1-Paket – unabhängig davon, welches Ernährungsangebot
du wählst.
</p>
<p>
Starter-Coaching: 3 %, Standard-Coaching: 5 %, Premium-Coaching:
10 %. Der Vorteil gilt während deiner Coaching-Laufzeit.
</p>
<a class="text-link" href="https://tri-hub.de/coaching-1zu1"
>Coaching 1zu1 kennenlernen</a
>
</div>
<div class="price-panel" data-base-price="149">
<p class="eyebrow">STARTER · 4 WOCHEN</p>
<p class="price-caption">Beispiel-Gesamtpreis</p>
<p class="detail-price" data-price-output>149,00 €</p>
<p class="price-caption">Einmalig · kein monatliches Abo</p>
<label for="coaching-select">Dein bestehendes Coaching-Paket</label
><select id="coaching-select">
<option value="0">Noch kein Coaching 1zu1</option>
<option value="3">Starter-Coaching · 3 % Rabatt</option>
<option value="5">Standard-Coaching · 5 % Rabatt</option>
<option value="10">Premium-Coaching · 10 % Rabatt</option>
</select>
<p
class="discount-summary"
data-discount-output
role="status"
aria-live="polite"
>
Ohne Coaching-Rabatt: 149,00 € für das gesamte Paket.
</p>
<noscript
><p>
Mit Starter-Coaching: 144,53 € · Standard-Coaching: 141,55 € ·
Premium-Coaching: 134,10 €.
</p></noscript
>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
Buchung ausgelöst.
</p>
</div>
</div>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote"
>Zur Angebotsübersicht</a
>
</div>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-standard.html"
>Standard ansehen</a
><a class="button outline" href="ernaehrung-premium.html"
>Premium ansehen</a
>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span
><span
>Ernährungsangebote sind Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span
>
</section>
<section class="shell detail-section">
<div class="process-end">
<div>
<p class="eyebrow">DEINE ENTSCHEIDUNG</p>
<h2>Welche Begleitung passt zu dir?</h2>
<p>Entdecke die anderen Pakete oder gehe zurück zur Übersicht.</p>
</div>
<a class="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</a>
</div>
</footer>
</body>
</html>
<div class="detail-alternatives">
<a class="button outline" href="ernaehrung-standard.html">Standard ansehen</a><a class="button outline"
href="ernaehrung-premium.html">Premium ansehen</a>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</html>

View File

@ -0,0 +1,68 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ernährungsberatung im Vergleich | TriHub</title>
<meta name="description" content="Starter, Standard und Premium: Preise, Laufzeiten und Leistungen der Ernährungsberatung im direkten Vergleich.">
<link rel="icon" href="assets/images/icons/trihub-logo.jpg" type="image/jpeg">
<link rel="stylesheet" href="css/assets.css">
<link rel="stylesheet" href="css/sections/vergleich.css">
<script src="js/vergleich.js" defer></script>
</head>
<body>
<a class="skip" href="#inhalt">Zum Vergleich</a>
<div class="comparison-sheet">
<header class="comparison-header">
<a href="ernaehrungsberatung.html" class="brand" aria-label="Zur Ernährungsberatung"><img src="assets/images/icons/trihub-logo.jpg" width="72" height="72" alt="Trihub – fit und vital ab 50!"></a>
<nav aria-label="Vergleichsnavigation"><a href="ernaehrungsberatung.html#angebote">← Zur Angebotsübersicht</a><button type="button" id="print-comparison" hidden>Ansicht drucken / als PDF speichern</button></nav>
</header>
<main id="inhalt">
<p class="eyebrow">TRI-HUB · ERNÄHRUNGSBERATUNG</p>
<h1>Drei Pakete.<br>Deine Begleitung im Vergleich.</h1>
<p class="intro">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.</p>
<p class="concept"><strong>Paketvorschläge zur Teamabstimmung.</strong> Preise, Laufzeiten und Leistungen sind beispielhaft und noch nicht von TriHub bestätigt. Diese Übersicht ist kein Vertrag und löst keine Buchung aus.</p>
<section aria-labelledby="comparison-title">
<h2 id="comparison-title">Preise und Leistungen auf einen Blick</h2>
<p class="scroll-hint" id="scroll-help">Auf kleinen Bildschirmen kannst du die Tabelle seitlich verschieben.</p>
<div class="table-scroll" tabindex="0" role="region" aria-label="Paketvergleich, horizontal scrollbar" aria-describedby="scroll-help">
<table>
<caption>Ernährungsberatung: Starter, Standard und Premium</caption>
<colgroup><col class="feature-column"><col><col><col></colgroup>
<thead><tr><th scope="col">Leistung</th><th scope="col">Starter<span>Ein klarer Einstieg</span></th><th scope="col">Standard<span>Dein individueller Plan</span></th><th scope="col">Premium<span>Enge persönliche Begleitung</span></th></tr></thead>
<tbody><tr class="group"><th colspan="4" scope="colgroup">Preis und Laufzeit</th></tr>
<tr><th scope="row">Gesamtpreis (Beispiel)</th><td>149,00 €</td><td>349,00 €</td><td>649,00 €</td></tr>
<tr><th scope="row">Laufzeit</th><td>4 Wochen</td><td>8 Wochen</td><td>12 Wochen</td></tr>
<tr><th scope="row">Abrechnung</th><td>Einmalig für das gesamte Paket</td><td>Einmalig für das gesamte Paket</td><td>Einmalig für das gesamte Paket</td></tr>
<tr class="group"><th colspan="4" scope="colgroup">Persönliche Begleitung</th></tr>
<tr><th scope="row">Video-Beratungen</th><td>2 Termine · insgesamt 90 Min.</td><td>4 Termine · insgesamt 150 Min.</td><td>7 Termine · insgesamt 240 Min.</td></tr>
<tr><th scope="row">Erstgespräch</th><td>60 Minuten</td><td>60 Minuten</td><td>60 Minuten</td></tr>
<tr><th scope="row">Folge- und Abschlussgespräche</th><td>1 × 30 Minuten</td><td>3 × 30 Minuten</td><td>6 × 30 Minuten</td></tr>
<tr><th scope="row">Ernährungsprotokoll</th><td>Analyse von 3 Tagen</td><td>Analyse von 5 Tagen</td><td>Analyse von 7 Tagen</td></tr>
<tr class="group"><th colspan="4" scope="colgroup">Dein Plan und dein Wissen</th></tr>
<tr><th scope="row">Persönliche Empfehlungen</th><td>Maßnahmenplan als PDF</td><td>Im individuellen Ernährungsrahmen enthalten</td><td>Im individuellen Ernährungsrahmen enthalten</td></tr>
<tr><th scope="row">Individueller Ernährungsrahmen</th><td>Nicht enthalten</td><td>7-Tage-Rahmen mit Mahlzeitenbausteinen, Portionsorientierung und Einkaufshilfe</td><td>7-Tage-Rahmen plus persönliche Wettkampfstrategie</td></tr>
<tr><th scope="row">Wettkampfverpflegung</th><td>Nicht enthalten</td><td>Nicht enthalten</td><td>Strategie für einen Zielwettkampf: davor, währenddessen und danach</td></tr>
<tr><th scope="row">Plananpassungen</th><td>Keine laufende Anpassung</td><td>2 gezielte Anpassungen</td><td>Bis zu 5 Anpassungen</td></tr>
<tr><th scope="row">Selbstlernkurse</th><td>1 Kurs à 45 Minuten</td><td>2 Kurse à 45 Minuten</td><td>3 Kurse à 45 Minuten</td></tr>
<tr><th scope="row">Kursinhalte</th><td>Essen und Trinken rund ums Training</td><td>Grundlagen plus Mahlzeitenplanung und Regeneration</td><td>Grundlagen, Mahlzeitenplanung und Regeneration plus Wettkampfverpflegung</td></tr>
<tr><th scope="row">Kurszugriff</th><td>Während der Paketlaufzeit</td><td>Während der Paketlaufzeit</td><td>Während der Paketlaufzeit</td></tr>
<tr class="group"><th colspan="4" scope="colgroup">Fragen zwischen den Terminen</th></tr>
<tr><th scope="row">E-Mail-Rückfragen</th><td>1 gebündelte Rückfragerunde insgesamt</td><td>1 gebündelte Rückfragerunde pro Woche</td><td>Bis zu 2 gebündelte Rückfragerunden pro Woche</td></tr>
<tr><th scope="row">Rückmeldung innerhalb von</th><td>3 Werktagen¹</td><td>2 Werktagen¹</td><td>1 Werktag¹</td></tr>
<tr class="group"><th colspan="4" scope="colgroup">Dein Coaching-Vorteil²</th></tr>
<tr><th scope="row">Mit Starter-Coaching · 3 %</th><td>144,53 €</td><td>338,53 €</td><td>629,53 €</td></tr>
<tr><th scope="row">Mit Standard-Coaching · 5 %</th><td>141,55 €</td><td>331,55 €</td><td>616,55 €</td></tr>
<tr><th scope="row">Mit Premium-Coaching · 10 %</th><td>134,10 €</td><td>314,10 €</td><td>584,10 €</td></tr>
</tbody>
<tfoot><tr><th scope="row">Mehr zum Paket</th><td><a href="ernaehrung-starter.html">Starter entdecken →</a></td><td><a href="ernaehrung-standard.html">Standard entdecken →</a></td><td><a href="ernaehrung-premium.html">Premium entdecken →</a></td></tr></tfoot>
</table>
</div>
<div class="notes"><p>¹ Werktage: Montag bis Freitag, ausgenommen Feiertage.</p><p>² Der Rabatt richtet sich nach deinem <strong>bestehenden Coaching-1zu1-Paket</strong>, unabhängig vom gewählten Ernährungsangebot. Er gilt während der Coaching-Laufzeit. Die drei Rabattstufen sind Alternativen und werden nicht addiert.</p><p>Unverbindliche Beispielpreise. Endpreise und steuerliche Angaben müssen vor Veröffentlichung abgestimmt werden.</p></div>
</section>
<section class="framework" aria-labelledby="framework-title"><h2 id="framework-title">Für alle drei Pakete gilt</h2><p>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.</p><p>Alle Konditionen sind Vorschläge zur Abstimmung. Ausführliche Leistungsbeschreibungen und Zeitpläne findest du auf den jeweiligen Paketdetailseiten.</p></section>
<div class="bottom-actions"><a href="ernaehrungsberatung.html#angebote">← Zurück zu den Angeboten</a><a href="ernaehrungsberatung.html#kontakt">Fragen zur Beratung?</a></div>
</main>
<footer>TriHub · Ernährungsberatung · Projektprototyp · Stand: 30.09.2026</footer>
</div>
</body></html>

View File

@ -1,391 +1,335 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ernährungsberatung ab 50 | TriHub</title>
<meta
name="description"
content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub."
/>
<link
rel="icon"
type="image/jpeg"
href="assets/images/icons/trihub-logo.jpg"
/>
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/sections/kontakt.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
><span class="brand-copy"
><span class="brand-name">Tri-hub</span
><span class="brand-sub"
>Ernährungsberatung für Triathlon ab 50</span
></span
></a
>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a href="#angebote">Angebote entdecken</a><a href="#ablauf">So
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ernährungsberatung ab 50 | TriHub</title>
<meta name="description"
content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub." />
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
<link rel="stylesheet" href="css/assets.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/sections/hero.css" />
<link rel="stylesheet" href="css/sections/angebote.css" />
<link rel="stylesheet" href="css/sections/ablauf.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/sections/kontakt.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
</head>
<body>
<a class="skip" href="#inhalt">Zum Inhalt</a>
<header class="site-header">
<div class="shell header-inner">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
class="brand-name">Tri-hub</span><span class="brand-sub">Ernährungsberatung für Triathlon ab
50</span></span></a>
<nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a href="#angebote">Angebote entdecken</a><a
href="#ablauf">So
läuft’s ab</a><a href="#kontakt">Kontakt</a>
</nav>
<button
class="menu-toggle"
aria-expanded="false"
aria-controls="mobile-nav"
aria-label="Menü öffnen"
>
☰
</button>
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
☰
</button>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="https://tri-hub.de/coaching-1zu1">Coaching-1zu1</a><a href="ernaehrungsberatung.html#angebote">Angebote
entdecken</a><a href="ernaehrungsberatung.html#ablauf">So läuft’s ab</a><a
href="ernaehrungsberatung.html#kontakt">Kontakt</a>
</nav>
</header>
<main id="inhalt">
<section class="hero shell" aria-labelledby="hero-title">
<div class="hero-copy">
<h1 id="hero-title">
Gut versorgt.<br />Für alles, was<br /><em>noch vor dir liegt.</em>
</h1>
<p class="hero-intro">
Dein nächstes Ziel beginnt auch auf dem Teller. Finde eine
Ernährung, die zu deinem Training, deinem Körper und deinem Leben
passt.
</p>
<div class="hero-actions">
<a class="button" href="#angebote">Deine Begleitung finden</a><a class="text-link" href="#ablauf">So
funktioniert’s</a>
</div>
<div class="hero-note">
<span class="check" aria-hidden="true">✓</span> Persönlich.
Alltagstauglich. Auf Augenhöhe.
</div>
</div>
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
<a href="#angebote">Angebote entdecken</a
><a href="#vorteile">Deine Vorteile</a
><a href="#ablauf">So läuft’s ab</a
><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
</nav>
</header>
<main id="inhalt">
<section class="hero shell" aria-labelledby="hero-title">
<div class="hero-copy">
<h1 id="hero-title">
Gut versorgt.<br />Für alles, was<br /><em>noch vor dir liegt.</em>
</h1>
<p class="hero-intro">
Dein nächstes Ziel beginnt auch auf dem Teller. Finde eine
Ernährung, die zu deinem Training, deinem Körper und deinem Leben
passt.
<figure class="hero-visual">
<img src="assets/images/hero/hero.webp" width="1200" height="800"
alt="Zwei sportlich aktive Menschen ab 50 besprechen einen Plan neben einem Fahrrad am See"
fetchpriority="high" />
<figcaption>
<span>DEIN TEMPO. DEINE ZIELE.</span>
<p>Mehr Freude am Sport.<br />Mehr Energie fürs Leben.</p>
</figcaption>
</figure>
</section>
<div class="values-strip">
<div class="shell">
<span>Für deinen Einstieg</span><i aria-hidden="true">✦</i><span>Für deinen Wiedereinstieg</span><i
aria-hidden="true">✦</i><span>Für dein nächstes Ziel</span>
</div>
</div>
<section id="vorteile" class="shell section benefits">
<div class="section-heading">
<div>
<p class="eyebrow">WAS DU DAVON HAST</p>
<h2>Dein Training verdient<br />die passende Ernährung.</h2>
</div>
<p>
Du bringst die Motivation mit. Gemeinsam schaffen wir Orientierung
für das Essen und Trinken rund um deinen Sport.
</p>
</div>
<div class="benefit-grid">
<article>
<span class="benefit-icon" aria-hidden="true">↗</span>
<h3>Energie gezielt einplanen</h3>
<p>
Verstehe, wie du deine Mahlzeiten auf ruhige Tage, intensive
Einheiten und lange Ausfahrten abstimmst.
</p>
<div class="hero-actions">
<a class="button" href="#angebote">Deine Begleitung finden</a
><a class="text-link" href="#ablauf">So funktioniert’s</a>
</div>
<div class="hero-note">
<span class="check" aria-hidden="true">✓</span> Persönlich.
Alltagstauglich. Auf Augenhöhe.
</div>
</div>
<figure class="hero-visual">
<img
src="assets/images/hero/hero.webp"
width="1200"
height="800"
alt="Zwei sportlich aktive Menschen ab 50 besprechen einen Plan neben einem Fahrrad am See"
fetchpriority="high"
/>
<figcaption>
<span>DEIN TEMPO. DEINE ZIELE.</span>
<p>Mehr Freude am Sport.<br />Mehr Energie fürs Leben.</p>
</figcaption>
</figure>
</section>
<div class="values-strip">
<div class="shell">
<span>Für deinen Einstieg</span><i aria-hidden="true">✦</i
><span>Für deinen Wiedereinstieg</span><i aria-hidden="true">✦</i
><span>Für dein nächstes Ziel</span>
</div>
</article>
<article>
<span class="benefit-icon" aria-hidden="true">↻</span>
<h3>Regeneration mitdenken</h3>
<p>
Gib Erholung einen festen Platz – mit einer Ernährung, die deinen
Körper nach dem Training unterstützt.
</p>
</article>
<article>
<span class="benefit-icon" aria-hidden="true">✓</span>
<h3>Im Alltag dranbleiben</h3>
<p>
Entwickle Routinen, die zu Arbeit, Familie und deinen Vorlieben
passen. Ohne komplizierte Regeln.
</p>
</article>
</div>
<section id="vorteile" class="shell section benefits">
</section>
<section id="angebote" class="offers-section">
<div class="shell section">
<div class="section-heading">
<div>
<p class="eyebrow">WAS DU DAVON HAST</p>
<h2>Dein Training verdient<br />die passende Ernährung.</h2>
<p class="eyebrow">DEINE ERNÄHRUNG. DEINE BEGLEITUNG.</p>
<h2>So viel Unterstützung,<br />wie du brauchst.</h2>
</div>
<p>
Du bringst die Motivation mit. Gemeinsam schaffen wir Orientierung
für das Essen und Trinken rund um deinen Sport.
Ein klarer Einstieg oder eine enge Begleitung: Wähle den Rahmen,
der sich für dich richtig anfühlt.
</p>
</div>
<div class="benefit-grid">
<article>
<span class="benefit-icon" aria-hidden="true">↗</span>
<h3>Energie gezielt einplanen</h3>
<p>
Verstehe, wie du deine Mahlzeiten auf ruhige Tage, intensive
Einheiten und lange Ausfahrten abstimmst.
</p>
</article>
<article>
<span class="benefit-icon" aria-hidden="true">↻</span>
<h3>Regeneration mitdenken</h3>
<p>
Gib Erholung einen festen Platz – mit einer Ernährung, die deinen
Körper nach dem Training unterstützt.
</p>
</article>
<article>
<span class="benefit-icon" aria-hidden="true">✓</span>
<h3>Im Alltag dranbleiben</h3>
<p>
Entwickle Routinen, die zu Arbeit, Familie und deinen Vorlieben
passen. Ohne komplizierte Regeln.
</p>
</article>
<div class="concept-note">
<span aria-hidden="true">ⓘ</span> Paketvorschläge zur Teamabstimmung · Preise, Laufzeiten und Leistungen sind
beispielhaft und noch nicht bestätigt.
</div>
</section>
<section id="angebote" class="offers-section">
<div class="shell section">
<div class="section-heading">
<div>
<p class="eyebrow">DEINE ERNÄHRUNG. DEINE BEGLEITUNG.</p>
<h2>So viel Unterstützung,<br />wie du brauchst.</h2>
<div class="package-grid">
<article class="package">
<div class="package-image">
<img src="assets/images/angebote/starter.webp" width="700" height="420"
alt="Gemeinsame Planung am See für den sportlichen Einstieg" loading="lazy" />
</div>
<p>
Ein klarer Einstieg oder eine enge Begleitung: Wähle den Rahmen,
der sich für dich richtig anfühlt.
</p>
</div>
<div class="concept-note">
<span aria-hidden="true">ⓘ</span> Paketvorschläge zur Teamabstimmung · Preise, Laufzeiten und Leistungen sind beispielhaft und noch nicht bestätigt.
</div>
<div class="package-grid">
<article class="package">
<div class="package-image">
<img
src="assets/images/angebote/starter.webp"
width="700"
height="420"
alt="Gemeinsame Planung am See für den sportlichen Einstieg"
loading="lazy"
/>
</div>
<div class="package-body">
<p class="eyebrow">STARTER</p>
<h3>Dein erster<br />guter Schritt.</h3>
<p>
Für Einsteiger und Wiedereinsteiger, die ihre Ernährung
verstehen und gezielt verändern möchten.
</p>
<ul>
<li>Persönliche Bestandsaufnahme</li>
<li>Analyse deiner Essgewohnheiten</li>
<li>Konkrete Empfehlungen für den Alltag</li>
</ul>
<a
class="button outline package-open"
href="ernaehrung-starter.html"
>Starter entdecken</a
>
</div>
</article>
<article class="package featured">
<div class="package-image">
<img
src="assets/images/angebote/standard.webp"
width="700"
height="420"
alt="Sportler und Coach besprechen gemeinsam einen Plan am Fahrrad"
loading="lazy"
/><span class="package-badge">MIT INDIVIDUELLEM PLAN</span>
</div>
<div class="package-body">
<p class="eyebrow">STANDARD</p>
<h3>Aus guten Vorsätzen<br />wird dein Plan.</h3>
<p>
Für alle, die Ernährung und Training aufeinander abstimmen und
neue Routinen festigen möchten.
</p>
<ul>
<li>Alles aus Starter</li>
<li>Individueller Ernährungsrahmen</li>
<li>Feedback und gemeinsame Anpassung</li>
</ul>
<a class="button package-open" href="ernaehrung-standard.html"
>Standard entdecken</a
>
</div>
</article>
<article class="package">
<div class="package-image">
<img
src="assets/images/angebote/premium.webp"
width="700"
height="420"
alt="Persönliches Coachinggespräch auf einer Bank neben einem Triathlonrad"
loading="lazy"
/>
</div>
<div class="package-body">
<p class="eyebrow">PREMIUM</p>
<h3>Dein Ziel.<br />Ganz persönlich.</h3>
<p>
Für ambitionierte Ziele und alle, die sich eine besonders
enge, individuelle Begleitung wünschen.
</p>
<ul>
<li>Alles aus Standard</li>
<li>Verpflegungsstrategie für Wettkämpfe</li>
<li>Engmaschige Begleitung und Anpassung</li>
</ul>
<a
class="button outline package-open"
href="ernaehrung-premium.html"
>Premium entdecken</a
>
</div>
</article>
</div>
<div class="coaching-banner">
<div class="bonus-symbol" aria-hidden="true">%</div>
<div>
<h3>Schon im Coaching 1zu1? Dein Vorteil kommt mit.</h3>
<div class="package-body">
<p class="eyebrow">STARTER</p>
<h3>Dein erster<br />guter Schritt.</h3>
<p>
Spare mit deinem bestehenden Coaching-Paket bei der
Ernährungsberatung.
Für Einsteiger und Wiedereinsteiger, die ihre Ernährung
verstehen und gezielt verändern möchten.
</p>
</div>
<a
class="text-link"
href="ernaehrung-standard.html#coaching-vorteil"
>Rabatte ansehen</a
>
</div>
</div>
</section>
<section id="ablauf" class="shell section process">
<div class="section-heading">
<div>
<p class="eyebrow">SO LÄUFT’S AB</p>
<h2>Vom ersten Gespräch<br />zu deiner eigenen Routine.</h2>
</div>
<p>
Du musst nicht schon alles wissen. Wir beginnen bei dir und gehen
Schritt für Schritt weiter.
</p>
</div>
<ol class="steps">
<li>
<span class="step-number">01</span>
<h3>Dich kennenlernen</h3>
<p>
Wir besprechen deine Ziele, deinen Alltag und deine sportliche
Ausgangslage.
</p>
</li>
<li>
<span class="step-number">02</span>
<h3>Gewohnheiten verstehen</h3>
<p>
Ein Ernährungsprotokoll macht sichtbar, was bereits passt und wo
du ansetzen kannst.
</p>
</li>
<li>
<span class="step-number">03</span>
<h3>Deinen Weg planen</h3>
<p>
Du erhältst konkrete Empfehlungen – je nach Paket ergänzt um einen
individuellen Ernährungsrahmen.
</p>
</li>
<li>
<span class="step-number">04</span>
<h3>Umsetzen & anpassen</h3>
<p>
Du erprobst die Empfehlungen. In Standard und Premium begleiten
Feedback und Anpassungen deinen Weg.
</p>
</li>
</ol>
<div class="process-end">
<p>Der beste Plan ist der, der in dein Leben passt.</p>
<a class="text-link" href="#angebote">Dein Angebot entdecken</a>
</div>
</section>
<!-- US04-02: Trainer + Kontakt (Weiterleitung zu tri-hub.de/kontakt) -->
<section id="kontakt" class="shell section contact" aria-labelledby="kontakt-title">
<div class="section-heading">
<div>
<p class="eyebrow">DEIN ANSPRECHPARTNER</p>
<h2 id="kontakt-title">Vereinbare ein<br />persönliches Gespräch.</h2>
</div>
<p>
Lerne deinen Trainer kennen und kläre in einem ersten Gespräch,
welche Begleitung zu dir passt.
</p>
</div>
<div class="contact-grid">
<!-- PLATZHALTER: Trainerprofil – Inhalte folgen vom Kunden -->
<article class="trainer-card" aria-label="Trainerprofil (Platzhalter)">
<div class="trainer-photo" role="img" aria-label="Platzhalter für das Foto des Trainers">
<span aria-hidden="true">Foto folgt</span>
</div>
<div class="trainer-body">
<p class="placeholder-tag">Platzhalter</p>
<h3>[Name des Trainers]</h3>
<p class="trainer-role">[Rolle, z. B. Triathlon-Coach &amp; Ernährungsberater]</p>
<ul class="trainer-facts">
<li><span>Qualifikation</span>[Ausbildung / Studium]</li>
<li><span>Zertifikate</span>[z. B. Lizenz, Fortbildungen]</li>
<li><span>Erfahrung</span>[Jahre im Triathlon / in der Beratung]</li>
<li><span>Schwerpunkte</span>[z. B. Ernährung ab 50, Wettkampfvorbereitung]</li>
<ul>
<li>Persönliche Bestandsaufnahme</li>
<li>Analyse deiner Essgewohnheiten</li>
<li>Konkrete Empfehlungen für den Alltag</li>
</ul>
<p class="trainer-quote">„[Kurzes persönliches Statement des Trainers]“</p>
<a class="button outline package-open" href="ernaehrung-starter.html">Starter entdecken</a>
</div>
</article>
<article class="package featured">
<div class="package-image">
<img src="assets/images/angebote/standard.webp" width="700" height="420"
alt="Sportler und Coach besprechen gemeinsam einen Plan am Fahrrad" loading="lazy" /><span
class="package-badge">MIT INDIVIDUELLEM PLAN</span>
</div>
<div class="package-body">
<p class="eyebrow">STANDARD</p>
<h3>Aus guten Vorsätzen<br />wird dein Plan.</h3>
<p>
Für alle, die Ernährung und Training aufeinander abstimmen und
neue Routinen festigen möchten.
</p>
<ul>
<li>Alles aus Starter</li>
<li>Individueller Ernährungsrahmen</li>
<li>Feedback und gemeinsame Anpassung</li>
</ul>
<a class="button package-open" href="ernaehrung-standard.html">Standard entdecken</a>
</div>
</article>
<article class="package">
<div class="package-image">
<img src="assets/images/angebote/premium.webp" width="700" height="420"
alt="Persönliches Coachinggespräch auf einer Bank neben einem Triathlonrad" loading="lazy" />
</div>
<div class="package-body">
<p class="eyebrow">PREMIUM</p>
<h3>Dein Ziel.<br />Ganz persönlich.</h3>
<p>
Für ambitionierte Ziele und alle, die sich eine besonders
enge, individuelle Begleitung wünschen.
</p>
<ul>
<li>Alles aus Standard</li>
<li>Verpflegungsstrategie für Wettkämpfe</li>
<li>Engmaschige Begleitung und Anpassung</li>
</ul>
<a class="button outline package-open" href="ernaehrung-premium.html">Premium entdecken</a>
</div>
</article>
<div class="contact-card">
<p class="eyebrow">KOSTENLOS &amp; UNVERBINDLICH</p>
<h3>Vereinbare ein persönliches Gespräch</h3>
<p>
Schreib deinem Trainer über das Kontaktformular von TriHub.
Erzähl kurz von deinen Zielen – du bekommst eine persönliche Antwort.
</p>
<ul class="contact-points">
<li>Ziele und Alltag besprechen</li>
<li>Passendes Angebot finden</li>
<li>Offene Fragen klären</li>
</ul>
<a class="button contact-button" href="https://tri-hub.de/kontakt#kontaktinfos">Zum Kontaktformular</a>
</div>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a
class="brand brand-logo"
href="https://tri-hub.de/"
aria-label="TriHub Startseite"
><span class="brand-mark"
><img
src="assets/images/icons/trihub-logo.jpg"
width="1024"
height="1024"
alt="Trihub – fit und vital ab 50!" /></span
></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
<div class="coaching-banner">
<p style="margin: 32px 0"><a class="button" href="ernaehrung-vergleich.html">Alle Pakete im Vergleich →</a>
</p>
<div>
<h3>Schon im Coaching 1zu1? Dein Vorteil kommt mit.</h3>
<p>
Spare mit deinem bestehenden Coaching-Paket bei der
Ernährungsberatung.
</p>
</div>
<a class="text-link" href="ernaehrung-standard.html#coaching-vorteil">Rabatte ansehen</a>
</div>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span
><span
>Ernährungsangebote sind Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span
>
</section>
<section id="ablauf" class="shell section process">
<div class="section-heading">
<div>
<p class="eyebrow">SO LÄUFT’S AB</p>
<h2>Vom ersten Gespräch<br />zu deiner eigenen Routine.</h2>
</div>
<p>
Du musst nicht schon alles wissen. Wir beginnen bei dir und gehen
Schritt für Schritt weiter.
</p>
</div>
</footer>
</body>
</html>
<ol class="steps">
<li>
<span class="step-number">01</span>
<h3>Dich kennenlernen</h3>
<p>
Wir besprechen deine Ziele, deinen Alltag und deine sportliche
Ausgangslage.
</p>
</li>
<li>
<span class="step-number">02</span>
<h3>Gewohnheiten verstehen</h3>
<p>
Ein Ernährungsprotokoll macht sichtbar, was bereits passt und wo
du ansetzen kannst.
</p>
</li>
<li>
<span class="step-number">03</span>
<h3>Deinen Weg planen</h3>
<p>
Du erhältst konkrete Empfehlungen – je nach Paket ergänzt um einen
individuellen Ernährungsrahmen.
</p>
</li>
<li>
<span class="step-number">04</span>
<h3>Umsetzen & anpassen</h3>
<p>
Du erprobst die Empfehlungen. In Standard und Premium begleiten
Feedback und Anpassungen deinen Weg.
</p>
</li>
</ol>
<div class="process-end">
<p>Der beste Plan ist der, der in dein Leben passt.</p>
<a class="text-link" href="#angebote">Dein Angebot entdecken</a>
</div>
</section>
<!-- US04-02: Trainer + Kontakt (Weiterleitung zu tri-hub.de/kontakt) -->
<section id="kontakt" class="shell section contact" aria-labelledby="kontakt-title">
<div class="section-heading">
<div>
<p class="eyebrow">DEIN ANSPRECHPARTNER</p>
<h2 id="kontakt-title">Vereinbare ein<br />persönliches Gespräch.</h2>
</div>
<p>
Lerne Lilli kennen und kläre in einem ersten Gespräch,
welche Begleitung zu dir passt.
</p>
</div>
<div class="contact-grid">
<!-- Trainerprofil: Relindis Agethen (Lilli) -->
<article class="trainer-card" aria-labelledby="trainer-name">
<figure class="trainer-photo">
<img src="assets/images/trainer/lilli.webp" width="800" height="1067"
alt="Relindis Agethen (Lilli) auf dem Triathlonrad im Wettkampf" loading="lazy" />
</figure>
<div class="trainer-body">
<h3 id="trainer-name">Relindis Agethen (Lilli)</h3>
<p class="trainer-role">Triathletin und Ernährungsberaterin</p>
<ul class="trainer-facts">
<li><span>Qualifikation</span>Zertifizierte Ernährungsberaterin für Sportler (B-Lizenz)</li>
<li><span>Erfahrung</span>Seit 16 Jahren aktiv im Triathlon</li>
<li><span>Erfolge</span>Vize-Europameisterin, Deutsche Meisterin, mehrfache Baden-Württembergische
Meisterin</li>
<li><span>Schwerpunkt</span>Ernährung, Leistungssport-Perspektive und wettkampforientierte Entwicklung
</li>
</ul>
<p class="trainer-bio">
Lilli ergänzt das TriHub-Team um Leistungsentwicklung und
Ernährungswissen – aus eigener Wettkampferfahrung.
</p>
</div>
</article>
<div class="contact-card">
<p class="eyebrow">KOSTENFREI &amp; UNVERBINDLICH</p>
<h3>Vereinbare ein persönliches Gespräch</h3>
<p>
Schreib Lilli über das Kontaktformular von TriHub.
Erzähl kurz von deinen Zielen – du bekommst eine persönliche Antwort.
</p>
<ul class="contact-points">
<li>Ziele und Alltag besprechen</li>
<li>Passendes Angebot finden</li>
<li>Offene Fragen klären</li>
</ul>
<a class="button contact-button" href="https://tri-hub.de/kontakt#kontaktinfos">Zum Kontaktformular</a>
</div>
</div>
</section>
</main>
<footer>
<div class="shell footer-main">
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span></a>
<p>Dein sportliches Zuhause ab 50.</p>
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
</div>
<div class="shell footer-note">
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</html>

7
js/vergleich.js 100644
View File

@ -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());
})();