diff --git a/prototype/src/main/resources/templates/fragments/intern.html b/prototype/src/main/resources/templates/fragments/intern.html
index e804c6b..a984212 100644
--- a/prototype/src/main/resources/templates/fragments/intern.html
+++ b/prototype/src/main/resources/templates/fragments/intern.html
@@ -35,6 +35,14 @@
                </ul>
             </li>
 
+            <li><a th:href="@{/intern/suppliers/}">Lieferanten</a>
+               <ul>
+                  <li><a th:href="@{/intern/supplierOrders/}">Bestellungen</a></li>
+                  <li><a th:href="@{/intern/articles/}">&gt; Händlerangebote</a></li>
+
+               </ul>
+            </li>
+
          </ul>
       </ul>
    </nav>
diff --git a/prototype/src/main/resources/templates/intern/accounting/index.html b/prototype/src/main/resources/templates/intern/accounting/index.html
index def22ae..2bb9f4a 100644
--- a/prototype/src/main/resources/templates/intern/accounting/index.html
+++ b/prototype/src/main/resources/templates/intern/accounting/index.html
@@ -31,7 +31,7 @@
             <table id="main-table">
                <tr>
                   <th colspan="8">
-                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width" data-target-id="main-table">
+                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width smaller" data-target-id="main-table">
                   </th>
                </tr>
                <tr>
diff --git a/prototype/src/main/resources/templates/intern/accounting/main.html b/prototype/src/main/resources/templates/intern/accounting/main.html
index 4d5b736..05f7876 100644
--- a/prototype/src/main/resources/templates/intern/accounting/main.html
+++ b/prototype/src/main/resources/templates/intern/accounting/main.html
@@ -27,7 +27,7 @@
             <table id="main-table">
                <tr>
                   <th colspan="8">
-                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width" data-target-id="main-table">
+                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width smaller" data-target-id="main-table">
                   </th>
                </tr>
                <tr>
diff --git a/prototype/src/main/resources/templates/intern/accounting/vat.html b/prototype/src/main/resources/templates/intern/accounting/vat.html
index d8606d3..614b015 100644
--- a/prototype/src/main/resources/templates/intern/accounting/vat.html
+++ b/prototype/src/main/resources/templates/intern/accounting/vat.html
@@ -27,7 +27,7 @@
             <table id="main-table">
                <tr>
                   <th colspan="8">
-                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width" data-target-id="main-table">
+                     <input type="text" placeholder="Filtern" class="jsFilterTable full-width smaller" data-target-id="main-table">
                   </th>
                </tr>
                <tr>
diff --git a/prototype/src/main/resources/templates/intern/supplierOrders/id.html b/prototype/src/main/resources/templates/intern/supplierOrders/id.html
deleted file mode 100644
index e69de29..0000000
diff --git a/prototype/src/main/resources/templates/intern/supplierOrders/index.html b/prototype/src/main/resources/templates/intern/supplierOrders/index.html
index e69de29..b2ce28c 100644
--- a/prototype/src/main/resources/templates/intern/supplierOrders/index.html
+++ b/prototype/src/main/resources/templates/intern/supplierOrders/index.html
@@ -0,0 +1,98 @@
+<!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>Lieferanten Bestellungen</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>Lieferanten Bestellungen</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="9">
+                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
+                  </th>
+               </tr>
+               <tr>
+                  <th>Bestellnummer</th>
+                  <th>Datum</th>
+                  <th>Leiferant</th>
+                  <th>Artikel</th>
+                  <th>Preis/Stk (Netto)</th>
+                  <th>Menge</th>
+                  <th>Gesamtpreis (Netto)</th>
+                  <th>Status</th>
+               </tr>
+               <tr>
+                  <td>4545</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/suppliers/45015}">Cheap AG</a></td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>10</td>
+                  <td>200,00 EUR</td>
+                  <td>Unterwegs <br/><a th:href="@{/intern/warehouse/todo}" class="button smaller">Angekommen</a></td>
+               </tr>
+               <tr>
+                  <td>2455</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/suppliers/45015}">Cheap AG</a></td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>11</td>
+                  <td>220,00 EUR</td>
+                  <td>Unterwegs <br/><a th:href="@{/intern/warehouse/todo}" class="button smaller">Angekommen</a></td>
+               </tr>
+               <tr>
+                  <td>1224</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/suppliers/45015}">Cheap AG</a></td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>11</td>
+                  <td>220,00 EUR</td>
+                  <td>Angekommen</td>
+               </tr>
+               <tr>
+                  <td>4520</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/suppliers/45015}">Cheap AG</a></td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>11</td>
+                  <td>220,00 EUR</td>
+                  <td>Angekommen</td>
+               </tr>
+               <tr>
+                  <td>4521</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/suppliers/45015}">Cheap AG</a></td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>11</td>
+                  <td>220,00 EUR</td>
+                  <td>Angekommen</td>
+               </tr>
+            </table>
+         </p>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>
diff --git a/prototype/src/main/resources/templates/intern/suppliers/id.html b/prototype/src/main/resources/templates/intern/suppliers/id.html
index e69de29..36a3f9b 100644
--- a/prototype/src/main/resources/templates/intern/suppliers/id.html
+++ b/prototype/src/main/resources/templates/intern/suppliers/id.html
@@ -0,0 +1,86 @@
+<!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>Lieferanten 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>Lierfant Cheap AG</h1>
+      </div>
+   </div>
+   <main class="sidebar-layout content-width">
+      <nav th:replace="/fragments/intern :: sidebar"></nav>
+      <div class="content-width">
+         <h2>Bestellungen</h2>
+         <p>
+            <table id="main-table">
+               <tr>
+                  <th colspan="9">
+                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
+                  </th>
+               </tr>
+               <tr>
+                  <th>Bestellnummer</th>
+                  <th>Datum</th>
+                  <th>Artikel</th>
+                  <th>Preis/Stk (Netto)</th>
+                  <th>Menge</th>
+                  <th>Gesamtpreis (Netto)</th>
+                  <th>Status</th>
+               </tr>
+               <tr>
+                  <td>4545</td>
+                  <td>2019-18-10</td>
+                  <td><a th:href="@{/intern/listedArticles/45015}">Kamera</a></td>
+                  <td>20,00 EUR</td>
+                  <td>10</td>
+                  <td>200,00 EUR</td>
+                  <td>Unterwegs <br /><a th:href="@{/intern/warehouse/todo}" class="button smaller">Angekommen</a></td>
+               </tr>
+            </table>
+         </p>
+         <h2>Buchungen</h2>
+         <div>
+            <h4> Kontostand </h4>
+            <h3> -100,00 EUR </h3>
+         </div>
+         <p>
+            <table id="main-table">
+               <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 13:45</td>
+                  <td>100,00 EUR</td>
+                  <td><a th:href="@{/intern/accounting/main}">Hauptkonto</a></td>
+                  <td>350,00 EUR</td>
+                  <td><a th:href="@{/intern/suppliers/5000}">Lieferant 5080</a></td>
+                  <td>-100,00 EUR</td>
+                  <td>Lieferanten-Bestellung</td>
+                  <td><a th:href="@{/intern/supplierOrders/#q=4520}">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/suppliers/index.html b/prototype/src/main/resources/templates/intern/suppliers/index.html
index e69de29..152546d 100644
--- a/prototype/src/main/resources/templates/intern/suppliers/index.html
+++ b/prototype/src/main/resources/templates/intern/suppliers/index.html
@@ -0,0 +1,58 @@
+<!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>Lieferanten</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>Lieferanten</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>Nr</th>
+                  <th>Name</th>
+                  <th></th>
+               </tr>
+               <tr>
+                  <td>0015</td>
+                  <td>Cheap AG</td>
+                  <td><a th:href="@{/intern/suppliers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>5012</td>
+                  <td>Not Cheap GmbH & Co. KG</td>
+                  <td><a th:href="@{/intern/suppliers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>7400</td>
+                  <td>Hans MÜller GmbH</td>
+                  <td><a th:href="@{/intern/suppliers/4884}" class="button smaller">Details</a></td>
+               </tr>
+            </table>
+         </p>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>

+ +
Bestellnummer	Datum	Leiferant	Artikel	Preis/Stk (Netto)	Menge	Gesamtpreis (Netto)	Status
4545	2019-18-10	Cheap AG	Kamera	20,00 EUR	10	200,00 EUR	Unterwegs Angekommen
2455	2019-18-10	Cheap AG	Kamera	20,00 EUR	11	220,00 EUR	Unterwegs Angekommen
1224	2019-18-10	Cheap AG	Kamera	20,00 EUR	11	220,00 EUR	Angekommen
4520	2019-18-10	Cheap AG	Kamera	20,00 EUR	11	220,00 EUR	Angekommen
4521	2019-18-10	Cheap AG	Kamera	20,00 EUR	11	220,00 EUR	Angekommen