.kontakt {
  display: grid;
  gap: var(--abstand-block);
  align-items: start;
}

.lead.kontakt__intro {
  max-width: 34ch;
}

.kontakt__ablauf-titel {
  font-size: var(--fs-h3);
  line-height: var(--lh-zwischentitel);
  letter-spacing: var(--ls-zwischentitel);
}

.kontakt__ablauf {
  margin-top: 1rem;
}

@media (min-width: 64rem) {
  .kontakt {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
      'text formular'
      'ablauf formular';
    column-gap: clamp(3rem, 6vw, 5rem);
  }

  .kontakt__text {
    grid-area: text;
  }

  .kontakt > .formular {
    grid-area: formular;
  }

  .kontakt__ablauf-block {
    grid-area: ablauf;
  }

  .kontakt__text h1 {
    font-size: var(--fs-h1-artikel);
  }
}