/* 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}

/* Zeigt bei randfuellenden Bildern den gesamten vertikalen Ausschnitt
   nach und nach beim Scrollen. Der Wert wird in script.js aktualisiert. */
.hero::before,
.sub-hero::before,
.course-hero,
.booking-hero,
.blog-hero,
.books-hero,
.gear-hero,
.kit-hero,
.legal-hero,
.sitemap-hero,
.hero-parallax > .hero-parallax-media {
  background-position: center var(--parallax-y, 50%) !important;
  will-change: background-position;
}

.course-v2-wide-image img,
.split-feature > img,
.guide-photo > img,
.original-course-image-parallax img {
  object-position: center var(--parallax-y, 50%) !important;
  will-change: object-position;
}

@media (prefers-reduced-motion: reduce) {
  .hero::before,
  .sub-hero::before,
  .course-hero,
  .booking-hero,
  .blog-hero,
  .books-hero,
  .gear-hero,
  .kit-hero,
  .legal-hero,
  .sitemap-hero,
  .hero-parallax > .hero-parallax-media {
    background-position: center !important;
    will-change: auto;
  }

  .course-v2-wide-image img,
  .split-feature > img,
  .guide-photo > img,
  .original-course-image-parallax img {
    object-position: center !important;
    will-change: auto;
  }
}

@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}
}