diff --git a/kit/404.php b/kit/404.php
new file mode 100644
index 0000000..0d0f367
--- /dev/null
+++ b/kit/404.php
@@ -0,0 +1,27 @@
+<?php
+get_header();
+?>
+
+<main>
+
+  <section class="background-color-white category">
+    <div class="content-wrap">
+      <h2>
+        Seite leider nicht gefunden
+      </h2>
+
+      Leider wurde die von ihnen gewünschte Seite nicht gefunden.
+
+    </div>
+  </section>
+
+</main>
+
+
+
+
+
+<?php
+
+  get_template_part('template-parts/sidebar');
+  get_footer();
diff --git a/kit/functions.php b/kit/functions.php
index b1dcd4e..166161d 100644
--- a/kit/functions.php
+++ b/kit/functions.php
@@ -234,6 +234,19 @@ function kit_customize_css()
                background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
              }
 
+             .teaser-box-color-brand-secondary .teaser-box-category-marker {
+               border-bottom-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+               color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
+             .teaser-box-color-brand-secondary .teaser-box-category-marker:hover {
+               filter: brightness(120%);
+             }
+
+             .teaser-box-category-marker .icon {
+               background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
          </style>
     <?php
 }
diff --git a/kit/img/teaser-box-arrow-brand-secondary.svg b/kit/img/teaser-box-arrow-brand-secondary.svg
new file mode 100644
index 0000000..bf0be61
--- /dev/null
+++ b/kit/img/teaser-box-arrow-brand-secondary.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xml:space="preserve"
+   style="enable-background:new 0 0 52 37;"
+   viewBox="0 0 52 37"
+   y="0px"
+   x="0px"
+   id="Ebene_1"
+   version="1.1"><metadata
+   id="metadata833"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs831" />
+<style
+   id="style825"
+   type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#404040;}
+</style>
+<path
+   style="fill:#00a4e4;fill-opacity:1"
+   d="M35,0.55c-0.7-0.72-1.86-0.74-2.58-0.04c-0.01,0.01-0.03,0.03-0.04,0.04  c-0.71,0.73-0.71,1.9,0,2.63l13.29,13.44H1.83c-1.02,0-1.84,0.83-1.84,1.85c0,0,0,0.01,0,0.01c-0.01,1.03,0.81,1.87,1.84,1.89h43.84  L32.38,33.78c-0.71,0.74-0.71,1.91,0,2.65c0.7,0.72,1.86,0.74,2.58,0.04c0.01-0.01,0.03-0.03,0.04-0.04l16.43-16.62  c0.72-0.71,0.73-1.87,0.02-2.6c-0.01-0.01-0.01-0.01-0.02-0.02L35,0.55z"
+   class="st0"
+   id="Form_503_Kopie_7" />
+</svg>
\ No newline at end of file
diff --git a/kit/index.php b/kit/index.php
index 8ab40a0..ce9a2c9 100644
--- a/kit/index.php
+++ b/kit/index.php
@@ -4,7 +4,7 @@ get_header();
 
 <main>
 
-  <section class="background-color-white">
+  <section class="background-color-white category">
     <div class="content-wrap">
       <h2>
         <?php $categories = get_the_category();
@@ -38,8 +38,9 @@ get_header();
                 <p>
                   <?php echo wp_strip_all_tags( get_the_excerpt(), true ); ?>
                 </p>
-                <a href="/de/berufsausbildung" class="teaser-box-category-marker">
-                  Berufsausbildung
+                <?php echo '<a href="' . esc_url( get_permalink() ) . '" class="teaser-box-category-marker">'; ?>
+                  Zum Beitrag
+                  <div class="icon"></div>
                 </a>
               </div>
               </div>
diff --git a/kit/style.css b/kit/style.css
index 9495710..f66ee38 100644
--- a/kit/style.css
+++ b/kit/style.css
@@ -512,7 +512,11 @@ figure.no-autosize img {
 }
 
 section {
-  padding: 0.66667rem 0 6.66667rem 0;
+  padding: 6.66667rem 0 6.66667rem 0;
+}
+
+section.category {
+  padding: 1rem 0 6.66667rem 0;
 }
 
 section.background-color-white:not(.full-width) + section.background-color-white:not(.full-width) {
@@ -2669,8 +2673,8 @@ body.page-theme-color-quaternary form input[type='submit'] {
   opacity: .7;
 }
 
-.teaser-box-category-marker::after {
-  content: url(../img/teaser-box-arrow-brand-primary.svg);
+.teaser-box-category-marker .icon {
+  mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
   position: absolute;
   right: 0;
   bottom: 0.55556rem;
@@ -2691,21 +2695,11 @@ body.page-theme-color-quaternary form input[type='submit'] {
 }
 
 .teaser-box-color-brand-primary .teaser-box-category-marker::after {
-  content: url(../img/teaser-box-arrow-brand-primary.svg) !important;
-}
-
-.teaser-box-color-brand-secondary .teaser-box-category-marker {
-  border-bottom-color: #00a4e4 !important;
-  color: #00a4e4 !important;
-}
-
-.teaser-box-color-brand-secondary .teaser-box-category-marker:hover {
-  border-bottom-color: rgba(0, 164, 228, 0.7) !important;
-  color: rgba(0, 164, 228, 0.7) !important;
+  content: url(img/teaser-box-arrow-brand-primary.svg) !important;
 }
 
 .teaser-box-color-brand-secondary .teaser-box-category-marker::after {
-  content: url(../img/teaser-box-arrow-brand-secondary.svg) !important;
+  mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
 }
 
 .teaser-box-color-brand-tertiary .teaser-box-category-marker {
@@ -2720,6 +2714,7 @@ body.page-theme-color-quaternary form input[type='submit'] {
 
 .teaser-box-color-brand-tertiary .teaser-box-category-marker::after {
   content: url(../img/teaser-box-arrow-brand-tertiary.svg) !important;
+
 }
 
 .teaser-box-color-brand-quaternary .teaser-box-category-marker {
@@ -2751,7 +2746,7 @@ body.page-theme-color-primary .teaser-box-category-marker:hover {
 }
 
 body.page-theme-color-primary .teaser-box-category-marker::after {
-  content: url(../img/teaser-box-arrow-brand-primary.svg);
+  content: url(img/teaser-box-arrow-brand-primary.svg);
 }
 
 body.page-theme-color-secondary .teaser-box-image {
@@ -2769,7 +2764,7 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
 }
 
 body.page-theme-color-secondary .teaser-box-category-marker::after {
-  content: url(../img/teaser-box-arrow-brand-secondary.svg);
+  content: url(img/teaser-box-arrow-brand-secondary.svg);
 }
 
 body.page-theme-color-tertiary .teaser-box-image {