img.card-img-top.w-100.d-block {
  height: 30vw;
  object-fit: cover;
  min-height: 300px;
}

.card {
  background: rgb(255 255 255 / 29%);
  border-left: 5px solid #fff !important;
  border-bottom: none;
  border-top: none;
  border-right: none;
}

.card {
}

.card-body {
  padding: 3vw;
}

@media (min-width: 1200px) {
  h4 {
    font-size: 2rem;
  }
}

div {
}

/* Größere Checkbox */

input[type="checkbox"] {
  width: 45px;
  height: 45px;
  /*Optional: Anpassung des Standarddesigns;*/
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #555;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}

/* Erscheinungsbild der Checkbox bei Aktivierung */

input[type="checkbox"]:checked {
  background-color: #f9c3c4;
  border-color: #f9c3c4;
  position: relative;
}

/* Hinzufügen eines Häkchens */

input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 15px;
  width: 15px;
  height: 30px;
  border: solid #212529;
  border-width: 0 2px 2px 0;
  transform: rotate(38deg);
}

/* Optional: Hover- und Fokuseffekte */

input[type="checkbox"]:hover {
  border-color: #007bff;
}

input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 2px 2px rgba(0, 123, 255, 0.25);
}