/* One continuous photo layer; gradient affects the background, never the text. */
:is(#maes-chopin #chopin-overview,#maes-berthold #berthold-overview,#maes-perten #perten-overview,#maes-velp #velp-overview,#maes-metrohm #metrohm-overview,#maes-cdr #cdr-overview,#maes-brabender #brabender-overview,#maes-nordson #nordson-overview,.maes-anton #overview)>.hero.maes-chopin-blended{
background-color:#01152d!important;
background-image:linear-gradient(90deg,#01152d 0%,#01152df2 12%,#01152d99 36%,#01152d00 65%),var(--maes-chopin-photo)!important;
background-size:100% 100%,cover!important;
background-position:center,right center!important;
background-repeat:no-repeat!important;
}
:is(#maes-chopin #chopin-overview,#maes-berthold #berthold-overview,#maes-perten #perten-overview,#maes-velp #velp-overview,#maes-metrohm #metrohm-overview,#maes-cdr #cdr-overview,#maes-brabender #brabender-overview,#maes-nordson #nordson-overview,.maes-anton #overview)>.hero.maes-chopin-blended:before,
:is(#maes-chopin #chopin-overview,#maes-berthold #berthold-overview,#maes-perten #perten-overview,#maes-velp #velp-overview,#maes-metrohm #metrohm-overview,#maes-cdr #cdr-overview,#maes-brabender #brabender-overview,#maes-nordson #nordson-overview,.maes-anton #overview)>.hero.maes-chopin-blended:after{display:none!important}
@media(max-width:640px){
:is(#maes-chopin #chopin-overview,#maes-berthold #berthold-overview,#maes-perten #perten-overview,#maes-velp #velp-overview,#maes-metrohm #metrohm-overview,#maes-cdr #cdr-overview,#maes-brabender #brabender-overview,#maes-nordson #nordson-overview,.maes-anton #overview)>.hero.maes-chopin-blended{
background-image:linear-gradient(180deg,#01152d 0%,#01152d 44%,#01152de6 52%,#01152d00 73%),var(--maes-chopin-photo)!important;
background-size:100% 100%,680px auto!important;
background-position:center,right bottom!important;
}
}
