202 lines
13 KiB
HTML
202 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Starter-Paket | Ernährungsberatung | Tri-hub</title>
|
||
<meta name="description" content="Dein Einstieg in die Ernährungsberatung für Triathleten ab 50: Erstgespräch, individueller Ernährungsplan und monatliches Check-in für 79 € pro Monat.">
|
||
<!-- Vorhandene Styles, ergänzt um das Layout der Detailseite. -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="../css/site.css">
|
||
<link rel="stylesheet" href="../css/navigation.css">
|
||
<link rel="stylesheet" href="../css/produktuebersicht.css">
|
||
<link rel="stylesheet" href="../css/beratung.css">
|
||
<link rel="stylesheet" href="../css/paketdetails.css">
|
||
<script src="../js/navigation.js" defer></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Gemeinsame Navigation. -->
|
||
<header class="site-navigation">
|
||
<div class="site-navigation__bar">
|
||
<div class="brand">
|
||
<a class="brand__logo" href="https://tri-hub.de/" aria-label="Zur Trihub-Startseite">
|
||
<img src="../images/trihub-logo.jpg" alt="Trihub – fit und vital ab 50!" width="500" height="500">
|
||
</a>
|
||
<div class="brand__text">
|
||
<span class="brand__name">TRI-HUB</span>
|
||
<span class="brand__label">Triathlon als sportliches Zuhause ab 50</span>
|
||
</div>
|
||
</div>
|
||
<button class="menu-toggle" type="button" aria-controls="navigation-links" aria-expanded="false" aria-label="Menü öffnen">☰</button>
|
||
<nav class="site-navigation__links" id="navigation-links" aria-label="Hauptnavigation">
|
||
<ul>
|
||
<li><a href="../index.html#produktuebersicht">Übersicht</a></li>
|
||
<li><a href="../index.html#leistungen">Pakete</a></li>
|
||
<li><a href="../index.html#berater">Berater</a></li>
|
||
<li><a href="../index.html#beratung">Infos</a></li>
|
||
<li><a href="kontakt.html">Kontakt</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="site-navigation__backdrop" aria-hidden="true"></div>
|
||
</header>
|
||
|
||
<div class="beratung-bereich paket-detail">
|
||
<main id="main-content">
|
||
<div class="container paket-detail__breadcrumb">
|
||
<a href="../index.html#leistungen"><span aria-hidden="true">←</span> Alle Ernährungspakete</a>
|
||
<span>STARTER</span>
|
||
</div>
|
||
|
||
<!-- Einstieg mit dem vorhandenen Starter-Bild. -->
|
||
<section class="produktuebersicht paket-detail__hero" aria-labelledby="paket-title">
|
||
<div class="hero">
|
||
<img class="hero__image" src="../images/paket-starter.jpg" alt="Zwei ältere Sportler besprechen ihren Ernährungsplan neben einem Fahrrad am See." width="1200" height="800" fetchpriority="high">
|
||
<div class="container hero__inner">
|
||
<div class="hero__content">
|
||
<p class="hero__eyebrow">Ernährungsberatung · Starter</p>
|
||
<h1 id="paket-title">Dein erster Schritt.<span>Gut versorgt starten.</span></h1>
|
||
<p class="hero__description">Du möchtest deine Ernährung bewusster auf dein Training abstimmen? Wir begleiten deinen Einstieg – mit einem persönlichen Gespräch, einem Plan für dich und konkreten Ideen für deinen Alltag.</p>
|
||
<div class="paket-detail__actions">
|
||
<a class="btn btn-accent" href="#anfrage">Starter-Paket ansehen <span aria-hidden="true">↗</span></a>
|
||
<a class="paket-detail__text-link" href="#leistungen">Was ist enthalten? <span aria-hidden="true">↓</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Die Paketangaben entsprechen json/pakete.json. -->
|
||
<div class="container">
|
||
<dl class="paket-detail__facts" aria-label="Starter auf einen Blick">
|
||
<div><dt>Dein Paket</dt><dd>Starter<small>Für deinen Einstieg</small></dd></div>
|
||
<div><dt>Monatspreis</dt><dd>79 €<small>pro Monat</small></dd></div>
|
||
<div><dt>Dein Plan</dt><dd>Individuell<small>Passend zu deinem Alltag</small></dd></div>
|
||
<div><dt>Persönlicher Kontakt</dt><dd>Monatlich<small>Check-in per E-Mail</small></dd></div>
|
||
</dl>
|
||
</div>
|
||
|
||
<section class="section" id="leistungen" aria-labelledby="leistungen-title">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<span class="kicker">Das steckt in Starter</span>
|
||
<h2 id="leistungen-title">Eine gute Grundlage.<br>Für Training und Alltag.</h2>
|
||
<p class="lead">Vier Bausteine helfen dir dabei, deine Ernährungsgewohnheiten besser zu verstehen und erste Schritte umzusetzen.</p>
|
||
</div>
|
||
<div class="grid-2 paket-detail__services">
|
||
<article class="box">
|
||
<span class="paket-detail__number" aria-hidden="true">01</span>
|
||
<h3>Erstgespräch & Bedarfsanalyse</h3>
|
||
<p>Wir sprechen über deine Ziele, deinen Trainingsalltag und deine bisherigen Gewohnheiten. So finden wir heraus, wo du ansetzen kannst.</p>
|
||
</article>
|
||
<article class="box">
|
||
<span class="paket-detail__number" aria-hidden="true">02</span>
|
||
<h3>Individueller Ernährungsplan</h3>
|
||
<p>Dein Plan orientiert sich an dir: an deinem Training, deinen Vorlieben und dem, was sich in deinem Alltag umsetzen lässt.</p>
|
||
</article>
|
||
<article class="box">
|
||
<span class="paket-detail__number" aria-hidden="true">03</span>
|
||
<h3>Monatliches Check-in per E-Mail</h3>
|
||
<p>Du kannst deine Erfahrungen und Fragen mit uns teilen. Gemeinsam schauen wir darauf, wie es dir mit deinem Plan geht.</p>
|
||
</article>
|
||
<article class="box">
|
||
<span class="paket-detail__number" aria-hidden="true">04</span>
|
||
<h3>Zugang zu Beispielplänen</h3>
|
||
<p>Beispiele geben dir Orientierung und Ideen für Mahlzeiten. Du bekommst Anregungen, die du auf deinen eigenen Alltag übertragen kannst.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Ablauf mit den bestehenden Listen-Styles. -->
|
||
<section class="section paket-detail__process" id="ablauf" aria-labelledby="ablauf-title">
|
||
<div class="container paket-detail__split">
|
||
<div>
|
||
<span class="kicker">So beginnt deine Beratung</span>
|
||
<h2 id="ablauf-title">Ein Schritt nach dem anderen.</h2>
|
||
<p class="lead">Du musst noch nicht auf alles eine Antwort haben. Bring deine Fragen mit – wir finden gemeinsam einen passenden Einstieg.</p>
|
||
<a class="paket-detail__text-link" href="../index.html#berater">Unsere Berater kennenlernen <span aria-hidden="true">↗</span></a>
|
||
</div>
|
||
<ol class="beratung-ablauf">
|
||
<li><strong>Kontakt aufnehmen</strong><p>Schreib uns, dass du dich für das Starter-Paket interessierst, und erzähle kurz von deinem Ziel.</p></li>
|
||
<li><strong>Gemeinsam hinschauen</strong><p>Im Erstgespräch besprechen wir deinen Bedarf und deine aktuellen Ernährungsgewohnheiten.</p></li>
|
||
<li><strong>Im Alltag starten</strong><p>Mit deinem individuellen Plan und den Beispielplänen setzt du die ersten Schritte um.</p></li>
|
||
<li><strong>In Verbindung bleiben</strong><p>Beim monatlichen Check-in per E-Mail ist Raum für deine Erfahrungen und Fragen.</p></li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Preisübersicht und Einstieg zur vorhandenen Kontaktseite. -->
|
||
<section class="section" id="anfrage" aria-labelledby="anfrage-title">
|
||
<div class="container paket-detail__split">
|
||
<div>
|
||
<span class="kicker">Dein nächster Schritt</span>
|
||
<h2 id="anfrage-title">Passt Starter zu dir?</h2>
|
||
<p class="lead">Das Paket ist für dich gedacht, wenn du eine persönliche Grundlage für deine Ernährung suchst und mit überschaubaren Schritten beginnen möchtest.</p>
|
||
<ul class="check-list">
|
||
<li>Du möchtest Ernährung und Training besser verbinden.</li>
|
||
<li>Du suchst Orientierung statt allgemeiner Ernährungstipps.</li>
|
||
<li>Du wünschst dir einen Plan und einen festen Kontaktpunkt.</li>
|
||
</ul>
|
||
<p class="paket-detail__alternative">Du möchtest eine engere Begleitung?<br><a class="paket-detail__text-link" href="../index.html#leistungen">Standard und Premium vergleichen <span aria-hidden="true">→</span></a></p>
|
||
</div>
|
||
<aside class="box paket-detail__summary" aria-labelledby="summary-title">
|
||
<span class="kicker">Ernährungsberatung</span>
|
||
<h3 id="summary-title">STARTER</h3>
|
||
<p class="paket-detail__price"><strong>79 €</strong><span>/ Monat</span></p>
|
||
<p class="muted">Für den Einstieg in eine bewusste Ernährung neben dem Training.</p>
|
||
<ul class="check-list">
|
||
<li>Erstgespräch & Bedarfsanalyse</li>
|
||
<li>Individueller Ernährungsplan</li>
|
||
<li>Monatliches Check-in per E-Mail</li>
|
||
<li>Zugang zu Beispielplänen</li>
|
||
</ul>
|
||
<a class="btn btn-accent" href="kontakt.html#kontaktinfos">Starter-Paket anfragen <span aria-hidden="true">↗</span></a>
|
||
<p class="paket-detail__note">Du gelangst zum Kontaktformular. Mit deiner Anfrage wird noch keine Buchung abgeschlossen.</p>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer der Ernährungsseite. -->
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-brand">
|
||
<a class="logo" href="https://tri-hub.de/">TRI-HUB</a>
|
||
<p>Triathlon ab 50 – Coaching, Wissen und Begleitung für Best Ager. Hier: der neue Bereich Ernährungsberatung.</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h3>Dieser Bereich</h3>
|
||
<ul>
|
||
<li><a href="../index.html#beratung">Ablauf der Beratung</a></li>
|
||
<li><a href="kontakt.html">Kontakt</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h3>TRI-HUB</h3>
|
||
<ul>
|
||
<li><a href="https://tri-hub.de/">Start</a></li>
|
||
<li><a href="https://tri-hub.de/coaching-1zu1">1:1 Coaching</a></li>
|
||
<li><a href="https://tri-hub.de/camps-schwarzwald">Camps Schwarzwald</a></li>
|
||
<li><a href="https://tri-hub.de/webinare-workshops">Webinare & Workshops</a></li>
|
||
<li><a href="https://tri-hub.de/wissen">Wissen</a></li>
|
||
<li><a href="https://tri-hub.de/kontakt">Kontakt</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<span>© 2026 Tri-hub GmbH</span>
|
||
<span><a href="https://tri-hub.de/impressum">Impressum</a> · <a href="https://tri-hub.de/datenschutz">Datenschutz</a> · <a href="https://tri-hub.de/agb">AGB</a></span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|