/* Pagina-CSS Word zelfstandig trouwambtenaar: 1-op-1 met marcneerhof.nl. Prefix zt-. */

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

/* knoppen */
.zt-btnrij{display:flex;}
.zt-btnrij--midden{justify-content:center;}
.zt-sec .zt-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;}
.zt-sec .zt-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;}
.zt-sec .zt-btn--pop:hover,.zt-sec .zt-btn--pop:focus{background:#1f242c;color:#fff;}
.zt-sec .zt-btn--licht:hover,.zt-sec .zt-btn--licht:focus{background:#caa05a;color:#06090f;}

/* prijskaarten */
.zt-kaarten{display:flex;gap:24px;width:100%;}
.zt-kaarten--midden{justify-content:center;}
.zt-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;}
.zt-sec h4.zt-kaart-k{font:600 13px/15.6px Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#fff;}
.zt-sec h3.zt-kaart-prijs{font-size:34px;line-height:40.8px;color:#b88c48;}
.zt-sec .zt-kaart-sub{font-size:13.5px;line-height:18.9px;color:#b88c48;}
.zt-sec .zt-kaart-txt{font-size:15px;line-height:25.5px;color:#d9dde4;}
.zt-sec .zt-kaart-b{font-size:15px;line-height:22.5px;font-weight:600;color:#fff;}
.zt-sec .zt-kaart-ul ul{padding:0 0 0 20px;color:#d9dde4;font-size:15px;line-height:28.5px;text-align:left;}
.zt-sec .zt-kaart-ul li{margin-bottom:6px;}
.zt-sec .zt-kaart-ul li:last-child{margin-bottom:0;}

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

/* ervaringen */
.zt-rev{background:#fff;padding:96px 0;}
.zt-rev-in{gap:16px;}
.zt-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;}
.zt-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;}
.zt-sec .zt-rev-q{font:700 54px/27px "Playfair Display",sans-serif;color:#b88c48;}
.zt-sec .zt-rev-tekst{font-size:15px;line-height:25.5px;}
.zt-sec .zt-rev-naam{font-size:15px;line-height:22.5px;}
.zt-sec .zt-rev-naam strong{color:#1f242c;}
.zt-sec .zt-rev-naam span{color:#b88c48;font-size:13px;letter-spacing:.5px;}

/* aangesloten bij */
.zt-aang{padding:0 40px;}
.zt-aang-in{align-items:center;gap:20px;}
.zt-aang-kop{display:flex;flex-direction:column;align-items:center;}
.zt-sec h3.zt-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;}
.zt-aang-lijn{display:block;width:80px;height:80px;line-height:0;}
.zt-aang-lijn svg{display:block;width:80px;height:80px;}
.zt-logo{text-align:center;line-height:0;}
.zt-logo a{display:inline-block;}
.zt-logo img{display:inline-block;max-width:100%;height:auto;}

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

/* ---- Word zelfstandig trouwambtenaar: eigen secties ---- */
.zt-intro{background:#fff;padding:96px 0 64px;}
.zt-intro-in{gap:16px;}
.zt-sec .zt-p16{font-size:16px;line-height:28px;width:100%;}
.zt-sec .zt-p16--midden{text-align:center;}

.zt-route{padding:96px 0;}
.zt-route-in{gap:16px;}
.zt-route .zt-kaarten{margin-top:24px;}
.zt-route .zt-kaart{gap:10px;}
.zt-sec h4.zt-kaart-k{line-height:18.2px;}
.zt-sec .zt-kaart-sub{line-height:20.25px;}
.zt-sec .zt-kaart-prog{font-size:13px;line-height:18.2px;color:#b88c48;}
.zt-sec h4.zt-kaart-dag{font:600 17px/22.1px Inter,sans-serif;color:#fff;}
.zt-sec .zt-kaart-p{font-size:14.5px;line-height:23.2px;color:#d9dde4;}
.zt-sec .zt-kaart-ul2 ul,.zt-sec .zt-klaar-ul ul{padding:0 0 0 20px;color:#d9dde4;font-size:15px;line-height:27px;}
.zt-sec .zt-kaart-ul2 li,.zt-sec .zt-klaar-ul li{margin-bottom:6px;}

.zt-twijfel{padding:72px 0;}
.zt-twijfel-in{gap:18px;}
.zt-sec .zt-twijfel-ul ul{list-style:none;padding:0;font-size:15px;line-height:28.5px;text-align:center;}
.zt-sec .zt-twijfel-ul li{margin-bottom:8px;}
.zt-sec .zt-twijfel-ul li:last-child{margin-bottom:0;}
.zt-sec .zt-twijfel-p{font-size:14.5px;line-height:24.65px;text-align:center;}
.zt-sec .zt-twijfel-p a{color:#b88c48;}

.zt-klaar{padding:72px 0;}
.zt-klaar-rij{display:flex;align-items:center;gap:32px 60px;width:100%;max-width:1301px;margin:0 auto;}
.zt-klaar-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex:0 0 50%;}
.zt-klaar-beeld{display:flex;justify-content:center;align-items:center;flex:0 0 50%;}
.zt-sec .zt-klaar-p{font-size:15px;line-height:24px;color:#d9dde4;}
.zt-sec .zt-klaar-p2{font-size:15px;line-height:25.5px;color:#d9dde4;}
.zt-btnrij--klaar{margin-top:8px;}
.zt-sec .zt-vierkant{width:560px;aspect-ratio:1/1;}

.zt-aang-in{padding:72px 0 100px;}
.zt-aang-logos{display:flex;justify-content:center;align-items:center;gap:40px 70px;width:100%;}
.zt-aang-logos .zt-logo{height:65px;}
.zt-aang-logos .zt-logo img{height:58px;width:auto;}

@media(max-width:767px){
  .zt-intro{padding:56px 24px 40px;}
  .zt-sec .zt-p16--midden{text-align:left;}
  .zt-route{padding:56px 24px;}
  .zt-twijfel{padding:48px 24px;}
  .zt-sec .zt-twijfel-p{text-align:left;}
  .zt-klaar{padding:48px 24px;}
  .zt-klaar-rij{flex-direction:column;}
  .zt-klaar-tekst,.zt-klaar-beeld{flex:0 0 auto;width:100%;}
  .zt-sec .zt-vierkant{width:100%;}
  .zt-aang-in{padding:48px 0 60px;}
  .zt-aang-logos{flex-direction:column;}
  .zt-aang-logos .zt-logo{width:100%;height:63px;}
}