diff --git a/content/includes/css.blade.php b/content/includes/css.blade.php
index 69b8973..0e12927 100644
--- a/content/includes/css.blade.php
+++ b/content/includes/css.blade.php
@@ -1,4 +1,4 @@
 <link rel="stylesheet" href="{{asset('template/css/bootstrap.min.css')}}" >
-<link rel="stylesheet" href="{{asset('template/css/app.css?v=9')}}" >
+<link rel="stylesheet" href="{{asset('template/css/app.css?v=11')}}" >
 
 
diff --git a/content/index.blade.php b/content/index.blade.php
index 1a873b5..d88ec46 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -7,6 +7,7 @@
             background-image: url('{{ asset('template/images/alpaka-hero.jpg') }}');
             background-position: center;
             background-size: cover;
+            min-height: 250px;
         }
     }
     @media only screen and (min-width: 676px) {
@@ -15,6 +16,7 @@
             background-image: url('{{ asset('template/images/alpaka-hero.jpg') }}');
             background-position: center;
             background-size: cover;
+            min-height: 500px;
         }
     }
 </style>
@@ -28,9 +30,7 @@
             <br>
             <br>
             <br>
-            <br>
-            <br>
-            <br>
+
             <br>
             <br>
             <br>
@@ -83,16 +83,16 @@
 
     <div class="row text-center" style="font-size: 20px; margin-top:100px;">
         <div class="col-6 col-md-3 mb-5">
-            <img src="{{asset('template/images/alpakas-1.jpg')}}" class="img-fluid rounded border" loading="lazy">
+            <img src="{{asset('template/images/alpakas-1.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
         </div>
         <div class="col-6 col-md-3 mb-5">
-            <img src="{{asset('template/images/alpakas-4.jpg')}}" class="img-fluid rounded border" loading="lazy">
+            <img src="{{asset('template/images/alpakas-4.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
         </div>
         <div class="col-6 col-md-3 mb-5">
-            <img src="{{asset('template/images/alpakas-2.jpg')}}" class="img-fluid rounded border" loading="lazy">
+            <img src="{{asset('template/images/alpakas-2.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
         </div>
         <div class="col-6 col-md-3 mb-5">
-            <img src="{{asset('template/images/alpakas-3.jpg')}}" class="img-fluid rounded border" loading="lazy">
+            <img src="{{asset('template/images/alpakas-3.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
         </div>
 
 
@@ -184,41 +184,41 @@
 
         </div>
     </div>
-    <div class="row text-center" style="font-size: 20px;">
-        <div class="col-4 col-md-2 mb-5">
-            <a href="{{url('/regensburg')}}">
+    <div class="row">
+        <div class="col-4 col-md-2 mb-4">
+            <a href="{{url('/neumarkt')}}" title="Produkt 1">
                 <img src="https://www.alpakafarm.com/sites/default/files/styles/display_04_400xstandard_16_9_crop/public/2019-03/AFS_Bild_Farm.jpg?itok=jAJ1z74g" class="img-fluid rounded border" loading="lazy">
-
-                Ramona
             </a>
         </div>
-        <div class="col-4 col-md-2 mb-5">
-            <a href="{{url('/weiden')}}">
+        <div class="col-4 col-md-2 mb-4">
+            <a href="{{url('/neumarkt')}}" title="Produkt 1">
                 <picture>
                     <img src="https://www.alpakafarm.com/sites/default/files/styles/display_04_400xstandard_16_9_crop/public/weissjung.jpg?h=1cf7100d?h=1cf7100d&amp;itok=BYKVbS4F" class="img-fluid rounded border" loading="lazy">
                 </picture>
-                Belinda
             </a>
         </div>
-        <div class="col-4 col-md-2 mb-5">
-            <a href="{{url('/amberg')}}">
+        <div class="col-4 col-md-2 mb-4">
+            <a href="{{url('/neumarkt')}}" title="Produkt 1">
                 <img src="https://www.alpakafarm.com/sites/default/files/styles/display_04_400xstandard_16_9_crop/public/AFS_Head_Alpakas_2.jpg?h=a8426572?h=a8426572&amp;itok=FCQtYpaZ" class="img-fluid rounded border" loading="lazy">
-                Manfred</a>
+            </a>
         </div>
-        <div class="col-4 col-md-2 mb-5">
-            <a href="{{url('/neumarkt')}}">
+        <div class="col-4 col-md-2 mb-4">
+            <a href="{{url('/neumarkt')}}" title="Produkt 1">
                 <img src="https://www.alpakafarm.com/sites/default/files/styles/display_04_400xstandard_16_9_crop/public/AFS_Head_Alpakas_2_0.jpg?h=0dbd260c&itok=XZI1whIH" class="img-fluid rounded border" loading="lazy">
-                Botschadl</a>
+            </a>
         </div>
 
-        <br>
+        <div class="col-12 text-center">
+            <br>
+            <a href="{{url('/produkte')}}" class="text-center small" >Mehr Produkte</a>
+            <br>
+            <br>
+            <br>
+            <br>
+            <br>
+
+        </div>
 
-        <a href="{{url('/produkte')}}" class="text-center" style="font-size: 14px;">Mehr Produkte</a>
-        <br>
-        <br>
-        <br>
-        <br>
-        <br>
 
 
 </section>
diff --git a/css/app.css b/css/app.css
index 8030a71..4669e69 100644
--- a/css/app.css
+++ b/css/app.css
@@ -515,7 +515,8 @@ body {
   display: inline-block;
   padding: 10px 20px;
   background-color: rgba(255, 255, 255, 0.7);
-  background-position: center}
+  background-position: center;
+  margin-top:115px;}
 
 
 #author_logo {