/* Shared logo sizing and service icons for overview and case pages. */
.brand,.marke{position:relative;display:block;flex:none;width:70px;height:64px;padding:6px;background:transparent;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.brand img,.marke img{width:100%;height:100%;object-fit:contain}
@media(hover:hover){.brand:hover,.marke:hover{transform:translateY(-2px) rotate(-2deg)}}
.brand:active,.marke:active{transform:scale(.97)}
.service-glyph{display:block;flex:none;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-icon .service-glyph{width:25px;height:25px}.nav-a2y>.service-glyph{width:21px;height:21px;color:inherit}
.site-header{min-height:88px;padding-top:10px;padding-bottom:10px}
html{scroll-padding-top:108px}
.kopf{--header:88px;padding-top:10px;padding-bottom:10px}.kopf~main{--header:88px}
@media(max-width:760px){.brand,.marke{width:54px;height:50px;padding:5px}.site-header{padding-top:7px;padding-bottom:7px}.site-header .header-actions{gap:6px}.site-header .header-actions>.button{padding-inline:10px;font-size:12px}.kopf{grid-template-columns:54px 1fr auto;min-height:116px;padding-top:7px;padding-bottom:7px}.kopf~main{--header:116px}html{scroll-padding-top:136px}.service-glyph{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.brand,.marke{transition:none;transform:none}}
html:has(body[data-project]){scroll-padding-top:174px}
@media(max-width:760px){html:has(body[data-project]){scroll-padding-top:192px}}
.header-label-short{display:none}
@media(max-width:360px){.header-label-long{display:none}.header-label-short{display:inline}.site-header .header-actions>.button{gap:14px}.site-header .film-link{padding-inline:7px;font-size:11px}.kopf-nav>a{padding-inline:8px;font-size:11px;gap:7px}.site-header nav>a,.site-header .nav-menu>summary{padding-inline:10px;font-size:11px}}
.header-actions>.button>.header-label-short{display:none}
@media(max-width:360px){.header-actions>.button>.header-label-long{display:none}.header-actions>.button>.header-label-short{display:inline}}
@media(max-width:360px){.site-header nav>a,.site-header .nav-menu>summary{padding-inline:8px}.site-header nav{gap:3px}}