diff --git a/index.html b/index.html
index 3323cb4..3146c5e 100644
--- a/index.html
+++ b/index.html
@@ -38,33 +38,39 @@
 
     <style>
         #background-overlay {
-            position: absolute;
+            position: absolute; /* <-- damit es mitscrollt */
             top: 0;
             left: 0;
             width: 100%;
-            min-height: 100vh;
+            height: 1000px; /* z. B. für oberen Bildabschnitt */
             z-index: -1;
             pointer-events: none;
 
             background-image:
                     linear-gradient(
                             to bottom,
-                            rgba(0, 0, 0, 0.4) 0%,
-                            rgba(31, 41, 55, 0.8) 40%,
-                            #1f2937 60%
+                            rgba(0, 0, 0, 0.2) 30%,
+                            #1f2937 100%
                     ),
                     url('https://images.unsplash.com/photo-1555215695-3004980ad54e');
             background-size: cover;
-            background-position: center top;
+            background-position: top center;
             background-repeat: no-repeat;
             background-attachment: scroll;
         }
+
+        body {
+            background-color: #1f2937;
+            position: relative;
+        }
+
+
     </style>
 
 </head>
 
 <body>
-<div id="background-overlay">
+<div id="background-overlay"></div>
 
 <nav class=border-gray-200 ">
     <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
@@ -317,5 +323,5 @@
 </footer>
 
 
-</div>
+
 </body>
