/* KOV – Angebote / Leistungen */
.kov-cb-services {

  /* Kopf wie Vorlage: Titel (Standard-Partials PreTitle+Header) links,
     Intro rechts, baseline-aligned */
  .kov-services__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 3rem;
  }
  /* Intro flexibel (flex-basis 20rem, waechst bis 28rem): der Frame-Container
     ist schmaler als die 1240px-Vorlage — feste 28rem wuerden hier umbrechen. */
  .kov-services__head-title { flex: 0 1 36rem; max-width: 36rem; }
  .kov-services__intro { flex: 1 1 20rem; color: var(--color-ink-muted); max-width: 28rem; margin: 0; }

  .kov-services__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .kov-services__card { overflow: hidden; }
  .kov-services__media { aspect-ratio: 4 / 3; overflow: hidden; }
  .kov-services__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
  }
  .kov-services__card:hover .kov-services__img { transform: scale(1.05); }
  .kov-services__text { padding: 1.5rem; }
  .kov-services__num { font-size: 0.65rem; margin-bottom: 0.5rem; }
  .kov-services__title {
    font-family: var(--font-display);
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    color: var(--color-forest-900);
  }
  .kov-services__desc {
    font-size: 0.875rem;
    color: var(--color-ink-muted);
    line-height: 1.7;
    margin: 0;
  }

  @media (min-width: 768px) {
    .kov-services__grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (min-width: 1024px) {
    .kov-services__grid { grid-template-columns: repeat(4, 1fr); }
  }
}