.stappenplan{border-radius:57px;counter-reset:stap;display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;overflow:hidden;padding:24px;position:relative}.stappenplan:before{background:transparent linear-gradient(90deg,#fda,#ffdfae00) 0 0 no-repeat padding-box;content:"";inset:0;position:absolute}.stappenplan .stap:before{color:var(--color-yellow);content:counter(stap);counter-increment:stap;font-size:64px;letter-spacing:-2.05px;line-height:1}.stappenplan .stap{aspect-ratio:5/3;background-color:var(--color-white);border-radius:var(--border-radius);display:flex;flex:1 1 calc(50% - 16px);flex-direction:column;max-width:calc(50% - 16px);padding:45px 45px 32px;position:relative;z-index:1}.stappenplan .stap h3{line-height:1;margin-bottom:22px;margin-top:64px;padding-top:22px}.stappenplan .stap p{margin:0}.stappenplan>.stap:after{background:transparent linear-gradient(10deg,#faae3e,#fab44e5c) 0 0 no-repeat padding-box;height:2px;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1280px){.stappenplan .stap:nth-last-child(n+3),.stappenplan .stap:nth-last-child(n+3)~.stap{aspect-ratio:1/1;flex:1 1 calc(33.33333% - 21.33333px);max-width:calc(33.33333% - 21.33333px)}}@media only screen and (min-width:820px){.stappenplan>.stap:not(:nth-child(3n+1)):after{content:"";left:-32px;width:32px}}@media only screen and (min-width:820px) and (max-width:1280px){.stappenplan>.stap:not(:nth-child(3n+1)):after{left:-18px;width:18px}.stappenplan .stap:nth-last-child(n+3),.stappenplan .stap:nth-last-child(n+3)~.stap{flex:1 1 calc(33.33333% - 12px);max-width:calc(33.33333% - 12px)}}@media (max-width:1280px){.stappenplan{gap:18px;padding:16px}.stappenplan .stap{flex:1 1 calc(50% - 9px);max-width:calc(50% - 9px);padding:25px}.stappenplan .stap:before{font-size:48px}.stappenplan .stap h3{font-size:22px;margin-bottom:16px}}@media only screen and (min-width:640px) and (max-width:820px){.stappenplan>.stap:nth-child(2n):after{content:"";left:-18px;width:18px}}@media (max-width:640px){.stappenplan{border-radius:37px;flex-direction:column}.stappenplan .stap{aspect-ratio:unset;flex:1 0 100%;max-width:unset;padding:16px}.stappenplan>.stap:not(:first-child):after{content:"";height:16px;left:50%;top:-16px;transform:translate(-50%);width:2px}.stappenplan .stap:before{font-size:38px}.stappenplan .stap h3{margin-bottom:10px;padding-top:10px}}