diff --git a/KIKunstKirstenKlöckner/Pages/Home.razor b/KIKunstKirstenKlöckner/Pages/Home.razor
index 683b7f2..240d82b 100644
--- a/KIKunstKirstenKlöckner/Pages/Home.razor
+++ b/KIKunstKirstenKlöckner/Pages/Home.razor
@@ -4,12 +4,15 @@
 @inject IJSRuntime JSRuntime
 @implements IAsyncDisposable
 
+        
+
+
 <section class="about_section" style="background-image: url('images/5KeineAngstvorFehlern2014.jpeg'); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten">
 
     <div class="hero_area hero-area-visible">
 
         <!-- slider section -->
-        <section class="slider_section" style="background-image: url('images/118EinfacherFrieden2017.jpg'); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten">
+        <section class="slider_section" style="background-image: url('images/118EinfacherFrieden2017.jpg'), linear-gradient(to bottom, #ffffff 0%, transparent 1%, transparent 99.5%, #f3f0f6 100%); background-size: cover; background-repeat: no-repeat; background-blend-mode:lighten;">
           <div class="container">
             <div class="row">
               <div class="col-md-6 ">
@@ -62,8 +65,8 @@
             </div>
           </div>
         </section>
+        </div>
         <!-- end slider section -->
-      </div>
  
   
     @*   <!-- explaining section -->