diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..3010033
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/content-types.json b/content-types.json
index a1edecb..11fd216 100644
--- a/content-types.json
+++ b/content-types.json
@@ -1,11 +1,11 @@
 [
   {
-    "slug":"solarmodule",
-    "name":"Leistungen",
+    "slug":"immobilie",
+    "name":"Immobilien",
     "description":"Solarmodule",
     "icon":"solar-panel",
     "status":1,
-    "blade":"solarmodule",
+    "blade":"immobilien",
     "fields":[
       {
         "name":"Beschreibung",
@@ -23,7 +23,7 @@
     "description":"Produkt",
     "icon":"shopping-bag",
     "status":1,
-    "blade":"balkonkraftwerk",
+    "blade":"jobs",
     "fields":[
       {
         "name":"Preis",
@@ -36,12 +36,12 @@
     ]
   },
   {
-    "slug":"News",
+    "slug":"news",
     "name":"News",
     "description":"Solar und AC Kabel",
     "icon":"parking",
     "status":1,
-    "blade":"balkonkraftwerk",
+    "blade":"news",
     "fields":[
       {
         "name":"L\u00e4nge",
diff --git a/content/contents/balkonkraftwerk.blade.php b/content/contents/immobilien.blade.php
similarity index 54%
rename from content/contents/balkonkraftwerk.blade.php
rename to content/contents/immobilien.blade.php
index d0ddb21..93c33b2 100644
--- a/content/contents/balkonkraftwerk.blade.php
+++ b/content/contents/immobilien.blade.php
@@ -27,53 +27,6 @@
     </div>
     <div class="col-12 col-lg-5 offset-lg-1">
       <h1 class="h2">{{$content->title}}</h1>
-      <div class="ms-3 mt-3 mb-3">
-          <span class="fs-4 fw-bold" style="color: #546c8a;">{{$content->data_fields['preis']}} €</span>
-          <span class="text-muted fs-7">Inkl. MwSt.</span>
-      </div>
-      <div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;">
-          @if(2==2)
-              <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-              Sofort verfügbar!
-          @elseif(2==3)
-              <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-                Nachschub ist unterwegs. Jetzt vorbestellen!
-          @endif
-          <br>
-          <svg style="fill: currentColor; width:18px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504.99 105.01l-97.9-98c-7.71-7.71-16-7-23.1-7v128h128c0-7.53.64-15.35-7-23zm-153 31V.01H152c-13.3 0-24 10.7-24 24V133c18.3-5 19.58-5 26.45-5 16.23 0 32.1 6.67 43.53 18.3 8.72 9.59 4.41 6.98 18.28 10.76 21.07 5.75 37.64 22.53 43.23 43.8 3.11 13.2.6 8.66 10.75 18.99 15.25 15.51 21.26 38.26 15.7 59.36-3.75 13.23-3.71 8.01 0 22.12 5.57 21.11-.45 43.85-15.69 59.37-9.64 9.36-7.04 4.88-10.75 18.99-4.89 18.59-18.16 33.75-35.5 41.12V512h263.99c13.3 0 24-10.7 24-24V160.01h-136c-13.2 0-24-10.8-24-24zM247.42 338.28c7.4-7.53 10.29-18.5 7.58-28.79-5.43-20.65-5.44-17.74 0-38.42 2.71-10.28-.18-21.26-7.58-28.79-14.86-15.12-13.43-12.61-18.87-33.27-2.71-10.28-10.6-18.32-20.71-21.07-20.28-5.53-17.84-4.1-32.69-19.21-7.4-7.53-18.18-10.47-28.28-7.71-20.32 5.54-17.46 5.53-37.75 0-10.1-2.76-20.88.19-28.28 7.71-14.91 15.18-12.5 13.7-32.69 19.21-10.11 2.76-18 10.79-20.71 21.07-5.46 20.74-4 18.13-18.87 33.27-7.4 7.53-10.29 18.5-7.58 28.79 5.45 20.71 5.42 17.79 0 38.41-2.71 10.28.18 21.26 7.58 28.79 14.85 15.11 13.43 12.61 18.87 33.27 2.71 10.28 10.6 18.32 20.71 21.07 14.31 3.9 11.52 2.97 15.84 5V512l64-32 64 32V397.62c4.31-2.02 1.52-1.1 15.84-5 10.11-2.76 18-10.79 20.71-21.07 5.47-20.74 4.01-18.13 18.88-33.27zM128 352.01c-35.34 0-64-28.65-64-64s28.66-64 64-64 64 28.65 64 64-28.66 64-64 64z"/></svg>
-          Kostenloser Anmeldeservice beim Netzbetreiber inklusive
-      </div>
-      <br>
-
-        <div class="row">
-            <div class="col">
-                <h5>Kurzbeschreibung</h5>
-
-                {!!$content->data_fields['kurzbeschreibung']!!}
-            </div>
-        </div>
-
-
-      <div class="row mt-5">
-          <div class="col-6">
-            <button style="display: none;" id="btn-add-to-bag" data-id="{{$content->id}}" class="btn btn-outline-success  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
-              <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-              In den Einkaufswagen
-            </button>
-            <button style="display: none;" id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-success position-relative mb-5">
-              Im Warenkorb ansehen
-              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span>
-            </button>
-          </div>
-          <div style="display: none;" class="col-12 col-md-6">
-              <button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
-                  <svg style="fill: white; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-                  Unverbindlich anfragen
-              </button>
-          </div>
-      </div>
-
-
 
       </div>
 
@@ -106,7 +59,6 @@
 
                                 <h4 class="mt-3 mb-4">Beschreibung</h4>
 
-                                {!!$content->data_fields['beschreibung']!!}
                             </div>
                         </div>
 
@@ -115,7 +67,6 @@
                                 <h4 class="mt-3 mb-5">Technische Daten</h4>
 
 
-                                {!!$content->data_fields['technische_daten']!!}
 
 
 
@@ -130,21 +81,6 @@
 
                                 <ul>
 
-                                    @if(str_contains($content->title, 'Blue'))
-                                        <li class="mb-4">
-                                        <a href="" class="mb-4 text-decoration-none">
-                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
-                                            PV-Modul: LONGi 60HIH-375M, black frame</a>
-                                    </li>
-                                    @endif
-
-                                        @if(str_contains($content->title, 'Black'))
-                                            <li class="mb-4">
-                                            <a href="" class="mb-4 text-decoration-none">
-                                                <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
-                                                PV-Modul: JA-Solar JAM60S21 365 /MR FULL BLACK</a>
-                                        </li>
-                                    @endif
 
                                         <li class="mb-4">
                                         <a href="" class="mb-4 text-decoration-none">
diff --git a/content/contents/jobs.blade.php b/content/contents/jobs.blade.php
new file mode 100644
index 0000000..93c33b2
--- /dev/null
+++ b/content/contents/jobs.blade.php
@@ -0,0 +1,163 @@
+@layout("content.master")
+@section('head')
+<title>{{$content->title}}</title>
+<style type="text/css">
+    li{list-style: none; margin-bottom: 4px; }
+</style>
+<meta name="product-id" content="{{$content->id}}">
+@stop
+@section('content')
+<div class="container">
+  @if(session()->has('success'))
+  <div class="alert alert-success">{{session()->get('success')}}</div>
+  @elseif(session()->has('error'))
+  <div class="alert alert-danger">{{session()->get('error')}}</div>
+  @endif
+  <section>
+    <div class="row">
+      <div class="col-12 col-lg-5">
+        @if(empty($content->image))
+        <img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border"  alt="...">
+        @else
+        <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
+        @endif
+      <br>
+      <br>
+      <br>
+    </div>
+    <div class="col-12 col-lg-5 offset-lg-1">
+      <h1 class="h2">{{$content->title}}</h1>
+
+      </div>
+
+        <div class="row">
+            <div class="col-12 mt-5">
+
+                <style>
+                    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+                        color: var(--bs-nav-pills-link-active-color);
+                        background-color:#79b27f ;
+                    }
+                </style>
+                <div class="card">
+                    <div class="card-header" style="background-color: #546c8a; color: white;">
+                        <nav class="nav nav-pills nav-justified">
+                            <a class="nav-link text-light active" href="#" data-bs-toggle="tab" data-bs-target="#bla1" type="button" role="tab" aria-controls="bla1" aria-selected="false">Beschreibung</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla2" type="button" role="tab" aria-controls="bla2" aria-selected="false">Technische Daten</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla3" aria-selected="false">Datenblätter & Downloads</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla4" aria-selected="false">Garantien</a>
+                        </nav>
+
+
+                    </div>
+
+                    <div class="tab-content" id="myTabContent">
+
+
+                        <div class="tab-pane fade show active" id="bla1" role="bla1" aria-labelledby="bla1" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+
+                                <h4 class="mt-3 mb-4">Beschreibung</h4>
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla2" role="bla2" aria-labelledby="bla2" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-5">Technische Daten</h4>
+
+
+
+
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-4">Datenbläter & Downloads</h4>
+
+                                <br>
+
+                                <ul>
+
+
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Microwechselrichter: Hoymiles HM-600/700/800
+                                        </a>
+                                    </li>
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+                                            Hoymiles NA-Zertifikat
+                                        </a>
+                                    </li>
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Hoymiles Einheitenzertifikat
+                                        </a>
+                                    </li>
+                                    <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Garantiebedingungen Hoymiles
+                                        </a>
+                                    </li>
+                                </ul>
+
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+
+
+
+
+
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-4">Beschreibung</h4>
+                                <p>
+                                    Bla1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugit libero maiores minima nihil. A aspernatur est fugiat hic nihil? Ab expedita facere hic ipsum perspiciatis quaerat quia quod tempore?
+                                </p>
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+
+
+
+
+            </div>
+        </div>
+
+
+
+      </div>
+    </div>
+  </section>
+
+</div>
+@stop
+@section('scripts')
+<script src="{{storage('assets/js/product.js')}}"></script>
+@stop
diff --git a/content/contents/kabel.blade.php b/content/contents/kabel.blade.php
deleted file mode 100644
index 128613e..0000000
--- a/content/contents/kabel.blade.php
+++ /dev/null
@@ -1,87 +0,0 @@
-@layout("content.master")
-@section('head')
-<title>{{$content->title}}</title>
-<style type="text/css">
-    li{list-style: none; margin-bottom: 4px; }
-</style>
-<meta name="product-id" content="{{$content->id}}">
-@stop
-@section('content')
-<div class="container">
-  @if(session()->has('success'))
-  <div class="alert alert-success">{{session()->get('success')}}</div>
-  @elseif(session()->has('error'))
-  <div class="alert alert-danger">{{session()->get('error')}}</div>
-  @endif
-  <section>
-    <div class="row">
-      <div class="col-12 col-lg-5">
-        @if(empty($content->image))
-        <img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border"  alt="...">
-        @else
-        <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
-        @endif
-      <br>
-      <br>
-      <br>
-    </div>
-    <div class="col-12 col-lg-5 offset-lg-1">
-      <h1 class="h2">{{$content->title}}</h1>
-      <div class="ms-3 mt-3 mb-3">
-          <span class="fs-4 fw-bold" style="color: #546c8a;">{{$content->data_fields['preis']}} €</span>
-          <span class="text-muted fs-7">Inkl. MwSt.</span>
-      </div>
-      <div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;">
-
-          @if(2==2)
-              <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-              Sofort verfügbar!
-
-          @elseif(2==3)
-              <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-                Nachschub ist unterwegs. Jetzt vorbestellen!
-          @endif
-
-      </div>
-
-
-
-
-
-
-
-
-        <div class="row mt-5 ">
-            <div class="col-6">
-                <button style="display: none;" id="btn-add-to-bag" data-id="{{$content->id}}" class="btn btn-outline-success  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
-                    <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-                    In den Einkaufswagen
-                </button>
-                <button style="display: none;" id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-success position-relative mb-5">
-                    Im Warenkorb ansehen
-                    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span>
-                </button>
-            </div>
-            <div style="display: none;" class="col-12 col-md-6">
-                <button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
-                    <svg style="fill: white; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-                    Unverbindlich anfragen
-                </button>
-            </div>
-        </div>
-
-
-
-
-
-      </div>
-          <hr class="mt-5">
-      </div>
-    </div>
-  </section>
-
-</div>
-@stop
-@section('scripts')
-<script src="{{storage('assets/js/product.js')}}"></script>
-@stop
diff --git a/content/contents/news.blade.php b/content/contents/news.blade.php
new file mode 100644
index 0000000..93c33b2
--- /dev/null
+++ b/content/contents/news.blade.php
@@ -0,0 +1,163 @@
+@layout("content.master")
+@section('head')
+<title>{{$content->title}}</title>
+<style type="text/css">
+    li{list-style: none; margin-bottom: 4px; }
+</style>
+<meta name="product-id" content="{{$content->id}}">
+@stop
+@section('content')
+<div class="container">
+  @if(session()->has('success'))
+  <div class="alert alert-success">{{session()->get('success')}}</div>
+  @elseif(session()->has('error'))
+  <div class="alert alert-danger">{{session()->get('error')}}</div>
+  @endif
+  <section>
+    <div class="row">
+      <div class="col-12 col-lg-5">
+        @if(empty($content->image))
+        <img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border"  alt="...">
+        @else
+        <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
+        @endif
+      <br>
+      <br>
+      <br>
+    </div>
+    <div class="col-12 col-lg-5 offset-lg-1">
+      <h1 class="h2">{{$content->title}}</h1>
+
+      </div>
+
+        <div class="row">
+            <div class="col-12 mt-5">
+
+                <style>
+                    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+                        color: var(--bs-nav-pills-link-active-color);
+                        background-color:#79b27f ;
+                    }
+                </style>
+                <div class="card">
+                    <div class="card-header" style="background-color: #546c8a; color: white;">
+                        <nav class="nav nav-pills nav-justified">
+                            <a class="nav-link text-light active" href="#" data-bs-toggle="tab" data-bs-target="#bla1" type="button" role="tab" aria-controls="bla1" aria-selected="false">Beschreibung</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla2" type="button" role="tab" aria-controls="bla2" aria-selected="false">Technische Daten</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla3" aria-selected="false">Datenblätter & Downloads</a>
+                            <a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla4" aria-selected="false">Garantien</a>
+                        </nav>
+
+
+                    </div>
+
+                    <div class="tab-content" id="myTabContent">
+
+
+                        <div class="tab-pane fade show active" id="bla1" role="bla1" aria-labelledby="bla1" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+
+                                <h4 class="mt-3 mb-4">Beschreibung</h4>
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla2" role="bla2" aria-labelledby="bla2" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-5">Technische Daten</h4>
+
+
+
+
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-4">Datenbläter & Downloads</h4>
+
+                                <br>
+
+                                <ul>
+
+
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Microwechselrichter: Hoymiles HM-600/700/800
+                                        </a>
+                                    </li>
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+                                            Hoymiles NA-Zertifikat
+                                        </a>
+                                    </li>
+                                        <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Hoymiles Einheitenzertifikat
+                                        </a>
+                                    </li>
+                                    <li class="mb-4">
+                                        <a href="" class="mb-4 text-decoration-none">
+                                            <svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
+
+                                            Garantiebedingungen Hoymiles
+                                        </a>
+                                    </li>
+                                </ul>
+
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+                                <br>
+
+
+
+
+
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
+                            <div class="card-body" style="min-height: 300px;">
+                                <h4 class="mt-3 mb-4">Beschreibung</h4>
+                                <p>
+                                    Bla1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugit libero maiores minima nihil. A aspernatur est fugiat hic nihil? Ab expedita facere hic ipsum perspiciatis quaerat quia quod tempore?
+                                </p>
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>
+
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+
+
+
+
+            </div>
+        </div>
+
+
+
+      </div>
+    </div>
+  </section>
+
+</div>
+@stop
+@section('scripts')
+<script src="{{storage('assets/js/product.js')}}"></script>
+@stop
diff --git a/content/contents/solarmodule.blade.php b/content/contents/solarmodule.blade.php
deleted file mode 100644
index baceb01..0000000
--- a/content/contents/solarmodule.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-@layout("content.master")
-@section('head')
-<title>{{$content->title}}</title>
-<style type="text/css">
-    li{list-style: none; margin-bottom: 4px; }
-</style>
-<meta name="product-id" content="{{$content->id}}">
-@stop
-@section('content')
-<div class="container">
-  @if(session()->has('success'))
-  <div class="alert alert-success">{{session()->get('success')}}</div>
-  @elseif(session()->has('error'))
-  <div class="alert alert-danger">{{session()->get('error')}}</div>
-  @endif
-  <section>
-    <div class="row">
-      <div class="col-12 col-lg-5">
-        @if(empty($content->image))
-        <img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border"  alt="...">
-        @else
-        <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
-        @endif
-      <br>
-      <br>
-      <br>
-    </div>
-    <div class="col-12 col-lg-5 offset-lg-1">
-      <h1 class="h2">{{$content->title}}</h1>
-    </div>
-          <hr class="mt-5">
-      </div>
-    </div>
-  </section>
-
-</div>
-@stop
-@section('scripts')
-<script src="{{storage('assets/js/product.js')}}"></script>
-@stop
diff --git a/content/includes/footer.blade.php b/content/includes/footer.blade.php
index af34158..0a2d6ec 100644
--- a/content/includes/footer.blade.php
+++ b/content/includes/footer.blade.php
@@ -1,29 +1,33 @@
-<footer>
-
-
-
-        <div style="background-color:  #5b696f">
+<footer style="border-top: 3px solid #2776b769;">
+        <div class="bg-light">
         <div class="container pb-5">
             <div class="row">
-                <div class="col-12 col-md-4">
-                    <h4 class="mb-2 fw-bold mt-5 mb-4">Sicherheitsleistungen</h4>
+                <div class="col-12 col-md-3">
+                    <h4 class="mb-2 fw-bold mt-5 mb-4 text-dark">Immobilien</h4>
 
                     <ul class="ps-0">
-                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/personenschutz')}}">Personenschutz</a></li>
-                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/veranstalltungsschutz')}}">Veranstalltungsschutz</a></li>
-                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/werksschutz')}}"> Werksschut </a></li>
-                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/urlaubsbewachung')}}"> Urlaubsbewachung </a></li>
-                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/baustellenbewachung')}}"> Baustellenbewachung </a></li>
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/immobilien')}}">Wohnung mieten</a></li>
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/immobilien')}}">Eigentumswohnung kaufen</a></li>
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/immobilien')}}"> Gewerbeimmobilien </a></li>
+
                     </ul>
+                </div>
 
+                <div class="col-12 col-md-3">
+                    <h4 class="mb-2 fw-bold mt-5 mb-4 text-dark">Leistungen</h4>
 
+                    <ul class="ps-0">
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/immobilien')}}">Wohnung mieten</a></li>
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/immobilien')}}">Eigentumswohnung kaufen</a></li>
+                        <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/immobilien')}}"> Gewerbeimmobilien </a></li>
 
+                    </ul>
                 </div>
 
 
 
-                <div class="col-12 col-md-4">
-                    <h4 class="mb-2 fw-bold mt-5 mb-4">Unternehmen</h4>
+                <div class="col-12 col-md-3">
+                    <h4 class="mb-2 fw-bold mt-5 mb-4 text-dark">Unternehmen</h4>
 
                     <ul class="ps-0">
                         <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none" href="{{url('/unternehmen')}}">Über uns</a></li>
@@ -31,47 +35,36 @@
                         <li class="list-unstyled mb-2"><a class="fs-5 text-decoration-none position-relative" href="{{url('/jobs')}}"> Jobs </a></li>
                     </ul>
 
-
-
-
                 </div>
 
-                <div class="col-12 col-md-4">
-                    <h4 class="mb-2 fw-bold mt-5 mb-4">Kontakt</h4>
-
+                <div class="col-12 col-md-3 text-center">
                     <a href="{{url('/')}}">
-                        <img src="http://alpha-security.net/wp-content/uploads/2021/02/Alpha_Security_Logo_silberverlauf57.png" alt="Alpha Security">
-
-
+                        <img src="https://ik.imagekit.io/areya/logo_dqTFJ-35v.png" class="mt-4" alt="Sparrer Immobilien">
                     </a>
 
                     <br>
                     <br>
-                    <p>
-                        Am Langen Steg 6
-                        <br>
-                        92637 Weiden
-                        <br>
-                        Germany
-
-                    </p>
-
-
-
 
+                    <div class="row">
+                        <div class="col">
+                            <a href="">
+                                <svg style="fill: #0a58ca; width:35px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="">
+                                <svg style="fill: #0a58ca; width:35px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
+                            </a>
+                        </div>
+                        <div class="col">
+                            <a href="">
+                                <svg style="fill: #0a58ca; width:35px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>
+                            </a>
+                        </div>
+                    </div>
 
                 </div>
 
-
-
-
-
-
-
-
-
-
-
             </div>
         </div>
         </div>
@@ -80,14 +73,14 @@
             <div class="row">
                 <div class="col-12 col-sm-6 text-md-start text-center mt-3">
                     Erstellt mit dem
-                    <a href="https://www.areya.de/software/cms" class="text-decoration-none fw-bolder">Areya CMS
+                    <a href="https://www.areya.de/software/cms" class="text-decoration-none fw-bolder text-light">Areya CMS
                         <svg style="width: 11px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
                     </a>
                 </div>
                 <div class="col-12 col-sm-6 text-md-end text-center mt-3">
-                    <a href="{{url('/agb')}}" class="text-decoration-none">AGB</a> |
-                    <a href="{{url('/datenschutz')}}" class="text-decoration-none">Datenschutz</a> |
-                    <a href="{{url('/impressum')}}" class="text-decoration-none">Impressum</a>
+                    <a href="{{url('/agb')}}" class="text-decoration-none text-light">AGB</a> |
+                    <a href="{{url('/datenschutz')}}" class="text-decoration-none text-light">Datenschutz</a> |
+                    <a href="{{url('/impressum')}}" class="text-decoration-none text-light">Impressum</a>
                 </div>
             </div>
         </div>
diff --git a/content/index.blade.php b/content/index.blade.php
index b7ca414..b84ce14 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -27,7 +27,7 @@
         0961 74485430</a>
       </div>
       <div class="col-sm-12 col-lg-5">
-        <lottie-player src="https://assets1.lottiefiles.com/packages/lf20_cyn8dgwy.json"  background="transparent"  speed="1"  style="width: 400; height: 400px;"  loop  autoplay></lottie-player>
+        <lottie-player src="https://assets5.lottiefiles.com/private_files/lf30_cnR7Ck.json"  background="transparent"  speed="1"  style="width: 400; height: 400px;"  loop  autoplay></lottie-player>
       </div>
     </div>
   </section>
@@ -44,7 +44,7 @@
 
                 <div class="col-12 col-md-4 mt-5">
                     <a href="{{route_content($content)}}" class="text-decoration-none">
-                        <div class="card shadow-sm" style="background-color: #344657; color: white;">
+                        <div class="card shadow-sm" style="background-color: #2776b7; color: white;">
 
                             <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="{{$content->title}}">
 
diff --git a/content/lists/immobilien.blade.php b/content/lists/immobilien.blade.php
index 0c226d8..cc50d92 100644
--- a/content/lists/immobilien.blade.php
+++ b/content/lists/immobilien.blade.php
@@ -13,27 +13,431 @@
                 <br>
             </div>
         </div>
+
+
+        <style>
+            #list-filter-menue .form-check {
+                min-height: 2.5rem;
+            }
+            #list-filter-menue .bg-light {
+                background-color: #4285c836 !important;
+            }
+
+            a:hover .card-body{
+                background-color: #edeff25e;
+            }
+        </style>
+
+
         <div class="row">
+            <div id="list-filter-menue" class="d-none d-lg-block col-12 position-relative col-md-3 rounded-end" style="background-color: #9cbbd961; padding: 25px;">
+                <div class="row">
+                    <div class="col-12">
+                        <h5 class="mt-2 mb-3 fw-bold">Region</h5>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="regensburg" id="flexCheckRegensburg">
+                            <label class="form-check-label" for="flexCheckRegensburg">
+                                Regensburg
+                                <span class="badge bg-light text-dark">244 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="weiden" id="flexCheckWeiden">
+                            <label class="form-check-label" for="flexCheckWeiden">
+                                Weiden
+                                <span class="badge bg-light text-dark">54 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="amberg" id="flexCheckAmberg">
+                            <label class="form-check-label" for="flexCheckAmberg">
+                                Amberg
+                                <span class="badge bg-light text-dark">35 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="schwandorf" id="flexCheckSchwandorf">
+                            <label class="form-check-label" for="flexCheckSchwandorf">
+                                Schwandorf
+                                <span class="badge bg-light text-dark">38 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="neumarkt" id="flexCheckNeumarkt">
+                            <label class="form-check-label" for="flexCheckNeumarkt">
+                                Neumarkt
+                                <span class="badge bg-light text-dark">124 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="cham" id="flexCheckCham">
+                            <label class="form-check-label" for="flexCheckCham">
+                                Cham
+                                <span class="badge bg-light text-dark">42 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="neustadt" id="flexCheckNeustadt">
+                            <label class="form-check-label" for="flexCheckNeustadt">
+                                Neustadt
+                                <span class="badge bg-light text-dark">16 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="tirschenreuth" id="flexCheckTirschenreuth">
+                            <label class="form-check-label" for="flexCheckTirschenreuth">
+                                Tirschenreuth
+                                <span class="badge bg-light text-dark">54 Jobs</span>
+                            </label>
+                        </div>
+                        <h5 class="mt-5 mb-3 fw-bold">Art</h5>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="vollzeit" id="flexCheckVollzeit">
+                            <label class="form-check-label" for="flexCheckVollzeit">
+                                Mieten
+                                <span class="badge bg-light text-dark">98 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="teilzeit" id="flexCheckTeilzeit">
+                            <label class="form-check-label" for="flexCheckTeilzeit">
+                                Kaufen
+                                <span class="badge bg-light text-dark">12 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="minijob" id="flexCheckMinijob">
+                            <label class="form-check-label" for="flexCheckMinijob">
+                                Pachten
+                                <span class="badge bg-light text-dark">1 Jobs</span>
+                            </label>
+                        </div>
 
-            @foreach($contents as $content)
+                        <h5 class="mt-5 mb-3 fw-bold">Branche</h5>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="wissenschaft-ingenieurwesen" id="flexCheckWissenschaft &amp; Ingenieurwesen">
+                            <label class="form-check-label" for="flexCheckWissenschaft &amp; Ingenieurwesen">
+                                Wissenschaft &amp; Ingenieurwesen
+                                <span class="badge bg-light text-dark">20 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="computer-it" id="flexCheckComputer &amp; IT">
+                            <label class="form-check-label" for="flexCheckComputer &amp; IT">
+                                Computer &amp; IT
+                                <span class="badge bg-light text-dark">26 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="gesundheitswesen" id="flexCheckGesundheitswesen">
+                            <label class="form-check-label" for="flexCheckGesundheitswesen">
+                                Gesundheitswesen
+                                <span class="badge bg-light text-dark">117 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="management" id="flexCheckManagement">
+                            <label class="form-check-label" for="flexCheckManagement">
+                                Management
+                                <span class="badge bg-light text-dark">0 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="produktion-lager" id="flexCheckProduktion &amp; Lager">
+                            <label class="form-check-label" for="flexCheckProduktion &amp; Lager">
+                                Produktion &amp; Lager
+                                <span class="badge bg-light text-dark">13 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="buchhaltung-finanzen" id="flexCheckBuchhaltung &amp; Finanzen">
+                            <label class="form-check-label" for="flexCheckBuchhaltung &amp; Finanzen">
+                                Buchhaltung &amp; Finanzen
+                                <span class="badge bg-light text-dark">67 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="vertrieb-einzelhandel" id="flexCheckVertrieb &amp; Einzelhandel">
+                            <label class="form-check-label" for="flexCheckVertrieb &amp; Einzelhandel">
+                                Vertrieb &amp; Einzelhandel
+                                <span class="badge bg-light text-dark">23 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="bauwesen" id="flexCheckBauwesen">
+                            <label class="form-check-label" for="flexCheckBauwesen">
+                                Bauwesen
+                                <span class="badge bg-light text-dark">17 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="installation-wartung-instandsetzung" id="flexCheckInstallation, Wartung &amp; Instandsetzung">
+                            <label class="form-check-label" for="flexCheckInstallation, Wartung &amp; Instandsetzung">
+                                Installation, Wartung &amp; Instandsetzung
+                                <span class="badge bg-light text-dark">28 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="verwaltung-buro" id="flexCheckVerwaltung &amp; Büro">
+                            <label class="form-check-label" for="flexCheckVerwaltung &amp; Büro">
+                                Verwaltung &amp; Büro
+                                <span class="badge bg-light text-dark">14 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="bildung" id="flexCheckBildung">
+                            <label class="form-check-label" for="flexCheckBildung">
+                                Bildung
+                                <span class="badge bg-light text-dark">15 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="transport-logistik" id="flexCheckTransport &amp; Logistik">
+                            <label class="form-check-label" for="flexCheckTransport &amp; Logistik">
+                                Transport &amp; Logistik
+                                <span class="badge bg-light text-dark">8 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="personalwesen" id="flexCheckPersonalwesen">
+                            <label class="form-check-label" for="flexCheckPersonalwesen">
+                                Personalwesen
+                                <span class="badge bg-light text-dark">1 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="gastronomie" id="flexCheckGastronomie">
+                            <label class="form-check-label" for="flexCheckGastronomie">
+                                Gastronomie
+                                <span class="badge bg-light text-dark">0 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="reisen-unterhaltung" id="flexCheckReisen &amp; Unterhaltung">
+                            <label class="form-check-label" for="flexCheckReisen &amp; Unterhaltung">
+                                Reisen &amp; Unterhaltung
+                                <span class="badge bg-light text-dark">0 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="kundenservice" id="flexCheckKundenservice">
+                            <label class="form-check-label" for="flexCheckKundenservice">
+                                Kundenservice
+                                <span class="badge bg-light text-dark">12 Jobs</span>
+                            </label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input check-branche" type="checkbox" value="offentlicher-dienst" id="flexCheckÖffentlicher Dienst">
+                            <label class="form-check-label" for="flexCheckÖffentlicher Dienst">
+                                Öffentlicher Dienst
+                                <span class="badge bg-light text-dark">43 Jobs</span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-12 col-md-9 ">
+                <div class="row">
 
-                <div class="col-12 col-md-6 mb-5">
-                    <a href="{{route_content($content)}}" class="text-decoration-none">
-                        <div class="card shadow-sm" style="background-color: #546c8a; color: white;">
-                            @if(empty($content->image))
-                            <img src="https://picsum.photos/200/100" class="card-img-top img-fluid"  alt="...">
-                            @else
-                            <img src="{{$content->image}}" class="card-img-top img-fluid"  alt="...">
-                            @endif
-                            <div class="card-body">
-                                <h5 class="card-title">{{$content->title}}</h5>
+
+                    @foreach($contents as $indexContent => $content)
+                        <div class="col-12 col-md-4 mb-4">
+                            <div class="card shadow-sm" style="background-color: #2776b7;">
+                                <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                <div class="card-body">
+                                    <h2 class="card-title text-light">Immobilie Alpha</h2>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>
+
+                                </div>
                             </div>
                         </div>
-                    </a>
+                    @endforeach
+
+
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+                        <div class="col-12 col-md-4 mb-4">
+                            <a href="" class="text-decoration-none">
+                                <div class="card shadow-sm bg-light">
+                                    <img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
+                                    <div class="card-body">
+                                        <h2 class="card-title h6">Immobilie Alpha</h2>
+                                        <p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
+
+                                        <div class="text-end">
+                                            <span  class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
+                                                <svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
+                                            </span>
+
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </a>
+
+                        </div>
+
+
+
 
 
                 </div>
-            @endforeach
+            </div>
+
+
 
         </div>
     </section>
diff --git a/content/master.blade.php b/content/master.blade.php
index 14a031d..ca028ef 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -39,7 +39,7 @@
             <nav class="navbar navbar-expand-lg">
                 <div class="container-fluid" style="justify-content: normal;">
                     <a href="{{url('/')}}">
-                        <img src="https://www.immobilien-sparrer.com/wordpress/wp-content/uploads/2022/08/cropped-Immobilien-Sparrer-Logo-192x192.png" alt="Alpha Security">
+                        <img src="https://ik.imagekit.io/areya/logo_dqTFJ-35v.png" alt="Sparrer Immobilien">
                     </a>
                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
@@ -85,10 +85,6 @@
                                 <a class="btn-sm btn btn-primary text-light" href="{{url('/kontakt')}}">Immobilien anbieten</a>
                             </li>
 
-
-
-
-
                         </ul>
 
                     </div>