@supports (background-image: image-set(url("x") type("image/webp"), url("y") type("image/jpeg"))) {
  body.page-start   .hero{ background-image:image-set(url('/assets/hero_start.webp') type('image/webp'), url('/assets/hero_start.jpg') type('image/jpeg')); }
  body.page-rasen   .hero{ background-image:image-set(url('/assets/hero_rasenmaeher.webp') type('image/webp'), url('/assets/hero_rasenmaeher.jpg') type('image/jpeg')); }
  body.page-kette   .hero{ background-image:image-set(url('/assets/hero_saegekette.webp') type('image/webp'), url('/assets/hero_saegekette.jpg') type('image/jpeg')); }
  body.page-uvv     .hero{ background-image:image-set(url('/assets/hero_uvv.webp') type('image/webp'), url('/assets/hero_uvv.jpg') type('image/jpeg')); }
  body.page-ego     .hero{ background-image:image-set(url('/assets/hero_ego.webp') type('image/webp'), url('/assets/hero_ego.jpg') type('image/jpeg')); }
  body.page-granit  .hero{ background-image:image-set(url('/assets/hero_granit.webp') type('image/webp'), url('/assets/hero_granit.jpg') type('image/jpeg')); }
  body.page-oregon  .hero{ background-image:image-set(url('/assets/hero_oregon.webp') type('image/webp'), url('/assets/hero_oregon.jpg') type('image/jpeg')); }
  body.page-robot   .hero{ background-image:image-set(url('/assets/hero_maehroboter.webp') type('image/webp'), url('/assets/hero_maehroboter.jpg') type('image/jpeg')); }
  body.page-as-motor .hero{ background-image:image-set(url('/assets/tile_7.jpg') type('image/jpeg')); }
  body.page-kontakt .hero{ background-image:image-set(url('/assets/hero_start.webp') type('image/webp'), url('/assets/hero_start.jpg') type('image/jpeg')); }
}