Umbau zu tailwind + mobile friendly: LandingPage & Footer

bizmatch/src/app/pages/home/home.component.scss

@@ -1,24 +1,30 @@
-:host {
-  height: 100%;
-}
+// :host {
+//   height: 100%;
+// }
 
-.container {
-  background-image: url(../../../assets/images/index-bg.webp);
-  // background-image: url(../../../assets/images/1_Version.jpg);
-  //background-image: url(../../../assets/images/2_1_Version.jpg);
+// .container {
+//   background-image: url(../../../assets/images/index-bg.webp);
+//   background-size: cover;
+//   background-position: center;
+//   height: 100vh;
+// }
+// .combo_lp {
+//   width: 200px;
+// }
+// .p-button-white {
+//   color: aliceblue;
+// }
+// .mt-11 {
+//   margin-top: 5.9rem !important;
+// }
+// .mt-22 {
+//   margin-top: 9.7rem !important;
+// }
+.bg-cover-custom {
+  background-image: url('/assets/images/index-bg.webp');
   background-size: cover;
   background-position: center;
-  height: 100vh;
-}
-.combo_lp {
-  width: 200px;
-}
-.p-button-white {
-  color: aliceblue;
-}
-.mt-11 {
-  margin-top: 5.9rem !important;
-}
-.mt-22 {
-  margin-top: 9.7rem !important;
+  border-radius: 20px;
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
+  min-height: calc(100vh - 4rem);
 }