/* newsite Care - bildgestuetzte Kacheln */
.feature-with-image {
  overflow: hidden;
  padding-top: 0;
}

.feature-media {
  display: block;
  margin: 0 -32px 24px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}

.feature-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform var(--transition);
}

.feature-with-image:hover .feature-media img {
  transform: scale(1.035);
}

.care-card-grid .feature:nth-child(2n) .feature-media img {
  object-position: 62% center;
}

.care-card-grid .feature:nth-child(3n) .feature-media img {
  object-position: 70% center;
}

.grid-4.care-card-grid {
  gap: 22px;
}

.grid-4.care-card-grid .feature {
  padding-inline: 22px;
}

.grid-4.care-card-grid .feature-media {
  margin-inline: -22px;
  margin-bottom: 20px;
}

.care-form-photo {
  margin: -20px -20px 28px;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 16 / 9;
  background: var(--surface-2);
}

.care-form-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 560px) {
  .feature-with-image,
  .grid-4.care-card-grid .feature {
    padding-inline: 22px;
  }

  .feature-media,
  .grid-4.care-card-grid .feature-media {
    margin-inline: -22px;
    margin-bottom: 20px;
  }
}