trihub-ernaehrung-advinters/html/paket-STANDARD.html

198 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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.">
<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&amp;family=Sora:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/site.css">
<link rel="stylesheet" href="../css/navigation.css">
<link rel="stylesheet" href="../css/paketdetails.css">
<script src="../js/navigation.js" defer></script>
</head>
<body class="paket-standard">
<!-- 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">
<!-- Einstieg / Hero -->
<section class="produktuebersicht paket-detail__hero" aria-labelledby="paket-title">
<div class="hero">
<img class="hero__image" src="../images/paket-standard.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 · Standard</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">Standard-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>
<!-- Fakten-Grid -->
<div class="container">
<dl class="paket-detail__facts" aria-label="Standard auf einen Blick">
<div><dt>Dein Paket</dt><dd>Standard<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>
<!-- Leistungen -->
<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 &amp; 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 -->
<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 & Anfrage -->
<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 &amp; 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 -->
<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 &amp; 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>