.site-header .brand-logo{display:block;flex:none;width:180px;height:100px;line-height:0;padding:6px 0}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
footer .brand-logo{display:block;width:230px;height:130px;flex:none;line-height:0}
.site-header{height:112px}
body[data-concept=industrie]{--top:150px}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){body[data-concept=praezision] .story-sticky,body[data-concept=werkstatt] .story-sticky{top:148px;height:calc(100svh - 148px)}}
html{scroll-padding-top:164px}
body[data-concept=werkstatt] .hero-copy h1{white-space:normal}
body[data-concept=werkstatt] .hero-intro{max-width:370px}
@media(min-width:1100px){body[data-concept=industrie] .hero-copy>p{max-width:425px}}
@media(max-width:850px){.site-header{height:78px}.site-header .brand-logo{width:124px;height:74px;padding:7px 0}body[data-concept=industrie]{--top:116px}html{scroll-padding-top:130px}footer .brand-logo{width:190px;height:107px}}
@media(max-width:850px) and (prefers-reduced-motion:no-preference){body[data-concept=praezision] .story-sticky,body[data-concept=werkstatt] .story-sticky{top:114px;height:calc(100svh - 114px)}}
@media(max-width:380px){body[data-concept=werkstatt] .hero-copy h1{font-size:27px}}