/* ==========================================================================
   Vluchtcompensaties 11.1 – UI-stijl v2
   Rustig, redactioneel, veel witruimte. Eén kaartstijl, één knopstijl,
   één kopstijl. Wordt na ui-11.css geladen.
   ========================================================================== */
:root{
  --v2-navy:#0a1d5b;
  --v2-blue:#0b5cff;
  --v2-blue-soft:#eef3ff;
  --v2-yellow:#ffaa00;
  --v2-yellow-hover:#f09a00;
  --v2-green:#12a85a;
  --v2-bg:#f5f7fb;
  --v2-line:#e3e7f0;
  --v2-muted:#55617d;
  --v2-radius:20px;
  --v2-radius-sm:14px;
  --v2-shadow:0 1px 2px rgba(10,29,91,.05),0 12px 32px -18px rgba(10,29,91,.22);
}

/* ---------- Header zonder zoekbalk ---------- */
html body .cb-header-top{display:flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding-top:0;padding-bottom:0}
html body .cb-brand{justify-self:auto;margin:0}
html body .cb-site-header .cb-brand img{height:30px}
html body .cb-header-nav{border-top:1px solid var(--v2-line)}
html body .cb-site-header .vc-site-nav--desktop a,
html body .cb-site-header .vc-site-nav--desktop button{font-size:16px!important;font-weight:600!important;padding:16px 14px!important}
html body .cb-service-nav a{font-size:15px;color:var(--v2-muted)}
html body .cb-service-nav a:hover{color:var(--v2-navy)}
html body .cb-site-header .vc-language-trigger{height:44px;border-width:1px;border-color:var(--v2-line)}
html body .vc-header-cta{height:44px;padding:0 22px!important;font-size:15px!important}

/* ---------- Algemene secties ---------- */
html body .vc-home .vc-section{padding:96px 0}
html body .vc-home .vc-section:nth-of-type(even){background:var(--v2-bg)}
html body .vc-home .vc-section:nth-of-type(odd){background:#fff}
html body .vc-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:64px;align-items:end;max-width:none!important;margin:0 0 48px!important;text-align:left}
html body .vc-section-heading .vc-eyebrow{grid-column:1;margin-bottom:12px}
html body .vc-section-heading h2{grid-column:1;margin:0!important;font-size:clamp(30px,3.3vw,44px)!important;line-height:1.1!important;letter-spacing:-.03em}
html body .vc-section-heading p{grid-column:2;grid-row:1/3;margin:0!important;font-size:18px!important;line-height:1.6;color:var(--v2-muted)!important;align-self:end}
html body .vc-eyebrow{font-size:13px!important;letter-spacing:.08em!important}

/* Eén kaartstijl */
html body .vc-home .vc-problem-card,
html body .vc-home .vc-support-card,
html body .vc-home .vc-compare-panel,
html body .vc-home .vc-compensation-panel,
html body .vc-home .vc-faq-item,
html body .vc-home .vc-airline-card{border:1px solid var(--v2-line)!important;border-radius:var(--v2-radius)!important;box-shadow:none!important;background:#fff!important}

/* ---------- Vergelijking: wij vs. zelf ---------- */
html body .vc-compare-grid{position:relative;gap:24px!important}
html body .vc-compare-panel{padding:40px!important;border-top-width:1px!important}
html body .vc-home .vc-compare-panel--primary{background:var(--v2-navy)!important;border-color:var(--v2-navy)!important;color:#fff}
html body .vc-compare-panel--primary h3{color:#fff!important}
html body .vc-compare-panel--primary .vc-compare-tag{color:var(--v2-yellow)!important}
html body .vc-compare-panel--primary .vc-compare-lead,
html body .vc-compare-panel--primary li span:not(.vc-compare-mark){color:rgba(255,255,255,.78)!important}
html body .vc-compare-panel--primary li strong{color:#fff!important}
html body .vc-compare-panel--primary li{border-color:rgba(255,255,255,.14)!important}
html body .vc-compare-panel--primary .vc-compare-mark{background:var(--v2-yellow)!important;color:var(--v2-navy)!important}
html body .vc-compare-panel--muted{background:#fff!important}
html body .vc-compare-panel--muted .vc-compare-mark{background:#f1f2f6!important;color:#8a93a8!important}
html body .vc-compare-mark{width:24px!important;height:24px!important;border-radius:50%!important;display:inline-grid!important;place-items:center;flex:none}
html body .vc-compare-points li{display:flex!important;gap:14px;padding:16px 0!important}
html body .vc-compare-points li strong{font-size:16px}
html body .vc-compare-points li span{font-size:15px}

/* ---------- Hulpkaarten ---------- */
html body .vc-support-card{padding:36px!important;transition:transform .2s,box-shadow .2s}
html body .vc-support-card:hover{transform:translateY(-3px);box-shadow:var(--v2-shadow)!important}
html body .vc-support-icon{width:56px!important;height:56px!important;border-radius:16px!important;background:var(--v2-blue-soft)!important}
html body .vc-support-icon svg{width:24px;height:24px}
html body .vc-support-card h3{font-size:20px!important;margin:24px 0 8px!important}
html body .vc-support-card p{font-size:15px;line-height:1.6}

/* ---------- Vluchtproblemen: vier tegels ---------- */
html body .vc-problem-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}
html body .vc-problem-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding:28px!important;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
html body .vc-problem-card:hover{border-color:var(--v2-blue)!important;transform:translateY(-3px);box-shadow:var(--v2-shadow)!important}
html body .vc-problem-card h3{font-size:19px!important;margin:20px 0 8px!important;padding:0!important}
html body .vc-problem-card h3::after{display:none!important;content:none!important}
html body .vc-problem-card p{font-size:15px;line-height:1.55;color:var(--v2-muted);margin:0 0 20px!important}
html body .vc-problem-icon{width:52px!important;height:52px!important;border-radius:14px!important;display:grid!important;place-items:center}
html body .vc-problem-link{margin-top:auto!important;padding:0!important;font-size:15px!important;font-weight:700;color:var(--v2-blue)!important;display:inline-flex;gap:6px;align-items:center}

/* ---------- Vluchtcheck + bedragen ---------- */
html body .vc-claim-overview-grid{gap:24px!important;align-items:stretch!important}
html body .vc-claim-steps-panel,html body .vc-compensation-panel{padding:44px!important;border-radius:var(--v2-radius)!important}
html body .vc-compensation-row strong{font-size:16px!important;letter-spacing:0;display:block}
html body .vc-compensation-row span{font-size:14px;color:var(--v2-muted)}
html body .vc-compensation-row b{font-size:28px;font-weight:800;color:var(--v2-blue);letter-spacing:-.02em}

/* ---------- Stappen als tijdlijn ---------- */
html body .vc-step-flow{position:relative;gap:40px!important}
html body .vc-step-flow::before{content:"";position:absolute;top:22px;left:22px;right:22px;height:2px;background:repeating-linear-gradient(90deg,var(--v2-line) 0 8px,transparent 8px 14px);z-index:0}
html body .vc-step-card{position:relative;z-index:1;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .vc-step-pill{background:var(--v2-yellow)!important;color:var(--v2-navy)!important;box-shadow:0 0 0 8px #fff}
html body .vc-step-card h3{font-size:20px!important;margin:8px 0 8px!important}
html body .vc-step-card p{color:var(--v2-muted);font-size:15px;line-height:1.6}

/* CTA-band */
html body .vc-cta-band{margin-top:56px!important;background:var(--v2-navy)!important;border-radius:var(--v2-radius)!important;padding:32px 40px!important;display:flex!important;align-items:center;gap:20px}
html body .vc-cta-band h2,html body .vc-cta-band h3,html body .vc-cta-band strong{color:#fff!important}
html body .vc-cta-band p,html body .vc-cta-band span{color:rgba(255,255,255,.8)!important}
html body .vc-cta-band-icon{background:rgba(255,255,255,.1)!important;color:var(--v2-yellow)!important;border-radius:14px!important}
html body .vc-cta-band-button{margin-left:auto}

/* ---------- Airlines als chips ---------- */
html body .vc-airline-grid-showcase{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}
html body .vc-airline-card{min-height:72px!important;border-radius:var(--v2-radius-sm)!important}

/* ---------- Nieuws ---------- */
html body .vc-home-news{padding:96px 0!important;background:#fff}
html body .vc-home-news .vc-blog-card{border:1px solid var(--v2-line)!important;border-radius:var(--v2-radius)!important;box-shadow:none!important}
html body .vc-home-news .vc-blog-card:hover{border-color:var(--v2-blue)!important}
html body .vc-home-news-action a{background:#fff!important;color:var(--v2-navy)!important;border:1px solid var(--v2-line)!important}

/* ---------- FAQ: kop links, vragen rechts ---------- */
html body .vc-faq-section .vc-container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
html body .vc-faq-section .vc-section-heading{display:block;position:sticky;top:120px;margin:0!important}
html body .vc-faq-section .vc-section-heading p{margin-top:16px!important}
html body .vc-faq-wrap{max-width:none!important;margin:0!important;width:100%}
html body .vc-faq-list{display:grid;gap:12px}
html body .vc-faq-item{border-radius:var(--v2-radius-sm)!important;margin:0!important}
html body .vc-faq-item summary{font-size:17px!important;padding:22px 24px!important}
html body .vc-faq-item[open]{border-color:var(--v2-blue)!important}

/* ---------- Mobiel ---------- */
@media (max-width:1100px){
  html body .vc-problem-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:860px){
  html body .vc-home .vc-section,html body .vc-home-news{padding:64px 0!important}
  html body .vc-section-heading{display:block}
  html body .vc-section-heading p{margin-top:14px!important;font-size:17px!important}
  html body .vc-problem-grid{grid-template-columns:1fr!important}
  html body .vc-compare-panel,html body .vc-claim-steps-panel,html body .vc-compensation-panel{padding:28px!important}
  html body .vc-step-flow::before{display:none}
  html body .vc-cta-band{flex-direction:column;align-items:flex-start;padding:28px!important}
  html body .vc-cta-band-button{margin-left:0}
  html body .vc-faq-section .vc-container{display:block}
  html body .vc-faq-section .vc-section-heading{position:static;margin-bottom:28px!important}
  html body .cb-header-top{min-height:64px}
}

/* blauwe driehoek onder hero weg */
html body .vc-home .vc-seo-topics::before,html body .vc-home .vc-hero + .vc-section::before{display:none!important;content:none!important}
html body .vc-news-category{border:0!important;padding:0!important;background:none!important}

/* ===== 11.2.0 – UI-verfijning ===== */
/* Eén eyebrow-stijl overal (ook in panelen) */
.vc-eyebrow{font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1.4!important}
.vc-claim-steps-panel .vc-eyebrow{color:var(--v2-yellow,#ffb400)!important}
/* Koppen rustiger: minder strakke letterspatiëring, betere regelhoogte */
.vc-home h2,.vc-blog-hero h1,.vc-subhero h1{letter-spacing:-.025em!important;line-height:1.1!important}
.vc-section-heading h2{font-size:clamp(32px,3.6vw,48px)!important;max-width:16ch}
.vc-section-heading p{font-size:18px!important;line-height:1.65!important;max-width:52ch}
/* Blog-hero: eyebrow niet meer tegen de header geplakt */
.vc-blog-hero{padding:72px 0 64px!important}
.vc-blog-hero .vc-eyebrow{display:inline-block;margin:0 0 14px!important}
.vc-blog-hero h1{font-size:clamp(36px,4.4vw,56px)!important;margin:0 0 14px!important}
/* Blogkaarten: zelfde beeldverhouding als op de homepage */
.vc-blog-card-media{aspect-ratio:16/9!important;height:auto!important;overflow:hidden}
.vc-blog-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .4s ease}
.vc-blog-card:hover .vc-blog-card-media img{transform:scale(1.03)}
.vc-blog-card{display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.vc-blog-card:hover{box-shadow:0 14px 34px -18px rgba(11,31,77,.35);transform:translateY(-2px)}
.vc-blog-card-body h3,.vc-blog-card-body h2{font-size:21px!important;line-height:1.3!important}
.vc-news-meta{font-size:13px!important}
.vc-news-category{letter-spacing:.08em}
/* Filterbalk */
.vc-blog-filters{align-items:end!important;border:1px solid #e3e8f0!important;border-radius:20px!important}
.vc-blog-filters input,.vc-blog-filters select,.vc-blog-reset{height:52px!important;border-radius:12px!important}
.vc-blog-reset{border:1px solid #d5dce8!important;background:#fff!important;padding:0 22px!important}
.vc-blog-reset:hover{border-color:var(--v2-blue,#1463f3)!important;color:var(--v2-blue,#1463f3)!important}
/* Stappen: lijn stopt na laatste stap */
.vc-step-card:last-of-type::after,.vc-step-card:last-of-type::before{display:none!important}
.vc-step-card h3{font-size:22px!important;margin-top:28px!important}
/* CTA-band: icoon leesbaar op navy */
.vc-cta-band-icon{background:rgba(255,255,255,.1)!important;color:var(--v2-yellow,#ffb400)!important;border-radius:14px!important}
.vc-cta-band-icon svg{color:var(--v2-yellow,#ffb400)!important;stroke:currentColor}
/* Compensatieblok: alleen hoogste bedrag uitlichten, rest rustig */
.vc-claim-steps-panel{box-shadow:none!important}
/* Nieuws op home met kop + intro zoals andere secties */
.vc-home-news-heading{margin-bottom:40px}
.vc-home-news-action a{border:1px solid #d5dce8!important;box-shadow:none!important;font-weight:700!important;padding:14px 28px!important;border-radius:999px!important}
.vc-home-news-action a:hover{border-color:var(--v2-blue,#1463f3)!important;color:var(--v2-blue,#1463f3)!important}
/* Probleemkaarten: link onderaan uitlijnen */
.vc-problem-card a,.vc-problem-card .vc-card-link{margin-top:auto!important}
/* Navigatie: actieve/hover-staat */
.cb-nav a:hover,.cb-nav .current-menu-item>a{color:var(--v2-blue,#1463f3)!important}
@media (max-width:860px){.vc-blog-hero{padding:48px 0 44px!important}.vc-section-heading h2{max-width:none}}
@media (min-width:861px){html body .vc-step-flow::before{right:calc((100% - 48px) / 3 - 22px)!important}}

/* ===== 11.3.0 – nieuwe stijl: stappen, vluchtcheck/compensatie, vergelijking ===== */
/* --- Vergelijking: één kaart, twee kolommen, VS-badge --- */
html body .vc-compare-grid--clean{position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;background:#fff;border:1px solid #e3e8f0;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(11,31,77,.35)}
html body .vc-compare-grid--clean::after{content:"VS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid #e3e8f0;display:grid;place-items:center;font-weight:800;font-size:15px;color:#0b1f4d;box-shadow:0 8px 20px -10px rgba(11,31,77,.4);z-index:2}
html body .vc-home .vc-compare-grid--clean .vc-compare-panel{border:0!important;border-radius:0!important;box-shadow:none!important;padding:48px 52px!important;margin:0!important}
html body .vc-home .vc-compare-grid--clean .vc-compare-panel--primary{background:linear-gradient(160deg,#0b1f4d 0%,#13306f 100%)!important;color:#fff}
html body .vc-home .vc-compare-grid--clean .vc-compare-panel--muted{background:#f7f9fc!important}
html body .vc-compare-panel h3{font-size:30px!important;margin:6px 0 10px!important;letter-spacing:-.02em}
html body .vc-compare-tag{display:inline-flex!important;padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase}
html body .vc-compare-panel--primary .vc-compare-tag{background:rgba(255,180,0,.16)!important;color:#ffb400!important}
html body .vc-compare-panel--muted .vc-compare-tag{background:#e8edf5!important;color:#5b6b85!important}
html body .vc-compare-panel--primary .vc-compare-lead{color:rgba(255,255,255,.78)!important}
html body .vc-compare-points{list-style:none!important;margin:28px 0 0!important;padding:0!important;display:grid;gap:12px}
html body .vc-compare-points li{display:flex!important;gap:14px!important;align-items:flex-start;padding:16px 18px!important;border-radius:16px!important;border:0!important}
html body .vc-compare-points--positive li{background:rgba(255,255,255,.07)!important}
html body .vc-compare-points--negative li{background:#fff!important;border:1px solid #e8edf5!important}
html body .vc-compare-points li strong{display:block;font-size:16px!important;margin-bottom:2px}
html body .vc-compare-points--positive li strong{color:#fff!important}
html body .vc-compare-points--positive li span:not(.vc-compare-mark){color:rgba(255,255,255,.72)!important}
html body .vc-compare-points--negative li strong{color:#0b1f4d!important}
html body .vc-compare-mark{flex:0 0 28px;width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center}
html body .vc-compare-points--positive .vc-compare-mark{background:#ffb400!important;color:#0b1f4d!important}
html body .vc-compare-points--negative .vc-compare-mark{background:#fde8e8!important;color:#c0392b!important}
html body .vc-compare-mark svg{width:14px!important;height:14px!important}

/* --- Vluchtcheck + compensatie: één samengesteld blok --- */
html body .vc-claim-overview-grid{display:grid!important;grid-template-columns:1.1fr 1fr!important;gap:0!important;border-radius:28px;overflow:hidden;border:1px solid #e3e8f0;background:#fff;box-shadow:0 30px 60px -40px rgba(11,31,77,.35)}
html body .vc-claim-overview-grid>article{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:52px!important}
html body .vc-claim-steps-panel{background:radial-gradient(120% 90% at 0% 0%,#1a3d8a 0%,#0b1f4d 60%)!important;color:#fff}
html body .vc-claim-steps-panel h2{color:#fff!important;font-size:clamp(30px,3vw,42px)!important}
html body .vc-claim-steps-panel>p{color:rgba(255,255,255,.8)!important;font-size:17px}
html body .vc-about-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:32px 0!important}
html body .vc-about-stat{display:flex!important;flex-direction:column;gap:6px;padding:20px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
html body .vc-about-number{width:34px!important;height:34px!important;border-radius:10px!important;background:#ffb400!important;color:#0b1f4d!important;display:grid!important;place-items:center;font-weight:800;font-size:15px;margin-bottom:6px;position:static!important}
html body .vc-about-stat strong{color:#fff!important;font-size:16px!important;line-height:1.3}
html body .vc-about-stat small{color:rgba(255,255,255,.7)!important;font-size:13.5px!important;line-height:1.5}
html body .vc-compensation-panel{background:#fff!important}
html body .vc-compensation-panel h2{font-size:clamp(28px,2.6vw,38px)!important}
/* Staafdiagram in plaats van rijen */
html body .vc-compensation-scale{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;align-items:end;margin:32px 0 24px!important;min-height:280px}
html body .vc-compensation-row{display:flex!important;flex-direction:column-reverse!important;justify-content:flex-start!important;align-items:stretch!important;gap:12px!important;padding:0!important;background:none!important;border:0!important}
html body .vc-compensation-row b{display:flex!important;align-items:flex-start;justify-content:center;padding-top:18px;border-radius:16px 16px 6px 6px;background:#e7efff!important;color:#1463f3!important;font-size:26px!important;font-weight:800}
html body .vc-compensation-row:nth-child(1) b{height:120px}
html body .vc-compensation-row:nth-child(2) b{height:170px;background:#cfdfff!important}
html body .vc-compensation-row:nth-child(3) b{height:230px;background:#1463f3!important;color:#fff!important}
html body .vc-compensation-row>div{text-align:center}
html body .vc-compensation-row>div strong{display:block;font-size:14px!important;color:#0b1f4d!important}
html body .vc-compensation-row>div span{font-size:12.5px!important;color:#6b7a90!important}
html body .vc-compensation-note{display:block;padding:14px 16px!important;border-radius:12px;background:#f5f7fb;border:0!important;color:#4a5a73!important}

/* --- Stappen: kaarten met groot nummer en verbindingspijl --- */
html body .vc-process-redesign{background:#f5f7fb!important}
html body .vc-step-flow::before{display:none!important}
html body .vc-step-flow{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr!important;gap:16px!important;align-items:stretch}
html body .vc-step-arrow{display:grid!important;place-items:center;align-self:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e3e8f0;color:#1463f3}
html body .vc-step-arrow svg{width:18px;height:18px}
html body .vc-step-card{position:relative;overflow:hidden;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:24px!important;padding:36px 32px 34px!important;transition:transform .2s,box-shadow .2s}
html body .vc-step-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(11,31,77,.35)}
html body .vc-step-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#ffb400;display:block!important}
html body .vc-step-pill{display:inline-grid!important;place-items:center;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;font-size:56px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.04em;color:transparent!important;-webkit-text-stroke:1.5px #1463f3;padding:0!important;border-radius:0!important}
html body .vc-step-card h3{font-size:21px!important;margin:22px 0 10px!important;color:#0b1f4d}
html body .vc-step-card p{margin:0!important;color:#55657e;line-height:1.6}

@media (max-width:960px){
  html body .vc-compare-grid--clean,html body .vc-claim-overview-grid{grid-template-columns:1fr!important}
  html body .vc-compare-grid--clean::after{top:auto;bottom:auto;display:none}
  html body .vc-home .vc-compare-grid--clean .vc-compare-panel,html body .vc-claim-overview-grid>article{padding:32px 24px!important}
  html body .vc-about-stats{grid-template-columns:1fr!important}
  html body .vc-step-flow{grid-template-columns:1fr!important}
  html body .vc-step-arrow{transform:rotate(90deg);justify-self:center}
  html body .vc-compensation-scale{min-height:230px}
}
/* 11.3.0 correcties */
html body .vc-compare-grid--clean::after{display:none!important}
html body .vc-about-stats{grid-template-columns:1fr!important;gap:10px!important;margin:28px 0 32px!important}
html body .vc-about-stat{display:grid!important;grid-template-columns:40px 1fr;column-gap:16px;row-gap:2px;align-items:center;padding:16px 18px!important}
html body .vc-about-number{grid-row:span 2;margin:0!important;width:40px!important;height:40px!important}
html body .vc-claim-steps-panel{display:flex!important;flex-direction:column}
html body .vc-claim-panel-button{margin-top:auto!important;align-self:flex-start}
html body .vc-compensation-row,html body .vc-compensation-row:last-child{background:none!important;box-shadow:none!important}
html body .vc-step-pill{color:#dbe6ff!important;-webkit-text-stroke:0!important;font-size:64px!important}
html body .vc-step-card:last-of-type::after{display:block!important}
html body .vc-step-card{border-top:4px solid #ffb400!important}
html body .vc-step-card::after{display:none!important}
html body .vc-step-card h3{margin-top:14px!important}
html body .vc-about-stat{column-gap:16px!important;gap:2px 16px!important}html body .vc-about-stat strong,html body .vc-about-stat small{grid-column:2}

/* ===== 11.4.0 – kleuren, contrast en icoontjes ===== */
:root{--v2-text:#0b1f4d;--v2-body:#3d4b63;--v2-muted:#4f5e78;--v2-link:#0b55d9}
/* Leesbare grijstinten (WCAG AA op wit) */
html body .vc-home p,html body .vc-section-heading p,html body .vc-step-card p,html body .vc-blog-card-body p,html body .vc-problem-card p{color:var(--v2-body)!important}
html body .vc-compensation-row>div span,html body .vc-news-meta time,html body .vc-blog-count{color:var(--v2-muted)!important}
html body .vc-eyebrow,html body .vc-news-category,html body .vc-problem-link,html body .vc-compensation-panel .vc-eyebrow{color:var(--v2-link)!important}
/* Op donker: geel accent, wit tekst */
html body .vc-claim-steps-panel .vc-eyebrow,html body .vc-blog-hero .vc-eyebrow{color:#ffc233!important}
html body .vc-claim-steps-panel>p,html body .vc-compare-panel--primary .vc-compare-lead{color:rgba(255,255,255,.88)!important}
html body .vc-about-stat small,html body .vc-compare-points--positive li span:not(.vc-compare-mark){color:rgba(255,255,255,.82)!important}
/* Icoontjes: uniforme maat en lijndikte */
html body .vc-icon{display:inline-grid;place-items:center;line-height:0}
html body .vc-icon svg{width:1.25em;height:1.25em}
html body .vc-problem-icon{width:56px!important;height:56px!important;border-radius:16px!important;display:grid!important;place-items:center}
html body .vc-problem-icon svg{width:26px!important;height:26px!important}
html body .vc-tone-amber{background:#fff4dc!important;color:#b26a00!important}
html body .vc-tone-red{background:#fde8e8!important;color:#c0322b!important}
html body .vc-tone-blue{background:#e5eeff!important;color:#0b55d9!important}
html body .vc-tone-teal{background:#dff5ef!important;color:#0e7c66!important}
html body .vc-problem-card:hover{border-color:var(--v2-link)!important}
html body .vc-problem-link svg{transition:transform .2s}
html body .vc-problem-card:hover .vc-problem-link svg{transform:translateX(3px)}
/* Vinkjes en kruisjes duidelijker */
html body .vc-compare-points--positive .vc-compare-mark{background:#ffc233!important;color:#0b1f4d!important}
html body .vc-compare-points--negative .vc-compare-mark{background:#fde8e8!important;color:#b42318!important}
html body .vc-compare-mark svg{width:15px!important;height:15px!important}
/* Stapnummers zichtbaarder */
html body .vc-step-pill{color:#b9cdfb!important}
/* Staaf €400: tekst donkerder voor contrast */
html body .vc-compensation-row:nth-child(1) b{color:#0b4fcf!important}
html body .vc-compensation-row:nth-child(2) b{background:#b9cdfb!important;color:#0b1f4d!important}
html body .vc-compensation-row:nth-child(3) b{background:#0b55d9!important}
/* CTA-knoppen: iets warmer geel met donkere tekst, duidelijke focus */
html body .cb-cta,html body .vc-claim-panel-button,html body .vc-cta-band-button{background:#ffc233!important;color:#0b1f4d!important}
html body .cb-cta:hover,html body .vc-claim-panel-button:hover,html body .vc-cta-band-button:hover{background:#ffb000!important}
html body a:focus-visible,html body button:focus-visible{outline:3px solid #0b55d9!important;outline-offset:3px}
html body .vc-cta-band-icon{color:#ffc233!important}
html body .vc-problem-icon .vc-icon,html body .vc-problem-icon .vc-icon svg{width:26px!important;height:26px!important}
html body .vc-compare-mark .vc-icon,html body .vc-compare-mark .vc-icon svg{width:16px!important;height:16px!important}
html body .vc-support-icon,html body .vc-help-icon{width:56px!important;height:56px!important;border-radius:16px!important;display:grid!important;place-items:center;background:#e5eeff!important;color:#0b55d9!important}
html body .vc-support-icon .vc-icon,html body .vc-support-icon svg,html body .vc-help-icon .vc-icon,html body .vc-help-icon svg{width:26px!important;height:26px!important}
html body .vc-cta-band-icon .vc-icon,html body .vc-cta-band-icon svg{width:24px!important;height:24px!important}
html body .vc-cta-band p,html body .vc-cta-band-copy p,html body .vc-cta-band-copy span,html body .vc-compare-panel--primary p,html body .vc-claim-steps-panel p{color:rgba(255,255,255,.86)!important}

/* ===== 11.4.1 – mobiele weergave vernieuwde onderdelen ===== */
@media (max-width:640px){
  /* Vergelijking: twee losse kaarten met ruimte ertussen */
  html body .vc-compare-grid--clean{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;gap:14px!important;border-radius:0!important}
  html body .vc-home .vc-compare-grid--clean .vc-compare-panel{border-radius:22px!important;padding:26px 20px!important}
  html body .vc-home .vc-compare-grid--clean .vc-compare-panel--muted{border:1px solid #e3e8f0!important}
  html body .vc-compare-panel h3{font-size:24px!important}
  html body .vc-compare-points{margin-top:20px!important;gap:8px!important}
  html body .vc-compare-points li{padding:13px 14px!important;gap:12px!important}
  html body .vc-compare-points li strong{font-size:15px!important}
  html body .vc-compare-points li span:not(.vc-compare-mark){font-size:14px!important;line-height:1.45}
  /* Vluchtcheck + compensatie */
  html body .vc-claim-overview-grid{border-radius:22px!important}
  html body .vc-claim-overview-grid>article{padding:28px 20px!important}
  html body .vc-claim-steps-panel h2{font-size:28px!important}
  html body .vc-about-stats{margin:22px 0 24px!important}
  html body .vc-about-stat{padding:14px!important}
  html body .vc-claim-panel-button{align-self:stretch!important;justify-content:center!important;display:flex!important}
  /* Bedragen: horizontale balken in plaats van staven */
  html body .vc-compensation-scale{grid-template-columns:1fr!important;min-height:0!important;gap:10px!important;margin:22px 0 18px!important}
  html body .vc-compensation-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;border-radius:14px!important;background:#f5f7fb!important;position:relative;overflow:hidden}
  html body .vc-compensation-row>div{text-align:left!important;position:relative;z-index:1}
  html body .vc-compensation-row>div strong{font-size:15px!important}
  html body .vc-compensation-row b,html body .vc-compensation-row:nth-child(n) b{height:auto!important;padding:6px 12px!important;border-radius:10px!important;font-size:22px!important;position:relative;z-index:1;flex:0 0 auto}
  html body .vc-compensation-row:nth-child(3){background:#e5eeff!important}
  /* Stappen: compact, nummer links */
  html body .vc-step-flow{gap:10px!important}
  html body .vc-step-card{display:grid!important;grid-template-columns:56px 1fr;column-gap:14px;padding:20px 18px!important;border-radius:18px!important}
  html body .vc-step-pill{grid-row:span 2;font-size:40px!important;align-self:start}
  html body .vc-step-card h3{margin:2px 0 6px!important;font-size:18px!important}
  html body .vc-step-card p{font-size:14.5px!important}
  html body .vc-step-arrow{width:32px!important;height:32px!important}
  html body .vc-cta-band-button{width:100%;justify-content:center}
}

/* ===== 11.5.0 – rustiger kleurgebruik ===== */
/* Principe: navy + wit + één lichtgrijs, blauw alleen voor links, geel alleen voor de hoofdknop. Geen verlopen, nauwelijks schaduw. */
html body .vc-compare-grid--clean,html body .vc-claim-overview-grid{box-shadow:none!important}
html body .vc-home .vc-compare-grid--clean .vc-compare-panel--primary,html body .vc-claim-steps-panel{background:#0b1f4d!important}
html body .vc-compare-tag{background:none!important;padding:0!important;color:inherit!important;opacity:.75}
html body .vc-compare-panel--primary .vc-compare-tag{color:#fff!important}
html body .vc-compare-points--positive li{background:none!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding:14px 0!important}
html body .vc-compare-points--negative li{background:none!important;border:0!important;border-bottom:1px solid #e3e8f0!important;border-radius:0!important;padding:14px 0!important}
html body .vc-compare-points li:last-child{border-bottom:0!important}
html body .vc-compare-points--positive .vc-compare-mark{background:#fff!important;color:#0b1f4d!important}
html body .vc-compare-points--negative .vc-compare-mark{background:#e8ecf2!important;color:#4f5e78!important}
/* Voordelen-blokjes links: geen kaders, gewoon lijst */
html body .vc-about-stat{background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding:14px 0!important}
html body .vc-about-stat:last-child{border-bottom:0!important}
html body .vc-about-number{background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:50%!important}
html body .vc-claim-steps-panel .vc-eyebrow,html body .vc-blog-hero .vc-eyebrow{color:rgba(255,255,255,.7)!important}
/* Bedragen: één blauw, oplopende tinten verwijderd */
html body .vc-compensation-row:nth-child(n) b{background:#eef2f8!important;color:#0b1f4d!important}
html body .vc-compensation-row:nth-child(3) b{background:#0b1f4d!important;color:#fff!important}
html body .vc-compensation-row:nth-child(3){background:#f5f7fb!important}
/* Vluchtproblemen: één neutrale icoonkleur */
html body .vc-problem-icon[class*="vc-tone-"],html body .vc-support-icon{background:#eef2f8!important;color:#0b1f4d!important}
/* Stappen: geen gele balk, rustig nummer */
html body .vc-step-card{border-top:1px solid #e3e8f0!important}
html body .vc-step-card:hover,html body .vc-support-card:hover,html body .vc-blog-card:hover{transform:none!important;box-shadow:none!important;border-color:#c5cfdd!important}
html body .vc-step-pill{color:#0b1f4d!important;font-size:15px!important;font-weight:700!important;letter-spacing:.06em!important;width:36px!important;height:36px!important;border:1.5px solid #0b1f4d!important;border-radius:50%!important;display:inline-grid!important}
html body .vc-step-arrow{border:0!important;background:none!important;color:#8a97ab!important}
/* Sectie-achtergronden: wit en één grijs */
html body .vc-process-redesign,html body .vc-claim-overview-section{background:#fff!important}
/* CTA-band rustig */
html body .vc-cta-band-icon{background:rgba(255,255,255,.08)!important;color:#fff!important}
@media (max-width:640px){html body .vc-step-pill{grid-row:span 2;font-size:14px!important}}
/* 11.5.0 correcties */
html body .vc-home .vc-compare-points--positive .vc-compare-mark,html body .vc-home .vc-compare-points--positive .vc-compare-mark *{color:#0b1f4d!important;stroke:#0b1f4d}
html body .vc-home .vc-compare-points--positive .vc-compare-mark{background:#fff!important}
html body .vc-home .vc-compare-tag,html body .vc-home .vc-compare-tag *{background:none!important;box-shadow:none!important}
html body .vc-home .vc-compare-panel--muted .vc-compare-tag{color:#4f5e78!important;opacity:1}
html body .vc-home .vc-about-number{color:#fff!important}
html body .vc-home .vc-about-stat,html body .vc-home .vc-about-stats{background:none!important;box-shadow:none!important}
html body .vc-home .vc-step-card::after,html body .vc-home .vc-step-card::before,html body .vc-home .vc-step-card:last-of-type::after{display:none!important;content:none!important}
html body .vc-home .vc-compensation-row:nth-child(3){background:none!important}
html body .vc-home .vc-cta-band-icon,html body .vc-home .vc-cta-band-icon svg{color:#fff!important}
@media (max-width:640px){html body .vc-home .vc-compensation-row:nth-child(n){background:#f5f7fb!important}}
html body .vc-claim-steps-panel .vc-about-stats .vc-about-number{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}

/* ===== 11.5.1 – bugfixes hero en donkere vlakken ===== */
/* Tekst op donkere achtergronden altijd licht */
html body .vc-home .vc-hero p,html body .vc-home .vc-hero .vc-hero-copy,html body .vc-home .vc-hero small,html body .vc-home .vc-hero li{color:rgba(255,255,255,.88)!important}
html body .vc-home .vc-hero .vc-eyebrow{color:rgba(255,255,255,.7)!important}
/* Hero-vinkjes: duidelijk wit rondje met navy vinkje */
html body .vc-hero .vc-benefits{list-style:none!important;padding:0!important;display:grid;gap:12px}
html body .vc-hero .vc-benefits li{display:flex!important;align-items:center;gap:12px;font-size:18px!important}
html body .vc-hero .vc-check{flex:0 0 24px;width:24px!important;height:24px!important;border-radius:50%!important;background:#fff!important;color:#0b1f4d!important;display:grid!important;place-items:center}
html body .vc-hero .vc-check .vc-icon,html body .vc-hero .vc-check svg{width:14px!important;height:14px!important;color:#0b1f4d!important}
/* Hero-knop + toelichting netjes uitgelijnd */
html body .vc-hero .vc-flight-search small{padding-left:0!important;margin-left:0!important;color:rgba(255,255,255,.75)!important}
/* Footer en blog-hero: lichte tekst */
html body footer p,html body footer li,html body footer small,html body .vc-blog-hero p{color:rgba(255,255,255,.8)!important}
html body .vc-hero .vc-flight-search,html body .vc-hero .vc-flight-search-text{padding-left:0!important;margin-left:0!important}
html body .vc-hero .vc-flight-search-text small{display:block;text-indent:0;padding:0!important}
/* Eén geel voor alle knoppen */
html body .vc-flight-search-button,html body footer .cb-cta,html body footer a[class*="button"],html body .vc-faq-cta a,html body .cb-header .cb-cta,html body a.cb-cta{background:#ffc233!important;color:#0b1f4d!important}
html body .vc-seo-topic-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:16px!important}

/* 11.6.0 – rustiger kleurenpalet */
:root{--v2-navy:#13284f;--v2-bg:#f6f7f9;--v2-line:#e3e7ee;--v2-link:#1d5bd6;--v2-cta:#f5b83d;--v2-cta-hover:#e9a92a}
html body{color:#1f2a3d;background:#fff}
html body .vc-section:nth-of-type(even),html body .vc-steps-section,html body .cb-grey,html body .vc-faq-section{background:var(--v2-bg)!important}
html body .vc-hero,html body .vc-compare-primary,html body .vc-claim-overview,html body .vc-cta-band,html body .site-footer,html body .cb-footer,html body .vc-blog-hero{background:var(--v2-navy)!important;background-image:none!important}
html body .site-footer,html body .cb-footer{background:#0f2142!important}
html body a:not([class*=btn]):not([class*=button]){color:var(--v2-link)}
html body .vc-hero a,html body .site-footer a,html body .cb-footer a,html body .vc-cta-band a:not([class*=btn]){color:rgba(255,255,255,.88)}
html body [class*=btn-primary],html body .cb-btn--yellow,html body .vc-btn-primary,html body .button-primary,html body .vc-cta-band .vc-btn,html body .vc-flight-search button{background:var(--v2-cta)!important;border-color:var(--v2-cta)!important;color:#13284f!important;box-shadow:none!important}
html body [class*=btn-primary]:hover,html body .cb-btn--yellow:hover,html body .vc-btn-primary:hover,html body .vc-flight-search button:hover{background:var(--v2-cta-hover)!important}
html body .vc-card,html body .vc-problem-card,html body .vc-help-card,html body .vc-step,html body .vc-news-card,html body .blog-card,html body .vc-faq-item{border-color:var(--v2-line)!important;box-shadow:none!important}
html body .vc-icon{background:#eef1f6!important;color:var(--v2-navy)!important}
html body .vc-eyebrow,html body .eyebrow{color:#4a6fb5!important}
html body .vc-hero .vc-eyebrow,html body .vc-cta-band .vc-eyebrow,html body .vc-blog-hero .eyebrow,html body .vc-compare-primary .vc-eyebrow{color:#f5c869!important}
html body .vc-comp-bar{background:#dbe5f5!important;color:#13284f!important}
html body .vc-comp-bar:last-child{background:var(--v2-navy)!important;color:#fff!important}
html body .site-header a[class*=btn],html body header [class*=cta],html body header a[class*=button],html body .cb-header__cta{background:var(--v2-cta)!important;border-color:var(--v2-cta)!important;color:#13284f!important}
html body .vc-home .vc-compare-primary,html body .vc-home [class*=compare] [class*=primary]{background:var(--v2-navy)!important}

/* 11.7.0 – Consumentenbond-kleuren */
:root{--v2-navy:#0a1a4f;--v2-bg:#f2f2f2;--v2-line:#e2e5ea;--v2-link:#0b5bf5;--v2-cta:#ffa51f;--v2-cta-hover:#f59600;--v2-green:#2bd47d;--v2-topbar:#e8edf5}
html body h1,html body h2,html body h3{color:var(--v2-navy)}
html body .vc-hero h1,html body .vc-compare-primary h3,html body .vc-cta-band h2,html body .vc-blog-hero h1,html body .vc-claim-overview h3,html body .vc-claim-overview h2{color:#fff}
html body .vc-section:nth-of-type(even),html body .vc-steps-section,html body .cb-grey,html body .vc-faq-section{background:var(--v2-bg)!important}
html body .vc-hero,html body .vc-compare-primary,html body .vc-home .vc-compare-primary,html body .vc-claim-overview,html body .vc-cta-band,html body .vc-blog-hero,html body .site-footer,html body .cb-footer{background:var(--v2-navy)!important}
html body [class*=topbar],html body [class*=announcement],html body .cb-notice{background:var(--v2-topbar)!important;color:var(--v2-navy)!important}
/* header-knop groen zoals 'Word nu lid' */
html body .site-header a[class*=btn],html body header [class*=cta],html body header a[class*=button],html body .cb-header__cta{background:var(--v2-green)!important;border-color:var(--v2-green)!important;color:var(--v2-navy)!important}
/* hero: groene vinkjes zonder rondje */
html body .vc-hero li::before,html body .vc-hero [class*=benefit] .vc-icon,html body .vc-hero [class*=check]{background:transparent!important;color:var(--v2-green)!important;border:0!important}
html body .vc-hero svg{stroke:var(--v2-green)}
html body .vc-hero p,html body .vc-hero li{color:#fff!important}
/* vergelijking: groene vinkjes */
html body .vc-compare-primary [class*=mark],html body .vc-compare-primary .vc-icon{background:var(--v2-green)!important;color:var(--v2-navy)!important}
html body .vc-compare-primary [class*=mark] svg{stroke:var(--v2-navy)!important}
html body .vc-hero .vc-eyebrow,html body .vc-cta-band .vc-eyebrow,html body .vc-blog-hero .eyebrow,html body .vc-compare-primary .vc-eyebrow{color:var(--v2-cta)!important}
html body .vc-eyebrow,html body .eyebrow{color:var(--v2-link)!important}
html body .vc-comp-bar{background:#dfe8fd!important}
html body .vc-hero .vc-benefits .vc-check,html body .vc-hero .vc-benefits .vc-check .vc-icon{display:inline-flex!important;width:24px!important;height:24px!important;background:transparent!important;color:var(--v2-green)!important;opacity:1!important;visibility:visible!important;border:0!important}
html body .vc-hero .vc-benefits .vc-check svg{width:24px!important;height:24px!important;display:block!important;stroke:var(--v2-green)!important;color:var(--v2-green)!important}
html body .vc-hero .vc-benefits .vc-check svg path{stroke:var(--v2-green)!important;stroke-width:3.4!important}
html body .vc-home .vc-compare-points--positive .vc-compare-mark{background:var(--v2-green)!important;border-color:var(--v2-green)!important}
html body .vc-home .vc-compare-points--positive .vc-compare-mark svg,html body .vc-home .vc-compare-points--positive .vc-compare-mark path{stroke:var(--v2-navy)!important;color:var(--v2-navy)!important}
html body .vc-home .vc-compare-points--positive .vc-compare-mark .vc-icon{background:transparent!important}
html body .vc-hero a[class*=btn],html body .vc-hero button,html body .vc-flight-search a,html body .vc-cta-band a[class*=btn],html body a.cb-btn,html body .vc-btn{background:var(--v2-cta)!important;border-color:var(--v2-cta)!important;color:var(--v2-navy)!important}
html body .vc-hero a[class*=btn]:hover,html body .vc-btn:hover,html body a.cb-btn:hover{background:var(--v2-cta-hover)!important}
html body .vc-flight-search-button,html body .vc-flight-search a{background:var(--v2-cta)!important;color:var(--v2-navy)!important;border-color:var(--v2-cta)!important}