homepage overhault, aiService 1. try

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

@@ -1,25 +1,3 @@
-// :host {
-//   height: 100%;
-// }
-
-// .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;
@@ -28,3 +6,65 @@
   box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
   min-height: calc(100vh - 4rem);
 }
+select:not([size]) {
+  background-image: unset;
+}
+[type='text'],
+[type='email'],
+[type='url'],
+[type='password'],
+[type='number'],
+[type='date'],
+[type='datetime-local'],
+[type='month'],
+[type='search'],
+[type='tel'],
+[type='time'],
+[type='week'],
+[multiple],
+textarea,
+select {
+  border: unset;
+}
+.toggle-checkbox:checked {
+  right: 0;
+  border-color: #4fd1c5;
+}
+.toggle-checkbox:checked + .toggle-label {
+  background-color: #4fd1c5;
+}
+:host ::ng-deep .ng-select.ng-select-single .ng-select-container {
+  height: 48px;
+  border: unset;
+  .ng-value-container .ng-input {
+    top: 10px;
+  }
+  span.ng-arrow-wrapper {
+    display: none;
+  }
+}
+.flex-1-1-2 {
+  flex: 1 1 2%;
+}
+// .light {
+//   color: #999;
+// }
+// component.css
+select {
+  color: #000; /* Standard-Textfarbe für das Dropdown */
+  // background-color: #fff; /* Hintergrundfarbe für das Dropdown */
+}
+
+select option {
+  color: #000; /* Textfarbe für Dropdown-Optionen */
+}
+
+select.placeholder-selected {
+  color: #999; /* Farbe für den Platzhalter */
+}
+
+/* Stellt sicher, dass die Optionen im Dropdown immer schwarz sind */
+select:focus option,
+select:hover option {
+  color: #000 !important;
+}