Fehlerkorrektur Mobileband

feature_US0202
Daniel Fromm 2026-09-30 13:03:46 +00:00
parent 52bbfd2566
commit 5baadd3a5c
4 changed files with 1102 additions and 1351 deletions

View File

@ -1,18 +1,13 @@
<!doctype html>
<html lang="de">
<head>
<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"
/>
<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" />
@ -22,60 +17,38 @@
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
</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
>
<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>
<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"
>
<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>
<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>
<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">
@ -94,37 +67,27 @@
</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>
<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>
<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>
<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>
<span>Selbstlernkurse</span><strong>3 Kurse</strong><small>je 45 Minuten, online</small>
</div>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</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"
/>
<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>
@ -247,10 +210,7 @@
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-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>
@ -265,36 +225,28 @@
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
>
<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">
<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"
>
<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>
<noscript>
<p>
Mit Starter-Coaching: 629,53 € · Standard-Coaching: 616,55 € ·
Premium-Coaching: 584,10 €.
</p></noscript
>
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
@ -310,43 +262,29 @@
<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="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</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
>
<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>
<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
>
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</body>
</html>

View File

@ -1,18 +1,13 @@
<!doctype html>
<html lang="de">
<head>
<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"
/>
<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" />
@ -22,62 +17,39 @@
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
</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
>
<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>
<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"
>
<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>
<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>
<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">
@ -98,37 +70,27 @@
</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>
<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>
<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>
<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>
<span>Selbstlernkurse</span><strong>2 Kurse</strong><small>je 45 Minuten, online</small>
</div>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</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"
/>
<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>
@ -249,10 +211,7 @@
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-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>
@ -267,36 +226,28 @@
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
>
<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">
<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"
>
<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>
<noscript>
<p>
Mit Starter-Coaching: 338,53 € · Standard-Coaching: 331,55 € ·
Premium-Coaching: 314,10 €.
</p></noscript
>
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
@ -312,43 +263,29 @@
<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="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</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
>
<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>
<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
>
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</body>
</html>

View File

@ -1,18 +1,13 @@
<!doctype html>
<html lang="de">
<head>
<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"
/>
<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" />
@ -22,62 +17,39 @@
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
<link rel="stylesheet" href="css/sections/paketdetails.css" />
</head>
<body>
</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
>
<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>
<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"
>
<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>
<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>
<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">
@ -95,37 +67,27 @@
</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>
<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>
<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>
<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>
<span>Selbstlernkurse</span><strong>1 Kurs</strong><small>je 45 Minuten, online</small>
</div>
</div>
<div class="hero-actions">
<a class="button" href="#leistungen">Leistungen entdecken</a
><a class="text-link" href="#coaching-vorteil"
>Dein Coaching-Rabatt</a
>
<a class="button" href="#leistungen">Leistungen entdecken</a><a class="text-link"
href="#coaching-vorteil">Dein Coaching-Rabatt</a>
</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"
/>
<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>
@ -243,10 +205,7 @@
</p>
</div>
</section>
<section
id="coaching-vorteil"
class="detail-section detail-price-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>
@ -261,36 +220,28 @@
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
>
<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">
<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"
>
<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>
<noscript>
<p>
Mit Starter-Coaching: 144,53 € · Standard-Coaching: 141,55 € ·
Premium-Coaching: 134,10 €.
</p></noscript
>
</p>
</noscript>
<p class="proposal-note">
Unverbindliche Beispielrechnung. Endpreis und steuerliche Angaben
müssen vor Veröffentlichung abgestimmt werden. Hier wird keine
@ -306,43 +257,29 @@
<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="button" href="ernaehrungsberatung.html#angebote">Zur Angebotsübersicht</a>
<a class="text-link" href="ernaehrung-vergleich.html">Pakete vergleichen →</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
>
<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>
<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
>
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</body>
</html>

View File

@ -1,18 +1,13 @@
<!doctype html>
<html lang="de">
<head>
<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"
/>
<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" />
@ -22,46 +17,30 @@
<link rel="stylesheet" href="css/sections/kontakt.css" />
<script src="js/angebote.js" defer></script>
<script src="js/main.js" defer></script>
</head>
<body>
</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
>
<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
<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 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="#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>
<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">
@ -76,8 +55,8 @@
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>
<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.
@ -85,13 +64,9 @@
</div>
</div>
<figure class="hero-visual">
<img
src="assets/images/hero/hero.webp"
width="1200"
height="800"
<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"
/>
fetchpriority="high" />
<figcaption>
<span>DEIN TEMPO. DEINE ZIELE.</span>
<p>Mehr Freude am Sport.<br />Mehr Energie fürs Leben.</p>
@ -100,9 +75,8 @@
</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>
<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">
@ -156,18 +130,14 @@
</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.
<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"
/>
<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>
@ -181,22 +151,14 @@
<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
>
<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>
<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>
@ -210,20 +172,13 @@
<li>Individueller Ernährungsrahmen</li>
<li>Feedback und gemeinsame Anpassung</li>
</ul>
<a class="button package-open" href="ernaehrung-standard.html"
>Standard entdecken</a
>
<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"
/>
<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>
@ -237,16 +192,13 @@
<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
>
<a class="button outline package-open" href="ernaehrung-premium.html">Premium entdecken</a>
</div>
</article>
</div>
<div class="coaching-banner">
<p style="margin: 32px 0"><a class="button" href="ernaehrung-vergleich.html">Alle Pakete im Vergleich →</a></p>
<p style="margin: 32px 0"><a class="button" href="ernaehrung-vergleich.html">Alle Pakete im Vergleich →</a>
</p>
<div class="bonus-symbol" aria-hidden="true">%</div>
<div>
<h3>Schon im Coaching 1zu1? Dein Vorteil kommt mit.</h3>
@ -255,11 +207,7 @@
Ernährungsberatung.
</p>
</div>
<a
class="text-link"
href="ernaehrung-standard.html#coaching-vorteil"
>Rabatte ansehen</a
>
<a class="text-link" href="ernaehrung-standard.html#coaching-vorteil">Rabatte ansehen</a>
</div>
</div>
</section>
@ -366,27 +314,18 @@
</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>
<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
>
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
Konzeptvorschläge, keine veröffentlichten
TriHub-Tarife.</span>
</div>
</footer>
</body>
</body>
</html>