diff --git a/public/Warenkorb/warenkorb.html b/public/Warenkorb/warenkorb.html
index 5373864..762972d 100644
--- a/public/Warenkorb/warenkorb.html
+++ b/public/Warenkorb/warenkorb.html
@@ -4,8 +4,12 @@
   <meta charset="UTF-8">
   <title>Warenkorb</title>
   <link rel="stylesheet" href="/Styles/Warenkorb/warenkorb.css">
+  <link rel="stylesheet" href="./Styles/styles-main.css">
+  <script src="/header_footer"></script>
 </head>
 <body>
+<!-- Header wird hier dynamisch geladen -->
+<div id="header-placeholder"></div>
 <div class="warenkorb">
   <h2>🛒 Dein Warenkorb</h2>
 
@@ -27,7 +31,8 @@
   <div class="summary">
   </div>
   <button class="zurKasse">Zur Kasse gehen</button>
-
 </div>
+<!-- Footer wird dynamisch geladen -->
+<div id="footer"></div>
 </body>
 </html>
diff --git a/public/header_footer/header.html b/public/header_footer/header.html
index 656d9ab..a9ac989 100644
--- a/public/header_footer/header.html
+++ b/public/header_footer/header.html
@@ -6,9 +6,12 @@
   </div>
   <div class="header-right">
     <a href="/login" class="login-btn">Login</a>
-    <div class="cart">
-      <i class='bx bx-cart'></i>
-      <span class="cart-count">0</span>
+    <div class="header-right">
+      <a href="/login" class="login-btn">Login</a>
+      <a href="/warenkorb" class="cart">
+        <i class='bx bx-cart'></i>
+        <span class="cart-count">0</span>
+      </a>
     </div>
   </div>
 </header>
diff --git a/static/Styles/Warenkorb/warenkorb.css b/static/Styles/Warenkorb/warenkorb.css
index eb64110..43ae701 100644
--- a/static/Styles/Warenkorb/warenkorb.css
+++ b/static/Styles/Warenkorb/warenkorb.css
@@ -6,7 +6,7 @@ body {
 }
 
 .warenkorb {
-    max-width: 500px;
+    max-width: 700px;
     margin: 0 auto;
     background: white;
     padding: 120px;
