/* Action-Test auf Basis der unveränderten Version 10.
   Alle Hero-Texte beginnen identisch höher; keine roten Linien/Glints.
   Die Explosion liegt auf einer über die Fotokante reichenden Canvasfläche. */
main > .hero,
main > .inner-hero.hero { align-items: start; }
main > .hero > .wrap.hero-inner,
main > .inner-hero.hero > .wrap.hero-inner {
  align-self: start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 68px;
  padding-bottom: 70px;
}
@media(max-width:600px) {
  main > .hero > .wrap.hero-inner,
  main > .inner-hero.hero > .wrap.hero-inner {
    padding-top: 56px;
    padding-bottom: 48px;
  }
}
/* Explosionshintergrund ragt über die Bildfläche hinaus, ohne Layout zu verschieben. */
/* The wide action canvases may extend beyond the cut-out image but must
   never add horizontal page scrolling. clip (not hidden) avoids creating
   a nested scroll container and keeps the sticky navigation intact. */
html, body, main { max-width: 100%; overflow-x: clip; }
body.action-supported { overflow-x: clip; }

.feature-image.feature-image-cutout.action-scene {
  position:relative;
  overflow:visible;
  isolation:isolate;
}
.action-scene .action-canvas-back,
.action-scene .action-canvas-dust {
  position:absolute;
  display:block;
  pointer-events:none;
  max-width:none;
}
.action-scene .action-canvas-back {
  z-index:0;
  width:178%;
  height:210%;
  left:-32%;
  top:-55%;
  /* Sanftes Auslaufen am *äußeren* Rand, nicht an der Fotokante. */
  -webkit-mask-image: radial-gradient(ellipse 80% 77% at 52% 50%, #000 38%, rgba(0,0,0,.96) 53%, rgba(0,0,0,.78) 68%, transparent 95%);
  mask-image: radial-gradient(ellipse 80% 77% at 52% 50%, #000 38%, rgba(0,0,0,.96) 53%, rgba(0,0,0,.78) 68%, transparent 95%);
}
.action-scene .action-van-img {
  position:relative;
  z-index:2;
  transform:none!important;
}
.action-scene .action-canvas-dust {
  z-index:3;
  width:125%;
  height:38%;
  left:-12%;
  bottom:-5%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
@media(max-width:600px) {
  .action-scene .action-canvas-back {width:155%;height:155%;left:-27%;top:-20%;}
  .action-scene .action-canvas-dust {width:115%;left:-7%;}
}
@media(prefers-reduced-motion:reduce) {
  .action-canvas-back,.action-canvas-dust {display:none!important;}
}
/* The burst may extend beyond the image but must never create horizontal scrolling. */
html {overflow-x:clip;}