.card:hover {
    transform: scale(1.02);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

.icon-text i {
    width: 1.5rem;
}

.favorite-btn.active i {
    color: red;
}

#map {
    height: 400px;
}


.filter-button {
    border-color: #red !important;
}




.favorite-btn i {
  font-size: 1.6rem;
  color: gray;
  background-color: transparent;
  transition: color 0.3s, background-color 0.3s;
  border: none;
  outline: none;
  border: none; /* Kein sichtbarer Rahmen */
}

/* Hover: Herz wird rot, Hintergrund bleibt transparent */
.favorite-btn:hover i {
  color: #0dcaf0;
}

/* Geklickt: Herz rot mit rotem Hintergrund */
.favorite-btn.clicked i {
  color: #0dcaf0;
  background-color: #0dcaf0;
}

.favorite-btn {
  border: none; /* Kein sichtbarer Rahmen */
  background-color: transparent; /* Kein Hintergrund */
  padding: 0; /* Optional: entfernt Innenabstand */
}



#favorites-ui-icon {
  font-size: 1.5rem;
}

.favorite-btn.active i {
    color: #BFEFFF;
    }