/* Erstkontakt · Abschluss (Auftrag B-erstkontakt). 1:1 aus wdf/entwuerfe/erstkontakt/entwurf.css (r1), Abschnitt „Abschluss“ samt Breiten.
   Nur Tokens, mobil zuerst (min-width 768 / 1024). */

.ek-schluss { position: relative; z-index: var(--z-content, 1); padding: var(--space-32) 0 var(--space-section-end); }
.ek-schluss-in { display: grid; gap: var(--space-20); justify-items: start; }
.ek-schluss-por.por { width: var(--space-96); height: var(--space-96); }
.ek-schluss-h { font: var(--font-weight-display) var(--font-size-h2) / var(--leading-h2) var(--font-display); letter-spacing: var(--tracking-h2); text-wrap: balance; }
.ek-schluss-text { display: grid; gap: var(--space-12); }
.ek-schluss-aktion { display: grid; gap: var(--space-20); justify-items: start; }
@media (min-width: 768px) {
  .ek-schluss-in { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: var(--space-32); }
  .ek-schluss-aktion { grid-column: 2; }
}
@media (min-width: 1024px) {
  .ek-schluss-in { grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--space-48); }
  .ek-schluss-aktion { grid-column: 3; }
}