/* Different entrances for the existing mobile chapters. No layout or film changes. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px) {
  html body.editorial-site #main>section:not(#start) [data-mobile-chapter][data-mobile-chapter] {
    opacity:1!important;
    transform:none!important;
    clip-path:var(--chapter-final-mask,none)!important;
    transition:opacity var(--chapter-fade,.55s) ease,
      transform var(--chapter-travel,.7s) cubic-bezier(.2,.7,.2,1),
      clip-path var(--chapter-travel,.7s) cubic-bezier(.2,.7,.2,1)!important;
    transition-delay:var(--chapter-delay,0s)!important;
  }
  html body.editorial-site #main>section:not(#start) [data-mobile-chapter=pending][data-mobile-chapter] {
    opacity:0!important;
    transform:var(--chapter-from,none)!important;
    clip-path:var(--chapter-mask,none)!important;
  }

  /* Selection: the complete opening keeps its existing scroll-led entrance. */
  html body.editorial-site #main #vergleich :is(.p-discovery,.p-example) {
    --chapter-from:none;
    --chapter-fade:.65s;
  }

  /* About: reveal the photograph, then let the anchored copy quietly appear. */
  html body.editorial-site #main #ueber-uns .p-portrait {
    --chapter-mask:inset(0 0 14% 0);
    --chapter-final-mask:inset(0);
    --chapter-travel:.85s;
  }
  html body.editorial-site #main #ueber-uns h2 {
    --chapter-fade:.7s;
    --chapter-delay:.08s;
  }
  html body.editorial-site #main #ueber-uns .personal-mobile-story {
    --chapter-from:translate3d(0,8px,0);
    --chapter-fade:.7s;
  }

  /* Offer: numbered services arrive from the side, price settles gently. */
  html body.editorial-site #main #reiseauswahl .p-inclusions li {
    --chapter-from:translate3d(12px,0,0);
    --chapter-travel:.6s;
  }
  html body.editorial-site #main #reiseauswahl .p-inclusions li:nth-child(2) {--chapter-delay:.045s}
  html body.editorial-site #main #reiseauswahl .p-inclusions li:nth-child(3) {--chapter-delay:.09s}
  html body.editorial-site #main #reiseauswahl .p-inclusions li:nth-child(4) {--chapter-delay:.135s}
  html body.editorial-site #main #reiseauswahl .p-inclusions li:nth-child(5) {--chapter-delay:.18s}
  html body.editorial-site #main #reiseauswahl .offer-reservation {
    --chapter-from:scale(.985);
    --chapter-travel:.75s;
  }

  /* Process: movement follows the horizontal cards; refund stays calm. */
  html body.editorial-site #main #ablauf .p-process li {
    --chapter-from:translate3d(18px,0,0);
    --chapter-travel:.65s;
  }
  html body.editorial-site #main #ablauf .p-refund {--chapter-fade:.75s}

  /* Places: photographic focus instead of moving the whole card. */
  html body.editorial-site #main #regionen .mobile-coast-scene {
    transform:none!important;
    transition:opacity .7s ease!important;
  }
  html body.editorial-site #main #regionen .mobile-coast-scene[data-region-scene=pending] {
    transform:none!important;
  }
  html body.editorial-site #main #regionen .mobile-coast-scene[data-region-scene=pending] .region figure>img {
    transform:scale(1.04)!important;
  }

  /* Compass: the question settles; the existing dial and answers keep moving. */
  html body.editorial-site #main #regionen-check .quiz-panel {
    --chapter-from:scale(.99);
    --chapter-travel:.7s;
  }
  html body.editorial-site #main #regionen-check .check-intro {--chapter-from:none;--chapter-fade:.75s}

  /* FAQ: stagger rows rather than lifting one large block. */
  html body.editorial-site #main #faq .mobile-faq[data-mobile-chapter][data-mobile-chapter] {
    opacity:1!important;
    transform:none!important;
  }
  html body.editorial-site #main #faq .mobile-faq[data-mobile-chapter] details {
    opacity:1;
    transform:none;
    transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--faq-row-delay,0s);
  }
  html body.editorial-site #main #faq .mobile-faq[data-mobile-chapter=pending] details {
    opacity:0;
    transform:translate3d(0,8px,0);
  }
  html body.editorial-site #main #faq .mobile-faq details:nth-of-type(2) {--faq-row-delay:.055s}
  html body.editorial-site #main #faq .mobile-faq details:nth-of-type(3) {--faq-row-delay:.11s}
  html body.editorial-site #main #faq .mobile-faq details:nth-of-type(4) {--faq-row-delay:.165s}
  html body.editorial-site #main #faq .mobile-faq details:nth-of-type(n+5) {--faq-row-delay:.22s}

  /* Closing: uncover the title over the living reef, then show the action. */
  html body.editorial-site #main #anfrage .closing-title {
    --chapter-mask:inset(0 0 22% 0);
    --chapter-final-mask:inset(0);
    --chapter-travel:.8s;
  }
  html body.editorial-site #main #anfrage .closing-action {
    --chapter-from:translate3d(0,10px,0);
    --chapter-delay:.12s;
  }
  html body.editorial-site footer [data-mobile-chapter][data-mobile-chapter] {
    transform:none!important;
    transition:opacity .8s ease!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html:not(.site-motion-opt-in) body.editorial-site #main #regionen .mobile-coast-scene .region figure>img {
    transform:none!important;
    transition:none!important;
  }
}

/* A translated snap target makes browsers re-snap the first card sideways.
   Reveal its surface without moving its horizontal scroll position. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main #ablauf .p-process li[data-mobile-chapter][data-mobile-chapter]{
  --chapter-from:none;--chapter-mask:inset(0 0 6% 0);--chapter-final-mask:inset(0);
  transform:none!important;
  transition:opacity .65s ease,clip-path .75s cubic-bezier(.22,.7,.25,1)!important;
 }
}