diff --git a/README.md b/README.md
index 11e1154..230d2a9 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
# Webshop
-Webshop Autohändler
\ No newline at end of file
+Webshop für Modellautos
\ No newline at end of file
diff --git a/public/Warenkorb/warenkorb.html b/public/Warenkorb/warenkorb.html
new file mode 100644
index 0000000..1a51dd8
--- /dev/null
+++ b/public/Warenkorb/warenkorb.html
@@ -0,0 +1,33 @@
+
+
+
+
+ Warenkorb
+
+
+
+
+
🛒 Dein Warenkorb
+
+
+
+ Produkt 1
+
+
+
+
+
+
+
+ Produkt 2
+
+
+
+
+
+
+
+
+
Autohändler Webshop
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js
index 227b036..1d6c308 100644
--- a/scripts/routes/other/route-index.js
+++ b/scripts/routes/other/route-index.js
@@ -17,4 +17,7 @@ router.get('/registrieren', (req, res) => {
res.sendFile(path.join(__dirname, '../../../public/registrieren/registrieren.html'));
})
+router.get('/Warenkorb', (req, res) => {
+ res.sendFile(path.join(__dirname, '../../../public/warenkorb/warenkorb.html'));
+})
module.exports = router;
\ No newline at end of file
diff --git a/static/Styles/Warenkorb/warenkorb.css b/static/Styles/Warenkorb/warenkorb.css
new file mode 100644
index 0000000..b1209d4
--- /dev/null
+++ b/static/Styles/Warenkorb/warenkorb.css
@@ -0,0 +1,79 @@
+body {
+ font-family: Arial, sans-serif;
+ background-color: #f3f3f3;
+ margin: 0;
+ padding: 130px;
+}
+
+.warenkorb {
+ max-width: 500px;
+ margin: 0 auto;
+ background: white;
+ padding: 120px;
+ border-radius: 12px;
+ box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.warenkorb h2 {
+ font-size: 30px;
+ text-align: center;
+ margin-bottom: 60px;
+}
+
+.item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #ddd;
+ padding: 10px 0;
+ margin-bottom: 35px;
+}
+
+.item .info {
+ display: flex;
+ flex-direction: column;
+}
+
+.item .name {
+ font-weight: bold;
+}
+
+.item .price {
+ color: #555;
+}
+
+.remove {
+ background-color: #ff4d4f;
+ border: none;
+ color: white;
+ padding: 6px 12px;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.remove:hover {
+ background-color: #e60000;
+}
+
+.summary {
+ text-align: right;
+ font-size: 1.1em;
+ margin: 20px 0;
+}
+
+.checkout {
+ display: block;
+ width: 100%;
+ padding: 12px;
+ background-color: #4CAF50;
+ border: none;
+ color: white;
+ font-size: 16px;
+ border-radius: 8px;
+ cursor: pointer;
+ margin-top: 90px;
+}
+
+.checkout:hover {
+ background-color: #45a049;
+}