.service-narrative{color:#10212b;background:#f7f7f2;padding:100px 0 110px;overflow:clip}.service-narrative-intro,.service-narrative-body{width:min(100% - 112px,1600px);margin-inline:auto}.service-narrative-eyebrow{font:11px/1.7 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#49616a;margin:0 0 22px}.service-narrative-title{letter-spacing:-.05em;max-width:22ch;margin:0;font-size:clamp(38px,4.5vw,76px);font-weight:500;line-height:1.1}.service-narrative-montage{width:min(100% - 112px,1600px);height:650px;margin:60px auto 100px;position:relative}.service-narrative-montage figure{margin:0;position:absolute;overflow:hidden}.service-narrative-montage img{object-fit:cover}.service-narrative-landscape{width:78%;height:82%;top:0;left:0}.service-narrative-detail{border:0;border-top:12px solid #f7f7f2;border-left:12px solid #f7f7f2;width:31%;height:62%;bottom:0;right:0}.service-narrative--automatisierung .service-narrative-landscape{width:73%;left:auto;right:0}.service-narrative--automatisierung .service-narrative-detail{border-top:12px solid #f7f7f2;border-bottom:0;border-left:0;border-right:12px solid #f7f7f2;width:36%;height:57%;left:0;right:auto}.service-narrative--websites .service-narrative-landscape{width:62%;height:100%}.service-narrative--websites .service-narrative-detail{border:0;width:32%;height:75%;top:0;bottom:auto}.service-narrative--workshops .service-narrative-landscape{width:42%;height:78%;top:auto;bottom:0}.service-narrative--workshops .service-narrative-detail{border-top:0;border-bottom:12px solid #f7f7f2;border-left:12px solid #f7f7f2;border-right:0;width:63%;height:86%;top:0;bottom:auto}.service-narrative-body{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(45px,7vw,130px);display:grid}.service-narrative-mechanism{min-width:0;position:sticky;top:115px}.service-diagram{padding-block:16px}.service-diagram svg{width:100%;height:auto;display:block;overflow:visible}.service-diagram-structure{fill:none;stroke:#67818b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.service-diagram-signal{fill:none;stroke:#157d71;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s,stroke .4s}.service-diagram-highlight{fill:#c7ede3;stroke:#157d71;stroke-width:1.5px}.service-diagram:hover .service-diagram-signal{stroke:#9862aa;stroke-dashoffset:30px}.service-diagram-steps{border-top:1px solid #10212b26;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:20px 0;list-style:none;display:grid}.service-diagram-steps li{font-size:14px;font-weight:500}.service-diagram-steps li span{font:10px var(--font-mono);color:#5d727b;margin-bottom:9px;display:block}.service-diagram>p{color:#49616a;max-width:55ch;margin:10px 0 0;font-size:15px;line-height:1.8}.service-narrative-chapter{border-bottom:1px solid #10212b26;margin:0 0 38px;padding:0 0 38px}.service-narrative-chapter:last-child{border:0;margin:0;padding:0}.service-narrative-chapter h3{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(27px,2.5vw,40px);font-weight:500;line-height:1.15}.service-narrative-chapter p{color:#49616a;max-width:58ch;margin:0;font-size:16px;line-height:1.8}.service-hero--websites .sp-hero-title{max-width:15ch}.service-hero--workshops .sp-hero-title{max-width:14ch}@media (min-width:1920px){.service-narrative-montage{height:750px}}@media (max-width:1023px){.service-narrative{padding:80px 0}.service-narrative-intro,.service-narrative-body,.service-narrative-montage{width:calc(100% - 64px)}.service-narrative-montage{height:500px;margin-bottom:70px}.service-narrative-body{grid-template-columns:1fr;gap:55px}.service-narrative-mechanism{max-width:720px;position:relative;top:auto}.service-narrative-chapters{grid-template-columns:1fr 1fr;gap:35px;display:grid}.service-narrative-chapter{margin:0;padding-bottom:30px}.service-narrative-chapter:last-child{border-bottom:1px solid #10212b26;padding-bottom:30px}}@media (max-width:767px){.service-narrative{padding:65px 0}.service-narrative-intro,.service-narrative-body{width:calc(100% - 40px)}.service-narrative-title{font-size:clamp(34px,9vw,52px)}.service-narrative-montage{width:100%;height:440px;margin:38px auto 50px}.service-narrative-landscape,.service-narrative--automatisierung .service-narrative-landscape{width:88%;height:73%}.service-narrative-detail,.service-narrative--automatisierung .service-narrative-detail{border-width:8px;width:53%;height:47%}.service-narrative--websites .service-narrative-landscape{width:72%;height:82%}.service-narrative--websites .service-narrative-detail{border:0;border-top:8px solid #f7f7f2;border-left:8px solid #f7f7f2;width:48%;height:49%;top:auto;bottom:0}.service-narrative--workshops .service-narrative-landscape{width:70%;height:61%}.service-narrative--workshops .service-narrative-detail{border-width:8px;width:76%;height:61%}.service-narrative-chapters{display:block}.service-narrative-chapter{margin-bottom:28px}.service-narrative-chapter:last-child{border:0;padding:0}.service-diagram-steps{gap:8px}.service-diagram-steps li{overflow-wrap:anywhere;font-size:12px}.service-diagram>p,.service-narrative-chapter p{font-size:15px}.service-narrative-eyebrow{font-size:10px}.service-narrative-body{gap:45px}}@media (prefers-reduced-motion:reduce){.service-diagram-signal{transition:none}.service-diagram:hover .service-diagram-signal{stroke-dashoffset:0}.service-narrative-mechanism{position:relative;top:auto}}.service-narrative-montage{margin-bottom:0}.service-narrative-caption{color:#49616a;width:min(100% - 112px,1600px);margin:20px auto 90px;font-size:13px;line-height:1.8}@media (max-width:1023px){.service-narrative-caption{width:calc(100% - 64px);margin-bottom:60px}}@media (max-width:767px){.service-narrative-montage{margin-bottom:0}.service-narrative-caption{width:calc(100% - 40px);margin-top:18px;margin-bottom:48px;font-size:12px}}