diff --git a/content/index.blade.php b/content/index.blade.php
index 8e34795..76d446a 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -1,36 +1,19 @@
 @extends('template.'.config('settings.template').'.content.master')
 @section('head')
-  <title>Blau Solar - Photovoltaik und Energielösungen</title>
+  <title>{{config('settings.name')}}</title>
 @stop
 @section('content')
   <div class="container">
-    <section class="rounded bg-ci" style="margin-top: 80px;">
-      <div class="row">
-        <div class="col-sm-10 offset-sm-1 col-lg-5">
-          <h1>{{config('settings.name')}}</h1>
-          <p class="fs-4 mt-2">
-            <br>
-              {{config('settings.tagline')}}
-          </p>
-          <p class="fs-6 mt-1 text-muted">
-            <br>
-            Pfarrgasse 21
-            <br>
-            92648 Vohenstrauß
-            <br>
-            Germany
-            <br>
-            <br>
-          </p>
-          <a href="tel:{{$_telefonnummer}}" class="fs-4 text-decoration-none">
-            <svg style="fill: currentColor; width:24px; margin-bottom: 2px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M368 336h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm-48-80v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16zm112 144h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm80-272H269.06C262.45 13.4 244.87 0 224 0h-80c-20.87 0-38.45 13.4-45.06 32H64C28.65 32 0 60.65 0 96v352c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.65-64-64-64zM144 48h80v320h-80V48zm384 400c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V96c0-8.82 7.18-16 16-16h32v288c0 26.51 21.49 48 48 48h80c26.51 0 48-21.49 48-48V80h48v72c0 22.06 17.94 40 40 40h168v256zm0-304H368V80h144c8.82 0 16 7.18 16 16v48z"/></svg>
-              {{$_telefonnummer}}</a>
-        </div>
-        <div class="col-sm-12 col-lg-5">
-          <lottie-player src="https://assets9.lottiefiles.com/private_files/lf30_kcwpiswk.json"  background="transparent"  speed="1"  style="width: 400; height: 400px;"  loop  autoplay></lottie-player>
-        </div>
+
+
+      <div class="card text-bg-dark shadow-lg" style="border:none;">
+          <img src="https://picsum.photos/1000/350" class="rounded-bottom img-fluid" alt="...">
+          <div class="card-img-overlay text-light p-5" style="text-shadow: black 1px 1px 1px;">
+              <h1 class="card-title text-light mt-3">{{config('settings.name')}}</h1>
+              <p class="card-text fs-3">{{config('settings.tagline')}}</p>
+              <p class="card-text"><small>Last updated 3 mins ago</small></p>
+          </div>
       </div>
-    </section>
 
 
 
diff --git a/content/lists/produkte.blade.php b/content/lists/produkte.blade.php
index 986c28b..d96ef59 100644
--- a/content/lists/produkte.blade.php
+++ b/content/lists/produkte.blade.php
@@ -1,6 +1,6 @@
 @extends('template.'.config('settings.template').'.content.master')
 @section('head')
-    <title>{{$list->name}} - Blau Solar</title>
+    <title>{{$list->name}} - {{config('settings.name')}}</title>
 @stop
 @section('content')
     <div class="container">
@@ -20,12 +20,12 @@
 
                 @foreach($contents as $content)
 
-                    <div class="col-3">
+                    <div class="col-12 col-md-6 col-lg-3">
                         <a href="{{ $content->path }}" class="text-decoration-none">
-                            <div class="card">
-                                <img src="{{ $content->image() }}" class="img-card-top">
-                                <div class="card-header">
-                                    <h4>{{ $content->title }}</h4>
+                            <div class="card mb-5 shadow">
+                                <img src="{{ $content->image() }}" class="img-card-top img-fluid">
+                                <div class="card-body">
+                                    <h5 class="card-title">{{ $content->title }}</h5>
                                 </div>
                             </div>
                         </a>
diff --git a/content/pages/kontakt.blade.php b/content/pages/kontakt.blade.php
index e50fbe4..1f4af58 100644
--- a/content/pages/kontakt.blade.php
+++ b/content/pages/kontakt.blade.php
@@ -1,6 +1,6 @@
 @extends('template.'.config('settings.template').'.content.master')
 @section('head')
-    <title>Kontakt - Blau Solar</title>
+    <title>Kontakt - {{config('settings.name')}}</title>
 @stop
 @section('content')
     <div class="container">
@@ -14,7 +14,7 @@
 
                 <div class="col-md-4">
                     <div class="info">
-                        <svg style="fill: #10307b; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
+                        <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
                         <div class="description">
                             <h4 class="info-title">Telefonnummer</h4>
                             <h5><a href="tel: {{$_telefonnummer}}" class="text-decoration-none"> {{$_telefonnummer}}</a></h5>
@@ -24,7 +24,7 @@
 
                 <div class="col-md-4">
                     <div class="info">
-                            <svg style="fill: #10307b; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>
+                            <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>
                         <div class="description">
                             <h4 class="info-title">Kontakt per E-Mail</h4>
                             <h5><a href="mailto:{{config('settings.contact_email')}}" class="text-decoration-none">{{config('settings.contact_email')}}</a></h5>
@@ -34,7 +34,7 @@
 
                 <div class="col-md-4">
                     <div class="info">
-                        <svg style="fill: #10307b; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M528 352H352V240c0-8.8-7.2-16-16-16H112c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16zM320 480H128v-96h192v96zm0-128H128v-96h192v96zm192 128H352v-96h160v96zm98.6-361.7L338.6 3.7c-11.8-5-25.3-5-37.2 0l-272 114.6C11.5 125.8 0 143.2 0 162.5V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-6.5 3.8-12.2 9.8-14.8l272-114.6c3.9-1.7 8.5-1.7 12.4 0l272 114.6c6 2.5 9.8 8.3 9.8 14.8V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-19.3-11.5-36.7-29.4-44.2z"/></svg>
+                        <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M528 352H352V240c0-8.8-7.2-16-16-16H112c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16zM320 480H128v-96h192v96zm0-128H128v-96h192v96zm192 128H352v-96h160v96zm98.6-361.7L338.6 3.7c-11.8-5-25.3-5-37.2 0l-272 114.6C11.5 125.8 0 143.2 0 162.5V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-6.5 3.8-12.2 9.8-14.8l272-114.6c3.9-1.7 8.5-1.7 12.4 0l272 114.6c6 2.5 9.8 8.3 9.8 14.8V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-19.3-11.5-36.7-29.4-44.2z"/></svg>
                         <div class="description">
                             <h4 class="info-title">Firmenadresse</h4>
                             <h5>{{$_legal_name}}</h5>
diff --git a/variables.json b/variables.json
index 0ccbcb3..0108911 100644
--- a/variables.json
+++ b/variables.json
@@ -59,6 +59,14 @@
     "required": true
   },
 
+  {
+
+    "name": "button-color",
+    "value": "#d0700d",
+    "type": "color",
+    "required": true
+  },
+
   {
 
     "name": "bg-color",