/* Animated entrances must not become automatic scroll-position anchors.
   Scope this to the mobile content after the cinematic, preserving all motion. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 /* Disable automatic position corrections at the document root too: a
    header or the film's sticky stage must not anchor the mobile page. */
 html:has(body.editorial-site),html body.editorial-site{overflow-anchor:none}
 html body.editorial-site #main>section:not(#start),
 html body.editorial-site>footer{overflow-anchor:none}
}

/* Total space between content blocks, rather than two 54px paddings. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main>section:not(#start){padding-block:40px!important}
 html body.editorial-site #main>section#vergleich{padding-top:80px!important}
 html body.editorial-site #main>section#reiseauswahl{padding-bottom:32px!important}
 html body.editorial-site #main>section#ablauf{padding-top:32px!important}
 html body.editorial-site #main>section#regionen{padding-bottom:36px!important}
 html body.editorial-site #main>section.compass-section:not(#start){padding-top:36px!important}
 html body.editorial-site #main>section#faq{padding-bottom:54px!important}
 html body.editorial-site #main>section#anfrage{padding-block:0!important}
 html body.editorial-site #main>section#anfrage .closing-layout{padding-block:54px!important}
}