/* Öffentliche Klassengrenzen des wiederverwendbaren Ablaufmoduls. */
.process-section,
.process-section__inner,
.process-section__header,
.process-section__steps,
.process-step {
  min-width: 0;
}

.center-head h2.process-section__title em {
  display: inline-block;
  padding: 0 .04em .14em;
  margin: 0 -.04em -.14em;
  color: transparent;
  background: var(--gradient-brand-horizontal);
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
}

.process-section { background: #fff; }
.process-section__header { text-align: center; }
.process-section__description { color: var(--muted); }
.process-section__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 65px; }
.process-step { position: relative; padding: 0 24px; text-align: center; }
.process-step__number { display: grid; place-items: center; width: 48px; height: 48px; margin: auto; border-radius: 12px; color: #504deb; background: #eeefff; font-size: 14px; }
.process-step__connector { position: absolute; top: 23px; left: calc(50% + 38px); width: calc(100% - 76px); border-top: 1px dashed #cfd1e7; }
.process-step:last-child .process-step__connector { display: none; }
.process-step__title { margin: 20px 0 9px; font-size: 15px; }
.process-step__description { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

@media (max-width: 900px) {
  .process-section__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px; }
  .process-step__connector { display: none; }
}

@media (max-width: 560px) { .process-section__steps { grid-template-columns: 1fr; } }