/* A shorter shared header. The restored colors and complete logo are retained. */
body.inner-page .site-header,
body.home-page.intro-past .site-header{min-height:124px;padding-block:6px}
body.inner-page .site-header .brand,
body.home-page.intro-past .site-header .brand{width:96px;flex-basis:96px}
body.inner-page main [id],
body.home-page #projekte-entdecken{scroll-margin-top:144px}
.inner-page .site-header nav.is-open,
.home-page.intro-past .site-header nav{max-height:calc(100dvh - 145px)}
@media(max-width:760px){
 body.inner-page .site-header,
 body.home-page.intro-past .site-header{min-height:110px;padding-block:6px}
 body.inner-page .site-header .brand,
 body.home-page.intro-past .site-header .brand{width:84px;flex-basis:84px}
 body.inner-page main [id],body.home-page #projekte-entdecken{scroll-margin-top:128px}
 .inner-page .site-header nav.is-open,
 .home-page.intro-past .site-header nav{max-height:calc(100dvh - 128px)}
}

/* Align the expanded mobile menu with the header, including scrollbar widths. */
@media(max-width:760px){
 body.home-page .site-header nav,
 body.inner-page .site-header nav{left:0;right:0;width:100%;max-width:none}
}

/* Keep the complete logo and the warm surface stable at every scroll position. */
body.home-page.intro-past .site-masthead,
body.inner-page .site-masthead,
body.home-page .site-header,
body.home-page .site-header .brand{transition:none}