body[data-page=projekt-detail] .artboard,body[data-page=projekt-detail] .artboard-viewport{width:100%;height:auto!important;overflow:visible}
.project-detail{padding-top:clamp(116px,11vw,180px);font-size:clamp(16px,1.25vw,20px);line-height:1.6;overflow-wrap:anywhere}
.detail-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(26px,4vw,72px);padding:42px max(5vw,calc((100vw - 1480px)/2));background:#f1f1f1}
.detail-intro h1{font-size:clamp(30px,3.4vw,68px);line-height:1.12;text-transform:uppercase;font-weight:800;margin:.45em 0}
.detail-kicker{color:#b8000a;font-weight:800;text-transform:uppercase;font-size:.8em;letter-spacing:.04em;margin:1em 0 0}
.detail-location{margin:0}
.detail-hero figure{margin:0;border-bottom:10px solid #c4000b}
.detail-hero img{display:block;width:100%;max-height:600px;aspect-ratio:4/3;object-fit:cover}
.detail-link{display:inline-flex;align-items:center;min-height:44px;color:#b00009;font-weight:700;text-decoration:underline;text-underline-offset:.15em}
.detail-information{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,100px);max-width:1480px;margin:0 auto;padding:clamp(40px,6vw,100px) 5vw}
.project-detail h2{font-size:clamp(24px,2.1vw,38px);line-height:1.2;text-transform:uppercase;margin:0 0 24px}
.detail-facts{border-left:5px solid #c4000b;padding-left:clamp(18px,3vw,40px)}
.detail-facts dl{margin:0}
.detail-facts dt{font-weight:800;color:#b00009}
.detail-facts dd{margin:0 0 18px}
.detail-description p{margin:0 0 1em}
.detail-project-navigation{max-width:1480px;margin:0 auto;padding:20px 5vw 50px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.detail-contact{background:#191919;color:white;padding:clamp(32px,5vw,74px) 5vw 80px}
.detail-contact p{margin:8px 0}
.detail-contact .detail-link{color:white;margin-right:24px}
.detail-legal{display:flex;gap:24px;margin-top:24px}
@media(max-width:1180px){
 body[data-page=projekt-detail] .artboard > .project-detail{display:block!important}
 .project-detail{padding-top:0}
}
@media(max-width:760px){
 .detail-hero,.detail-information{grid-template-columns:1fr}
 .detail-hero{padding:28px 5vw}
 .detail-hero figure{border-bottom-width:5px}
 .detail-information{gap:32px}
}
.detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.detail-intro h1{font-size:clamp(26px,2.7vw,54px);overflow-wrap:normal;hyphens:auto}
@media(max-width:760px){.detail-hero{grid-template-columns:1fr}}