/* R18: Four native process steps; existing photo orbits and hover motion stay. */
body.yk .yr5-schritte.r18-schritte { grid-template-columns: minmax(0, 1fr); gap: 40px 28px; }
body.yk .yr5-schritte.r18-schritte > .yr5-schritt { grid-column: auto; }
body.yk .r18-schritte .yr5-schritt__text { max-width: 30ch; }
body.yk .r18-kapitel #schritt-3 { scroll-margin-top: calc(var(--yl-header-h, 96px) + 24px); }
@media (min-width: 768px) and (max-width: 1099px) {
  body.yk .yr5-schritte.r18-schritte { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 32px; }
  body.yk .yr5-schritte.r18-schritte > .yr5-schritt { grid-column: auto; }
}
@media (min-width: 1100px) {
  body.yk .yr5-schritte.r18-schritte { --yr5-kreis: clamp(200px, 18vw, 252px); --yr5-foto: calc(var(--yr5-kreis) - 20px); grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.yk .r18-schritte .yr5-schritt__titel .elementor-heading-title { font-size: 22px; }
  body.yk .r18-schritte .yr5-schritt__text { font-size: 16px; line-height: 1.55; }
}
@media (min-width: 900px) {
  body.yk .yr6b-sprung.r18-sprung { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}