/* Aanvullende stijlen voor de losse pagina's.
   Gebruikt dezelfde kleuren en fonts als site.css. */

.paginainhoud{padding-top:86px;}

/* --- kop van een losse pagina --- */
.paginakop{
  max-width:1100px;margin:0 auto;padding:56px 24px 34px;
  display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center;
}
.paginakop .pk-eyebrow{
  font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;
  letter-spacing:3px;text-transform:uppercase;color:var(--cyan);
}
.paginakop .pk-titel{
  font-family:'Saira Extra Condensed',sans-serif;font-weight:900;
  font-size:clamp(38px,7vw,74px);line-height:.95;letter-spacing:1px;
  text-transform:uppercase;color:var(--white);margin:0;text-wrap:balance;
}
.paginakop .pk-intro{
  font-family:'DM Sans',sans-serif;font-weight:300;
  font-size:clamp(15px,2vw,18px);line-height:1.65;color:rgba(246,247,247,.62);
  max-width:60ch;margin:0;
}
.paginakop::after{
  content:'';width:74px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--purple),var(--blue),var(--cyan));
}

/* --- tekstpagina's (privacy, voorwaarden) --- */
.tekstblok{
  max-width:760px;margin:0 auto;padding:8px 24px 30px;
  font-family:'DM Sans',sans-serif;font-weight:300;
  font-size:16px;line-height:1.75;color:rgba(246,247,247,.76);
}
.tekstblok h2{
  font-family:'Saira Extra Condensed',sans-serif;font-weight:800;
  font-size:27px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--white);margin:38px 0 12px;
}
.tekstblok h2:first-child{margin-top:8px;}
.tekstblok p{margin:0 0 15px;}
.tekstblok ul{margin:0 0 18px;padding-left:20px;}
.tekstblok li{margin-bottom:9px;}
.tekstblok strong{color:var(--white);font-weight:500;}
.tekstblok a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(5,234,184,.35);}
.tekstblok a:hover{border-bottom-color:var(--cyan);}

/* --- veelgestelde vragen --- */
.faq-lijst{max-width:760px;margin:0 auto;padding:8px 24px 30px;display:flex;flex-direction:column;gap:10px;}
.faq-item{
  background:var(--dark2);border:1px solid rgba(113,58,255,.18);border-radius:11px;
  overflow:hidden;transition:border-color .2s;
}
.faq-item[open]{border-color:rgba(113,58,255,.45);}
.faq-item summary{
  cursor:pointer;list-style:none;padding:17px 46px 17px 20px;position:relative;
  font-family:'Saira Extra Condensed',sans-serif;font-weight:700;
  font-size:20px;letter-spacing:.4px;color:var(--white);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:'+';position:absolute;right:19px;top:50%;transform:translateY(-50%);
  font-family:'DM Sans',sans-serif;font-size:21px;font-weight:300;color:var(--cyan);
  transition:transform .2s;
}
.faq-item[open] summary::after{content:'–';}
.faq-item summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;}
.faq-item p{
  margin:0;padding:0 20px 19px;
  font-family:'DM Sans',sans-serif;font-weight:300;font-size:15.5px;line-height:1.7;
  color:rgba(246,247,247,.7);
}

/* --- kruislinks onderaan elke pagina --- */
.kruislinks{max-width:1100px;margin:0 auto;padding:40px 24px 60px;}
.kruislinks .kl-kop{
  font-family:'Saira Extra Condensed',sans-serif;font-weight:800;
  font-size:23px;letter-spacing:1px;text-transform:uppercase;
  color:rgba(246,247,247,.5);margin:0 0 16px;text-align:center;
}
.kl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;}
.kl-kaart{
  display:flex;flex-direction:column;gap:4px;text-decoration:none;
  background:var(--dark2);border:1px solid rgba(113,58,255,.16);border-radius:11px;
  padding:16px 17px;transition:border-color .2s,transform .2s,background .2s;
}
.kl-kaart:hover{border-color:rgba(5,234,184,.45);background:var(--dark3);transform:translateY(-2px);}
.kl-kaart:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.kl-titel{
  font-family:'Saira Extra Condensed',sans-serif;font-weight:800;
  font-size:20px;letter-spacing:.5px;text-transform:uppercase;color:var(--white);
}
.kl-sub{font-family:'DM Sans',sans-serif;font-weight:300;font-size:13.5px;color:rgba(246,247,247,.5);}

/* --- footer met links --- */
.footer-links{
  font-family:'DM Sans',sans-serif;font-weight:300;font-size:13px;
  color:rgba(246,247,247,.38);margin:9px 0 0;line-height:2;
}
.footer-links a{color:rgba(246,247,247,.55);text-decoration:none;}
.footer-links a:hover{color:var(--cyan);}

/* --- actief menu-item --- */
.nav-links a.actief{color:var(--cyan);}

@media (prefers-reduced-motion: reduce){
  .kl-kaart{transition:none;}
  .kl-kaart:hover{transform:none;}
}

/* --- logo's: hoogte komt uit site.css, breedte volgt de vierkante verhouding --- */
.nav-logo img{ width:auto; }
.footer-logo{ width:auto; }

/* --- klein beheerlinkje onderaan, alleen zichtbaar als je weet waar het zit --- */
.footer-beheer{ margin:14px 0 0; text-align:center; line-height:1; }
.footer-beheer a{
  color:rgba(246,247,247,.10);
  text-decoration:none;
  font-size:15px;
  padding:6px 12px;
  transition:color .2s;
}
.footer-beheer a:hover, .footer-beheer a:focus-visible{ color:rgba(246,247,247,.55); }