diff --git a/prototype/src/main/resources/templates/fragments/intern.html b/prototype/src/main/resources/templates/fragments/intern.html
index 69977d7..bdda80b 100644
--- a/prototype/src/main/resources/templates/fragments/intern.html
+++ b/prototype/src/main/resources/templates/fragments/intern.html
@@ -15,10 +15,17 @@
                <ul>
                   <li><a th:href="@{/intern/accounting/main}">Hauptbuchungskonto</a></li>
                   <li><a th:href="@{/intern/accounting/vat}">Mehrwertsteuer</a></li>
+                  <li><a th:href="@{/intern/customers/}"> &gt; Kunden </a></li>
+                  <li><a th:href="@{/intern/suppliers/}"> &gt; Lieferanten </a></li>
                   <li><a th:href="@{/intern/accounting/addManual}">Manuell Buchen</a></li>
                </ul>
             </li>
-            <li><a th:href="@{/intern/articles/}">Artikelangebote</a>
+            <li><a th:href="@{/intern/articles/}">Händlerangebote</a>
+            </li>
+            <li><a th:href="@{/intern/customers/}">Kunden</a>
+               <ul>
+                  <li><a th:href="@{/intern/customerOrders/}">Bestellungen</a></li>
+               </ul>
             </li>
             <li><a>Lager</a>
                <ul>
diff --git a/prototype/src/main/resources/templates/intern/accounting/index.html b/prototype/src/main/resources/templates/intern/accounting/index.html
index acb606c..def22ae 100644
--- a/prototype/src/main/resources/templates/intern/accounting/index.html
+++ b/prototype/src/main/resources/templates/intern/accounting/index.html
@@ -53,7 +53,7 @@
                   <td><a th:href="@{/intern/customers/5000}">Kunde 5080</a></td>
                   <td>0 EUR</td>
                   <td>Kunden-Bezahlung</td>
-                  <td>Bezahlung mit Kreditkarte 89404480</td>
+                  <td>Bezahlung mit Kreditkarte XXXXX480</td>
                </tr>
 
                <tr>
diff --git a/prototype/src/main/resources/templates/intern/articles/index.html b/prototype/src/main/resources/templates/intern/articles/index.html
index c5887e4..5dea2bd 100644
--- a/prototype/src/main/resources/templates/intern/articles/index.html
+++ b/prototype/src/main/resources/templates/intern/articles/index.html
@@ -5,7 +5,7 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
 
-   <title>Artikelübersicht</title>
+   <title>Händlerangebote</title>
    <script th:src="@{/js/filterTable.js}"></script>
    <link rel="stylesheet" th:href="@{/css/ecom.css}" />
 </head>
diff --git a/prototype/src/main/resources/templates/intern/customerOrders/id.html b/prototype/src/main/resources/templates/intern/customerOrders/id.html
index 7aa7c22..2a48f13 100644
--- a/prototype/src/main/resources/templates/intern/customerOrders/id.html
+++ b/prototype/src/main/resources/templates/intern/customerOrders/id.html
@@ -15,7 +15,7 @@
    <div class="sidebar-layout content-width">
       <nav></nav>
       <div>
-         <h1>Bestellung B-1010</h1>
+         <h1>Bestellung 1010</h1>
       </div>
    </div>
    <main class="sidebar-layout content-width">
diff --git a/prototype/src/main/resources/templates/intern/customerOrders/index.html b/prototype/src/main/resources/templates/intern/customerOrders/index.html
index 165f023..4a9b9ba 100644
--- a/prototype/src/main/resources/templates/intern/customerOrders/index.html
+++ b/prototype/src/main/resources/templates/intern/customerOrders/index.html
@@ -42,7 +42,7 @@
                   <td>2019-12-54</td>
                   <td>10,13 EUR</td>
                   <td>Zugestellt</td>
-                  <td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
                </tr>
                <tr>
                   <td><a th:href="@{/intern/customers/48584}">102</a></td>
@@ -50,7 +50,7 @@
                   <td>2019-11-10</td>
                   <td>40,13 EUR</td>
                   <td>In Zustellung</td>
-                  <td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
                </tr>
                <tr>
                   <td><a th:href="@{/intern/customers/48584}">101</a></td>
@@ -58,7 +58,7 @@
                   <td>2019-11-10</td>
                   <td>10,13 EUR</td>
                   <td>Erfasst</td>
-                  <td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
                </tr>
                <tr>
                   <td><a th:href="@{/intern/customers/48584}">755</a></td>
@@ -66,7 +66,7 @@
                   <td>2019-12-10</td>
                   <td>45,13 EUR</td>
                   <td>Erfasst</td>
-                  <td><a th:href="@{/intern/customerOrders/48584}" class="a smaller">Details</a></td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
                </tr>
             </table>
          </p>
diff --git a/prototype/src/main/resources/templates/intern/customers/id.html b/prototype/src/main/resources/templates/intern/customers/id.html
index e69de29..d71695a 100644
--- a/prototype/src/main/resources/templates/intern/customers/id.html
+++ b/prototype/src/main/resources/templates/intern/customers/id.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+   <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
+
+   <title>Kunden Details</title>
+   <script th:src="@{/js/filterTable.js}"></script>
+   <link rel="stylesheet" th:href="@{/css/ecom.css}" />
+</head>
+
+<body>
+   <nav th:replace="/fragments/header :: header">Header</nav>
+   <div class="sidebar-layout content-width">
+      <nav></nav>
+      <div>
+         <h1>Kunde 1510</h1>
+      </div>
+   </div>
+   <main class="sidebar-layout content-width">
+      <nav th:replace="/fragments/intern :: sidebar"></nav>
+      <div class="content-width">
+         <h2>Allgemein</h2>
+         <p>
+            <table class="key-value">
+               <tr>
+                  <th>Nutzer</th>
+                  <td><a th:href="@{/intern/customers/498}">1510</a></td>
+               </tr>
+               <tr>
+                  <th>Bonuspunktestand</th>
+                  <td>50</td>
+               </tr>
+
+               <tr>
+                  <th>Name</th>
+                  <td>Hans Maier</td>
+               </tr>
+               <tr>
+                  <th>E-Mail</th>
+                  <td>hans.maier@example.com</td>
+               </tr>
+               <tr>
+                  <th>Geschäftskunde</th>
+                  <td>Ja</td>
+               </tr>
+               <tr>
+                  <th>Adresse</th>
+                  <td>
+                     Hans Maier <br />
+                     Hauptstraße 12<br />
+                     74880 Musterstadt<br />
+                     Deutschland <br />
+                  </td>
+               </tr>
+            </table>
+         </p>
+         <h2>Bestellungen</h2>
+         <p>
+            <table id="main-table">
+               <tr>
+                  <th>Bestellnummer</th>
+                  <th>Bestelldatum</th>
+                  <th>Betrag</th>
+                  <th>Status</th>
+                  <th></th>
+               </tr>
+               <tr>
+                  <td>440</td>
+                  <td>2019-12-54</td>
+                  <td>10,13 EUR</td>
+                  <td>Zugestellt</td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>241</td>
+                  <td>2019-11-10</td>
+                  <td>40,13 EUR</td>
+                  <td>In Zustellung</td>
+                  <td><a th:href="@{/intern/customerOrders/48584}" class="button smaller">Details</a></td>
+               </tr>
+            </table>
+         </p>
+         <h2>Buchungen</h2>
+         <div>
+            <h4> Kontostand </h4>
+            <h3> 0,00 EUR </h3>
+         </div>
+         <p>
+            <table id="main-table">
+               <tr>
+                  <th colspan="8">
+                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width" data-target-id="main-table">
+                  </th>
+               </tr>
+               <tr>
+                  <th>Zeitpunkt</th>
+                  <th>Betrag</th>
+                  <th>Von</th>
+                  <th>Kontostand</th>
+                  <th>Nach</th>
+                  <th>Kontostand</th>
+                  <th>Grund</th>
+                  <th>Referenz</th>
+               </tr>
+               <tr>
+                  <td>10.09.2019 14:10</td>
+                  <td>119,00 EUR</td>
+                  <td> - </td>
+                  <td> - </td>
+                  <td><a th:href="@{/intern/customers/5000}">Kunde 5080</a></td>
+                  <td>0 EUR</td>
+                  <td>Kunden-Bezahlung</td>
+                  <td>Bezahlung mit Kreditkarte XXXXXXXX480</td>
+               </tr>
+               <tr>
+                  <td>10.09.2019 13:45</td>
+                  <td>100,00 EUR</td>
+                  <td><a th:href="@{/intern/customers/5000}">Kunde 1510</a></td>
+                  <td>-100,00 EUR</td>
+                  <td><a th:href="@{/intern/accounting/main}">Hauptkonto</a></td>
+                  <td>350,00 EUR</td>
+                  <td>Kunden-Bestellung</td>
+                  <td><a th:href="@{/intern/customerOrders/450}">2504</a></td>
+               </tr>
+            </table>
+         </p>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>
diff --git a/prototype/src/main/resources/templates/intern/customers/index.html b/prototype/src/main/resources/templates/intern/customers/index.html
index e69de29..d0e42bd 100644
--- a/prototype/src/main/resources/templates/intern/customers/index.html
+++ b/prototype/src/main/resources/templates/intern/customers/index.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+   <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=0.75, user-scalable=no">
+
+   <title>Kunden</title>
+   <script th:src="@{/js/filterTable.js}"></script>
+   <link rel="stylesheet" th:href="@{/css/ecom.css}" />
+</head>
+
+<body>
+   <nav th:replace="/fragments/header :: header">Header</nav>
+   <div class="sidebar-layout content-width">
+      <nav></nav>
+      <div>
+         <h1>Kunden</h1>
+      </div>
+   </div>
+   <main class="sidebar-layout content-width">
+      <nav th:replace="/fragments/intern :: sidebar"></nav>
+      <div class="content-width">
+         <p>
+            <table id="main-table">
+               <tr>
+                  <th colspan="7">
+                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
+                  </th>
+               </tr>
+               <tr>
+                  <th>Kundennummer</th>
+                  <th>Beitrittsdatum</th>
+                  <th>Name</th>
+                  <th>E-Mail</th>
+                  <th>Geschäftskunde</th>
+                  <th></th>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td>X</td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td>X</td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td>X</td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td>X</td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1201</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+            </table>
+         </p>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>