diff --git a/static/css/custom.css b/static/css/custom.css
index 1ff4a51..ea05d3f 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -7,8 +7,13 @@ body {
   color: #00ad8e;
 }
 
-a {
+.a-green a:hover {
+  color: #0c8771;
+}
+
+.a-green a {
   color: #00ad8e;
+  transition: 400ms;
 }
 
 .features-box {
diff --git a/themes/tella/layouts/_default/list.html b/themes/tella/layouts/_default/list.html
index be01ef4..9b34aab 100644
--- a/themes/tella/layouts/_default/list.html
+++ b/themes/tella/layouts/_default/list.html
@@ -34,8 +34,8 @@
 {{ define "main" }}
 <div class="mx-auto my-10 max-w-6xl">
   <div class="mx-3 col-span-3 lg:col-span-2 px-2">
-    <h1 class="title text-5xl mb-4">{{.Title}}</h1>
-    <hr>
+    <h1 class="title text-5xl mb-4 text-white">{{.Title}}</h1>
+    <hr style="border-color: #00ad8e;">
     <div class="content py-1">{{.Content}}</div>
     {{ $paginator := .Paginate (where .Data.Pages "Type" "in" site.Params.mainSections) 6 }}
     {{ range $paginator.Pages }}
diff --git a/themes/tella/layouts/_default/single.html b/themes/tella/layouts/_default/single.html
index a834046..a85f52c 100644
--- a/themes/tella/layouts/_default/single.html
+++ b/themes/tella/layouts/_default/single.html
@@ -37,7 +37,7 @@
   <div class="mx-3 col-span-3 lg:col-span-2 px-2">
     <h1 class="title text-5xl mb-4 text-white-custom">{{.Title}}</h1>
     <hr style="border-color: #00ad8e;">
-    <div class="content  md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom">{{.Content}}</div>
+    <div class="content a-green md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom">{{.Content}}</div>
   </div>
 </div>
 {{ end }}
diff --git a/themes/tella/layouts/index.html b/themes/tella/layouts/index.html
index e6b1195..f69d800 100644
--- a/themes/tella/layouts/index.html
+++ b/themes/tella/layouts/index.html
@@ -24,7 +24,8 @@
     <!-- {{- partial "strip.html" . -}} -->
     {{ if ne .Site.Params.showBlog false }}
     <div class="mx-auto my-10 max-w-6xl">
-        <h2 class="text-4xl ml-2">Blog</h2>
+        <h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Beiträge</h2>
+        <hr style="border-color: #00ad8e;">
         {{- partial "recent.html" . -}}
     </div>
     {{ end }}
diff --git a/themes/tella/layouts/products/list.html b/themes/tella/layouts/products/list.html
index cec86e1..cac8f30 100644
--- a/themes/tella/layouts/products/list.html
+++ b/themes/tella/layouts/products/list.html
@@ -2,6 +2,8 @@
 <div class="mx-auto my-10 max-w-6xl">
     <div class="mx-3 col-span-3 lg:col-span-2 px-2">
         <h1 class="title text-5xl mb-4 text-white-custom">{{.Title}}</h1>
+        <hr style="border-color: #00ad8e;">
+        <br>
         <div class="content py-1">{{.Content}}</div>
         <div class="grid grid-cols-1 md:grid-cols-2 mb-2 gap-2">
         {{ range .Pages.ByWeight }}
diff --git a/themes/tella/layouts/products/summary.html b/themes/tella/layouts/products/summary.html
index d66f88c..a2ff583 100644
--- a/themes/tella/layouts/products/summary.html
+++ b/themes/tella/layouts/products/summary.html
@@ -7,9 +7,9 @@
   }
 </style>
 
-<a href="{{ .Permalink }}">
+<a href="{{ .Permalink }}" class="transform hover:-translate-y-1 hover:shadow-md duration-500">
     <div class="summary border p-3 border-green-custom">
-        <h2 class="text-3xl title-product-summary">
+        <h2 class="text-3xl title-product-summary text-white-custom">
             {{ .Title }}
         </h2>
         <img src="{{ .Params.image | relURL }}" alt="-product-image-">