.block .bedankt { background: white;}
.block.inhoud .paras, .block.programma .paras, .block.studie .paras { 
  display: grid;grid-template-columns: 2fr 1fr;gap: 20px;
  @media (max-width: 560px) { display: block;}
}
.paras .para { border: 2px solid #dfdfdf;border-radius: 10px;display: grid;grid-template-columns: 1fr;margin: 0;background: white;}
.paras .para h3 { height: 70px;margin: 0;line-height: 16px;font-size: 27px;color: white;background: #29275c;align-content: center;padding: 0 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.paras .para .tekst { padding: 20px;font-size: 16.5px;}
.block.programma { background-color: white;background-image: url(image/calque4.svg);}
.block.video { width: 100%;background: #9AB5DF40;}
.player {height: calc(100vh - 89px);}
.video-frame { width: 100%;height: 100%;border: 0;}

.pwrapper {position: relative;}
.paras .para.info { border: 0;background: none;}
.floatwrapper { width: 100%;z-index: 2;}
.floater { 
   border: 2px solid #dfdfdf;border-radius: 10px;display: grid;grid-template-columns: 1fr;margin: 0;background: white;position: sticky;top: 89px;/*overflow-y: auto;max-height: calc(100vh - 100px);*/
  @media (max-width: 560px) { position: unset;}
}
.sectie { margin: 20px 10px;border-bottom: 2px solid #dfdfdf;padding: 20px 0;}
.sectie input { margin-right: 20px;}
.sectie.prijs .bedrag.vol {  text-decoration: 2px #E00C line-through;margin-left: 5em;}
.wanneer .data>div { display: flex;align-items: baseline;}

/* strippenkaart FAQ */

    .wrap-faq{ max-width: 980px;margin: 56px auto;padding: 0 24px;}
    .faq{ margin-top: 14px;}
    details.faq-item{ border: 1px solid #D9D9D9;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,.12);background: #fff;margin: 14px 0;}
    /* summary (kop) */
    .faq-item > summary{ list-style: none;cursor: pointer;padding: 16px 18px;display: flex;align-items: center;justify-content: space-between;gap: 16px;font-weight: 600;color: #434270;background: #F4F4F4;user-select: none;}
    .faq-item > summary::-webkit-details-marker{ display:none;}
    /* rechter ?button? */
    .icon{ width: 28px;height: 28px;border-radius: 999px;display: grid;place-items: center;flex: 0 0 28px;transition: transform .2s ease, background-color .2s ease;background: #00A062;}
    .icon svg{ width: 14px;height: 14px;display: block;fill: none;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;stroke: #fff;/* pijl wit in gesloten staat */  }
    /* open state (zoals bovenste item in je screenshot) */
    details[open].faq-item > summary{ background: #00A062;color: #fff;}
    details[open].faq-item .icon{ background: #fff;/* witte cirkel */ transform: rotate(90deg);/* pijl ?naar beneden? effect */ }
    details[open].faq-item .icon svg{ stroke: #00A062;/* groene pijl */ }

   .answer{ padding: 16px 18px 18px;background: #fff;border-top: 1px solid rgba(0,0,0,.06);color: #2c2c2c;line-height: 1.55;font-size: 14px;}

    /* iets meer ?lucht? op mobiel */
    @media (max-width: 520px){ .faq-item > summary{ padding: 14px 14px;} .answer{ padding: 14px;}  }


.popup .x { position: absolute;top: 0;right: 0;padding: 10px 10px 20px 20px;cursor: pointer;}
.popup {
  position: fixed;width: 600px;height: 450px;top: calc(50vh - 225px);left: calc(50vw - 300px);background: white;border: 1px solid black;z-index: 10;overflow: auto;box-shadow: 20px 10px 100px lightblue;background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
  @media (max-width: 560px) { left: 20px;width: calc(100% - 40px);}
  .twocol { 
    display: grid;grid-template-columns: 1fr 1fr;
    @media (max-width: 560px) { display: block;}
  }
  .twocol >div { padding: 12px;}
  .Vraag { margin-top: 48px;}
  .Vraag .Field { margin-top: 12px;}
  .Referer { display: none;}
  .BasicWebFormSubmit { 	display: block;text-align: center;margin-top: 20px;}
  input, textarea { width: calc(100% - 6px);}
  textarea { min-height: 6em;}
}

/* Locaties */

.vLocaties .header { display: none}

.vLocaties img {border-top-left-radius: 10px;border-top-right-radius: 10px;}
/*.vLocaties .BasicWebViewRows { display: grid !important;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));gap: 20px;}*/
.vLocaties .BasicWebViewRow { display: block !important;}
.vLocaties .BasicWebViewCell {display: block !important;}
.vLocaties h4 { padding-left: 12px;}
.vLocaties .button { margin: auto;margin-top: 12px;display: block;width: fit-content;} 
.locatie-omschrijving {color: #29275C;}
.locatie-adres { padding-left: 12px;color: #29275C;}

/* ERROR */
.block.error404.top { background-image: url(image/homebwbg.webp);color: white;}



.video-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;/* optioneel */
}

/* 16:9 aspect ratio hack */
.video-container::before {
  content: "";
  display: block;
  padding-top: 56.25%;/* 9/16 * 100% */
}

.video-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}