diff --git a/index.html b/index.html
index 3d65926..805a8e7 100644
--- a/index.html
+++ b/index.html
@@ -954,93 +954,11 @@
     <body>
         <a href="#main-content" class="skip-link">Zum Hauptinhalt springen</a>
 
-        <header class="navbar" id="site-navbar">
-            <div class="navbar__inner">
-                <div class="navbar__brand">
-                    <img
-                        src="\src\components\navigationsbar\images\logo.png"
-                        alt=""
-                        class="navbar__logo-img"
-                    />
-                    <span class="navbar__brand-text">
-                        <span class="navbar__brand-title">TRI-HUB</span>
-                        <span class="navbar__brand-tagline"
-                            >Ernährungsberatung für Triathleten ab 50</span
-                        >
-                    </span>
-                </div>
-
-                <button
-                    class="navbar__toggle"
-                    type="button"
-                    aria-controls="navbar-menu"
-                    aria-expanded="false"
-                    aria-label="Menü öffnen"
-                >
-                    <span class="navbar__toggle-icon" aria-hidden="true"></span>
-                </button>
-
-                <nav class="navbar__nav" aria-label="Hauptnavigation">
-                    <ul id="navbar-menu" class="navbar__menu">
-                        <li>
-                            <a
-                                href="/angebotsuebersicht.html"
-                                class="navbar__link"
-                                >Pakete</a
-                            >
-                        </li>
-                        <li>
-                            <a href="#ernaehrung" class="navbar__link"
-                                >Ernährung</a
-                            >
-                        </li>
-                        <li>
-                            <a href="/beraterprofil.html" class="navbar__link"
-                                >Beraterprofil</a
-                            >
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="navbar__link">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/rezensionen.html" class="navbar__link"
-                                >Rezensionen</a
-                            >
-                        </li>
-                        <li>
-                            <a href="/kontakt.html" class="navbar__link"
-                                >Kontakt</a
-                            >
-                        </li>
-                        <li>
-                            <a
-                                href="https://tri-hub.de/"
-                                class="navbar__link navbar__link--home"
-                            >
-                                <span
-                                    class="navbar__home-icon"
-                                    aria-hidden="true"
-                                >
-                                    <svg
-                                        viewBox="0 0 24 24"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                        <path
-                                            d="M4 10L12 3L20 10V20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10Z M9 21V14H15V21"
-                                            stroke="currentColor"
-                                            stroke-linejoin="round"
-                                            stroke-linecap="round"
-                                        />
-                                    </svg>
-                                </span>
-                                Startseite
-                            </a>
-                        </li>
-                    </ul>
-                </nav>
-            </div>
-        </header>
+        <div id="navbar-placeholder"></div>
+        <script
+            type="module"
+            src="/src/components/navigationsbar/navigation.js"
+        ></script>
 
         <main id="main-content">
             <!-- Hero: bewusst als Tri-hub-Unterseite gehalten -->
@@ -1063,7 +981,9 @@
                         </p>
 
                         <div class="hero-actions">
-                            <a class="button button-primary" href="#wissen"
+                            <a
+                                class="button button-primary"
+                                href="/angebotsuebersicht.html"
                                 >Ernährungswissen entdecken</a
                             >
                             <a
