diff --git a/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java b/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
index 9ea85c0..a4db116 100644
--- a/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
+++ b/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
@@ -44,12 +44,17 @@ public class RequestController {
 
     @GetMapping("/articledetail")
     public String articledetail() {
-        return "articleDetail";
+        return "articledetail";
     }
 
     @GetMapping("/searchresults")
     public String searchresults() {
-        return "searchResults";
+        return "searchresults";
+    }
+
+    @GetMapping("/shoppingcart")
+    public String shoppingcart() {
+        return "shoppingcart";
     }
 
     @GetMapping("/intern/customerdetail")
diff --git a/prototype/src/main/resources/static/css/ecom.css b/prototype/src/main/resources/static/css/ecom.css
index a04d92e..6189227 100644
--- a/prototype/src/main/resources/static/css/ecom.css
+++ b/prototype/src/main/resources/static/css/ecom.css
@@ -137,6 +137,7 @@ a:visited {
 p {
    padding-top: var(--u0);
    padding-bottom: var(--u0);
+   color: var(--c-black);
 }
 
 h1 {
@@ -393,7 +394,6 @@ fieldset {
    height: 0px;
 }
 
-
 .bar-flex {
    display: flex;
    align-items: center;
@@ -577,6 +577,14 @@ fieldset {
    text-align: right;
 }
 
+.center-text {
+    text-align: center;
+}
+
+.leftspace {
+    padding-left: 1em;
+}
+
 
 
 
diff --git a/prototype/src/main/resources/templates/shoppingCart.html b/prototype/src/main/resources/templates/shoppingCart.html
new file mode 100644
index 0000000..199c57f
--- /dev/null
+++ b/prototype/src/main/resources/templates/shoppingCart.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <title>e-commerce</title>
+    <link href="/css/ecom.css" rel="stylesheet"/>
+</head>
+<body>
+<nav th:replace="fragments/header :: header">Header</nav>
+<main class="detailgrid">
+    <div class="l">
+        <h1 class="center-text">Warenkorb</h1>
+        <table>
+            <tr>
+                <th>Bild</th>
+                <th>Name</th>
+                <th>Preis</th>
+                <th>Menge</th>
+                <th></th>
+            </tr>
+
+            <tr>
+                <td><img th:src="@{/img/product-1.jpg}" class="s"/></td>
+                <td>Kamera</td>
+                <td>100,50 €</td>
+                <td>
+                    <select size="1">
+                        <option>1</option>
+                    </select>
+                </td>
+                <td>
+                    <button>löschen</button>
+                </td>
+            </tr>
+            <tr>
+                <td><img th:src="@{/img/product-2.jpg}" class="s"/></td>
+                <td>Earbuds</td>
+                <td>63,95 €</td>
+                <td>
+                    <select size="1">
+                        <option>1</option>
+                    </select>
+                </td>
+                <td>
+                    <button>löschen</button>
+                </td>
+            </tr>
+            <tr>
+                <td><img th:src="@{/img/product-3.jpg}" class="s"/></td>
+                <td>USB-Magic Light</td>
+                <td>11,90 €</td>
+                <td>
+                    <select size="1">
+                        <option>1</option>
+                    </select>
+                </td>
+                <td>
+                    <button>löschen</button>
+                </td>
+            </tr>
+            <tr>
+                <td><img th:src="@{/img/product-4.jpg}" class="s"/></td>
+                <td>3D Magic Stativ</td>
+                <td>15,99 €</td>
+                <td>
+                    <select size="1">
+                        <option>1</option>
+                    </select>
+                </td>
+                <td>
+                    <button>löschen</button>
+                </td>
+            </tr>
+            <tr>
+                <td><img th:src="@{/img/product-5.jpg}" class="s"/></td>
+                <td>Ersatzfernbedinung</td>
+                <td>7,95 €</td>
+                <td>
+                    <select size="1">
+                        <option>1</option>
+                    </select>
+                </td>
+                <td>
+                    <button>löschen</button>
+                </td>
+            </tr>
+        </table>
+        </p>
+    </div>
+    <div class="s">
+        <h1 class="center-text">Checkout</h1>
+        <div class="hero">
+            <div class="leftspace">
+                <h2>Bestellübersicht</h2>
+                <p>Artikel: 200,29 €</p>
+                <p>Lieferung: 5,00 €</p>
+                <h2 class="secondarytext">Gesamt: 205,29 €</h2>
+
+                <h2>Versandadresse:</h2>
+                <p>Max Mustermann</p>
+                <p>Musterstraße 42</p>
+                <p>42424 Mustertal</p>
+
+                <button class="secondary">kostenpflichtig bestellen</button>
+            </div>
+        </div>
+    </div>
+</main>
+<footer th:replace="fragments/footer :: footer"></footer>
+</body>
+</html>
\ No newline at end of file

Name	Preis	Menge
Kamera	100,50 €	+ +	+ +
Earbuds	63,95 €	+ +	+ +
USB-Magic Light	11,90 €	+ +	+ +
3D Magic Stativ	15,99 €	+ +	+ +
Ersatzfernbedinung	7,95 €	+ +	+ +