.bg-cover-custom {
  background-image: url('/assets/images/index-bg.webp');
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  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: none;
  background-color: transparent;
  .ng-value-container .ng-input {
    top: 10px;
  }
  span.ng-arrow-wrapper {
    display: none;
  }
}
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;
}
