.kss-hpm-ablauf{padding:72px 0}
.kss-hpm-ablauf h2{font-size:clamp(26px,3.2vw,36px);margin-bottom:12px}
.kss-hpm-ablauf .intro{color:var(--tinte-weich);max-width:54ch;margin-bottom:48px}
.kss-hpm-ablauf .schritte{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.kss-hpm-ablauf .schritt{padding:0 30px;position:relative;counter-increment:s}
.kss-hpm-ablauf .schritt:first-child{padding-left:0}
.kss-hpm-ablauf .schritt:last-child{padding-right:0}
.kss-hpm-ablauf .schritt + .schritt{border-left:1px dashed var(--linie)}
.kss-hpm-ablauf .schritt .nr{
  font-family:var(--hand);font-size:42px;color:var(--rose);line-height:1;
  display:block;margin-bottom:10px;
}
.kss-hpm-ablauf .schritt .nr::before{content:counter(s)}
.kss-hpm-ablauf .schritt h3{font-size:18.5px;margin-bottom:8px}
.kss-hpm-ablauf .schritt p{font-size:15px;color:var(--tinte-weich);margin:0;line-height:1.6}
@media(max-width:860px){
  .kss-hpm-ablauf{padding:52px 0}
  .kss-hpm-ablauf .schritte{grid-template-columns:1fr 1fr;gap:32px 0}
  .kss-hpm-ablauf .schritt{padding:0 22px}
  .kss-hpm-ablauf .schritt:nth-child(odd){padding-left:0}
  .kss-hpm-ablauf .schritt:nth-child(even){padding-right:0}
  .kss-hpm-ablauf .schritt:nth-child(3){border-left:0}
}
@media(max-width:520px){
  .kss-hpm-ablauf .schritte{grid-template-columns:1fr;gap:26px}
  .kss-hpm-ablauf .schritt,
  .kss-hpm-ablauf .schritt:nth-child(odd),
  .kss-hpm-ablauf .schritt:nth-child(even){padding:0}
  .kss-hpm-ablauf .schritt + .schritt{border-left:0;border-top:1px dashed var(--linie);padding-top:26px}
}