.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space);
  margin-bottom: calc(3*var(--space));
}

/* einzelner Service */
.service-item {
  display: flex;
  flex-direction: column;
  gap: var(--space);
}

/* Bild */
.service-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

/* Titel */
.service-title {
font-weight: 700;
font-size: 20px;
}

/* Text */
.service-text {
word-break: normal;
}

/* Mobile: 1 Spalte */
@media (max-width: 768px) {
  .service-grid {
    grid-template-columns: 1fr;
    row-gap: calc(3*var(--space));
  }
}