/* v40 — Process section refinement */
#ablauf{
  background:#fff !important;
  padding-top:12px !important;
  padding-bottom:28px !important;
  margin-top:0 !important;
}

#ablauf .container{
  width:min(100% - 48px, 1540px) !important;
}

#ablauf .sf-roadmap-panel{
  background:linear-gradient(180deg,#f7fbf8 0%, #f2f7f4 100%) !important;
  border:1px solid var(--sf-line) !important;
  border-radius:34px !important;
  padding:44px 44px 38px !important;
  box-shadow:var(--sf-shadow-soft) !important;
  overflow:hidden !important;
  position:relative !important;
}
#ablauf .sf-roadmap-panel::before,
#ablauf .sf-roadmap-panel::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle, rgba(11,74,52,.06), rgba(11,74,52,0));
  pointer-events:none;
}
#ablauf .sf-roadmap-panel::before{width:320px;height:320px;right:-120px;top:-120px;}
#ablauf .sf-roadmap-panel::after{width:220px;height:220px;left:-90px;bottom:-90px;}

#ablauf .sf-roadmap-head{
  max-width:none !important;
  margin-bottom:34px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr) !important;
  gap:30px 44px !important;
  align-items:end !important;
}
#ablauf .sf-roadmap-head .sf-kicker{grid-column:1 / -1 !important; margin-bottom:2px !important;}
#ablauf .sf-roadmap-head h2{
  margin:0 !important;
  max-width:11ch !important;
}
#ablauf .sf-roadmap-head p{
  margin:0 0 10px auto !important;
  max-width:560px !important;
  font-size:1.04rem !important;
}

#ablauf .sf-roadmap{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  border:0 !important;
  position:relative !important;
  margin-top:8px !important;
}
#ablauf .sf-roadmap::before{display:none !important;}
#ablauf .sf-roadmap-step{
  display:flex !important;
  flex-direction:column !important;
  min-height:410px !important;
  background:#fff !important;
  border:1px solid var(--sf-line) !important;
  border-radius:26px !important;
  padding:26px 26px 24px !important;
  box-shadow:0 16px 40px rgba(8,46,32,.05) !important;
  position:relative !important;
  overflow:hidden !important;
}
#ablauf .sf-roadmap-step::after{
  content:"";
  position:absolute;
  right:-36px;
  bottom:-36px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(11,74,52,.05);
}
#ablauf .sf-roadmap-step > *{position:relative; z-index:1;}
#ablauf .sf-roadmap-num{
  font-size:1rem !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  margin-bottom:18px !important;
  color:var(--sf-green-deep) !important;
}
#ablauf .sf-roadmap-icon{
  width:54px !important;
  height:54px !important;
  margin:0 0 20px !important;
  display:grid !important;
  place-items:center !important;
  font-size:1.25rem !important;
  border-radius:18px !important;
  background:#eef4f0 !important;
  border:1px solid #d9e6de !important;
  box-shadow:none !important;
}
#ablauf .sf-roadmap-step h3{
  margin:0 0 14px !important;
  font-size:clamp(1.55rem,1.7vw,2rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  color:var(--sf-green-deep) !important;
  max-width:11ch !important;
}
#ablauf .sf-roadmap-step p{
  margin:0 !important;
  color:var(--sf-muted) !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}
#ablauf .sf-roadmap-step span{
  margin-top:auto !important;
  align-self:flex-start !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:#f3f8f5 !important;
  border:1px solid #dbe7df !important;
  color:var(--sf-green-deep) !important;
  font-size:.82rem !important;
  font-weight:800 !important;
}
#ablauf .sf-roadmap-step span::after{
  content:'→';
  font-size:.9em;
}

#ablauf .sf-roadmap-cta{
  margin-top:22px !important;
  padding:28px 32px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#073726 0%,#0b4a34 100%) !important;
  color:#fff !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
  box-shadow:var(--sf-shadow) !important;
}
#ablauf .sf-roadmap-cta strong{
  display:block !important;
  margin-bottom:6px !important;
  font-size:1.7rem !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}
#ablauf .sf-roadmap-cta p{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:1.02rem !important;
}
#ablauf .sf-roadmap-cta .btn{
  min-width:270px !important;
  justify-content:center !important;
  border-radius:18px !important;
  padding:18px 24px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

@media (max-width: 1240px){
  #ablauf .container{width:min(100% - 36px, 1280px) !important;}
  #ablauf .sf-roadmap-panel{padding:38px 34px 34px !important;}
  #ablauf .sf-roadmap-head{grid-template-columns:1fr !important; gap:16px !important;}
  #ablauf .sf-roadmap-head h2{max-width:13ch !important;}
  #ablauf .sf-roadmap-head p{margin:0 !important;max-width:760px !important;}
  #ablauf .sf-roadmap{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media (max-width: 820px){
  #ablauf{padding-top:12px !important; padding-bottom:24px !important; margin-top:0 !important;}
  #ablauf .container{width:calc(100% - 28px) !important;}
  #ablauf .sf-roadmap-panel{border-radius:28px !important;padding:28px 20px 24px !important;}
  #ablauf .sf-roadmap-head{margin-bottom:22px !important;}
  #ablauf .sf-roadmap-head h2{max-width:12ch !important;font-size:clamp(2.5rem,10vw,4rem) !important;}
  #ablauf .sf-roadmap-head p{font-size:.98rem !important;line-height:1.65 !important;}
  #ablauf .sf-roadmap{grid-template-columns:1fr !important;gap:14px !important;}
  #ablauf .sf-roadmap-step{min-height:auto !important;padding:22px 20px 20px !important;border-radius:22px !important;}
  #ablauf .sf-roadmap-step h3{font-size:1.55rem !important;max-width:none !important;}
  #ablauf .sf-roadmap-cta{grid-template-columns:1fr !important;padding:24px 20px !important;border-radius:24px !important;}
  #ablauf .sf-roadmap-cta strong{font-size:1.4rem !important;}
  #ablauf .sf-roadmap-cta .btn{width:100% !important;min-width:0 !important;}
}