/* Kleinere Varianten für datenintensive Hero-Bilder. */
.hero::before{background-image:linear-gradient(rgba(8,10,7,.22),rgba(8,10,7,.35)),url("assets/lars/hero-1200.webp")}
.books-hero{background-image:linear-gradient(90deg,rgba(23,23,20,.88),rgba(23,23,20,.22)),url("assets/lars/hero-1200.webp")}
.kit-hero{background-image:linear-gradient(90deg,rgba(23,23,20,.9),rgba(23,23,20,.18)),url("assets/kit/kit-00-1200.webp")}
.gear-hero{--hero-image:url("assets/gear/gear-00-1200.webp")!important}
@media(max-width:700px){
  .hero::before{background-image:linear-gradient(rgba(8,10,7,.22),rgba(8,10,7,.35)),url("assets/lars/hero-640.webp")}
  .books-hero{background-image:linear-gradient(90deg,rgba(23,23,20,.88),rgba(23,23,20,.22)),url("assets/lars/hero-640.webp")}
  .kit-hero{background-image:linear-gradient(90deg,rgba(23,23,20,.9),rgba(23,23,20,.18)),url("assets/kit/kit-00-640.webp")}
  .gear-hero{--hero-image:url("assets/gear/gear-00-640.webp")!important}
}