diff --git a/src/main/resources/templates/case.html b/src/main/resources/templates/case.html
index 4f82961..b680045 100644
--- a/src/main/resources/templates/case.html
+++ b/src/main/resources/templates/case.html
@@ -11,7 +11,7 @@
 
     <main>
         <div>
-            <h1>Fall <tt th:text="${case.localCaseId}"></tt></h1>
+            <h1>Fall <code th:text="${case.localCaseId}"></code></h1>
 
             <form class="case">
                 <input type="hidden" name="id" th:value="${case.id}" />
diff --git a/src/main/resources/templates/cases.html b/src/main/resources/templates/cases.html
index 0fede1d..b8a19fe 100644
--- a/src/main/resources/templates/cases.html
+++ b/src/main/resources/templates/cases.html
@@ -7,12 +7,12 @@
 <body>
     <div>
         <h1>
-            [[ ${cases.size()} ]] Fälle
+            Alle Fälle
         </h1>
         <form class="case">
             <ul class="case-list">
                 <li th:each="case : ${cases}">
-                    <a th:href="@{/cases/{caseId}(caseId=${case.id})}">#[[ ${case.id} ]] - Fallnummer: [[ ${case.localCaseId} ]]</a>
+                    <a th:href="@{/cases/{caseId}(caseId=${case.id})}">Fallnummer: [[ ${case.localCaseId} ]]</a>
                     <button class="delete left" th:hx-delete="@{/cases/{caseId}(caseId=${case.id})}" hx-target="#cases">Eintrag löschen</button>
                 </li>
             </ul>
diff --git a/src/main/resources/templates/donors.html b/src/main/resources/templates/donors.html
index 7702836..220ba01 100644
--- a/src/main/resources/templates/donors.html
+++ b/src/main/resources/templates/donors.html
@@ -16,8 +16,11 @@
         </div>
 
         <!-- Probenspender -->
-        <div th:each="donor : ${donors}">
-            <h2>Probenspender</h2>
+        <details th:each="donor : ${donors}" open>
+            <summary class="h2">
+                Probenspender
+                <code>[[ ${donor.donorPseudonym} ]]</code>
+            </summary>
 
             <form class="donor" th:id="'cases_' + ${caseId} + '_donors'">
                 <input type="hidden" name="id" th:value="${donor.id}">
@@ -65,7 +68,7 @@
                 <div th:hx-get="@{/donors/{donorId}/labdatas(donorId=${donor.id})}" hx-trigger="load"></div>
 
             </form>
-        </div>
+        </details>
     </div>
 
 </body>
diff --git a/src/main/resources/templates/files.html b/src/main/resources/templates/files.html
index 97ff095..d49bebd 100644
--- a/src/main/resources/templates/files.html
+++ b/src/main/resources/templates/files.html
@@ -15,9 +15,12 @@
             </form>
         </div>
 
-        <div th:each="file : ${files}">
+        <details th:each="file : ${files}" open>
             <!-- File -->
-            <h4>Datei</h4>
+            <summary class="h4">
+                Datei
+                <code>[[ ${file.filePath} ]]</code>
+            </summary>
             <form class="file">
                 <input type="hidden" name="id" th:value="${file.id}" />
 
@@ -61,7 +64,7 @@
                 </div>
             </form>
 
-        </div>
+        </details>
 
     </div>
 
diff --git a/src/main/resources/templates/labdataprofiles.html b/src/main/resources/templates/labdataprofiles.html
index e65fe0d..e1cadde 100644
--- a/src/main/resources/templates/labdataprofiles.html
+++ b/src/main/resources/templates/labdataprofiles.html
@@ -19,11 +19,11 @@
                 </form>
             </div>
 
-            <div th:each="profile : ${labdataprofiles}">
-                <h3>
+            <details th:each="profile : ${labdataprofiles}" open>
+                <summary class="h3">
                     Sequenzierprofil
-                    <tt>"[[ ${ profile.profileName } ]]"</tt>
-                </h3>
+                    <code>[[ ${ profile.profileName } ]]</code>
+                </summary>
 
                 <form class="lab-data">
                     <input type="hidden" name="id" th:value="${profile.id}" />
@@ -116,7 +116,7 @@
                     </div>
 
                 </form>
-            </div>
+            </details>
 
         </div>
     </main>
diff --git a/src/main/resources/templates/labdatas/index.html b/src/main/resources/templates/labdatas/index.html
index a9ef359..467ae65 100644
--- a/src/main/resources/templates/labdatas/index.html
+++ b/src/main/resources/templates/labdatas/index.html
@@ -15,8 +15,11 @@
             </form>
         </div>
 
-        <div th:each="labdata : ${labdatas}">
-            <h3>Probe/Sequenzierung</h3>
+        <details th:each="labdata : ${labdatas}" open>
+            <summary class="h3">
+                Probe/Sequenzierung
+                <code>[[ ${labdata.einsendenummer} ]]</code>
+            </summary>
 
             <form class="lab-data">
                 <input type="hidden" name="id" th:value="${labdata.id}" />
@@ -316,7 +319,7 @@
                 <div th:hx-get="@{/labdatas/{labdataId}/files(labdataId=${labdata.id})}" hx-trigger="load"></div>
 
             </form>
-        </div>
+        </details>
 
     </div>
 
diff --git a/src/main/resources/templates/unusedfiles.html b/src/main/resources/templates/unusedfiles.html
index 00427d4..d458217 100644
--- a/src/main/resources/templates/unusedfiles.html
+++ b/src/main/resources/templates/unusedfiles.html
@@ -20,9 +20,12 @@
                 </form>
             </div>
 
-            <div th:each="file : ${files}">
+            <details th:each="file : ${files}" open>
                 <!-- File -->
-                <h4>Datei</h4>
+                <summary class="h4">
+                    Datei
+                    <code>[[ ${file.filePath} ]]</code>
+                </summary>
                 <form class="file">
                     <input type="hidden" name="id" th:value="${file.id}" />
 
@@ -73,7 +76,7 @@
                         <button class="save" th:hx-put="@{/files/unused/{fileId}(fileId=${file.id})}" hx-target="body">Änderungen übernehmen</button>
                     </div>
                 </form>
-            </div>
+            </details>
         </div>
     </main>
 </div>
diff --git a/src/main/web/style.css b/src/main/web/style.css
index 0a9294c..754f161 100644
--- a/src/main/web/style.css
+++ b/src/main/web/style.css
@@ -64,18 +64,38 @@ h1, h2, h3, h4 {
     @apply mt-5 text-white py-1 px-3 rounded-t-sm
 }
 
+summary.h1,
+summary.h2,
+summary.h3,
+summary.h4 {
+    @apply mt-5 text-white py-1 px-3 rounded-sm
+}
+
+h1 > code,
+summary > code {
+    @apply font-light m-6
+}
+
+details[open] > summary {
+    @apply rounded-b-none
+}
+
+summary.h1,
 h1 {
     @apply text-3xl font-bold bg-blue-900
 }
 
+summary.h2,
 h2 {
     @apply text-2xl font-bold bg-green-900
 }
 
+summary.h3,
 h3 {
     @apply text-xl font-bold bg-yellow-900
 }
 
+summary.h4,
 h4 {
     @apply font-bold bg-red-900
 }
