.ablauf { margin: 14rem 0; position: relative; }
@media screen and (width >= 1025px) { .ablauf { margin: 18rem 0; } }
@media screen and (width >= 1729px) { .ablauf { margin: 22rem 0; } }

.ablauf__kopf { margin-bottom: 5rem; }
@media screen and (width >= 1441px) { .ablauf__kopf { margin-bottom: 6rem; } }
.ablauf__kopf .zkopf__titel { margin: 0 auto; }
@media screen and (width >= 1025px) { .ablauf__kopf .zkopf__titel { max-width: 50rem; } }
@media screen and (width >= 1441px) { .ablauf__kopf .zkopf__titel { max-width: 80rem; } }
@media screen and (width >= 1025px) { .ablauf__kopf .zkopf__text { max-width: 50rem; } }
@media screen and (width >= 1441px) { .ablauf__kopf .zkopf__text { max-width: 60rem; } }

.ablauf__liste {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.stapelkarte {
  min-height: 30rem;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 44rem;
  padding-top: 4rem;
  padding-bottom: 3.4rem;
  display: flex;
  overflow: hidden;
  transform-origin: 50% 15%;
  will-change: transform;
}
@media screen and (width >= 1025px) { .stapelkarte { max-width: 58rem; } }
@media screen and (width >= 1441px) { .stapelkarte { min-height: 32rem; max-width: 66rem; border-radius: 0; } }

.stapelkarte--eins { --neigung: -1.1deg; }
.stapelkarte--zwei { --neigung: .9deg; }
.stapelkarte--drei { --neigung: -.7deg; }
.stapelkarte--vier { --neigung: 1.2deg; }
.stapelkarte--fuenf { --neigung: -.9deg; }

@media (prefers-reduced-motion: reduce) {
  .stapelkarte { --neigung: 0deg; transform: none !important; }
}

.stapelkarte__inhalt {
  flex-grow: 1;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8rem;
  padding: 0 3.6rem;
  display: flex;
}
@media screen and (width >= 1025px) { .stapelkarte__inhalt { padding: 0 5rem; } }
@media screen and (width >= 1729px) { .stapelkarte__inhalt { padding: 0 6rem; } }

.stapelkarte__titel {
  letter-spacing: -0.02rem;
  background: var(--farbe-weiss);
  padding: .3rem .5rem;
  font: 600 2.35rem/105% Inter, sans-serif;
}
.stapelkarte__text {
  letter-spacing: -.032rem;
  color: var(--farbe-weiss);
  text-wrap: pretty;
  font: 400 1.6rem/150% Inter, sans-serif;
}

.stapelkarte {
  background: var(--farbe-flaeche-karte);
  box-shadow: var(--schatten-stapelkarte);
  position: relative;
}
.stapelkarte .stapelkarte__titel { color: var(--farbe-weiss); background: var(--farbe-tinte); }
.stapelkarte .stapelkarte__text  { color: var(--farbe-text-zweit); }

.stapelkarte__zahl {
  letter-spacing: -0.54rem;
  -webkit-text-fill-color: transparent;
  background: var(--verlauf-zahl);
  -webkit-background-clip: text;
  background-clip: text;
  padding: 0 1rem;
  font-family: Inter, sans-serif;
  font-size: 13.44rem;
  font-weight: 800;
  line-height: 150%;
}
@media screen and (width >= 1025px) { .stapelkarte__zahl { font-size: 16.8rem; } }
@media screen and (width >= 1441px) { .stapelkarte__zahl { font-size: 20.16rem; } }
@media screen and (width >= 1729px) { .stapelkarte__zahl { font-size: 21.84rem; } }