diff --git a/bizmatch/src/app/pages/home/home.component.html b/bizmatch/src/app/pages/home/home.component.html
index 1b40a98..b4c3d48 100644
--- a/bizmatch/src/app/pages/home/home.component.html
+++ b/bizmatch/src/app/pages/home/home.component.html
@@ -41,10 +41,20 @@
     <div class="flex justify-center w-full">
       <!-- 3. Für Mobile: m-2 statt max-w-xs; ab sm: wieder max-width und kein Margin -->
       <div class="w-full m-2 sm:m-0 sm:max-w-md md:max-w-xl lg:max-w-2xl xl:max-w-3xl">
-        <!-- Schriftgrößen angepasst (wie vorher) -->
-        <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-blue-900 mb-3 sm:mb-4 text-center">Find businesses for sale.</h1>
-        <!-- Abstand unten angepasst (wie vorher) -->
-        <p class="text-base md:text-lg lg:text-xl text-blue-600 mb-6 md:mb-8 text-center">Unlocking Exclusive Opportunities - Empowering Entrepreneurial Dreams</p>
+        <!-- Hero-Container -->
+        <section class="relative">
+          <!-- Dein Hintergrundbild liegt hier per CSS oder absolutem <img> -->
+
+          <!-- 1) Overlay: sorgt für Kontrast auf hellem Himmel -->
+          <div aria-hidden="true" class="pointer-events-none absolute inset-0"></div>
+
+          <!-- 2) Textblock -->
+          <div class="relative z-10 mx-auto max-w-4xl px-4 sm:px-6 py-10 sm:py-16 text-center text-white">
+            <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight drop-shadow-[0_2px_6px_rgba(0,0,0,0.55)]">Find businesses for sale</h1>
+
+            <p class="mt-3 sm:mt-4 text-base sm:text-lg md:text-xl lg:text-xl font-medium text-white/90 drop-shadow-[0_1.5px_4px_rgba(0,0,0,0.6)]">Unlocking Exclusive Opportunities - Empowering Entrepreneurial Dreams</p>
+          </div>
+        </section>
         <!-- Restliche Anpassungen (Innenabstände, Button-Paddings etc.) bleiben wie im vorherigen Schritt -->
         <div class="bg-white bg-opacity-80 pb-4 md:pb-6 pt-2 px-3 sm:px-4 md:px-6 rounded-lg shadow-lg w-full" [ngClass]="{ 'pt-6': aiSearch }">
           @if(!aiSearch){
diff --git a/bizmatch/src/app/pages/home/home.component.scss b/bizmatch/src/app/pages/home/home.component.scss
index 8dc75a8..739e91e 100644
--- a/bizmatch/src/app/pages/home/home.component.scss
+++ b/bizmatch/src/app/pages/home/home.component.scss
@@ -1,5 +1,5 @@
 .bg-cover-custom {
-  background-image: url('/assets/images/index-bg.webp');
+  background-image: url('/assets/images/flags_bg.avif');
   background-size: cover;
   background-position: center;
   border-radius: 20px;
diff --git a/bizmatch/src/assets/images/flags_bg.avif b/bizmatch/src/assets/images/flags_bg.avif
new file mode 100644
index 0000000..9cf0b67
Binary files /dev/null and b/bizmatch/src/assets/images/flags_bg.avif differ