/* Local Einkauf v06. CI 2.2 icons; all selectors limited to this guide. */
body.ci22 .as2-help #einkauf{border-radius:24px;gap:64px;padding:48px;background:#f4eef8;align-items:center;margin-bottom:32px}
body.ci22 .as2-help #einkauf>div>img{width:210px;height:auto;float:none;margin:24px auto 0}
body.ci22 .as2-help #einkauf .c22-steps{position:relative;padding:0;margin:0}
body.ci22 .as2-help #einkauf .c22-steps:before{content:"";position:absolute;left:32px;top:40px;bottom:90px;border-left:1px solid #bfb1ca}
body.ci22 .as2-help #einkauf .c22-steps li{position:relative;grid-template-columns:66px minmax(0,1fr);gap:24px;padding:25px 0;border-bottom:1px solid #dcd5df}
body.ci22 .as2-help #einkauf .c22-steps li:first-child{padding-top:0}
body.ci22 .as2-help #einkauf .c22-steps li:last-child{padding-bottom:0;border-bottom:0}
body.ci22 .as2-help #einkauf .as6-step-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #c6b8d5;border-radius:18px;background:#fffaf1;box-shadow:3px 3px 0 #e2d7f2}
body.ci22 .as2-help #einkauf .as6-step-symbol img{display:block;width:34px;height:34px;object-fit:contain}
body.ci22 .as2-help #einkauf .as6-step-number{position:absolute;right:-7px;bottom:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#45336e;color:#fffaf1;border:3px solid #f4eef8;font-size:9px;font-weight:800;line-height:1}
body.ci22 .as2-help #einkauf .c22-steps li:last-child .as6-step-symbol{background:#eaf3bf}
body.ci22 .as2-help #einkauf .c22-steps h3{margin-bottom:9px!important}
body.ci22 .as2-help #einkauf .c22-steps a{min-height:44px;text-underline-offset:4px}
body.ci22 .as2-help #einkauf .c22-steps a:hover{text-decoration:underline}
@media(max-width:1050px){body.ci22 .as2-help #einkauf{gap:36px;padding:32px}body.ci22 .as2-help #einkauf .c22-steps li{gap:18px}}
@media(max-width:800px){body.ci22 .as2-help #einkauf{display:grid;grid-template-columns:1fr;gap:32px;padding:28px 22px}body.ci22 .as2-help #einkauf>div>img{width:155px;margin:20px auto 0}body.ci22 .as2-help #einkauf .c22-steps li{grid-template-columns:52px minmax(0,1fr);gap:17px;padding:24px 0}body.ci22 .as2-help #einkauf .as6-step-symbol{width:50px;height:54px;border-radius:15px}body.ci22 .as2-help #einkauf .as6-step-symbol img{width:29px;height:29px}body.ci22 .as2-help #einkauf .c22-steps:before{left:25px;bottom:110px}body.ci22 .as2-help #einkauf .c22-steps h3{font-size:19px!important}}