.vbr-brekken {
  --bg: #0e2a47;
  --bg-light: #f6f8fb;
  --fg: #0e2a47;
  --muted: #6b7a90;
  --accent: #1d5ea8;
}
.vbr-brekken .container { max-width: 1400px; margin-inline:auto; }

/* Full-bleed bands */
.vbr-brekken__band { width: 100%; }
.vbr-brekken > .vbr-brekken__band:nth-of-type(odd) { background: #fff; }
.vbr-brekken > .vbr-brekken__band:nth-of-type(even) { background: var(--bg-light); }
.vbr-brekken__band .container {     padding-top: 60px;
    padding-bottom: 60px;}

    /* Hero: twee kolommen (tekst | video) op desktop */
.vbr-brekken__hero-inner{
 max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 1.25rem;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  display: grid; grid-template-columns: 1.1fr 1fr; gap: 1.5rem; align-items: center;
}

/* Video wrapper: 16:9 responsive embed */
.vbr-brekken__video {
  position: relative; width: 100%; aspect-ratio: 16/9; /* moderne browsers */
  background: #000; border-radius: 12px; overflow: hidden;
}
.vbr-brekken__video iframe, 
.vbr-brekken__video .wp-video, 
.vbr-brekken__video .wp-embed {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

/* Mobiel: stapelen */
@media (max-width: 900px){
  .vbr-brekken__hero-inner { grid-template-columns: 1fr; }
}

/* Hero */
.vbr-brekken__hero { background: #007cc3; color: #fff; }
.vbr-brekken__hero-inner { max-width: 1400px; margin:0 auto; padding: 3rem 1.25rem; }
.vbr-brekken__hero h1{ font-size:clamp(2rem,4vw,3rem); margin: 0 0 .5rem; color: white;}
.vbr-brekken__sub{ color:#d7e3f2; font-size:1.1rem; }
.vbr-brekken__badge{ display:inline-block; background:#fff; color:var(--accent); padding:.4rem .7rem; border-radius:999px; font-weight:700; font-size:.9rem; margin-bottom:.5rem; }

/* Typography */
.vbr-brekken h2 { font-size:clamp(1.6rem,2.5vw,2.2rem); color:var(--fg); margin:0 0 .75rem; }
.vbr-brekken__wysiwyg p { color:#213449; line-height:1.7; }
.vbr-brekken .btn { display:inline-block; padding:.65rem .95rem; border-radius:9px; text-decoration:none; border:1px solid #d6e1ef; }
.vbr-brekken .btn--primary{ background: #007cc3;
    color: #fff;
    border-radius: 100px; }
.vbr-brekken .btn--ghost{ background:transparent; color:#007cc3; border-color: #007cc3; border-radius:100px; }

/* Table */
.vbr-brekken__table-wrap { overflow:auto; background:#fff; border:1px solid #e5ecf6; border-radius:12px; }
.vbr-brekken__table-wrap table{ width:100%; border-collapse:collapse; }
.vbr-brekken__table-wrap th, .vbr-brekken__table-wrap td{ padding:.75rem .9rem; border-bottom:1px solid #eef3fa; text-align:left; }
.vbr-brekken__table-wrap thead th{ background:#f4f7fc; font-weight:700; }
.vbr-brekken__note{ color:var(--muted); margin-top:.6rem; }

/* Rules grid */
.vbr-brekken__rule-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; padding:0; list-style:none; }
.vbr-brekken__rule{ display:flex; gap:.8rem; background:#fff; padding:1rem; border-radius:12px; border:1px solid #e9f0fa; }
.vbr-brekken__rule-icon img{ width:40px; height:40px; object-fit:contain; }
.vbr-brekken__rule-body h3{ margin:.1rem 0 .25rem; font-size:1.05rem; }
.vbr-brekken__rule-body p{ margin:0; color:var(--muted); }

/* Quote */
.vbr-brekken__quote blockquote{ margin:0; padding-left:1rem; border-left:3px solid #4aa3ff; color:#2a3e55; }
.vbr-brekken__quote cite{ display:block; color:#6b7a90; margin-top:.25rem; }

/* IJsselmeer callout */
.vbr-brekken__callout{     margin-top: 1rem;
    padding: 0 10px;
    border: 1px dashed #ff0000;
    background: #fff;
    border-radius: 12px; }

/* Prep checklist */
.vbr-brekken__checklist{ padding-left:1.2rem; columns:2; }
.vbr-brekken__checklist li{ margin:.35rem 0; list-style-type:disc; }

/* FAQ */
.vbr-brekken__faq details{ border:1px solid #e3e9f1; border-radius:10px; padding:.75rem 1rem; background:#fff; }
.vbr-brekken__faq details+details{ margin-top:.5rem; }
.vbr-brekken__faq summary{ cursor:pointer; font-weight:600; }
.vbr-brekken__faq-a{ margin-top:.5rem; color:#2a3e55; }

/* CTA */
.vbr-brekken__cta{ text-align:center; }
.vbr-brekken__cta .vbr-brekken__cta-actions{ display:flex; gap:.75rem; justify-content:center; margin-top:.75rem; }

@media (max-width: 900px){
  .vbr-brekken__rule-grid{ grid-template-columns:1fr; }
  .vbr-brekken__checklist{ columns:1; }
}

.vbr-brekken__ijssel .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 1.25rem;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: grid
;
    grid-template-columns: 1.1fr 1fr;
    gap: 1.5rem;
    align-items: center;
}

/* Mobiel: stapelen */
@media (max-width: 900px){
  .vbr-brekken__ijssel .container { grid-template-columns: 1fr; }
}