.roof #leistungen{padding-block:64px}.roof-steps{padding-block:72px}.roof-steps .section-head{margin-bottom:32px}.roof-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.roof-steps-grid article{border-top:1px solid #bfc3b7;padding-top:22px}.roof-steps-grid span{font:italic 38px Georgia,serif;color:#b95733}.roof-steps-grid h3{font-size:28px;margin:18px 0 12px}.roof-steps-grid p{font-size:15px;color:#64705e;max-width:310px}.roof-location{display:grid;grid-template-columns:.9fr 1.1fr;background:#e8ebe1;margin-bottom:72px}.roof-location-copy{padding:48px}.roof-location h2{font-size:46px}.roof-location p{font-size:15px;color:#64705e;margin-top:20px}.roof-location dl{margin:28px 0;border-top:1px solid #bdc9b3}.roof-location dl div{padding:14px 0;border-bottom:1px solid #bdc9b3}.roof-location dt{font-size:12px;color:#6d765f}.roof-location dd{margin:4px 0 0;font-size:16px}.roof-location .action{margin-top:4px}.roof-location small{display:block;margin-top:16px;font-size:12px;color:#64705e}.roof-region{margin:0;background:#dce1d3;display:flex;flex-direction:column;position:relative;min-width:0}.roof-region svg{display:block;width:100%;height:auto;flex:1;min-height:300px}.roof-region figcaption{padding:17px 24px;font-size:12px;color:#606b56;border-top:1px solid #bdc9b3;background:#e1e5d9}.roof-region text{font-family:Arial,Helvetica,sans-serif}.roof-region .map-town{font-size:18px;fill:#354436}.roof-region .map-label{font-size:12px;fill:#66715e;letter-spacing:2px}.roof-region .map-route{fill:none;stroke:#f7f6ef;stroke-width:15;stroke-linecap:round;stroke-linejoin:round}.roof-region .map-route-line{fill:none;stroke:#aebca2;stroke-width:1.5;stroke-dasharray:4 7}.roof-region .map-town-dot{fill:#f7f6ef;stroke:#8c9f7b;stroke-width:2}.roof-region .map-focus{fill:#b95733;stroke:#f7f6ef;stroke-width:5}
@media(max-width:700px){.roof #leistungen{padding-block:40px}.roof-steps{padding-block:50px}.roof-steps-grid{grid-template-columns:1fr;gap:25px}.roof-steps-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:16px;padding-top:19px}.roof-steps-grid span{grid-row:span 2;font-size:30px}.roof-steps-grid h3{font-size:27px;margin:0 0 12px}.roof-steps-grid p{max-width:none}.roof-location{grid-template-columns:1fr;margin-bottom:50px}.roof-location-copy{padding:28px 24px}.roof-location h2{font-size:36px}.roof-location .action{font-size:12px;gap:18px}.roof-region svg{min-height:0}.roof-region figcaption{padding:15px 22px;font-size:11px}}