/* Complete original logo; the warm header surface begins after the photo story. */
.site-masthead,.home-page.intro-past .site-masthead{background:#eee8dc;border-bottom:1px solid #b5a17e45;box-shadow:0 3px 18px #17201908}
.inner-page .site-masthead{position:sticky;top:0;z-index:40}
.home-page .site-masthead,.home-page.story-scrolled:not(.intro-past) .site-masthead{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom:1px solid transparent;box-shadow:none;transition:background .25s ease,border-color .25s ease}
.home-page.intro-past .site-masthead{background:#eee8dc;border-bottom-color:#b5a17e45;box-shadow:0 3px 18px #17201908}
.site-header,.home-page .site-header{position:relative;min-height:186px;padding:12px 0;gap:28px;align-items:center}
.site-header .brand,.home-page .site-header .brand{display:block;flex:0 0 140px;width:140px;background:transparent;padding:0;margin:0 auto 0 0}
.brand-signature{display:block;width:100%;height:auto;overflow:visible;mix-blend-mode:multiply}
.brand-original{display:block}
.brand-on-photo{display:none}
.home-page:not(.intro-past) .brand-signature{mix-blend-mode:normal;filter:drop-shadow(0 2px 9px #10181355)}
.home-page:not(.intro-past) .brand-original{display:none}
.home-page:not(.intro-past) .brand-on-photo{display:block}
.site-header nav,.site-header .menu-toggle,.home-page.intro-past .header-project,.home-page.intro-past .site-header .menu-toggle{color:#202721}
.site-header nav a{color:inherit}
.site-header nav a:hover,.site-header nav a[aria-current]{color:#786548}
.site-header nav a:last-child{color:#202721;border-color:#9f8966;background:transparent}
.site-header nav a:last-child:hover{background:#ded5c4;color:#202721}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#786548}
.home-page:not(.intro-past) .header-project,.home-page:not(.intro-past) .site-header .menu-toggle{color:#fffaf0;text-shadow:0 1px 8px #101813aa}
.home-page .site-header nav{background:#eee8dc;color:#202721;max-height:calc(100svh - 210px)}
.home-page .site-header nav a{color:#202721;border-bottom-color:#9f896644;text-shadow:none}
.home-page .site-header nav a:hover,.home-page .site-header nav a[aria-current]{color:#786548}
.home-page .site-header nav a::before{color:#786548}
.home-page .site-header nav a:last-child{color:#202721}
.home-page .story-cinema .intro-image{transition:opacity 1s ease-in-out}
.inner-page main [id],.home-page #projekte-entdecken,.home-page #unternehmen{scroll-margin-top:200px}
@media(max-width:1240px){
 .inner-page .menu-toggle{display:flex;align-items:center;gap:13px;min-height:44px;padding:8px 15px;border:1px solid #9f896688}
 .inner-page .site-header nav{display:none;position:absolute;left:auto;right:0;top:100%;width:min(520px,calc(100vw - 40px));padding:20px 28px;background:#eee8dc;color:#202721;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 220px);overflow-y:auto;box-shadow:0 20px 40px #0002}
 .inner-page .site-header nav.is-open{display:flex}
 .inner-page .site-header nav a{padding:14px 0;border-bottom:1px solid #9f896644;font-size:18px}
 .inner-page .site-header nav a:last-child{margin-top:12px;padding:12px 16px;border:1px solid #9f896688}
}
@media(max-width:760px){
 .site-header,.home-page .site-header{min-height:145px;padding:12px 0;gap:16px}
 .site-header .brand,.home-page .site-header .brand{flex-basis:104px;width:104px}
 .site-header .menu-toggle,.home-page .site-header .menu-toggle{padding:7px 10px;font-size:14px;gap:9px;min-width:80px}
 .home-page .site-header nav,.inner-page .site-header nav{max-height:calc(100svh - 165px)}
 .home-page .story-cinema .intro-photos{inset:0 0 auto;aspect-ratio:1/1;height:auto}
 .home-page .story-cinema .intro-image{object-fit:cover;object-position:center}
 .home-page .story-cinema .intro-shade{background:linear-gradient(180deg,#111b1566 0%,#111b1515 24%,#111b154a 37%,#111b15e8 57%,#111b15 76%)}
 .inner-page main [id],.home-page #projekte-entdecken,.home-page #unternehmen{scroll-margin-top:160px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .site-masthead,.home-page .story-cinema .intro-image{transition:none}
}
@media(min-width:761px) and (max-height:760px){
 .site-header,.home-page .site-header{min-height:154px}
 .site-header .brand,.home-page .site-header .brand{flex-basis:112px;width:112px}
}
@media(min-width:761px) and (max-height:650px){
 .site-header,.home-page .site-header{min-height:136px}
 .site-header .brand,.home-page .site-header .brand{flex-basis:96px;width:96px}
}
@media print{.site-masthead,.inner-page .site-masthead{position:relative}.brand-original{display:block!important}.brand-on-photo{display:none!important}}