/* A consistent set of architectural line symbols for Wiese's own project work. */
.service-symbol{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border:1px solid #9f89664d;color:#786548;background:#f3efe7;transition:background-color .2s,border-color .2s}
.service-symbol svg{display:block;width:36px;height:36px}
.service-preview-row{grid-template-columns:54px minmax(0,1fr) 25px;gap:21px;align-items:center;padding:25px 0}
.service-preview-row .service-preview-copy>span{font-size:15px;line-height:1.6}
.service-preview-row strong{font-size:clamp(23px,2.05vw,30px);margin-bottom:8px}
.service-preview-row:hover .service-symbol,.service-preview-row:focus-visible .service-symbol{border-color:#9f8966;background:#e9e1d2}
.service-chapter summary{grid-template-columns:54px minmax(0,1fr) 24px;gap:20px;align-items:center;padding:24px 0}
.service-step{display:block;color:#786548;font-size:13px;font-weight:400;letter-spacing:.08em;line-height:1;margin-bottom:9px;font-variant-numeric:tabular-nums}
.service-chapter summary h2{font-size:clamp(25px,2.35vw,34px)}
.service-chapter[open] .service-symbol{border-color:#9f8966;background:#e9e1d2}
.service-chapter-copy{padding-left:74px}
.home-page #leistungen{scroll-margin-top:180px}
@media(max-width:1050px){
 .service-chapter summary,.service-preview-row{grid-template-columns:48px minmax(0,1fr) 22px;gap:15px}
 .service-symbol{width:48px;height:48px}
 .service-symbol svg{width:33px;height:33px}
 .service-chapter-copy{padding-left:63px}
}
@media(max-width:760px){
 .service-preview-row,.service-chapter summary{grid-template-columns:44px minmax(0,1fr) 20px;gap:13px;padding:23px 0}
 .service-symbol{width:44px;height:44px}
 .service-symbol svg{width:30px;height:30px}
 .service-preview-row strong,.service-chapter summary h2{font-size:25px;line-height:1.2}
 .service-step{font-size:12px;margin-bottom:7px}
 .service-chapter-copy{padding-left:0}
 .home-page #leistungen{scroll-margin-top:158px}
}
@media(max-width:360px){
 .service-preview-row,.service-chapter summary{grid-template-columns:40px minmax(0,1fr) 18px;gap:10px}
 .service-symbol{width:40px;height:40px}
 .service-symbol svg{width:28px;height:28px}
 .service-preview-row strong,.service-chapter summary h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.service-symbol{transition:none}}
.services-preview-photo{margin:28px 0 0;max-width:450px}
.services-preview-photo img{display:block;width:100%;height:auto}
.services-preview-photo figcaption{font-size:12px;color:#60635e;line-height:1.6;margin-top:10px}
.page-ueber-uns .about-story{align-items:start}