/* Pagina-CSS BABS voor een dag: 1-op-1 met marcneerhof.nl. Prefix bt-. */

/* ---- gedeelde basis (gemeten op marcneerhof.nl, 1280 en 393) ---- */
.bt-sec{position:relative;background:#f5f3ef;}
.bt-sec *,.bt-sec *::before,.bt-sec *::after{box-sizing:border-box;}
.bt-sec .mb-container{display:contents;}
.bt-in{display:flex;flex-direction:column;width:100%;max-width:1301px;margin:0 auto;}
.bt-midden{align-items:center;}
.bt-clip{overflow-x:clip;}
.bt-sec .bt-h{margin:0;font-family:"Playfair Display",sans-serif;font-weight:600;color:#1f242c;}
.bt-sec .bt-t{margin:0;font-family:Inter,sans-serif;color:#4c4c4c;}
.bt-sec .bt-t p{margin:0 0 14.4px;}
.bt-sec .bt-t ul{margin:0;}
.bt-sec .bt-t strong{font-weight:700;}
.bt-sec .bt-t a{color:inherit;text-decoration:none;}
.bt-sec h2.bt-h2{font-size:40px;line-height:46px;text-align:center;}
.bt-sec h2.bt-h2--32{font-size:32px;line-height:36.8px;}
.bt-sec .bt-h2--wit{color:#fff;}
.bt-sec .bt-eyebrow{color:#b88c48;font:600 14px/19.6px Inter,sans-serif;letter-spacing:2.5px;text-transform:uppercase;text-align:center;}
.bt-sec .bt-img{display:block;max-width:100%;height:auto;}
.bt-donker{background:#0b1018;}

/* knoppen */
.bt-btnrij{display:flex;}
.bt-btnrij--midden{justify-content:center;}
.bt-sec .bt-btn{display:inline-flex;align-items:center;gap:10px;padding:17px 32px;background:#b88c48;color:#06090f;font:600 13px/13px Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .3s;}
.bt-sec .bt-btn::after{content:"";flex:0 0 13px;width:13px;height:13px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center/contain no-repeat;}
.bt-sec .bt-btn--pop:hover,.bt-sec .bt-btn--pop:focus{background:#1f242c;color:#fff;}
.bt-sec .bt-btn--licht:hover,.bt-sec .bt-btn--licht:focus{background:#caa05a;color:#06090f;}

/* prijskaarten */
.bt-kaarten{display:flex;gap:24px;width:100%;}
.bt-kaarten--midden{justify-content:center;}
.bt-kaart{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;width:48%;padding:36px 32px;background:#161b24;border:1px solid #2a2f3a;border-radius:6px;}
.bt-sec h4.bt-kaart-k{font:600 13px/15.6px Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#fff;}
.bt-sec h3.bt-kaart-prijs{font-size:34px;line-height:40.8px;color:#b88c48;}
.bt-sec .bt-kaart-sub{font-size:13.5px;line-height:18.9px;color:#b88c48;}
.bt-sec .bt-kaart-txt{font-size:15px;line-height:25.5px;color:#d9dde4;}
.bt-sec .bt-kaart-b{font-size:15px;line-height:22.5px;font-weight:600;color:#fff;}
.bt-sec .bt-kaart-ul ul{padding:0 0 0 20px;color:#d9dde4;font-size:15px;line-height:28.5px;text-align:left;}
.bt-sec .bt-kaart-ul li{margin-bottom:6px;}
.bt-sec .bt-kaart-ul li:last-child{margin-bottom:0;}

/* faq */
.bt-faq{padding:96px 0;}
.bt-faq-in{gap:36px;}
.bt-faq-kop{display:flex;flex-direction:column;align-items:center;gap:16px;width:50%;}
.bt-faq-rij{display:flex;gap:8px 48px;width:100%;}
.bt-faq-kol{display:flex;flex-direction:column;gap:20px;flex:0 0 auto;width:48%;}
.bt-btnrij--faq{width:100%;margin-top:8px;}
.bt-sec .mn-faq-wrap{width:100%;display:flex;flex-direction:column;}
.bt-sec .mn-faq-item{border-bottom:1px solid #e0d9cd;overflow:hidden;}
.bt-sec .mn-faq-item:first-child{border-top:1px solid #e0d9cd;}
.bt-sec .mn-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:20px 4px;font:600 16.5px/1.4 Inter,sans-serif;color:#1f242c;list-style:none;}
.bt-sec .mn-faq-q::-webkit-details-marker{display:none;}
.bt-sec .mn-faq-icon{flex:0 0 auto;width:20px;height:20px;position:relative;}
.bt-sec .mn-faq-icon::before,.bt-sec .mn-faq-icon::after{content:"";position:absolute;background:#b88c48;border-radius:2px;transition:transform .25s,opacity .25s;}
.bt-sec .mn-faq-icon::before{width:2px;height:14px;top:3px;left:9px;}
.bt-sec .mn-faq-icon::after{width:14px;height:2px;top:9px;left:3px;}
.bt-sec details[open] .mn-faq-icon::before{transform:rotate(90deg);opacity:0;}
.bt-sec .mn-faq-a{padding:0 4px 22px;font:400 15.5px/1.75 Inter,sans-serif;color:#4c4c4c;max-width:720px;}
.bt-sec .mn-faq-a p{margin:0;}

/* ervaringen */
.bt-rev{background:#fff;padding:96px 0;}
.bt-rev-in{gap:16px;}
.bt-rev-rij{display:flex;justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:1300px;margin:60px auto 40px;padding:0 30px;overflow:hidden;}
.bt-rev-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:0 0 31%;padding:30px 28px;background:#fff;border:1px solid #e7e1d6;border-radius:4px;}
.bt-sec .bt-rev-q{font:700 54px/27px "Playfair Display",sans-serif;color:#b88c48;}
.bt-sec .bt-rev-tekst{font-size:15px;line-height:25.5px;}
.bt-sec .bt-rev-naam{font-size:15px;line-height:22.5px;}
.bt-sec .bt-rev-naam strong{color:#1f242c;}
.bt-sec .bt-rev-naam span{color:#b88c48;font-size:13px;letter-spacing:.5px;}

/* aangesloten bij */
.bt-aang{padding:0 40px;}
.bt-aang-in{align-items:center;gap:20px;}
.bt-aang-kop{display:flex;flex-direction:column;align-items:center;}
.bt-sec h3.bt-aang-h{margin:8px 0 -20px;font-size:var(--mn-kit-h3);line-height:calc(var(--mn-kit-h3) * 1.2);text-align:center;position:relative;z-index:1;}
.bt-aang-lijn{display:block;width:80px;height:80px;line-height:0;}
.bt-aang-lijn svg{display:block;width:80px;height:80px;}
.bt-logo{text-align:center;line-height:0;}
.bt-logo a{display:inline-block;}
.bt-logo img{display:inline-block;max-width:100%;height:auto;}

@media(max-width:767px){
  .bt-sec h2.bt-h2{font-size:28px;line-height:32.2px;}
  .bt-sec h2.bt-h2--32{font-size:24px;line-height:27.6px;}
  .bt-sec h2.bt-h2,.bt-sec .bt-eyebrow{text-align:left;width:fit-content;max-width:100%;}
  .bt-sec .bt-btn{padding:12px 20px;font-size:11px;line-height:11px;letter-spacing:1px;}
  .bt-sec .bt-btn::after{flex-basis:11px;width:11px;height:11px;}
  .bt-kaarten{flex-direction:column;}
  .bt-kaart{width:100%;padding:28px 22px;}
  .bt-faq{padding:64px 24px;}
  .bt-faq-kop{width:100%;}
  .bt-faq-rij{flex-direction:column;}
  .bt-faq-kol{width:100%;}
  .bt-rev{padding:60px 24px;}
  .bt-rev-rij{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 30px 6px;gap:14px;}
  .bt-rev-rij::-webkit-scrollbar{display:none;}
  .bt-rev-kaart{flex:0 0 85%;scroll-snap-align:center;}
  .bt-aang{padding:0 24px;}
  .bt-aang-in{gap:0;}
  .bt-sec h3.bt-aang-h{font-size:28px;line-height:33.6px;text-align:left;}
}

/* ---- BABS voor een dag: eigen secties ---- */
/* intro met werkboek */
.bt-s1{padding:0 40px;}
.bt-s1-in{padding:100px 0 50px;gap:20px;}
.bt-s1-rij1{display:flex;gap:20px;}
.bt-s1-l{display:flex;flex-direction:column;gap:40px;width:63.917%;}
.bt-s1-r{display:flex;flex-direction:column;gap:20px;width:34.417%;}
.bt-sec h4.bt-ibox-t{margin:8px 0 30px;font-size:var(--mn-kit-h4);line-height:calc(var(--mn-kit-h4) * 1.2);}
.bt-sec .bt-ibox-d{font-size:var(--mn-kit-body);line-height:var(--mn-kit-lh);}
.bt-sec .bt-boek{width:100%;aspect-ratio:457/359;}
.bt-wb{width:400.531px;max-width:100%;text-align:center;}
.bt-sec h4.bt-wb-t{margin:0 0 10px;padding:6px;background:#caa05a;font-size:24px;line-height:28.8px;font-weight:400;}
.bt-sec .bt-wb-d{font-size:var(--mn-kit-body);line-height:var(--mn-kit-lh);}
.bt-s1-rij2{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:80%;}
.bt-sec h4.bt-h4l{width:100%;padding-top:33px;font-size:20px;line-height:26px;}
.bt-sec .bt-p952{width:99.149%;font-size:16px;line-height:28px;}
.bt-sec .bt-check ul{list-style:none;padding:0;}
.bt-sec .bt-check li{display:flex;align-items:center;margin-top:7.5px;padding-bottom:7.5px;font-size:16px;line-height:25.6px;color:#4c4c4c;}
.bt-sec .bt-check li:first-child{margin-top:0;}
.bt-sec .bt-check li:last-child{padding-bottom:0;}
.bt-sec .bt-check li::before{content:"";flex:0 0 14px;width:14px;height:14px;margin-right:8.5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23b88c48' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center/contain no-repeat;}

/* klaar om hun ceremonie te leiden (breder dan de viewport, zoals op de bron) */
.bt-s2{padding:40px 0 64px;}
.bt-s2-rij{display:flex;align-items:center;gap:32px 56px;max-width:1301px;}
.bt-s2-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:0 0 50%;}
.bt-s2-beeld{display:flex;justify-content:center;align-items:center;flex:0 0 50%;}
.bt-sec .bt-vol{width:100%;aspect-ratio:4/3;}
.bt-sec .bt-p15{font-size:15px;line-height:25.5px;}

/* lijst-secties */
.bt-sl{padding:0 40px;}
.bt-sl-in{padding:0 0 100px;gap:20px;}
.bt-sec h3.bt-h3l{font-size:24px;line-height:31.2px;}
.bt-sec .bt-p16{font-size:16px;line-height:28px;}
.bt-sec .bt-p16 ul{padding:0 0 0 40px;}
.bt-sl .bt-btnrij{justify-content:flex-start;}

/* quote op foto */
.bt-quote{display:flex;flex-direction:column;padding:0 40px;min-height:647px;background:#06090f url("https://marcneerhof.nl/wp-content/uploads/2026/09/Group-61.png") 50% 50%/cover no-repeat;}
.bt-quote-in{flex:1 1 auto;justify-content:center;align-items:center;gap:30px;padding:40px 0;}
.bt-sec .bt-beeldmerk{width:116px;height:30px;}
.bt-sec h3.bt-quote-h{width:83.6%;font-size:24px;line-height:31.2px;text-align:center;color:#fff;}

/* investering */
.bt-prijs{padding:96px 0;}
.bt-prijs-in{gap:16px;}
.bt-prijs .bt-kaarten{margin-top:16px;}
.bt-prijs .bt-kaart{gap:4px;}
.bt-btnrij--prijs{width:100%;margin-top:28px;}

@media(max-width:767px){
  .bt-s1{padding:0 24px;}
  .bt-s1-in{padding:40px 0;gap:30px;}
  .bt-s1-rij1{flex-direction:column;gap:30px;}
  .bt-s1-l{width:100%;gap:30px;}
  .bt-s1-r{width:100%;}
  .bt-sec h4.bt-ibox-t{margin:8px 0 20px;font-size:24px;line-height:28.8px;}
  .bt-sec .bt-ibox-d{font-size:16px;line-height:20.8px;}
  .bt-wb{width:100%;text-align:left;}
  .bt-sec .bt-wb-d{font-size:16px;line-height:20.8px;}
  .bt-s1-rij2{width:100%;gap:30px;}
  .bt-s2{padding:8px 24px 48px;}
  .bt-s2-rij{flex-direction:column;}
  .bt-s2-tekst,.bt-s2-beeld{flex:0 0 auto;width:100%;}
  .bt-sec h2.bt-h2--32{font-size:24px;line-height:27.6px;}
  .bt-sl{padding:0 24px;}
  .bt-sl-in{padding:40px 0;gap:30px;}
  .bt-sec h3.bt-h3l{font-size:21px;line-height:27.3px;}
  .bt-quote{padding:0 24px;min-height:0;}
  .bt-quote-in{padding:60px 0;gap:20px;}
  .bt-sec h3.bt-quote-h{font-size:21px;line-height:27.3px;text-align:left;}
  .bt-prijs{padding:56px 24px;}
  .bt-aang-in{padding:0 0 60px;}
  .bt-aang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  .bt-aang-grid .bt-logo:nth-child(2) img{max-width:96px;}
}
@media(min-width:768px){
  .bt-aang-in{padding:0 0 100px;}
  .bt-aang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;align-items:center;}
}
.bt-aang-grid{align-items:center;width:100%;}