diff --git a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
index 8b431b3..6aa49cb 100644
--- a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
+++ b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
@@ -29,7 +29,10 @@
     </div>
 </div>
 <div class="contacts">
-    <h2>Kontakte</h2>
+    <div class="d-flex justify-content-between align-items-start">
+        <h2>Kontakte</h2>
+        <button>Neuer Kontakt</button>
+    </div>
     <div class="row">
         <div class="col-4">
             <div class="card">
@@ -47,7 +50,7 @@
                 </div>
             </div>
             <div class="d-flex justify-content-end">
-                <a routerLink="#">Details</a>
+                <a routerLink="#" class="badge bg-secondary">Details</a>
             </div>
         </div>
         <div class="col-4">
@@ -66,8 +69,152 @@
                 </div>
             </div>
             <div class="d-flex justify-content-end">
-                <a routerLink="#">Details</a>
+                <a routerLink="#" class="badge bg-secondary">Details</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="posts">
+    <div class="d-flex justify-content-between align-items-start">
+        <h2>Kunden Details</h2>
+    </div>
+    <div class="card mb-3">
+        <div class="card-body">
+            <div>
+                <h3>Viel Platz für Freitext</h3>
+                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="posts spt-accordion">
+    <div class="d-flex justify-content-between align-items-start">
+        <h2>Aufgaben</h2>
+        <button>Neue Aufgabe</button>
+    </div>
+    <div class="card mb-3 p-3">
+        <div class="position-relative" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
+            <h3 class="m-0">Matsen AG</h3>
+            <span class="info d-flex position-absolute">
+                    <span class="due-date">01.10.2023</span>
+                    <span class="importance" data-importance="1"></span>
+                </span>
+            <h2 class="m-0">Wichtige Info: Unbedingt melden!</h2>
+        </div>
+        <div class="collapse" id="collapseExample">
+            <div class="pt-3 pe-5 position-relative">
+                <p class="m-0">Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</p>
+                <span class="position-absolute bi bi-pencil" data-type="user-tool" data-action="edit"></span>
+            </div>
+        </div>
+    </div>
+    <div class="card mb-3 p-3">
+        <div class="position-relative" data-bs-toggle="collapse" data-bs-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">
+            <h3 class="m-0">Matsen AG</h3>
+            <span class="info d-flex position-absolute">
+                    <span class="due-date">01.10.2023</span>
+                    <span class="importance" data-importance="1"></span>
+                </span>
+            <h2 class="m-0">Wichtige Info: Unbedingt melden!</h2>
+        </div>
+        <div class="collapse" id="collapseExample2">
+            <div class="pt-3 pe-5 position-relative">
+                <p class="m-0">Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</p>
+                <span class="position-absolute bi bi-pencil" data-type="user-tool" data-action="edit"></span>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="posts">
+    <div class="d-flex justify-content-between align-items-start">
+        <h2>Notizen</h2>
+        <button>Neue Notiz</button>
+    </div>
+    <div class="post mb-3">
+        <div class="card">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>12.10.2023</p>
+                    <p>Jan Hansen</p>
+                </div>
+                <div>
+                    <h3>Neues Tool nutzen</h3>
+                    <p>Immer alles hier rein schreiben!</p>
+                </div>
+            </div>
+        </div>
+        <div class="d-flex justify-content-end">
+            <a routerLink="#" class="badge bg-secondary">Kommentieren</a>
+        </div>
+    </div>
+    <div class="post mb-3">
+        <div class="card">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>01.10.2023</p>
+                    <p>Jan Hansen</p>
+                </div>
+                <div>
+                    <h3>Konditionen</h3>
+                    <p>Wir gewähren immer 10% Rabatt bei Bestellungen über 20.000 €.</p>
+                </div>
+            </div>
+        </div>
+        <div class="card ms-5">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>02.10.2023</p>
+                    <p>Daniel Knudsen</p>
+                </div>
+                <div>
+                    <p>Achja! Gut zu wissen!</p>
+                </div>
+            </div>
+        </div>
+        <div class="d-flex justify-content-end">
+            <a routerLink="#" class="badge bg-secondary">Kommentieren</a>
+        </div>
+    </div>
+    <div class="post mb-3">
+        <div class="card">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>12.09.2023</p>
+                    <p>Florian Eisenmenger</p>
+                </div>
+                <div>
+                    <h3>Ausland - Schwer erreichbar</h3>
+                    <p>Peter Müller ist der Chef, aber schwer erreichbar. Am besten Mobil probieren!</p>
+                </div>
+            </div>
+        </div>
+        <div class="card ms-5">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>04.10.2023</p>
+                    <p>Jan Hansen</p>
+                </div>
+                <div>
+                    <p>Leider geht er mobil selten dran. Eher E-Mails schicken!</p>
+                </div>
+            </div>
+        </div>
+        <div class="card ms-5">
+            <div class="card-body">
+                <div class="d-flex justify-content-between align-items-center">
+                    <p>02.10.2023</p>
+                    <p>Florian Eisenmenger</p>
+                </div>
+                <div>
+                    <p>Ich habe mit FAX die besten Erfahrungen gemacht...</p>
+                </div>
             </div>
         </div>
+        <div class="d-flex justify-content-end">
+            <a routerLink="#" class="badge bg-secondary">Kommentieren</a>
+        </div>
     </div>
 </div>