.projektablauf{background:#eaf5ff;opacity:0;overflow:hidden;position:relative;transition:opacity .3s ease;width:100%}.projektablauf.is-ready{opacity:1}.projektablauf__inner{align-items:start;display:grid;gap:80px;grid-template-columns:minmax(0,1fr) minmax(420px,560px);margin:0 auto;max-width:1200px;padding:100px 24px}.projektablauf__steps{display:flex;flex-direction:column;gap:24px;position:relative}.projektablauf__steps:before{background:#233e66;bottom:52px;content:"";left:26px;position:absolute;top:52px;width:1px}.projektablauf__step{display:grid;gap:18px;grid-template-columns:72px 1fr;position:relative}.projektablauf__number{align-items:center;background:#f18d69;border-radius:50%;color:#fff;display:flex;font-family:Work Sans,sans-serif;font-size:27px;font-weight:900;height:53px;justify-content:center;margin-top:45px;position:relative;width:53px;z-index:2}.projektablauf__step-content{background:#fff;border-radius:12px;box-sizing:border-box;min-height:200px;padding:34px 30px}.projektablauf__phase{color:#f18d69;font-family:Work Sans,sans-serif;font-size:15px;font-weight:600;margin-bottom:16px}.projektablauf__step-content h3{color:#233e66;font-family:Work Sans,sans-serif;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 18px}.projektablauf__step-content div,.projektablauf__step-content div p{color:#233e66;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:1.6}.projektablauf__step-content div p{margin:0}.projektablauf__step-content div b,.projektablauf__step-content div strong{font-weight:300}.projektablauf__intro{min-width:0;width:100%}.projektablauf__eyebrow{color:#233e66;font-family:Work Sans,sans-serif;font-size:24px;font-weight:400;margin:0 0 16px}.projektablauf__headline{font-size:55px;font-weight:800;hyphens:none;line-height:60px;margin:0 0 30px;max-width:100%;overflow-wrap:normal;word-break:normal}.projektablauf__description,.projektablauf__headline{color:#233e66;font-family:Work Sans,sans-serif;width:100%}.projektablauf__description{font-size:16px;font-weight:300;line-height:1.7;max-width:447px}.projektablauf__description p{color:#233e66;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:1.7;margin:0 0 16px}.projektablauf__description p:last-child{margin-bottom:0}.projektablauf__description b,.projektablauf__description strong{font-weight:300}@media (max-width:1024px){.projektablauf__inner{gap:60px;grid-template-columns:1fr}.projektablauf__headline{font-size:46px;line-height:54px}.projektablauf__description{max-width:700px}}@media (max-width:768px){.projektablauf{overflow:hidden}.projektablauf__inner{box-sizing:border-box;display:flex;flex-direction:column;gap:0;max-width:none;padding:48px 0 54px;width:100%}.projektablauf__intro{margin:0 24px 32px;max-width:none;order:1;padding:0;width:auto}.projektablauf__eyebrow{color:#233e66;font-size:20px;line-height:1.3;margin:0 0 14px}.projektablauf__headline{font-size:34px;hyphens:none;line-height:42px;margin:0 0 20px;max-width:none;overflow-wrap:normal;width:100%;word-break:normal}.projektablauf__description{font-size:16px;line-height:1.6;margin:0;max-width:none;width:100%}.projektablauf__description p{font-size:16px;line-height:1.6;margin:0 0 14px}.projektablauf__description p:last-child{margin-bottom:0}.projektablauf__steps{box-sizing:border-box;display:flex;flex-direction:row;gap:16px;margin:0;order:2;overflow-x:auto;overflow-y:hidden;padding:0 24px 14px;scroll-padding-left:24px;scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.projektablauf__steps::-webkit-scrollbar{display:none}.projektablauf__steps:before{display:none}.projektablauf__step{display:block;flex:0 0 84%;min-width:0;position:relative;scroll-snap-align:start;width:84%}.projektablauf__number{font-size:22px;height:46px;left:20px;margin:0;position:absolute;top:20px;width:46px;z-index:3}.projektablauf__step-content{border-radius:12px;box-sizing:border-box;min-height:300px;padding:82px 24px 28px;width:100%}.projektablauf__phase{font-size:14px;margin-bottom:12px}.projektablauf__step-content h3{font-size:22px;hyphens:none;line-height:1.3;margin:0 0 16px;overflow-wrap:normal;word-break:normal}.projektablauf__step-content div,.projektablauf__step-content div p{font-size:15px;font-weight:300;line-height:1.55}.projektablauf__step-content div b,.projektablauf__step-content div strong{font-weight:300}}