.hco-service24 .hco-hero h1{font-size:clamp(2.2rem,4vw,3.8rem);max-width:20ch;line-height:1.1}
.hco-service24 .hco-hero{padding-bottom:32px}
.hco-work{background:#f6f9fb;padding-top:42px!important;padding-bottom:42px!important}
.hco-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.hco-work-card{background:#fff;border:1px solid #dce6ed;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #15344808;transition:transform .2s}
.hco-work-card:hover{transform:translateY(-3px)}
.hco-work-card a{display:block;height:100%;text-decoration:none!important;color:#163947!important}
.hco-browser-bar{display:flex;align-items:center;gap:5px;padding:10px 13px;background:#e9eff3;min-width:0}
.hco-browser-bar i{width:7px;height:7px;border-radius:50%;background:#91a5b2;flex-shrink:0}
.hco-browser-bar span{font-size:11px;margin-left:8px;color:#4a6472;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hco-work-card img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:cover}
.hco-work-copy{padding:19px}
.hco-work-copy h3{font-size:21px;line-height:1.3;margin:6px 0 10px}
.hco-work-copy .hco-eyebrow{font-size:11px;margin:0;color:#52727e}
.hco-work-copy p{font-size:14px;line-height:1.65;margin-bottom:14px}
.hco-work-link{font-weight:700;font-size:14px;color:#236558}
.hco-work-note{font-size:12px!important;color:#556e78;margin:20px 0 0;max-width:85ch}
.hco-service24 #service24-anfrage{padding-top:48px;padding-bottom:48px}
.hco-form-intro{font-weight:600;font-size:15px!important;margin-top:0}
.hco-optional{margin:0 0 22px;border:1px solid #dce6ed;border-radius:10px;padding:12px 16px}
.hco-optional summary{cursor:pointer;font-weight:600;font-size:15px;color:#244956}
.hco-optional summary span{font-size:12px;color:#627c87;font-weight:400}
.hco-optional[open] summary{margin-bottom:18px}
.hco-next-step{font-size:13px!important;line-height:1.6;margin:14px 0;color:#4c6672}
.hco-service24 input{scroll-margin-top:120px}
.hco-service24 .hco-form-grid>div:first-child>p:last-child{font-size:15px}
.hco-service24 .hco-form-fineprint{font-size:12px;line-height:1.55}
@media(max-width:900px){.hco-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hco-service24 .hco-hero-grid{gap:25px}.hco-service24 .hco-price-card{max-width:none}}
@media(max-width:600px){.hco-work-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px;gap:14px}.hco-work-card{flex:0 0 85%;scroll-snap-align:start}.hco-work{padding-top:28px!important;padding-bottom:28px!important}.hco-service24 #service24-anfrage .hco-form-grid{gap:20px}.hco-service24 #service24-anfrage .hco-service24-summary{display:none}.hco-service24 #service24-anfrage .hco-form-grid>div:first-child>p:last-child{display:none}.hco-service24 .hco-form-card{padding:22px 18px}.hco-service24 #service24-anfrage{padding:32px 0}.hco-service24 #hco-service24-form-title{font-size:28px}.hco-service24 .hco-hero h1{font-size:34px}.hco-service24 input{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.hco-work-card{transition:none}.hco-work-card:hover{transform:none}}