Design Anpassungen

bizmatch/src/app/pages/listings/broker-listings/broker-listings.component.html

@@ -3,7 +3,7 @@
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
     <!-- Amanda Taylor -->
     @for (user of users; track user) {
-    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between">
+    <div class="bg-white rounded-lg drop-shadow-custom-bg p-6 flex flex-col justify-between">
       <div class="flex items-start space-x-4">
         @if(user.hasProfile){
         <img src="{{ env.imageBaseUrl }}/pictures/profile/{{ emailToDirName(user.email) }}.avif?_ts={{ ts }}" class="rounded-md w-20 h-26 object-cover" />

bizmatch/src/app/pages/listings/business-listings/business-listings.component.html

@@ -3,7 +3,7 @@
   <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
     <!-- Anzahl der Spalten auf 3 reduziert und den Abstand erhöht -->
     @for (listing of listings; track listing.id) {
-    <div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl">
+    <div class="bg-white rounded-lg drop-shadow-custom-bg overflow-hidden hover:shadow-xl">
       <!-- Hover-Effekt hinzugefügt -->
       <div class="p-6 flex flex-col h-full relative z-[0]">
         <div class="flex items-center mb-4">

bizmatch/src/app/pages/listings/commercial-property-listings/commercial-property-listings.component.html

@@ -2,7 +2,7 @@
   @if(listings?.length>0){
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
     @for (listing of listings; track listing.id) {
-    <div class="bg-white rounded-lg shadow-md overflow-hidden flex flex-col h-full">
+    <div class="bg-white rounded-lg drop-shadow-custom-bg overflow-hidden flex flex-col h-full">
       @if (listing.imageOrder?.length>0){
       <img src="{{ env.imageBaseUrl }}/pictures/property/{{ listing.imagePath }}/{{ listing.serialId }}/{{ listing.imageOrder[0] }}" alt="Image" class="w-full h-48 object-cover" />
       } @else {