/* Sectie "Zo werkt het, in het kort": film pal onder de hero. Kleuren en maten uit
   commercial.css en depth.css (--paper, --blue, --muted, --near, section-intro-breedte). */
.uitleg{background:var(--paper);padding:100px 6% 60px}
.uitleg-kader{max-width:1060px;margin:0 auto;text-align:center}
.uitleg-label{color:var(--blue);font-size:15px;font-weight:500;letter-spacing:.02em;margin:0 0 20px}
.uitleg-vlak{position:relative;width:100%;aspect-ratio:1200/750;overflow:hidden;border-radius:6px;background:var(--white);box-shadow:var(--near)}
.uitleg-film{display:block;width:100%;height:100%;border:0}
.uitleg-noot{font-size:12px;color:var(--muted);line-height:1.55;margin:18px 0 0}

@media(max-width:760px){
  .uitleg{padding:55px 6% 45px}
  .uitleg-label{font-size:12px;margin-bottom:15px}
  .uitleg-noot{margin-top:15px}
}

/* Vanaf hier laadt de film staand (uitleg.js zet ?staand=1 op de iframe-src). */
@media(max-width:699px){
  .uitleg-vlak{aspect-ratio:750/1000}
}