/* Rübsam Consulting | Zusammenarbeit – Option 1: nur die fünf Prozessschritte.
   Entfernt die zusätzliche Lotus-Bildfläche und deren zweispaltiges Layout.
   Bestehende Texte, Scroll-Fortschrittslinie und app.js bleiben unverändert. */

/* Die Prozessliste nutzt wieder die vollständige Breite der Website. */
#zusammenarbeit > .wrap {
  display: block !important;
}
#zusammenarbeit .rc-process-layout {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
#zusammenarbeit .process-head,
#zusammenarbeit .process-list {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* Die bisherige Prozessgrafik bleibt erhalten: fünf Schritte, Fortschrittslinie,
   scrollabhängige Markierungen. Nur die jeweils aktuelle Zeile wird dezent betont. */
#zusammenarbeit .process-list > li {
  position: relative;
  grid-template-columns: 50px minmax(0, 1fr);
  transition: background-color .25s ease, box-shadow .25s ease;
}
#zusammenarbeit .process-list > li.is-current {
  background: linear-gradient(90deg, rgba(32,115,226,.085), rgba(32,115,226,.025) 70%, transparent);
  box-shadow: inset 3px 0 0 rgba(32,115,226,.6);
}

/* Sollte in der index.html noch ein alter Visual-Container stehen, bleibt er verborgen.
   JS entfernt ihn zusätzlich ganz aus dem DOM. */
#zusammenarbeit .rc-process-visual,
#zusammenarbeit .rc-lotus-slogan {
  display: none !important;
}

@media (max-width: 650px) {
  #zusammenarbeit .process-list > li {
    grid-template-columns: 31px minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  #zusammenarbeit .process-list > li {
    transition: none;
  }
}