/* Center the four primary links; keep logo left and request button right. */
@media(min-width:1000px){
 body.ms-project #page #masthead #ast-desktop-header .ast-builder-grid-row{display:flex;position:relative;justify-content:center;column-gap:0}
 body.ms-project #page #masthead #ast-desktop-header .site-header-primary-section-left{position:absolute;left:0;top:0;bottom:0;width:auto;z-index:2}
 body.ms-project #page #masthead #ast-desktop-header :is(.site-header-primary-section-right,.ast-builder-menu,.ast-main-header-bar-alignment,.main-header-bar-navigation,.site-navigation,.main-navigation){width:100%;margin:0;justify-content:center}
 body.ms-project #page #masthead #ast-desktop-header .main-header-menu{width:100%;justify-content:center;align-items:center;flex-wrap:nowrap}
 body.ms-project #page #masthead #ast-desktop-header .main-header-menu>.menu-item{margin:0}
 body.ms-project #page #masthead #ast-desktop-header .main-header-menu>.menu-item:not(:last-child)>.menu-link{padding:0 15px;font-size:15px;line-height:var(--ms-menu-height);white-space:nowrap}
 body.ms-project #page #masthead #ast-desktop-header .main-header-menu>.menu-item:last-child{position:absolute;right:0;top:50%;transform:translateY(-50%)}
 body.ms-project #page #masthead #ast-desktop-header .main-header-menu>.menu-item:last-child>.menu-link{margin:0}
}

/* Shared header dimensions, measured against shop-muellerseil.de (27 October 2026).
   Keep the established font sizes; only geometry changes. */
body.ms-project{--ms-menu-height:84px;--ms-hero-height:552px}
body.ms-project #page #masthead{position:relative;inset:auto;background:#212d45;border:0}
body.ms-project #page #masthead :is(.ast-primary-header-bar,.site-primary-header-wrap,.ast-builder-grid-row){min-height:var(--ms-menu-height)}
body.ms-project #page #masthead .site-primary-header-wrap{height:var(--ms-menu-height)}
body.ms-project #page #primary .entry-content>.ms-hero{
 box-sizing:border-box;min-height:var(--ms-hero-height);height:var(--ms-hero-height);
 padding-top:40px!important;padding-bottom:40px!important;margin-top:0!important;
}
body.ms-project #page #primary .entry-content>.ms-hero.ms-hero-home{justify-content:center;padding-bottom:64px!important}
body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero{align-items:center;gap:40px}
body.ms-project #page #primary .entry-content>.ms-hero h1{margin-bottom:20px!important}
body.ms-project #page #primary .entry-content>.ms-hero .ms-eyebrow{margin-top:0!important;margin-bottom:16px!important}
body.ms-project #page #primary .entry-content>.ms-hero .ms-lead{margin-top:0!important;margin-bottom:20px!important}
body.ms-project #page #primary .entry-content>.ms-hero .wp-block-buttons{margin-top:20px!important;margin-bottom:0!important}
body.ms-project #page #primary .entry-content>.ms-hero .ms-caption{display:none!important}
/* Shared hero buttons: dimensions, mobile spacing and outline hover from the shop. */
body.ms-project #page #primary .ms-hero .wp-block-button__link{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 min-height:48px!important;height:auto;max-width:100%;padding:15px 45px!important;
 font-family:"Open Sans",sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;
 letter-spacing:normal;text-transform:uppercase;white-space:normal;text-align:center;text-decoration:none!important;
 border:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;
 transition:background .25s ease-in-out,color .25s ease-in-out,box-shadow .25s ease-in-out;
}
body.ms-project #page #primary .ms-hero .wp-block-button.is-style-outline>.wp-block-button__link{
 background:transparent!important;border-color:#f2f5f7!important;color:#fff!important;
}
body.ms-project #page #primary .ms-hero .wp-block-button.is-style-outline>.wp-block-button__link:is(:hover,:focus-visible){
 background:#fff!important;color:#212d45!important;border-color:#f2f5f7!important;
}
@media(max-width:767px){
 body.ms-project #page #primary .ms-hero .wp-block-button{width:100%}
 body.ms-project #page #primary .ms-hero .wp-block-button__link{width:100%;padding-inline:24px!important}
}
body.ms-project #page #primary .entry-content>.ms-hero>.ms-topic-photo{max-height:432px}
body.ms-project #page #primary .entry-content>.ms-hero>.ms-topic-photo img{max-height:428px;object-fit:cover}
@media(max-width:1023px){
 body.ms-project{--ms-menu-height:80px;--ms-hero-height:429px}
 body.ms-project #page #primary .entry-content>.ms-hero{padding-top:24px!important;padding-bottom:24px!important}
 body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}
 body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero>.ms-topic-hero-copy{position:relative;z-index:2;width:100%}
 body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero>.ms-topic-photo{position:absolute;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;z-index:-2}
 body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero>.ms-topic-photo img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
 body.ms-project #page #primary .entry-content>.ms-hero.ms-topic-hero:before{content:"";position:absolute;inset:0;background:rgba(33,45,69,.85);z-index:-1}
 body.ms-project #page #primary .entry-content>.ms-hero .ms-eyebrow{margin-bottom:12px!important}
 body.ms-project #page #primary .entry-content>.ms-hero h1{margin-bottom:16px!important}
 body.ms-project #page #primary .entry-content>.ms-hero .ms-lead{margin-bottom:16px!important}
 body.ms-project #page #primary .entry-content>.ms-hero .wp-block-buttons{margin-top:16px!important}
 body.ms-project #page #primary .entry-content>.ms-hero .ms-caption{margin-top:16px!important}
}
@media(min-width:1000px) and (max-width:1023px){body.ms-project{--ms-menu-height:84px}}
@media(max-width:767px){body.ms-project{--ms-menu-height:76px;--ms-hero-height:580px}
 body.ms-project #page #primary .entry-content>.ms-hero{padding-top:32px!important;padding-bottom:32px!important}
}
@media(max-width:479px){body.ms-project{--ms-hero-height:680px}}

/* Shop overlay colour/opacity; compensate for the brighter service photos. */
body.ms-project #page #primary .entry-content>.ms-hero{background:#212d45}
body.ms-project #page #primary .entry-content>.ms-hero .ms-topic-photo img{filter:brightness(.55)}
/* Natural homepage photograph: same unfiltered image and navy overlay as the shop. */
body.ms-project #page #primary .entry-content>.ms-hero.ms-hero-home .ms-hero-picture img{filter:none;object-position:50% 70%}
@media(min-width:1024px){body.ms-project #page #primary .entry-content>.ms-hero.ms-hero-home .ms-hero-picture img{object-position:50% calc(70% - 20px)}}
/* Keep the homepage subject modest in scale, including on wide monitors. */
@media(min-width:1024px){
 body.ms-project #page #primary .entry-content>.ms-hero.ms-hero-home .ms-hero-picture{left:auto;right:0;width:min(100%,1200px);max-width:1200px;transform:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 100%);mask-image:linear-gradient(to right,transparent,#000 15%,#000 100%)}
}
/* Match the shop: proportional cover cropping from the centre at every viewport width. */
body.ms-project #page #primary .entry-content>.ms-hero :is(.ms-hero-picture,.ms-topic-photo){overflow:hidden}
body.ms-project #page #primary .entry-content>.ms-hero :is(.ms-hero-picture,.ms-topic-photo) img{display:block;width:100%;object-fit:cover;object-position:50% 50%}
body.ms-project #page #primary .entry-content>.ms-hero.ms-hero-home::before{background:rgba(33,45,69,.85)}
@media(min-width:1024px){
 body.ms-project #page #primary .entry-content>.ms-topic-hero>.ms-topic-photo{position:relative;isolation:isolate}
 body.ms-project #page #primary .entry-content>.ms-topic-hero>.ms-topic-photo::after{content:"";position:absolute;inset:0;background:rgba(33,45,69,.85);pointer-events:none}
}
@media(max-width:1023px){
 body.ms-project #page #primary .entry-content>.ms-topic-hero::before{background:rgba(33,45,69,.85)}
}

