/* Keep the full vector artwork and its colour; mobile backgrounds follow their section. */
@media(max-width:767px){
 .cinematic-hero .st-hero-ribbons,
 .cinematic-hero .st-hero-ribbons svg,
 .cinematic-hero .st-hero-ribbons g,
 .cinematic-hero .st-hero-ribbons g>path{animation:none!important;transition:none!important;transform:none!important;will-change:auto}
 .cinematic-hero .st-hero-ribbons[data-ribbon-state=building] g>path{opacity:1}
 .st-footer-stage .st-footer-ribbon,
 .st-footer-stage:not(.is-open) footer.is-prepared .st-footer-ribbon,
 .st-footer-stage.is-revealing .st-footer-ribbon{transform:none!important;animation:none!important;will-change:auto;opacity:1}
 body.st-home #sichtbarkeit{translate:none}
 body.st-home .st-home-insights-065,
 body.st-home .st-home-insights-065::before,
 .st-home-search-shell::before,
 .st-insights-question>span,
 .st-home .cmp-intro .cmp-brand-ribbon::before{animation:none!important;will-change:auto}
 .st-insights-question>span{transform:none}
 .st-insights-question{filter:none}
 .cmp-intro .cmp-ribbon-track{animation:none!important}
 .cmp-intro .cmp-brand-ribbon{overflow-x:auto}
 .cmp-ribbon-group[aria-hidden=true]{display:none}
 .cinematic-hero .device-ambilight i,
 .cinematic-hero .device-ambilight b{will-change:auto}
 .about-page.has-about-motion .about-art,
 .about-page.has-about-motion .about-wordmark,
 .about-page :is(.au-workflow-art,.au-strengths-art,.au-approach-art){animation:none!important;will-change:auto}
 .about-page .au-scroll-reveal{transition-duration:.4s;transition-delay:0ms}
}