/* Nur das Angebotsraster der Hauptseite: getrennte, leichtere Karten. */
#angebote .offerings {
  gap: clamp(2rem, 4vw, 3.5rem);
}

#angebote .offering {
  box-shadow: 0 6px 24px rgba(29, 39, 50, .035);
}

@media (min-width: 861px) {
  #angebote .offering > p {
    min-height: 6.5em;
  }
}

@media (max-width: 620px) {
  #angebote .offerings {
    gap: 1.5rem;
  }
}

/* Persönliche Prävention: vorläufiges Blattgrün mit hellen Salbeitönen. */
#angebote .offering-fit40 {
  --accent: #527c3d;
  --soft: #f0f5e9;
  scroll-margin-top: 7rem;
}

#angebote .offering-fit40 .offering-title small {
  display: block;
  margin-top: .35rem;
  color: var(--ink-soft);
  font: 400 1rem/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: normal;
}

#angebote .offering-fit40 .button {
  width: 100%;
  min-height: 68px;
  justify-content: flex-start;
  background: linear-gradient(135deg, #365627 0%, #527c3d 100%);
}

#angebote .offering-fit40 .button-info {
  background: var(--soft);
  color: #365627;
}

#angebote .offering-fit40 .button[aria-disabled="true"],
#angebote .offering-fit40 .button[aria-disabled="true"]:hover {
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  filter: none;
}