diff --git a/homepage/home/static/home/css/styles.css b/homepage/home/static/home/css/styles.css
index 357dd00..d237299 100644
--- a/homepage/home/static/home/css/styles.css
+++ b/homepage/home/static/home/css/styles.css
@@ -578,12 +578,12 @@ video {
   bottom: 0px;
 }
 
-.bottom-2 {
-  bottom: 0.5rem;
+.top-\[68px\] {
+  top: 68px;
 }
 
-.top-\[64px\] {
-  top: 64px;
+.bottom-2 {
+  bottom: 0.5rem;
 }
 
 .left-0 {
@@ -606,10 +606,6 @@ video {
   right: 0.5rem;
 }
 
-.top-\[68px\] {
-  top: 68px;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -623,6 +619,10 @@ video {
   margin-right: auto;
 }
 
+.ml-4 {
+  margin-left: 1rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -643,12 +643,20 @@ video {
   margin-top: 2.5rem;
 }
 
-.ml-10 {
-  margin-left: 2.5rem;
+.mr-1 {
+  margin-right: 0.25rem;
 }
 
-.ml-4 {
-  margin-left: 1rem;
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.ml-10 {
+  margin-left: 2.5rem;
 }
 
 .block {
@@ -659,6 +667,10 @@ video {
   display: flex;
 }
 
+.table {
+  display: table;
+}
+
 .grid {
   display: grid;
 }
@@ -675,10 +687,6 @@ video {
   height: calc(100vh);
 }
 
-.h-full {
-  height: 100%;
-}
-
 .h-6 {
   height: 1.5rem;
 }
@@ -691,6 +699,10 @@ video {
   height: 12px;
 }
 
+.h-full {
+  height: 100%;
+}
+
 .h-0 {
   height: 0px;
 }
@@ -707,6 +719,14 @@ video {
   height: 2rem;
 }
 
+.h-28 {
+  height: 7rem;
+}
+
+.h-3 {
+  height: 0.75rem;
+}
+
 .max-h-\[646px\] {
   max-height: 646px;
 }
@@ -719,6 +739,10 @@ video {
   max-height: 750px;
 }
 
+.min-h-\[calc\(100vh-88px\)\] {
+  min-height: calc(100vh - 88px);
+}
+
 .min-h-\[400px\] {
   min-height: 400px;
 }
@@ -727,14 +751,6 @@ video {
   min-height: 50vh;
 }
 
-.min-h-\[calc\(100vh-68px-88px\)\] {
-  min-height: calc(100vh - 68px - 88px);
-}
-
-.min-h-\[calc\(100vh-68px-84px\)\] {
-  min-height: calc(100vh - 68px - 84px);
-}
-
 .w-6 {
   width: 1.5rem;
 }
@@ -768,20 +784,24 @@ video {
   width: 2rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .min-w-\[5rem\] {
   min-width: 5rem;
 }
 
+.max-w-lg {
+  max-width: 32rem;
+}
+
 .max-w-screen-2xl {
   max-width: 1536px;
 }
 
-.max-w-md {
-  max-width: 28rem;
-}
-
-.max-w-lg {
-  max-width: 32rem;
+.max-w-screen-md {
+  max-width: 768px;
 }
 
 .grow {
@@ -802,10 +822,6 @@ video {
   cursor: pointer;
 }
 
-.list-inside {
-  list-style-position: inside;
-}
-
 .list-disc {
   list-style-type: disc;
 }
@@ -814,10 +830,26 @@ video {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-\[120px_1fr_62px_60px\] {
+  grid-template-columns: 120px 1fr 62px 60px;
+}
+
+.grid-cols-\[12px_1fr\] {
+  grid-template-columns: 12px 1fr;
+}
+
 .flex-col {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .flex-nowrap {
   flex-wrap: nowrap;
 }
@@ -826,10 +858,18 @@ video {
   place-content: center;
 }
 
+.items-start {
+  align-items: flex-start;
+}
+
 .items-center {
   align-items: center;
 }
 
+.justify-end {
+  justify-content: flex-end;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -850,6 +890,16 @@ video {
   gap: 3rem;
 }
 
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -886,10 +936,10 @@ video {
   margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
 }
 
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
 .self-center {
@@ -900,6 +950,10 @@ video {
   overflow-y: auto;
 }
 
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .rounded-r {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
@@ -914,22 +968,53 @@ video {
   border-width: 2px;
 }
 
+.border-\[0\.5px\] {
+  border-width: 0.5px;
+}
+
+.border-y-2 {
+  border-top-width: 2px;
+  border-bottom-width: 2px;
+}
+
 .border-t {
   border-top-width: 1px;
 }
 
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
 .border-solid {
   border-style: solid;
 }
 
+.border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(185 28 28 / var(--tw-border-opacity));
+}
+
 .border-slate-500 {
   --tw-border-opacity: 1;
   border-color: rgb(100 116 139 / var(--tw-border-opacity));
 }
 
-.border-red-700 {
+.border-petrol-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(185 28 28 / var(--tw-border-opacity));
+  border-color: rgb(2 82 83 / var(--tw-border-opacity));
+}
+
+.border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+}
+
+.border-\[0\.5\] {
+  border-color: 0.5;
 }
 
 .bg-lime-300 {
@@ -975,19 +1060,9 @@ video {
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
 
-.bg-slate-50 {
+.bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
-}
-
-.bg-slate-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
-}
-
-.bg-slate-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
 .object-cover {
@@ -1022,6 +1097,15 @@ video {
   padding: 2.5rem;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-10 {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
@@ -1047,39 +1131,48 @@ video {
   padding-right: 3rem;
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
-.pb-16 {
-  padding-bottom: 4rem;
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 .pt-10 {
   padding-top: 2.5rem;
 }
 
+.pb-\[100px\] {
+  padding-bottom: 100px;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
@@ -1092,14 +1185,30 @@ video {
   padding-bottom: 3rem;
 }
 
+.pb-\[80px\] {
+  padding-bottom: 80px;
+}
+
+.text-left {
+  text-align: left;
+}
+
 .text-center {
   text-align: center;
 }
 
+.text-right {
+  text-align: right;
+}
+
 .font-mono {
   font-family: VictorMono, "Liberation Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
+.font-sans {
+  font-family: futura, "Noto Sans Light", Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1130,10 +1239,24 @@ video {
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
 
+.italic {
+  font-style: italic;
+}
+
 .leading-relaxed {
   line-height: 1.625;
 }
@@ -1178,10 +1301,26 @@ video {
   color: rgb(103 185 85 / var(--tw-text-opacity));
 }
 
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
 
+.shadow-\[0_35px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
+  --tw-shadow: 0 35px 60px -15px rgba(0,0,0,0.7);
+  --tw-shadow-colored: 0 35px 60px -15px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1194,6 +1333,44 @@ html {
   scroll-behavior: smooth;
 }
 
+h1.referenz {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 220 220 / var(--tw-bg-opacity));
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+  text-align: center;
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+  font-weight: 700;
+}
+
+h2.referenz {
+  margin-top: 1.5rem;
+  margin-bottom: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  text-decoration-line: underline;
+}
+
+p.referenz {
+  margin-bottom: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+th {
+  padding-right: 0.5rem;
+  vertical-align: top;
+}
+
+ul.referenz {
+  list-style-type: square;
+  list-style-position: inside;
+}
+
 @font-face {
   font-family: VictorMono;
 
@@ -1270,6 +1447,10 @@ html {
   }
 }
 
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+
 .hover\:scale-105:hover {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
@@ -1281,6 +1462,11 @@ html {
   background-color: rgb(2 82 83 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
diff --git a/homepage/home/templates/datenschutz.html b/homepage/home/templates/datenschutz.html
index ca0cd3a..854d11d 100644
--- a/homepage/home/templates/datenschutz.html
+++ b/homepage/home/templates/datenschutz.html
@@ -8,7 +8,7 @@
 {% include "header.html" %}
 
 
-<div class="relative top-[68px] py-10 grid grid-cols-1 gap-4 place-content-center min-h-[calc(100vh-68px-84px)]">
+<div class="relative top-[68px] pt-10 pb-[100px] grid grid-cols-1 gap-4 place-content-center min-h-[calc(100vh-88px)]">
 
   <h1 class="text-4xl font-bold text-center">Datenschutz</h1>
 
@@ -44,7 +44,4 @@
 
 </div>
 
-{% include "footer.html" %}
-
-
 {% endblock %}
\ No newline at end of file
diff --git a/homepage/home/templates/footer.html b/homepage/home/templates/footer.html
index 1558275..8e9de55 100644
--- a/homepage/home/templates/footer.html
+++ b/homepage/home/templates/footer.html
@@ -1,7 +1,7 @@
 {% load static %}
 
 
-<footer class="2xl:p-1 py-1 grid grid-cols-1 items-center bg-black relative top-[64px] text-sm text-white max-w-screen-2xl container mx-auto">
+<footer class="2xl:p-1 py-1 grid grid-cols-1 items-center bg-black relative text-sm text-white max-w-screen-2xl container mx-auto">
 
   <div class="bg-white text-slate-600 py-4">
     <div class="flex justify-center space-x-4 mb-2">
diff --git a/homepage/home/templates/impressum.html b/homepage/home/templates/impressum.html
index 4a9aacb..9c7ca16 100644
--- a/homepage/home/templates/impressum.html
+++ b/homepage/home/templates/impressum.html
@@ -7,7 +7,7 @@
 {% include "header.html" %}
 
 
-<div class="relative top-[68px] py-10 grid grid-cols-1 gap-4 place-content-center min-h-[calc(100vh-68px-84px)]  text-center">
+<div class="relative top-[68px] pt-10 pb-[100px] grid grid-cols-1 gap-4 place-content-center min-h-[calc(100vh-88px)]  text-center">
 
   <h1 class="text-4xl font-bold">Impressum</h1>
   
@@ -37,6 +37,4 @@
   </div>
 </div>
 
-{% include "footer.html" %}
-
 {% endblock %}
diff --git a/homepage/home/templates/index.html b/homepage/home/templates/index.html
index 32bd2d3..8c02fba 100644
--- a/homepage/home/templates/index.html
+++ b/homepage/home/templates/index.html
@@ -64,8 +64,4 @@
   <!-- <div class="underline"></div> -->
 </main>
 
-{% include "footer.html" %}
-
-
-
 {% endblock %}
diff --git a/homepage/home/views.py b/homepage/home/views.py
index 045b0c1..7ac73b0 100644
--- a/homepage/home/views.py
+++ b/homepage/home/views.py
@@ -64,7 +64,7 @@ def index(request):
                 Beliebig viele Kontakte, Bilder und typisierte Dateien (Verträge, Schriftverkehr, Rechnungen, etc.) können erfasst werden. Durch das responsive Design sind die Daten von jedem Endgerät aus leicht zugänglich.<br>
                 Aufträge werden in der angeschlossenen Auftragsverwaltung nachverfolgt. Die Auftragsverwaltung ist in Chat-Gruppen organisiert. Die Mitarbeiter:innen zur Auftragserfüllung sind Teilnehmer:innen der Chat-Gruppe und erhalten in Echtzeit über das WebSocket-Protokoll neue Nachrichten.<br>
                 Als Progressive Web App (PWA) ist eine einfache Installation auf dem Smartphone (derzeit nur Android) möglich und bietet somit den Komfort einer nativen App.<br>
-                <a class="underline text-petrol-500" target="_blank" href="whatsimmo.tobias-gerwin.de">Zum ausprobieren steht hier eine Testumgegbung bereit.</a>
+                <a class="underline text-petrol-500" target="_blank" href="https://whatsimmo.tobias-gerwin.de">Zum ausprobieren steht hier eine Testumgegbung bereit.</a>
             '''),
         },
         {
@@ -152,7 +152,7 @@ def kontakt(request):
             content="""
             <div style="background-color:#fff;height:fit-content;padding:10px;border-style:solid; border-width: 1px 1px 0px 1px; border-color: #aaa;">
               <div align="right" style="text-align:right">
-                <img src="https://www.amganzenpferd.de/static/amganzenpferd/img/tn_100_logo_agp_w_2000.png" alt="Logo am ganzen Pferd"
+                <img src="https://www.tobias-gerwin.de/static/homepage/img/logo_tg_white.svg" alt="Logo von Tobias Gerwin"
                   style="margin-left:auto;display:block;max-width:100%;max-height:100px">
               </div>
             </div>"""
diff --git a/homepage/templates/base.html b/homepage/templates/base.html
index be677e9..08ea711 100644
--- a/homepage/templates/base.html
+++ b/homepage/templates/base.html
@@ -27,6 +27,8 @@
 
       {% block content %}{% endblock %}
 
+      {% include "footer.html" %}
+
       {% block extra_js %}
           {# Override this in templates to add extra javascript #}
       {% endblock %}