diff --git a/content/index.blade.php b/content/index.blade.php
index 106fb05..091a1e8 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -4,14 +4,17 @@
 
     <div class="card text-bg-dark border-0" style="border-radius:0; box-shadow:none;">
         <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
-        <div class="card-img-overlay d-none d-lg-flex align-items-center" style="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
-            <div class="container p-3 rounded" style="width: 55vw;">
+        <div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
+            <div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
                 <h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
                 <p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p>
             </div>
         </div>
     </div>
 
+
+
+
     <div class="container d-lg-none">
         <div class="row">
             <div class="col-12">
diff --git a/content/pages/kontakt.blade.php b/content/pages/kontakt.blade.php
index dc7414f..1595132 100644
--- a/content/pages/kontakt.blade.php
+++ b/content/pages/kontakt.blade.php
@@ -105,37 +105,38 @@
 
 
 
+                                <x-form id="kontaktformular" id-name="kontaktformular" channels="kunde-bestaetigung,anfrage-kontaktformular" >
+                                    <div class="mb-4">
+                                        <label for="exampleInputEmail1" class="form-label">Name:</label>
+                                        <input type="name" name="name" class="form-control" id="name" aria-describedby="emailHelp" placeholder="Max Mustermann" autocomplete="on" required>
+                                    </div>
 
-                        <x-form id="kontaktformular" id-name="kontaktformular" channels="kunde-bestaetigung,anfrage-kontaktformular" >
-                            <div class="mb-4">
-                                <label for="exampleInputEmail1" class="form-label">Name:</label>
-                                <input type="name" name="name" class="form-control" id="name" aria-describedby="emailHelp" placeholder="Max Mustermann" autocomplete="on" required>
-                            </div>
+                                    <div class="mb-4">
+                                        <label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
+                                        <input type="tel" name="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
+                                    </div>
 
-                            <div class="mb-4">
-                                <label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
-                                <input type="tel" name="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
-                            </div>
-
-                            <div class="mb-4">
-                                <label for="exampleInputEmail1" class="form-label">E-Mail:</label>
-                                <input type="name" name="email"class="form-control" id="email" aria-describedby="emailHelp" placeholder="beispiel@areya.de" autocomplete="on">
-                            </div>
+                                    <div class="mb-4">
+                                        <label for="exampleInputEmail1" class="form-label">E-Mail:</label>
+                                        <input type="name" name="email"class="form-control" id="email" aria-describedby="emailHelp" placeholder="beispiel@areya.de" autocomplete="on">
+                                    </div>
 
 
-                            <div class="form-floating mb-4">
-                                <textarea style="height: 160px;" class="form-control" placeholder="Leave a comment here" id="nachricht" name="nachricht"></textarea>
-                                <label for="floatingTextarea">Nachricht</label>
-                            </div>
+                                    <div class="form-floating mb-4">
+                                        <textarea style="height: 160px;" class="form-control" placeholder="Leave a comment here" id="nachricht" name="nachricht"></textarea>
+                                        <label for="floatingTextarea">Nachricht</label>
+                                    </div>
 
 
-                            <div class="text-end">
-                                <button type="submit" class="btn btn-primary">Abschicken
-                                    <svg style="fill: currentColor;width: 17px;margin-left: 6px;margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
-                                </button>
-                            </div>
+                                    <div class="text-end">
+                                        <button type="submit" class="btn btn-primary">Abschicken
+                                            <svg style="fill: currentColor;width: 17px;margin-left: 6px;margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
+                                        </button>
+                                    </div>
+
+                                </x-form>
+
 
-                        </x-form>
 
                             @endif