/* Subtle, decorative image layer for selected AXDT service areas. */
.world {
  isolation: isolate;
}

.world::before {
  z-index: 1;
}

.world::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .32;
  filter: saturate(.72) contrast(.94);
  transition: transform .45s ease;
}

.world:hover::after {
  transform: scale(1.025);
}

.world > * {
  position: relative;
  z-index: 2;
}

.world-tech::after {
  background-image:
    linear-gradient(130deg, rgba(0,160,154,.15), rgba(0,92,89,.82)),
    image-set(
      url("../pics/ambient/automation-720.avif") type("image/avif"),
      url("../pics/ambient/automation-720.webp") type("image/webp")
    );
  background-position: 58% center;
}

.world-service::after {
  background-image:
    linear-gradient(130deg, rgba(243,108,33,.18), rgba(126,45,7,.86)),
    image-set(
      url("../pics/ambient/service-720.avif") type("image/avif"),
      url("../pics/ambient/service-720.webp") type("image/webp")
    );
  background-position: center;
}

.offer-overview .offer-visual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fff;
}

.offer-overview .offer-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.offer-overview .offer-visual > * {
  position: relative;
  z-index: 1;
}

.offer-after-sales::before {
  background-image:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 52%, rgba(255,255,255,.66) 100%),
    image-set(
      url("../pics/ambient/service-720.avif") type("image/avif"),
      url("../pics/ambient/service-720.webp") type("image/webp")
    );
  background-position: 60% center;
}

.offer-project::before {
  background-image:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 52%, rgba(255,255,255,.64) 100%),
    image-set(
      url("../pics/ambient/projektklaerung-720.avif") type("image/avif"),
      url("../pics/ambient/projektklaerung-720.webp") type("image/webp")
    );
  background-position: 63% center;
}

.offer-problem::before {
  background-image:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 52%, rgba(255,255,255,.64) 100%),
    image-set(
      url("../pics/ambient/problemloesung-720.avif") type("image/avif"),
      url("../pics/ambient/problemloesung-720.webp") type("image/webp")
    );
  background-position: 62% center;
}

body[data-page="technik"] .pro-hero::before,
body[data-page="unternehmensberatung"] .pro-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-page="technik"] .pro-hero::before {
  background-image:
    linear-gradient(90deg, rgba(6,44,43,.98) 0%, rgba(6,44,43,.94) 46%, rgba(6,44,43,.78) 100%),
    image-set(
      url("../pics/ambient/retrofit-1440.avif") type("image/avif"),
      url("../pics/ambient/retrofit-1440.webp") type("image/webp")
    );
  background-position: 62% center;
}

body[data-page="unternehmensberatung"] .pro-hero::before {
  background-image:
    linear-gradient(90deg, rgba(57,23,7,.98) 0%, rgba(57,23,7,.94) 48%, rgba(57,23,7,.80) 100%),
    image-set(
      url("../pics/ambient/service-1440.avif") type("image/avif"),
      url("../pics/ambient/service-1440.webp") type("image/webp")
    );
  background-position: 58% center;
}

@media (max-width: 760px) {
  .world::after {
    opacity: .24;
  }

  .offer-overview .offer-visual::before {
    opacity: .62;
  }

  body[data-page="technik"] .pro-hero::before {
    background-image:
      linear-gradient(180deg, rgba(6,44,43,.97), rgba(6,44,43,.90)),
      image-set(
        url("../pics/ambient/retrofit-720.avif") type("image/avif"),
        url("../pics/ambient/retrofit-720.webp") type("image/webp")
      );
    background-position: 68% center;
  }

  body[data-page="unternehmensberatung"] .pro-hero::before {
    background-image:
      linear-gradient(180deg, rgba(57,23,7,.97), rgba(57,23,7,.90)),
      image-set(
        url("../pics/ambient/service-720.avif") type("image/avif"),
        url("../pics/ambient/service-720.webp") type("image/webp")
      );
    background-position: 60% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .world::after {
    transition: none;
  }
}