diff --git a/public/assets/fonts/Approach-SemiBold.ttf b/public/assets/fonts/Approach-SemiBold.ttf
new file mode 100644
index 0000000..8c95dcb
Binary files /dev/null and b/public/assets/fonts/Approach-SemiBold.ttf differ
diff --git a/public/assets/fonts/ApproachKoeln-Bd.ttf b/public/assets/fonts/ApproachKoeln-Bd.ttf
new file mode 100644
index 0000000..b16d057
Binary files /dev/null and b/public/assets/fonts/ApproachKoeln-Bd.ttf differ
diff --git a/public/assets/fonts/ApproachKoeln-BdIt.ttf b/public/assets/fonts/ApproachKoeln-BdIt.ttf
deleted file mode 100644
index 6e8c286..0000000
Binary files a/public/assets/fonts/ApproachKoeln-BdIt.ttf and /dev/null differ
diff --git a/public/assets/fonts/ApproachKoeln-Rg.ttf b/public/assets/fonts/ApproachKoeln-Rg.ttf
new file mode 100644
index 0000000..8714229
Binary files /dev/null and b/public/assets/fonts/ApproachKoeln-Rg.ttf differ
diff --git a/public/assets/fonts/ApproachKoeln-RgIt.ttf b/public/assets/fonts/ApproachKoeln-RgIt.ttf
deleted file mode 100644
index eb76ce4..0000000
Binary files a/public/assets/fonts/ApproachKoeln-RgIt.ttf and /dev/null differ
diff --git a/public/assets/fonts/ApproachKoeln-SmBdIt.ttf b/public/assets/fonts/ApproachKoeln-SmBdIt.ttf
deleted file mode 100644
index 5c1c062..0000000
Binary files a/public/assets/fonts/ApproachKoeln-SmBdIt.ttf and /dev/null differ
diff --git a/public/assets/previews/enquiry-all-states-dark.webp b/public/assets/previews/enquiry-all-states-dark.webp
index 330cc39..b9198b7 100644
Binary files a/public/assets/previews/enquiry-all-states-dark.webp and b/public/assets/previews/enquiry-all-states-dark.webp differ
diff --git a/public/assets/previews/enquiry-all-states.webp b/public/assets/previews/enquiry-all-states.webp
index 2da94f0..9ce9242 100644
Binary files a/public/assets/previews/enquiry-all-states.webp and b/public/assets/previews/enquiry-all-states.webp differ
diff --git a/public/assets/previews/enquiry-dark.webp b/public/assets/previews/enquiry-dark.webp
index 9184580..f63134c 100644
Binary files a/public/assets/previews/enquiry-dark.webp and b/public/assets/previews/enquiry-dark.webp differ
diff --git a/public/assets/previews/enquiry-validated-dark.webp b/public/assets/previews/enquiry-validated-dark.webp
index 5ce5f24..fc84b76 100644
Binary files a/public/assets/previews/enquiry-validated-dark.webp and b/public/assets/previews/enquiry-validated-dark.webp differ
diff --git a/public/assets/previews/enquiry-validated.webp b/public/assets/previews/enquiry-validated.webp
index 9b15143..7816f06 100644
Binary files a/public/assets/previews/enquiry-validated.webp and b/public/assets/previews/enquiry-validated.webp differ
diff --git a/public/assets/previews/enquiry.webp b/public/assets/previews/enquiry.webp
index 9d9b18f..2197af1 100644
Binary files a/public/assets/previews/enquiry.webp and b/public/assets/previews/enquiry.webp differ
diff --git a/public/assets/previews/homepage-dark.webp b/public/assets/previews/homepage-dark.webp
index 10ce184..ae9635e 100644
Binary files a/public/assets/previews/homepage-dark.webp and b/public/assets/previews/homepage-dark.webp differ
diff --git a/public/assets/previews/homepage.webp b/public/assets/previews/homepage.webp
index c2bd4f2..862532d 100644
Binary files a/public/assets/previews/homepage.webp and b/public/assets/previews/homepage.webp differ
diff --git a/src/pages/enquiry-all-states.twig b/src/pages/enquiry-all-states.twig
index d0f8f70..199902f 100644
--- a/src/pages/enquiry-all-states.twig
+++ b/src/pages/enquiry-all-states.twig
@@ -20,6 +20,19 @@
     <div class='col-12 mb-3'>
       <h1 class='display-3 mb-4'>Daten anfragen</h1>
 
+      <div class='pb-5 mb-3'>
+        {%
+          include 'partials::base/b_highlight-teaser.twig' with {
+          content: "
+          <p class='h3 mb-3 fw-semibold lh-sm'>“Titel lorem ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua...Weiterlesen”</p>
+          <p class='fs-3 m-0'>
+          Anna Hofman
+          </p>
+          "
+          }
+        %}
+      </div>
+
       <h2 class='m-0'>
         Nutzen Sie dieses Formular, um uns mitzuteilen, welche Daten Sie auf unserer Plattform noch vermissen – wir
         bemühen uns, Ihre Anfragen so schnell wie möglich zu erfüllen.
@@ -29,7 +42,7 @@
 
   <section class='row mb-4 mb-md-5'>
     <div class='col-12'>
-      <form class='row'>
+      <form class='row pb-3'>
         <div class='col-12 col-md-6 mb-4'>
           <label for='name' class='form-label'>Name</label>
           <input type='text' class='form-control form-control-lg' id='name' aria-describedby='name-help'>
@@ -126,7 +139,7 @@
         </div>
       </div>
 
-      <div class='d-flex flex-column gap-4 mb-4' role='region' aria-live='polite'>
+      <div class='d-flex flex-column gap-5 mb-5' role='region' aria-live='polite'>
         {%
           include 'partials::base/b_request.twig' with {
           status: 'coordinating'
@@ -160,7 +173,12 @@
       </div>
 
       <div class='d-flex justify-content-center'>
-        <button class='btn btn-primary'>Mehr</button>
+        {%
+          include 'partials::base/b_link.twig' with {
+          text: 'Mehr Datenanfragen anzeigen',
+          icon: 'plus-lg'
+          }
+        %}
       </div>
     </div>
   </section>
diff --git a/src/pages/enquiry-validated.twig b/src/pages/enquiry-validated.twig
index 4be36ce..8726f24 100644
--- a/src/pages/enquiry-validated.twig
+++ b/src/pages/enquiry-validated.twig
@@ -20,6 +20,19 @@
     <div class='col-12 mb-3'>
       <h1 class='display-3 mb-4'>Daten anfragen</h1>
 
+      <div class='pb-5 mb-3'>
+        {%
+          include 'partials::base/b_highlight-teaser.twig' with {
+          content: "
+          <p class='h3 mb-3 fw-semibold lh-sm'>“Titel lorem ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua...Weiterlesen”</p>
+          <p class='fs-3 m-0'>
+          Anna Hofman
+          </p>
+          "
+          }
+        %}
+      </div>
+
       <h2 class='m-0'>
         Nutzen Sie dieses Formular, um uns mitzuteilen, welche Daten Sie auf unserer Plattform noch vermissen – wir
         bemühen uns, Ihre Anfragen so schnell wie möglich zu erfüllen.
@@ -29,7 +42,7 @@
 
   <section class='row mb-4 mb-md-5'>
     <div class='col-12'>
-      <form class='row'>
+      <form class='row pb-3'>
         <div class='col-12 col-md-6 mb-4'>
           <label for='name' class='form-label'>Name</label>
           <input type='text' class='form-control form-control-lg is-valid' id='name' aria-describedby='name-help'>
@@ -134,7 +147,7 @@
         </div>
       </div>
 
-      <div class='d-flex flex-column gap-4 mb-4' role='region' aria-live='polite'>
+      <div class='d-flex flex-column gap-5 mb-5' role='region' aria-live='polite'>
         {%
           include 'partials::base/b_request.twig' with {
           status: 'coordinating'
@@ -163,7 +176,12 @@
       </div>
 
       <div class='d-flex justify-content-center'>
-        <button class='btn btn-primary'>Mehr</button>
+        {%
+          include 'partials::base/b_link.twig' with {
+          text: 'Mehr Datenanfragen anzeigen',
+          icon: 'plus-lg'
+          }
+        %}
       </div>
     </div>
   </section>
diff --git a/src/pages/enquiry.twig b/src/pages/enquiry.twig
index c79966c..a6e676d 100644
--- a/src/pages/enquiry.twig
+++ b/src/pages/enquiry.twig
@@ -20,6 +20,19 @@
     <div class='col-12 mb-3'>
       <h1 class='display-3 mb-4'>Daten anfragen</h1>
 
+      <div class='pb-5 mb-3'>
+        {%
+          include 'partials::base/b_highlight-teaser.twig' with {
+          content: "
+          <p class='h3 mb-3 fw-semibold lh-sm'>“Titel lorem ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua...Weiterlesen”</p>
+          <p class='fs-3 m-0'>
+          Anna Hofman
+          </p>
+          "
+          }
+        %}
+      </div>
+
       <h2 class='m-0'>
         Nutzen Sie dieses Formular, um uns mitzuteilen, welche Daten Sie auf unserer Plattform noch vermissen – wir
         bemühen uns, Ihre Anfragen so schnell wie möglich zu erfüllen.
@@ -29,7 +42,7 @@
 
   <section class='row mb-4 mb-md-5'>
     <div class='col-12'>
-      <form class='row'>
+      <form class='row pb-3'>
         <div class='col-12 col-md-6 mb-4'>
           <label for='name' class='form-label'>Name</label>
           <input type='text' class='form-control form-control-lg' id='name' aria-describedby='name-help'>
@@ -126,7 +139,7 @@
         </div>
       </div>
 
-      <div class='d-flex flex-column gap-4 mb-4' role='region' aria-live='polite'>
+      <div class='d-flex flex-column gap-5 mb-5' role='region' aria-live='polite'>
         {%
           include 'partials::base/b_request.twig' with {
           status: 'coordinating'
@@ -156,7 +169,12 @@
       </div>
 
       <div class='d-flex justify-content-center'>
-        <button class='btn btn-primary'>Mehr</button>
+        {%
+          include 'partials::base/b_link.twig' with {
+          text: 'Mehr Datenanfragen anzeigen',
+          icon: 'plus-lg'
+          }
+        %}
       </div>
     </div>
   </section>
diff --git a/src/pages/homepage.twig b/src/pages/homepage.twig
index 2243df5..660d816 100644
--- a/src/pages/homepage.twig
+++ b/src/pages/homepage.twig
@@ -6,7 +6,7 @@
     <div class='col-12'>
       {%
         include 'partials::base/b_hero.twig' with {
-        src: 'https://picsum.photos/960/540',
+        src: 'https://static.ksta.de/__images/2023/08/25/063fe724-7865-4843-86d8-83e429101402.jpeg?q=75&q=70&w=2000&h=4484&fm=jpeg&s=1c2a6b096dbbc95dd3a9d637962b6d14',
         type: 'background'
         }
       %}
@@ -47,7 +47,7 @@
     </div>
   </section>
 
-  <section class='row pt-4 pb-5'>
+  <section class='row pb-5 mb-3'>
     {%
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'Beliebte Datensätze',
@@ -58,7 +58,7 @@
       }
     %}
 
-    <div class='col-6 mb-4'>
+    <div class='col-6 mb-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -72,7 +72,7 @@
         }
       %}
     </div>
-    <div class='col-6 mb-4'>
+    <div class='col-6 mb-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -86,7 +86,7 @@
         }
       %}
     </div>
-    <div class='col-6 mb-4'>
+    <div class='col-6 my-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -100,7 +100,7 @@
         }
       %}
     </div>
-    <div class='col-6 mb-4'>
+    <div class='col-6 my-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -114,7 +114,7 @@
         }
       %}
     </div>
-    <div class='col-6'>
+    <div class='col-6 mt-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -128,7 +128,7 @@
         }
       %}
     </div>
-    <div class='col-6'>
+    <div class='col-6 mt-3'>
       {%
         include 'partials::base/b_card.twig' with {
         'thumbnail': {
@@ -144,7 +144,7 @@
     </div>
   </section>
 
-  <section class='row py-5 border-gray border-top border-opacity-25'>
+  <section class='row py-5 mb-3 border-gray border-top border-opacity-25'>
     {%
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'News',
@@ -156,11 +156,22 @@
     %}
 
     <div class='col-12'>
-      {% include 'partials::base/b_highlight-teaser.twig' %}
+      {%
+        include 'partials::base/b_highlight-teaser.twig' with {
+        content: "
+        <h3 class='mb-3'>Title lorem ipsum</h3>
+        <p class='fs-5 text-lg mb-3'>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+        dolore magna aliquyam erat, sed diam voluptua...
+        </p>
+        <a class='btn btn-primary align-self-center align-self-lg-start' href='#'>Weiterlesen</a>
+        "
+        }
+      %}
     </div>
   </section>
 
-  <section class='row py-5 border-gray border-top border-opacity-25'>
+  <section class='row py-5 mb-3 border-gray border-top border-opacity-25'>
     {%
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'Beliebte Kategorien'
@@ -172,7 +183,7 @@
     </div>
   </section>
 
-  <section class='row py-5 border-gray border-top border-bottom border-opacity-25'>
+  <section class='row py-5 mb-3 border-gray border-top border-bottom border-opacity-25'>
     {%
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'Daten über Schnittstelle nutzen',
diff --git a/src/partials/base/b_breadcrumbs.twig b/src/partials/base/b_breadcrumbs.twig
index 62114c3..1bfe2bd 100644
--- a/src/partials/base/b_breadcrumbs.twig
+++ b/src/partials/base/b_breadcrumbs.twig
@@ -3,7 +3,7 @@
     {% for link in links %}
       {% if link.href is defined %}
         <li class='breadcrumb-item'>
-          <a href='{{ link.href }}'>{{ link.text }}</a>
+          <a href='{{ link.href }}' class='link-offset-2'>{{ link.text }}</a>
         </li>
       {% else %}
         <li class='breadcrumb-item active' aria-current='page'>{{ link.text }}</li>
diff --git a/src/partials/base/b_highlight-teaser.twig b/src/partials/base/b_highlight-teaser.twig
index 8645a29..e0933aa 100644
--- a/src/partials/base/b_highlight-teaser.twig
+++ b/src/partials/base/b_highlight-teaser.twig
@@ -1,15 +1,12 @@
 <div class='row position-relative'>
   <div class='col-lg-8'>
-    <img class='img-fluid' src='https://picsum.photos/960/540' alt>
+    <div class=' ratio ratio-16x9'>
+      <img class='img-fluid' src='https://picsum.photos/960/540' alt>
+    </div>
   </div>
-  <div class='mt-n5 col-lg-6 position-lg-absolute end-0 top-0 mt-lg-5'>
+  <div class='mt-n5 col-lg-6 position-lg-absolute z-1 end-0 top-0 mt-lg-5'>
     <div class='card-body text-bg-primary p-4 mx-4 mx-lg-0 d-flex flex-column'>
-      <h3 class='mb-3'>Title lorem ipsum</h3>
-      <p class='fs-5 text-lg mb-3'>
-        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-        dolore magna aliquyam erat, sed diam voluptua...
-      </p>
-      <a class='btn btn-primary align-self-center align-self-lg-start' href='#'>Weiterlesen</a>
+      {{ content | raw }}
     </div>
   </div>
 </div>
diff --git a/src/partials/base/b_link.twig b/src/partials/base/b_link.twig
new file mode 100644
index 0000000..5ab7483
--- /dev/null
+++ b/src/partials/base/b_link.twig
@@ -0,0 +1,6 @@
+<a href='{{ href }}' class='link fs-5'>
+  {% if icon %}
+    <i class='bi bi-{{ icon }} text-primary me-2' aria-hidden='true'></i>
+  {% endif %}
+  {{ text }}
+</a>
diff --git a/src/partials/content-layout/cl_section-header.twig b/src/partials/content-layout/cl_section-header.twig
index c19a675..b374c2c 100644
--- a/src/partials/content-layout/cl_section-header.twig
+++ b/src/partials/content-layout/cl_section-header.twig
@@ -1,9 +1,13 @@
-<div class='col-12 mb-5 d-flex justify-content-between align-items-center'>
+<div class='col-12 mt-3 mb-4 d-flex justify-content-between align-items-center'>
   <h2 class='display-6 m-0'>{{ title }}</h2>
 
   {% if link is defined %}
-    <p class='fs-5 m-0'>
-      <a href='{{ link.href }}' class='link'><i class='bi bi-arrow-return-right me-2'></i>{{ link.text }} </a>
-    </p>
+    {%
+      include 'partials::base/b_link.twig' with {
+      href: link.href,
+      text: link.text,
+      icon: 'arrow-return-right'
+      }
+    %}
   {% endif %}
 </div>
diff --git a/src/partials/content-layout/cl_tile-showcase.twig b/src/partials/content-layout/cl_tile-showcase.twig
index 23a985e..fbddcd1 100644
--- a/src/partials/content-layout/cl_tile-showcase.twig
+++ b/src/partials/content-layout/cl_tile-showcase.twig
@@ -55,6 +55,11 @@
   </div>
 
   <div class='col-12 mt-5 d-flex justify-content-center'>
-    <button class='btn btn-primary'>Alle Kategorien anzeigen</button>
+    {%
+      include 'partials::base/b_link.twig' with {
+      text: 'Alle Kategorien anzeigen',
+      icon: 'plus-lg'
+      }
+    %}
   </div>
 </div>
diff --git a/src/styles/base/_font.scss b/src/styles/base/_font.scss
index 64a9d8a..52d373a 100644
--- a/src/styles/base/_font.scss
+++ b/src/styles/base/_font.scss
@@ -1,20 +1,20 @@
 @font-face {
   font-family: 'ApproachKoeln';
-  src: url('/assets/fonts/ApproachKoeln-Rglt.ttf') format('truetype');
+  src: url('./fonts/ApproachKoeln-Rg.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'ApproachKoeln';
-  src: url('/assets/fonts/ApproachKoeln-SmBdlt.ttf') format('truetype');
+  src: url('./fonts/Approach-SemiBold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'ApproachKoeln';
-  src: url('/assets/fonts/ApproachKoeln-Bdlt.ttf') format('truetype');
+  src: url('./fonts/ApproachKoeln-Bd.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
 }