diff --git a/public/bestellformular/bestellformular.html b/public/bestellformular/bestellformular.html
new file mode 100644
index 0000000..3f353e3
--- /dev/null
+++ b/public/bestellformular/bestellformular.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Bestellformular</title>
+  <link rel="stylesheet" href="/Styles/bestellformular/bestellformular.css">
+  <link rel="stylesheet" href="./Styles/styles-main.css">
+  <script src="/header_footer"></script>
+</head>
+<body>
+<div class="wrapper">
+  <!-- Header wird hier dynamisch geladen -->
+  <div id="header-placeholder"></div>
+
+  <main>
+    <div class="form-container">
+      <form action="/submit-bestellung" method="post">
+        <h2>Bestellformular</h2>
+
+        <label for="vorname">Vorname:</label>
+        <input type="text" id="Vorname" name="Vorname" required placeholder="Vorname">
+
+        <label for="nachname">Nachname:</label>
+        <input type="text" id="Nachname" name="Nachname" required placeholder="Nachname">
+
+        <label for="kundenNr">Kunden Nr.:</label>
+        <input type="text" id="KundenNr" name="KundenNr" required placeholder="Kunden Nr.">
+
+        <label for="strasse">Straße:</label>
+        <input type="text" id="strasse" name="strasse" required placeholder="Strasse">
+
+        <label for="hausnummer">Hausnummer:</label>
+        <input type="text" id="hausnummer" name="hausnummer" required placeholder="Hausnummer">
+
+        <label for="ort">Ort:</label>
+        <input type="text" id="ort" name="ort" required placeholder="Ort">
+
+        <label for="telefon Nr">Telefon Nr (optional):</label>
+        <input type="tel" id="telefon Nr" name="telefon" placeholder="Telefon Nr">
+
+        <label for="ArtikelNr">Artikel Nr.:</label>
+        <textarea id="ArtikelNr" name="ArtikelNr" rows="4" required placeholder="Artikel Nr."></textarea>
+
+        <input type="submit" value="Bestellung absenden">
+      </form>
+    </div>
+  </main>
+
+  <!-- Footer wird dynamisch geladen -->
+  <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/public/header_footer/header.html b/public/header_footer/header.html
index 7d69b84..656d9ab 100644
--- a/public/header_footer/header.html
+++ b/public/header_footer/header.html
@@ -27,5 +27,6 @@
     </li>
     <li class="menu-item"><a href="/ueberuns">Über uns</a></li>
     <li class="menu-item"><a href="/kontakt">Kontakt</a></li>
+    <li class="menu-item"><a href="/bestellformular">Bestellformular</a></li>
   </ul>
 </nav>
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js
index 6b198ef..7b7f2f5 100644
--- a/scripts/routes/other/route-index.js
+++ b/scripts/routes/other/route-index.js
@@ -60,4 +60,7 @@ router.get('/shop', (req, res) => {
         res.sendFile(path.join(__dirname, '../../../public/shop/shop_lkw.html'));
     })
 
+    router.get('/bestellformular', (req, res) => {
+         res.sendFile(path.join(__dirname, '../../../public/bestellformular/bestellformular.html'));
+    })
 module.exports = router;
\ No newline at end of file
diff --git a/static/Styles/bestellformular/bestellformular.css b/static/Styles/bestellformular/bestellformular.css
new file mode 100644
index 0000000..a252b41
--- /dev/null
+++ b/static/Styles/bestellformular/bestellformular.css
@@ -0,0 +1,62 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f2f2f2;
+    padding: 20px;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.wrapper {
+    flex: 1; /* Der Hauptinhalt (Formular) nimmt den verfügbaren Platz ein */
+}
+
+.form-container {
+    max-width: 600px;
+    margin: 20px auto;
+    background-color: #f5f5f5;
+    padding: 25px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+form h2 {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+label {
+    display: block;
+    margin-top: 15px;
+    font-weight: bold;
+}
+
+input[type="text"],
+input[type="tel"],
+textarea {
+    width: 100%;
+    padding: 10px;
+    margin-top: 5px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+input[type="submit"] {
+    margin-top: 20px;
+    background-color: #ff6600;
+    color: white;
+    border: none;
+    padding: 12px;
+    border-radius: 5px;
+    font-size: 16px;
+    cursor: pointer;
+    width: 100%;
+}
+
+input[type="submit"]:hover {
+    background-color: #ff5500; /* Ein leicht dunklerer Farbton beim Hover */
+}
+
+
