/* Gerichte homepage-afwerking: hero-regel en informatiekaarten — versie 46 */
.hero-note {
  width: auto;
  margin-top: clamp(44px, 4.2vw, 60px);
  justify-content: flex-start;
  text-align: left;
  transform: none;
}

.info-card {
  --card-bg: #f5f7f0;
  --card-fade-strong: rgba(245, 247, 240, .72);
  --card-fade-soft: rgba(245, 247, 240, .16);
  border-radius: 20px;
}

.info-card--trust {
  --card-bg: #fff8f1;
  --card-fade-strong: rgba(255, 248, 241, .72);
  --card-fade-soft: rgba(255, 248, 241, .16);
}

.info-card--faq {
  --card-bg: #eef7f7;
  --card-fade-strong: rgba(238, 247, 247, .72);
  --card-fade-soft: rgba(238, 247, 247, .16);
}

.info-card::after {
  background: linear-gradient(
    90deg,
    var(--card-bg) 0%,
    var(--card-bg) 46%,
    var(--card-fade-strong) 57%,
    var(--card-fade-soft) 68%,
    rgba(255, 255, 255, 0) 75%
  );
}

.info-card__photo {
  opacity: 1;
  filter: none;
}

.info-card__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 22px;
  color: #326640;
  background: rgba(218, 232, 201, .84);
  border-radius: 50%;
}

.info-card--trust .info-card__icon {
  color: #a34f28;
  background: rgba(244, 229, 216, .86);
}

.info-card--faq .info-card__icon {
  color: #0f7e82;
  background: rgba(207, 232, 233, .86);
}

.info-card__icon svg {
  width: 32px;
  height: 32px;
}

.info-card h2,
.info-card p,
.info-card__link {
  max-width: 64%;
}

@media (max-width: 700px) {
  .hero-note {
    margin-top: 44px;
  }

  .info-card h2,
  .info-card p,
  .info-card__link {
    max-width: 66%;
  }
}