/* 0.4.75: one edge-to-edge image format for the two mobility chapters.
   The source sections also cover mobile, reduced motion, print and no-JS. */
.vg-site :is(#sonderschutzfahrzeuge, #fahrten-termine-reisen) .vg-illustrated-media {
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
  background: transparent;
  overflow: hidden;
}
.vg-site :is(#sonderschutzfahrzeuge, #fahrten-termine-reisen) .vg-illustrated-media > picture,
.vg-site :is(#sonderschutzfahrzeuge, #fahrten-termine-reisen) .vg-illustrated-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  aspect-ratio: auto;
  background: transparent;
  clip-path: none;
}
.vg-site :is(#sonderschutzfahrzeuge, #fahrten-termine-reisen) .vg-illustrated-media img {
  object-fit: cover;
  object-position: center;
}
/* Retain both heads when the taller walking photograph fills a wide frame. */
.vg-site #fahrten-termine-reisen .vg-illustrated-media img[src*="VG-MOB-E01"] {
  object-position: 50% 0%;
}

/* The desktop stage uses clones without their source picture classes. */
.vg-story-069:has(#sonderschutzfahrzeuge) :is(.vg-story-069__stage, .vg-story-069__frame, .vg-story-069__slide, .vg-story-069__slide > picture, .vg-story-069__slide img) {
  background: transparent;
}
.vg-story-069:has(#sonderschutzfahrzeuge) .vg-story-069__frame {
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: none;
}
.vg-story-069:has(#sonderschutzfahrzeuge) .vg-story-069__slide > picture > img {
  object-fit: cover;
  object-position: center;
}
.vg-story-069:has(#sonderschutzfahrzeuge) .vg-story-069__slide img[src*="VG-MOB-E01"] {
  object-position: 50% 0%;
}

/* Keep the established hero height, text layout and gradient. Only the image
   viewport and focal point are tailored to the approved wide airport scene. */
section.vg-mobility-hero-075 .vg-panorama-picture {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: 0;
}
section.vg-mobility-hero-075 .vg-panorama-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 75% 80%;
}
@media (min-width: 1800px) {
  section.vg-mobility-hero-075 .vg-panorama-picture {
    width: 75%;
    margin-left: 25%;
  }
}
@media (max-width: 900px) {
  section.vg-mobility-hero-075 .vg-panorama-picture img {
    object-position: 78% 50%;
  }
}