diff --git a/public/bestellformular/bestellformular.html b/public/bestellformular/bestellformular.html
index 3f353e3..56b2411 100644
--- a/public/bestellformular/bestellformular.html
+++ b/public/bestellformular/bestellformular.html
@@ -42,7 +42,7 @@
         <label for="ArtikelNr">Artikel Nr.:</label>
         <textarea id="ArtikelNr" name="ArtikelNr" rows="4" required placeholder="Artikel Nr."></textarea>
 
-        <input type="submit" value="Bestellung absenden">
+        <a href="/bestellung" class="button-submit">Bestellung absenden</a>
       </form>
     </div>
   </main>
diff --git a/public/bestellung/bestellung.html b/public/bestellung/bestellung.html
new file mode 100644
index 0000000..54e2885
--- /dev/null
+++ b/public/bestellung/bestellung.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Ihre Bestellung</title>
+  <link rel="stylesheet" href="/Styles/bestellung/bestellung.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>
+
+  <main>
+    <h2>Ihre Bestellung:</h2>
+    <div id="bestellung">
+      <!-- Platzhalter für die Bestellinformationen -->
+      <div class="bestell-info-card">
+        <p><strong>Kundennummer:</strong> <span id="kundenNr"></span></p>
+        <p><strong>Produkt-ID:</strong> <span id="produktId"></span></p>
+        <p><strong>Produktname:</strong> <span id="produktName"></span></p>
+        <p><strong>Preis:</strong> <span id="preis"></span></p>
+      </div>
+    </div>
+  </main>
+
+<!-- Footer wird dynamisch geladen -->
+<div id="footer"></div>
+</body>
+</html>
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js
index d8577e4..3edcb01 100644
--- a/scripts/routes/other/route-index.js
+++ b/scripts/routes/other/route-index.js
@@ -70,4 +70,8 @@ router.get('/Warenkorb', (req, res) => {
 router.get('/bestellformular', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/bestellformular/bestellformular.html'));
 })
+
+router.get('/bestellung', (req, res) => {
+    res.sendFile(path.join(__dirname, '../../../public/bestellung/bestellung.html'));
+})
 module.exports = router;
\ No newline at end of file
diff --git a/static/Styles/bestellformular/bestellformular.css b/static/Styles/bestellformular/bestellformular.css
index a252b41..e19c126 100644
--- a/static/Styles/bestellformular/bestellformular.css
+++ b/static/Styles/bestellformular/bestellformular.css
@@ -9,7 +9,7 @@ body {
 }
 
 .wrapper {
-    flex: 1; /* Der Hauptinhalt (Formular) nimmt den verfügbaren Platz ein */
+    flex: 1; /* Der Hauptinhalt nimmt den verfügbaren Platz ein */
 }
 
 .form-container {
@@ -43,20 +43,22 @@ textarea {
     box-sizing: border-box;
 }
 
-input[type="submit"] {
+/* NEU: Styling für den Absende-Link */
+.button-submit {
+    display: inline-block;
     margin-top: 20px;
     background-color: #ff6600;
     color: white;
-    border: none;
+    text-decoration: none;
     padding: 12px;
     border-radius: 5px;
     font-size: 16px;
     cursor: pointer;
     width: 100%;
+    text-align: center;
+    box-sizing: border-box; /* Damit Breite + Padding sauber passen */
 }
 
-input[type="submit"]:hover {
-    background-color: #ff5500; /* Ein leicht dunklerer Farbton beim Hover */
+.button-submit:hover {
+    background-color: #ff6600;
 }
-
-
diff --git a/static/Styles/bestellung/bestellung.css b/static/Styles/bestellung/bestellung.css
new file mode 100644
index 0000000..849719f
--- /dev/null
+++ b/static/Styles/bestellung/bestellung.css
@@ -0,0 +1,49 @@
+/* Allgemeine Layout-Stile */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f2f2f2;
+    padding: 20px;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+/* Container für die Bestellinformationen */
+#bestellung {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    margin-top: 20px;
+}
+
+/* Titel */
+h2 {
+    text-align: center;
+    margin-bottom: 30px;
+    margin-top: 20px;
+}
+
+/* Karte für Bestellinformationen */
+.bestell-info-card {
+    background-color: #fafafa;
+    padding: 15px;
+    border-radius: 8px;
+    margin-bottom: 15px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+/* Bestellinformationen formatieren */
+.bestell-info-card p {
+    font-size: 16px;
+    margin: 10px 0;
+}
+
+/* Stile für die Label und Platzhalter */
+.bestell-info-card span {
+    font-weight: bold;
+    color: #333;
+}
+
+
