/* Uitgebreide pagina Persoonsbeveiliging (15-10-2026): secties .kw-pb tussen de Divi-secties van de dienstpagina.
   Maten gemeten op de bestaande pagina's (15-10): sectie padding 4% (±50px), rij 80% / max 1220px, navy-sectie bovenhoeken 40px,
   kaart #282A46 op navy en 20px rond met 40px 30px binnenruimte, koppen PT Serif cursief met regelhoogte 1 (h2 34px, h3 30px),
   lopende tekst Switzer 15px/25.5px #66687E (op navy wit, zoals de homepage), goud #B2914E als accent. */
.kw-pb{padding:4% 0;position:relative}
.kw-pb-wit{background:#fff}
.kw-pb-creme{background:#F3F0ED}
.kw-pb-navy{background:#20223F;border-radius:40px 40px 0 0;z-index:1}
.kw-pb-voor-navy{padding-bottom:calc(4% + 40px);margin-bottom:-40px}   /* witte achtergrond achter de ronde hoeken */
.kw-pb-wrap{width:80%;max-width:1220px;margin:0 auto}
.kw-pb .et_pb_module{margin-bottom:0}
.kw-pb .et_pb_text_inner p,.kw-pb .et_pb_text_inner li{color:#66687E;font-size:15px;line-height:25.5px}
.kw-pb .et_pb_text_inner p{padding:0 0 12px}
.kw-pb .et_pb_text_inner p:last-child{padding-bottom:0}
.kw-pb .et_pb_text_inner ul{padding:4px 0 0 1.2em;list-style:none}
.kw-pb .et_pb_text_inner li{position:relative;padding:0 0 8px 6px}
.kw-pb .et_pb_text_inner li::before{content:"";position:absolute;left:-1em;top:10px;width:7px;height:7px;border-radius:50%;background:#B2914E}
.kw-pb h2{font-family:'PT Serif',Georgia,serif;font-size:34px;line-height:1;font-weight:500;color:#20223F;padding:0 0 20px}
.kw-pb h3{font-family:'PT Serif',Georgia,serif;font-size:30px;line-height:1;font-weight:500;color:#20223F;padding:0 0 14px}
.kw-pb-4 h3{font-size:24px}
.kw-pb-4 .kw-pb-kaart{padding:40px 24px}   /* "Beveiligingsplan" (±166px bij 24px) moet in één kaart van vier passen */
.kw-pb-faq .kw-pb-kaart h3{font-size:22px;line-height:1.15}
.kw-pb-navy h2,.kw-pb-navy h3{color:#fff}
.kw-pb-navy .et_pb_text_inner p,.kw-pb-navy .et_pb_text_inner li{color:rgba(255,255,255,.9)}
.kw-pb-midden{text-align:center;max-width:760px;margin:0 auto 40px}
/* raster */
.kw-pb-2{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.kw-pb-2-breed{display:grid;grid-template-columns:3fr 2fr;gap:60px;align-items:center}
.kw-pb-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kw-pb-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kw-pb-3 .kw-pb-kaart{padding:30px}
.kw-pb-3 h3{font-size:24px}
.kw-pb-onder{margin:30px auto 0}
/* kaarten */
.kw-pb-kaart{background:#fff;border-radius:20px;padding:40px 30px;height:100%;box-sizing:border-box}
.kw-pb-wit .kw-pb-kaart{background:#F3F0ED}
.kw-pb-navy .kw-pb-kaart{background:#282A46}
.kw-pb-kaart-goud{border-top:4px solid #B2914E}
.kw-pb-kaart-navy{background:#20223F!important}
.kw-pb-kaart-navy h3{color:#fff}
.kw-pb-kaart-navy .et_pb_text_inner p,.kw-pb-kaart-navy .et_pb_text_inner li{color:rgba(255,255,255,.9)}
/* "ook bekend als" */
.kw-pb-tags .et_pb_text_inner ul{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 0}
.kw-pb-tags .et_pb_text_inner li{padding:8px 16px;border:1px solid #B2914E;border-radius:50px;color:#20223F;font-weight:600;font-size:14px;line-height:1.3}
.kw-pb-tags .et_pb_text_inner li::before{display:none}
/* genummerde stappen */
.kw-pb-stap-nr{display:block;margin:0 0 16px;font-family:'PT Serif',Georgia,serif;font-style:italic;font-size:40px;line-height:1;color:#B2914E}
/* melding acuut gevaar */
.kw-pb-melding{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;background:#20223F;border-radius:20px;padding:30px 40px}
.kw-pb-melding .et_pb_text_inner p{color:#fff;margin:0}
.kw-pb-melding .et_pb_code{flex:0 0 auto}
/* knoppen onder een sectie */
.kw-pb-knop{margin-top:30px}
.kw-pb-knop .kiepe-cta-center,.kw-pb-knop .kiepe-cta-left{margin:0}
/* artikelen over het onderwerp (content.js onderwerpFilter) */
.kw-artikelen h2{text-align:center;margin-bottom:10px}
.kw-artikel-kaart{display:flex;flex-direction:column;text-decoration:none!important;transition:transform .15s}
.kw-artikel-kaart:hover{transform:translateY(-2px)}
.kw-artikel-kaart img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:12px;margin:-10px 0 20px}
.kw-artikel-kaart p{color:#66687E;font-size:15px;line-height:25.5px;padding:0 0 14px;flex:1}
.kw-artikel-meer{color:#20223F;font-weight:600;border-bottom:1px solid #B2914E;align-self:flex-start}
@media (max-width:1200px){
  .kw-pb-4,.kw-pb-3{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .kw-pb{padding:50px 0}
  .kw-pb-voor-navy{padding-bottom:90px}
  .kw-pb-4,.kw-pb-3{grid-template-columns:1fr 1fr}
  .kw-pb-2-breed{grid-template-columns:1fr;gap:32px}
}
@media (max-width:767px){
  .kw-pb h2{font-size:30px}
  .kw-pb h3,.kw-pb-4 h3{font-size:26px}
  .kw-pb-faq .kw-pb-kaart h3{font-size:21px}
  .kw-pb-2,.kw-pb-3,.kw-pb-4{grid-template-columns:1fr;gap:16px}
  .kw-pb-kaart{padding:30px 24px}
  .kw-pb-midden{margin-bottom:28px}
  .kw-pb-melding{flex-direction:column;align-items:flex-start;padding:26px 24px}
}
/* Contrast "De voordelen" (PageSpeed 15-10): grijze tekst #66687E op kaart #282A46 was te weinig contrast; nu wit zoals de nieuwe navy-secties */
.et_pb_section_2 .et_pb_column_1_3 .et_pb_text_inner p,.et_pb_section_2 .et_pb_column_1_3 .et_pb_text_inner span{color:rgba(255,255,255,.9)!important}