/*
 * 20.08.2026 – nur fuer die drei Karten im Bereich
 * „Einfacher Einstieg – Drei Schritte zu einer klaren Einschätzung“.
 * Ziel: Hintergrundoptik an die vier Karten der Rechtsbereiche angleichen,
 * ohne Texte, Farben, Icons oder Layout sonst zu verändern.
 */

.process-copy li {
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .99) 0%, rgba(248, 250, 252, .98) 58%, rgba(239, 244, 247, .98) 100%);
  border: 1px solid rgba(6, 63, 91, .14);
  box-shadow:
    0 18px 42px rgba(3, 44, 66, .085),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.process-copy li::before {
  position: absolute;
  z-index: 0;
  top: 46px;
  left: -6px;
  color: rgba(255, 255, 255, .58);
  font-size: clamp(5.7rem, 8.8vw, 8.6rem);
  font-weight: 700;
  line-height: .86;
  letter-spacing: -.055em;
  white-space: nowrap;
  pointer-events: none;
  filter: blur(.2px);
}

.process-copy li:nth-child(1)::before {
  content: "Anliegen";
}

.process-copy li:nth-child(2)::before {
  content: "Schritte";
}

.process-copy li:nth-child(3)::before {
  content: "Ruhe";
}

.process-copy li > .process-marker,
.process-copy li > div {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  .process-copy li::before {
    top: 24px;
    left: 62px;
    font-size: clamp(4.3rem, 14vw, 7rem);
  }
}

@media (max-width: 720px) {
  .process-copy li::before {
    top: 18px;
    left: 50px;
    font-size: 4.2rem;
  }
}