/* crocoblocks-design-system:v2 */:root{--xl-blauw:#00305C;--xl-lichtblauw:#00ADC0;--xl-paars:#603288;--xl-grijs:#F3F5F7;--xl-zwart:#000000;--xl-wit:#FFFFFF;--xl-tekstgrijs:#333333;--xl-icoongrijs:#69727D;--xl-font:"Open Sans", sans-serif;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.xl-subtitel{font-family:var(--xl-font);font-size:2rem;font-weight:400;line-height:1;color:var(--xl-blauw);margin:0;text-align:center;}
@media (max-width: 1024px){.xl-subtitel{font-family:var(--xl-font);font-size:2rem;font-weight:400;line-height:1;color:var(--xl-blauw);margin:0;text-align:center;}}
@media (max-width: 767px){.xl-subtitel{font-family:var(--xl-font);font-size:1.6rem;font-weight:400;line-height:1;color:var(--xl-blauw);margin:0;text-align:center;}}
.xl-knop-donker{background-color:var(--xl-blauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-donker:hover{background-color:var(--xl-lichtblauw);}
@media (max-width: 1024px){.xl-knop-donker{background-color:var(--xl-blauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-donker:hover{background-color:var(--xl-lichtblauw);}}
@media (max-width: 767px){.xl-knop-donker{background-color:var(--xl-blauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-donker:hover{background-color:var(--xl-lichtblauw);}}
.xl-titel{font-family:var(--xl-font);font-size:3rem;font-weight:300;line-height:1.2;color:var(--xl-blauw);margin:0;}
@media (max-width: 1024px){.xl-titel{font-family:var(--xl-font);font-size:2.5rem;font-weight:300;line-height:1.2;color:var(--xl-blauw);margin:0;}}
@media (max-width: 767px){.xl-titel{font-family:var(--xl-font);font-size:1.75rem;font-weight:300;line-height:1.2;color:var(--xl-blauw);margin:0;}}
.xl-knop-wit{background-color:var(--xl-wit);border-color:var(--xl-lichtblauw);color:var(--xl-lichtblauw);}.xl-knop-wit:hover{background-color:var(--xl-lichtblauw);color:var(--xl-wit);}
@media (max-width: 1024px){.xl-knop-wit{background-color:var(--xl-wit);border-color:var(--xl-lichtblauw);color:var(--xl-lichtblauw);}.xl-knop-wit:hover{background-color:var(--xl-lichtblauw);color:var(--xl-wit);}}
@media (max-width: 767px){.xl-knop-wit{background-color:var(--xl-wit);border-color:var(--xl-lichtblauw);color:var(--xl-lichtblauw);}.xl-knop-wit:hover{background-color:var(--xl-lichtblauw);color:var(--xl-wit);}}
.xl-topmenu{font-family:var(--xl-font);font-size:0.95rem;font-weight:600;line-height:1.5;color:var(--xl-zwart);text-decoration:none;}.xl-topmenu:hover{color:var(--xl-lichtblauw);}
@media (max-width: 1024px){.xl-topmenu{font-family:var(--xl-font);font-size:0.95rem;font-weight:600;line-height:1.5;color:var(--xl-zwart);text-decoration:none;}.xl-topmenu:hover{color:var(--xl-lichtblauw);}}
@media (max-width: 767px){.xl-topmenu{font-family:var(--xl-font);font-size:0.95rem;font-weight:600;line-height:1.5;color:var(--xl-zwart);text-decoration:none;}.xl-topmenu:hover{color:var(--xl-lichtblauw);}}
.xl-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;}
@media (max-width: 1024px){.xl-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;}}
@media (max-width: 767px){.xl-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;}}
.xl-footerkop{font-family:var(--xl-font);font-size:1.1rem;font-weight:700;line-height:1;color:var(--xl-lichtblauw);margin:0;}
@media (max-width: 1024px){.xl-footerkop{font-family:var(--xl-font);font-size:1.1rem;font-weight:700;line-height:1;color:var(--xl-lichtblauw);margin:0;}}
@media (max-width: 767px){.xl-footerkop{font-family:var(--xl-font);font-size:1.1rem;font-weight:700;line-height:1;color:var(--xl-lichtblauw);margin:0;}}
.xl-knop-lb{background-color:var(--xl-lichtblauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-lb:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}
@media (max-width: 1024px){.xl-knop-lb{background-color:var(--xl-lichtblauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-lb:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}}
@media (max-width: 767px){.xl-knop-lb{background-color:var(--xl-lichtblauw);border-color:var(--xl-lichtblauw);color:var(--xl-wit);}.xl-knop-lb:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}}
.xl-knop{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:8px;border-width:1px;border-style:solid;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .2s, color .2s;}
@media (max-width: 1024px){.xl-knop{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:8px;border-width:1px;border-style:solid;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .2s, color .2s;}}
@media (max-width: 767px){.xl-knop{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:8px;border-width:1px;border-style:solid;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .2s, color .2s;}}
.xl-knop-paars{background-color:var(--xl-paars);border-color:var(--xl-paars);color:var(--xl-wit);}.xl-knop-paars:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}
@media (max-width: 1024px){.xl-knop-paars{background-color:var(--xl-paars);border-color:var(--xl-paars);color:var(--xl-wit);}.xl-knop-paars:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}}
@media (max-width: 767px){.xl-knop-paars{background-color:var(--xl-paars);border-color:var(--xl-paars);color:var(--xl-wit);}.xl-knop-paars:hover{background-color:var(--xl-blauw);border-color:var(--xl-blauw);}}
.xl-body{font-family:var(--xl-font);font-size:1rem;font-weight:400;line-height:1.5;color:var(--xl-zwart);margin:0;}
@media (max-width: 1024px){.xl-body{font-family:var(--xl-font);font-size:1rem;font-weight:400;line-height:1.5;color:var(--xl-zwart);margin:0;}}
@media (max-width: 767px){.xl-body{font-family:var(--xl-font);font-size:1rem;font-weight:400;line-height:1.5;color:var(--xl-zwart);margin:0;}}
.xl-kaarttitel{font-family:var(--xl-font);font-size:1.5rem;font-weight:700;line-height:1;color:var(--xl-blauw);margin:0;}
@media (max-width: 1024px){.xl-kaarttitel{font-family:var(--xl-font);font-size:1.4rem;font-weight:700;line-height:1;color:var(--xl-blauw);margin:0;}}
@media (max-width: 767px){.xl-kaarttitel{font-family:var(--xl-font);font-size:1.2rem;font-weight:700;line-height:1;color:var(--xl-blauw);margin:0;}}
.xl-leesmeer{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--xl-blauw);text-decoration:none;display:inline-flex;align-items:center;gap:8px;}.xl-leesmeer:hover{color:var(--xl-lichtblauw);}
@media (max-width: 1024px){.xl-leesmeer{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--xl-blauw);text-decoration:none;display:inline-flex;align-items:center;gap:8px;}.xl-leesmeer:hover{color:var(--xl-lichtblauw);}}
@media (max-width: 767px){.xl-leesmeer{font-family:var(--xl-font);font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--xl-blauw);text-decoration:none;display:inline-flex;align-items:center;gap:8px;}.xl-leesmeer:hover{color:var(--xl-lichtblauw);}}
.xl-sectie{padding-left:24px;padding-right:24px;box-sizing:border-box;}
@media (max-width: 1024px){.xl-sectie{padding-left:24px;padding-right:24px;box-sizing:border-box;}}
@media (max-width: 767px){.xl-sectie{padding-left:24px;padding-right:24px;box-sizing:border-box;}}