diff --git a/booking-confirmation.html b/booking-confirmation.html
index cec577d..5ad23bf 100644
--- a/booking-confirmation.html
+++ b/booking-confirmation.html
@@ -4,24 +4,12 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="robots" content="noindex" />
+        <link rel="stylesheet" href="/src/styles/navigation.css" />
         <title>Buchungsbestätigung – Tri-Hub</title>
     </head>
     <body class="confirmation">
-        <header class="confirmation__header">
-            <a
-                class="confirmation__brand"
-                href="/index.html"
-                aria-label="Tri-Hub Startseite"
-                ><span class="confirmation__mark" aria-hidden="true">TH</span
-                ><span
-                    >TRI-HUB<small>Ernährung. Ausdauer. Dein Weg.</small></span
-                ></a
-            >
-            <a class="confirmation__link" href="/index.html"
-                >Startseite <span aria-hidden="true">↗</span></a
-            >
-        </header>
-        <main class="confirmation__main">
+        <div id="navbar-placeholder"></div>
+        <main id="main-content" class="confirmation__main" tabindex="-1">
             <section
                 id="confirmation-empty"
                 class="confirmation__empty"
@@ -165,5 +153,9 @@
             type="module"
             src="/src/features/booking/booking-confirmation.js"
         ></script>
+        <script
+            type="module"
+            src="/src/components/navigationsbar/navigation.js"
+        ></script>
     </body>
 </html>
