.idea/dataSources.xml

@@ -2,14 +2,12 @@
 <project version="4">
   <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
     <data-source source="LOCAL" name="@localhost" uuid="fd7d9aa1-1427-4fa7-afe9-9730b93129bb">
-      <driver-ref>mysql.8</driver-ref>
+      <driver-ref>mariadb</driver-ref>
       <synchronize>true</synchronize>
-      <jdbc-driver>com.mysql.cj.jdbc.Driver</jdbc-driver>
-      <jdbc-url>jdbc:mysql://localhost:3306</jdbc-url>
+      <jdbc-driver>org.mariadb.jdbc.Driver</jdbc-driver>
+      <jdbc-url>jdbc:mariadb://localhost:3306</jdbc-url>
       <jdbc-additional-properties>
-        <property name="com.intellij.clouds.kubernetes.db.host.port" />
         <property name="com.intellij.clouds.kubernetes.db.enabled" value="false" />
-        <property name="com.intellij.clouds.kubernetes.db.container.port" />
       </jdbc-additional-properties>
       <working-dir>$ProjectFileDir$</working-dir>
     </data-source>

public/Warenkorb/warenkorb.html

@@ -26,8 +26,8 @@
 
   <div class="summary">
   </div>
+  <button class="zurKasse">Zur Kasse gehen</button>
 
-  <button class="checkout">Zur Kasse gehen</button>
 </div>
 </body>
 </html>

public/startseite/startseite.html

@@ -80,7 +80,6 @@
         </section>
     </main>
 </div>
-
 <!-- Scripts -->
 <script src="startseite.js"></script>
 </body>

scripts/routes/other/route-index.js

@@ -20,4 +20,8 @@ router.get('/registrieren', (req, res) => {
 router.get('/Warenkorb', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/warenkorb/warenkorb.html'));
 })
+
+router.get('/bestellformular', (req, res) => {
+    res.sendFile(path.join(__dirname, '../../../public/bestellformular/bestellformular.html'));
+})
 module.exports = router;

static/Styles/Warenkorb/warenkorb.css

@@ -43,7 +43,7 @@ body {
 }
 
 .remove {
-    background-color: #ff4d4f;
+    background-color: #ff6600;
     border: none;
     color: white;
     padding: 6px 12px;
@@ -52,7 +52,7 @@ body {
 }
 
 .remove:hover {
-    background-color: #e60000;
+    background-color: #ff6600;
 }
 
 .summary {
@@ -65,7 +65,7 @@ body {
     display: block;
     width: 100%;
     padding: 12px;
-    background-color: #4CAF50;
+    background-color: #ff6600;
     border: none;
     color: white;
     font-size: 16px;
@@ -75,5 +75,90 @@ body {
 }
 
 .checkout:hover {
-    background-color: #45a049;
+    background-color: #ff6600;
 }
+
+.checkout {
+    display: inline-block;
+    background-color: #ff6600;
+    color: white;
+    padding: 10px 20px;
+    margin-top: 20px;
+    text-align: center;
+    text-decoration: none;
+    font-size: 16px;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f2f2f2;
+    padding: 20px;
+}
+
+.form-container {
+    max-width: 600px;
+    margin: auto;
+    background-color: #ffffff;
+    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: #ff6600;
+}
+
+.zurKasse {
+    display: block;
+    margin: 20px auto;
+    background-color: #ff6600;
+    color: white;
+    border: none;
+    padding: 12px 24px;
+    font-size: 16px;
+    border-radius: 8px;
+    cursor: pointer;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.zurKasse:hover {
+    background-color: #ff6600;
+}
+
+