/* base.css - gegenereerd door build/transpile.py (bron: build/transpiler/base.css), niet met de hand bewerken.
   Minimale herimplementatie van het container-flexmodel en de widgetprimitieven van de paginabouwer van de oude site,
   plus de basisstijlen van het oude thema (body 1rem systeemfont, koppen) en de Customizer-fixes die nog gelden.
   Regels die widgetwortels of containers raken hebben specificiteit (0,1,0): de per-element regels in pages/<slug>.css
   (.e-<id>) winnen dan via de cascade, zoals de per-element regels op de oude site het framework versloegen. */

/* ---- Montserrat (variabel, latin + latin-ext, normaal + cursief); url() relatief aan assets/css/ zodat de site ook in een submap werkt ---- */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-49e242af.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-1e82e2bf.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-76393105.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-9210f8a7.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---- Basis (equivalent van het oude thema) ---- */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;font-size:100%;scroll-behavior:smooth}
*,:after,:before{box-sizing:border-box}
body{margin:0;background:#fff;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:1rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{clear:both;margin:0 0 20px;padding:0;font-weight:600;color:#1e293b}
h1{font-size:2.25rem;line-height:1.4em}
h2{font-size:1.875rem;line-height:1.3em}
h3{font-size:1.5rem;line-height:1.3em}
h4{font-size:1.25rem;line-height:1.2em}
h5{font-size:1.125rem;line-height:1.2em}
h6{font-size:1rem;line-height:1.25em}
p{margin:0 0 1.6em}
li>p{margin-bottom:0}
ul,ol{margin:1em 0;padding:0 0 0 20px}
ul{list-style:disc}
ol{list-style:decimal}
li>ul,li>ol{margin-bottom:0}
figure,blockquote,address{margin:0}
a{color:#046bd2;text-decoration:none;background-color:transparent;transition:all .2s linear}
a:hover,a:focus{color:#045cb4}
a:focus{outline:thin dotted}
a:hover{outline:0}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
svg:not(:root){overflow:hidden}
b,strong{font-weight:700}
cite,dfn,em,i{font-style:italic}
hr{background:#ccc;border:0;height:1px;margin:0}
video,iframe,embed,object{max-width:100%;border:0}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{cursor:pointer}
.sr{position:absolute;top:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ---- Containers (flexmodel van de paginabouwer) ---- */
.c{--display:flex;--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--order:initial;--align-self:initial;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--container-max-width:1140px;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;--position:relative;--z-index:revert;--overflow:visible;--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:.3s;--flex-wrap-mobile:wrap;display:var(--display);position:var(--position);width:var(--width);min-width:0;height:var(--height);min-height:var(--min-height);border-radius:var(--border-radius);overflow:var(--overflow);z-index:var(--z-index);margin-block-start:var(--margin-top);margin-block-end:var(--margin-bottom);margin-inline-start:var(--margin-left);margin-inline-end:var(--margin-right);padding-inline-start:var(--padding-left);padding-inline-end:var(--padding-right);flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis);align-self:var(--align-self);order:var(--order);transition:background .3s,border .3s,box-shadow .3s,transform .4s}
.c-full,.c>.ci{padding-block-start:var(--padding-top);padding-block-end:var(--padding-bottom);text-align:var(--text-align)}
.c-full{flex-direction:var(--flex-direction);align-content:var(--align-content);align-items:var(--align-items);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}
.c-boxed{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal;gap:initial;text-align:initial}
.c>.ci{display:var(--display);flex-direction:var(--flex-direction);align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex:1 1 auto;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline:0;width:100%}
.c-top{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}
.c-grid{--grid-cols:repeat(3,1fr);--grid-rows:repeat(2,1fr);--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}
.c-grid,.c-grid>.ci{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--grid-cols);grid-template-rows:var(--grid-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}
.c-grid.c-boxed{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}
.c-grid>.ci{align-items:var(--align-items);justify-items:var(--justify-items)}
.c::before,.bgv::before{content:var(--background-overlay);display:block;position:absolute;top:calc(0px - var(--border-top-width));left:calc(0px - var(--border-left-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-top-width);border-block-end-width:var(--border-bottom-width);border-inline-start-width:var(--border-left-width);border-inline-end-width:var(--border-right-width);mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);transition:background var(--overlay-transition,.3s),border-radius .3s,opacity var(--overlay-transition,.3s)}
.bgv{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;direction:ltr;border-radius:var(--border-radius)}
.bgv::before{z-index:1}
.bgv-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:none;object-fit:cover;border:0;margin:0;line-height:1}

/* ---- Widgets ---- */
.w{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;--kit-widget-spacing:0px;position:relative;min-width:0;max-width:100%;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s}
.abs{position:absolute;z-index:1}
.fixed{position:fixed;z-index:1}
.al-c{text-align:center}
.al-l{text-align:left}
.al-r{text-align:right}
.al-c .btn,.al-l .btn,.al-r .btn{width:auto}
.al-j .btn{width:100%}

/* Kop */
/* overflow-wrap:normal (de paginabouwer had break-word): een kop breekt nooit meer midden in een woord; koppen die
   anders niet passen krijgen een lettergrootte per klasse in assets/css/mobile.css (gemeten met tools/heading-fit.js). */
.h{margin:0;padding:0;line-height:1;font-family:Montserrat,Sans-serif;font-weight:600;color:#6EC1E4;hyphens:manual;overflow-wrap:normal}
:where(h1).h{line-height:1.4em}
:where(h2,h3).h{line-height:1.3em}
:where(h4,h5).h{line-height:1.2em}
:where(h6).h{line-height:1.25em}
.h a{color:inherit;font-size:inherit;line-height:inherit}

/* Tekst */
.txt{font-family:Montserrat,Sans-serif;font-weight:400;color:#7A7A7A}

/* Afbeelding */
.img{text-align:center}
.img a{display:inline-block}
.img a img[src$=".svg"]{width:48px}
.img img{display:inline-block;vertical-align:middle;border:0;border-radius:0;box-shadow:none;height:auto;max-width:100%}

/* Knop */
.btn{display:inline-block;background-color:#61CE70;color:#fff;fill:#fff;font-family:Montserrat,Sans-serif;font-weight:500;font-size:15px;line-height:1;padding:12px 24px;border-radius:3px;text-align:center;box-shadow:none;text-decoration:none;transition:all .3s}
.btn:hover,.btn:focus,.btn:visited{color:#fff}
.btn-in{display:flex;flex-direction:row;gap:5px;justify-content:center}
.btn-icon{display:flex;align-items:center}
.btn-icon svg{width:1em;height:auto}
.btn-txt{display:inline-block}
.btn span{text-decoration:inherit}
.btn-xs{border-radius:2px;font-size:13px;padding:10px 20px}
.btn-md{border-radius:4px;font-size:16px;padding:15px 30px}
.btn-lg{border-radius:5px;font-size:18px;padding:20px 40px}
.btn-xl{border-radius:6px;font-size:20px;padding:25px 50px}

/* Icoon (los, in icon-box en social) */
.icon{display:inline-block;color:#69727d;font-size:50px;line-height:1;text-align:center;transition:all .3s}
.icon:hover{color:#69727d}
.icon svg{display:block;height:1em;width:1em;position:relative}
.v-stacked .icon{background-color:#69727d;color:#fff;fill:#fff;padding:.5em}
.v-framed .icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}
.sh-square .icon{border-radius:0}
.sh-rounded .icon{border-radius:10%}
.sh-circle .icon{border-radius:50%}
:where(.icon-w.v-stacked) .icon{background-color:#6EC1E4}
:where(.icon-w.v-framed,.icon-w.v-default) .icon{color:#6EC1E4;border-color:#6EC1E4}
:where(.icon-w.v-default) .icon svg{fill:#6EC1E4}

/* Icon-box */
.ib-wrap{display:flex;flex-direction:column;text-align:center}
.ib-icon{display:inline-block;flex:0 0 auto;line-height:0}
.ib-body{flex-grow:1;width:100%}
.ib-title{margin:0}
.ib-title,.ib-title a{font-family:Montserrat,Sans-serif;font-weight:600}
.ib-title{color:#6EC1E4}
.ib-title a{color:inherit}
.ib-desc{margin:0;font-family:Montserrat,Sans-serif;font-weight:400;color:#7A7A7A}
:where(.ib.v-stacked) .icon{background-color:#6EC1E4}
:where(.ib.v-framed,.ib.v-default) .icon{fill:#6EC1E4;color:#6EC1E4;border-color:#6EC1E4}
.pos-ie .ib-wrap{flex-direction:row-reverse;text-align:end}
.pos-is .ib-wrap{flex-direction:row;text-align:start}
.pos-bs .ib-wrap{align-items:unset!important;flex-direction:column;text-align:center}
.pos-be .ib-wrap{align-items:unset!important;flex-direction:column-reverse;text-align:center}

/* Icon-list (ook post-info) */
.il{list-style:none;margin:0;padding:0}
.il-item{margin:0;padding:0;position:relative}
.il-item:after{inset-block-end:0;position:absolute;width:100%}
.il-item,.il-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}
.il-icon+.il-text{align-self:center;padding-inline-start:5px}
.il-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative;text-align:var(--e-icon-list-icon-align)}
.il-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em);margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size,1em) * .25) 0 0);fill:#6EC1E4}
.il-text{color:#54595F}
.il-item>.il-text,.il-item>a{font-family:Montserrat,Sans-serif;font-weight:400}
.il-item:not(:last-child):after{border-color:#7A7A7A}
.il-link-full a{width:100%}
.il-inline{display:flex;flex-wrap:wrap;margin-inline:-8px}
.il-inline .il-inline-item{word-break:break-word}
.il-inline .il-item{margin-inline:8px}
.il-inline .il-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}
.il-w.al-c .il-item,.il-w.al-c .il-item a{justify-content:center}
.il-w.al-c .il-item:after{margin:auto}
.il-w.al-c .il-inline{justify-content:center}
.il-w.al-l .il-item,.il-w.al-l .il-item a{justify-content:start;text-align:start}
.il-w.al-l .il-inline{justify-content:start}
.il-w.al-r .il-item,.il-w.al-r .il-item a{justify-content:end;text-align:end}
.il-w.al-r .il{justify-content:end}
.il-w:not(.al-r) .il-item:after{inset-inline-start:0}
.il-w:not(.al-l) .il-item:after{inset-inline-end:0}
.pinfo .pinfo-terms{display:inline-block}

/* Scheidingslijn */
.div{--divider-border-style:none;--divider-border-width:1px;--divider-color:#54595F;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}
.div-line{display:flex}
.div-sep{direction:ltr;display:flex;margin:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}
:where(.c,.ci)>.div{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}

/* Accordeon (details/summary) */
.acc-w{--n-accordion-title-font-size:20px;--n-accordion-title-flex-grow:initial;--n-accordion-title-justify-content:initial;--n-accordion-title-icon-order:-1;--n-accordion-border-width:1px;--n-accordion-border-color:#d5d8dc;--n-accordion-border-style:solid;--n-accordion-item-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-padding:10px;--n-accordion-border-radius:0px;--n-accordion-icon-size:15px;--n-accordion-title-normal-color:#1f2124;--n-accordion-title-hover-color:#1f2124;--n-accordion-title-active-color:#1f2124;--n-accordion-icon-normal-color:var(--n-accordion-title-normal-color);--n-accordion-icon-hover-color:var(--n-accordion-title-hover-color);--n-accordion-icon-active-color:var(--n-accordion-title-active-color);--n-accordion-icon-gap:0 10px;width:100%}
.acc details>summary::-webkit-details-marker{display:none}
.acc-item{display:flex;flex-direction:column;position:relative}
.acc-item:not(:last-child){margin-block-end:var(--n-accordion-item-title-space-between)}
:where(.acc-item>.c){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)}
.acc-title{align-items:center;border-color:var(--n-accordion-border-color);border-radius:var(--n-accordion-border-radius);border-style:var(--n-accordion-border-style);border-width:var(--n-accordion-border-width);color:var(--n-accordion-title-normal-color);cursor:pointer;display:flex;flex-direction:row;flex-grow:var(--n-menu-title-flex-grow);gap:var(--n-accordion-icon-gap);justify-content:var(--n-accordion-title-justify-content);list-style:none;padding:var(--n-accordion-padding)}
.acc-head{display:flex}
.acc-head h1,.acc-head h2,.acc-head h3,.acc-head h4,.acc-head h5,.acc-head h6,.acc-head p{margin-block-end:0;margin-block-start:0}
.acc-text{align-items:center;font-size:var(--n-accordion-title-font-size)}
.acc-icon{align-items:center;display:flex;flex-direction:row;order:var(--n-accordion-title-icon-order);position:relative;width:fit-content}
.acc-icon span{height:var(--n-accordion-icon-size);width:auto}
.acc-icon span>svg{fill:var(--n-accordion-icon-normal-color);height:var(--n-accordion-icon-size)}
.acc-title>span{cursor:pointer}
.acc-item[open]>.acc-title{color:var(--n-accordion-title-active-color);margin-block-end:var(--n-accordion-item-title-distance-from-content)}
.acc-item[open]>.acc-title .acc-icon .acc-open{display:flex}
.acc-item[open]>.acc-title .acc-icon .acc-closed{display:none}
.acc-item[open]>.acc-title .acc-icon span>svg{fill:var(--n-accordion-icon-active-color)}
.acc-item:not([open]) .c{display:none}
.acc-item:not([open]):hover>.acc-title{color:var(--n-accordion-title-hover-color)}
.acc-item:not([open]):hover>.acc-title .acc-icon span>svg{fill:var(--n-accordion-icon-hover-color)}
.acc-item .acc-icon .acc-open{display:none}
.acc-item .acc-icon .acc-closed{display:flex}

/* Sociale iconen */
.soc-w.grid-0{font-size:0;line-height:1}
.soc-w:not(.grid-0) .soc-grid{display:inline-grid}
.soc-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}
.grid-0 .soc-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}
.grid-0 .soc-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}
.grid-al-center{--justify-content:center}
.grid-al-left{--justify-content:start}
.grid-al-right{--justify-content:end}
.icon.soc{font-size:var(--icon-size,25px);height:calc(var(--icon-size,25px) + 2 * var(--icon-padding,.5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size,25px) + 2 * var(--icon-padding,.5em))}
.soc{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}
.soc svg{fill:var(--e-social-icon-icon-color)}
.soc:last-child{margin:0}
.soc:hover{color:#fff;opacity:.9}
.soc-facebook,.soc-facebook-f{background-color:#3b5998}
.soc-instagram{background-color:#262626}
.soc-linkedin,.soc-linkedin-in{background-color:#0077b5}
.soc-youtube{background-color:#cd201f}
.soc-whatsapp{background-color:#25d366}
.soc-x-twitter{background-color:#000}

/* Loop grid (nieuwsoverzicht) */
.grid-items{display:grid;grid-column-gap:var(--grid-column-gap,30px);grid-row-gap:var(--grid-row-gap,30px)}
.grid-items>*{min-width:0}
.grid-1 .grid-items{grid-template-columns:repeat(1,1fr)}
.grid-2 .grid-items{grid-template-columns:repeat(2,1fr)}
.grid-3 .grid-items{grid-template-columns:repeat(3,1fr)}
.grid-4 .grid-items{grid-template-columns:repeat(4,1fr)}
.loop-item{width:100%}
.loop-item *{word-break:break-word}
.loop-item .h{word-break:normal}

/* Deelknoppen */
.share-grid{display:grid;grid-column-gap:var(--grid-column-gap,10px);grid-row-gap:var(--grid-row-gap,10px);grid-template-columns:var(--grid-template-columns)}
.share.grid-0 .share-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap,10px));width:100%;word-spacing:var(--grid-column-gap,10px)}
.share.grid-0 .share-item{display:inline-block;margin-block-end:var(--grid-row-gap,10px);word-break:break-word}
.share.grid-0{font-size:0;line-height:1}
.share-btn{--e-share-buttons-icon-size:var(--e-share-buttons-icon-size,1.4em);align-items:center;cursor:pointer;display:flex;font-size:10px;height:4.5em;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:4.5em}
.share-btn.share-btn{color:var(--e-share-buttons-secondary-color,#fff);background-color:var(--e-share-buttons-primary-color,#0a84ff);text-decoration:none}
.share-icon{align-items:center;display:flex;font-size:var(--e-share-buttons-icon-size);height:100%;justify-content:center;line-height:1;width:4.5em}
.share-icon svg{fill:currentColor;height:1em;width:1em}
.share-rounded .share-btn{border-radius:.5em}
.share-circle .share-btn{border-radius:50%}
.share-flat .share-btn:hover{filter:saturate(1.5) brightness(1.2)}

/* Carrousel (scroll-snap) */
.car{position:static}
.car-dots-out .car{padding-bottom:30px}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;text-align:center;line-height:0}
.car-slide img{display:inline-block;vertical-align:middle;width:100%;max-width:100%;height:auto}
.car-dots{position:absolute;bottom:5px;left:0;width:100%;text-align:center;z-index:10}
.car-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#000;opacity:.2;border:0;padding:0;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px);vertical-align:baseline;font:inherit;line-height:inherit}
.car-dot-on{opacity:1}

/* Formulierprimitieven (markup door inc/forms.php; klassen zie build/README.md) */
.form-fields{display:flex;flex-wrap:wrap}
.fg{display:flex;align-items:center;flex-wrap:wrap;position:relative;min-height:1px;width:100%}
.fg-50{width:50%}
.fg-submit{align-items:flex-end}
.form-labels-above .fg .fg-sub,.form-labels-above .fg>.fld-select,.form-labels-above .fg>input,.form-labels-above .fg>textarea{flex-basis:100%;max-width:100%}
.fld-text{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%;border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px;box-shadow:none;-webkit-appearance:none}
.fld-text:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}
.fld-text::placeholder{color:inherit;font-family:inherit;opacity:.6}
.fld-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}
.fld-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}
.fld-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}
.fld-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}
.fld-select{display:flex;position:relative;width:100%}
.fld-select select{appearance:none;color:inherit;flex-basis:100%;font:inherit;line-height:inherit;padding-inline-end:20px}
.fg-sub{display:flex;flex-wrap:wrap}
.fg-sub .fg-opt label{display:inline-block}
.fg-sub-inline .fg-opt{padding-inline-end:10px}
.fg-sub:not(.fg-sub-inline) .fg-opt{flex-basis:100%}
.fg-acceptance .fg-sub .fg-opt input,.fg-acceptance .fg-sub .fg-opt label,.fg-checkbox .fg-sub .fg-opt input,.fg-checkbox .fg-sub .fg-opt label,.fg-radio .fg-sub .fg-opt input,.fg-radio .fg-sub .fg-opt label{display:inline}
.fld-label{cursor:pointer}
.form-mark-required .form-required .fld-label:after{color:red;content:"*";padding-inline-start:.2em}
.form-btn{display:inline-block;background-color:#61CE70;color:#fff;fill:#fff;font-family:Montserrat,Sans-serif;font-weight:500;font-size:15px;line-height:1;padding:0 24px;border:none;border-radius:3px;text-align:center;min-height:40px;cursor:pointer;transition:all .3s}
.form-btn>span{display:flex;flex-direction:row;gap:5px;justify-content:center}
.form-btn.btn-lg{min-height:59px}
.form-btn.btn-md{min-height:47px}
.form-btn-al-stretch .fg-submit .form-btn{flex-basis:100%}
.form-btn-al-center .fg-submit{justify-content:center}
.form-btn-al-start .fg-submit{justify-content:flex-start}
.form-btn-al-end .fg-submit{justify-content:flex-end}
.form-btn-al-center .fg-submit .form-btn,.form-btn-al-end .fg-submit .form-btn,.form-btn-al-start .fg-submit .form-btn{flex-basis:auto}
.form-msg{font-size:1em;line-height:1;margin:10px 0}
.form-msg-err{color:#d9534f}
.form-msg-ok{color:#5cb85c}
.form-error .fld{border-color:#d9534f}

/* ---- Customizer-fixes van de oude site die nog gelden ---- */
.w,.c{max-width:100%!important;min-width:0!important}
.blue-text{color:#054695}
.blue-text-on-dark{color:#7FB3E8}
.progress_bar_section::before{content:"";position:absolute;left:20px;top:2px;width:2px;height:87%;background-color:#054695}
.services-content-box p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.security-systemen-links a{text-decoration:none!important}

/* ---- Zichtbaarheid per apparaat ---- */
@media (min-width:1025px){.hide-d{display:none}}
@media (min-width:768px) and (max-width:1024px){.hide-t{display:none}}

/* ---- Tablet ---- */
@media (max-width:1024px){
.c{--container-max-width:1024px}
.ci{max-width:100%!important;min-width:0!important}
.al-t-c{text-align:center}
.al-t-l{text-align:left}
.al-t-r{text-align:right}
.al-t-c .btn,.al-t-l .btn,.al-t-r .btn{width:auto}
.al-t-j .btn{width:100%}
.pos-t-ie .ib-wrap{flex-direction:row-reverse;text-align:end}
.pos-t-is .ib-wrap{flex-direction:row;text-align:start}
.pos-t-bs .ib-wrap{align-items:unset!important;flex-direction:column;text-align:center}
.pos-t-be .ib-wrap{align-items:unset!important;flex-direction:column-reverse;text-align:center}
.grid-t-1 .grid-items{grid-template-columns:repeat(1,1fr)}
.grid-t-2 .grid-items{grid-template-columns:repeat(2,1fr)}
.grid-t-3 .grid-items{grid-template-columns:repeat(3,1fr)}
.form-btn-al-t-stretch .fg-submit .form-btn{flex-basis:100%}
.form-btn-al-t-center .fg-submit{justify-content:center}
.form-btn-al-t-start .fg-submit{justify-content:flex-start}
.form-btn-al-t-end .fg-submit{justify-content:flex-end}
.contact-form input{min-height:52px!important;padding:8px 16px!important}
}
@media (max-width:921px){
html{font-size:91.2%}
h1{font-size:1.875rem}
h2{font-size:1.5625rem}
h3{font-size:1.25rem}
}

/* ---- Mobiel ---- */
@media (max-width:767px){
.c{--container-max-width:767px;--width:100%;--flex-wrap:var(--flex-wrap-mobile)}
.hide-m{display:none}
.al-m-c{text-align:center}
.al-m-l{text-align:left}
.al-m-r{text-align:right}
.al-m-c .btn,.al-m-l .btn,.al-m-r .btn{width:auto}
.al-m-j .btn{width:100%}
.pos-m-ie .ib-wrap{flex-direction:row-reverse;text-align:end}
.pos-m-is .ib-wrap{flex-direction:row;text-align:start}
.pos-m-bs .ib-wrap{align-items:unset!important;flex-direction:column;text-align:center}
.pos-m-be .ib-wrap{align-items:unset!important;flex-direction:column-reverse;text-align:center}
.grid-m-1 .grid-items{grid-template-columns:repeat(1,1fr)}
.grid-m-2 .grid-items{grid-template-columns:repeat(2,1fr)}
.progress_bar_section::before{left:15px;height:84%}
.contact_profile_box{position:static;z-index:1}
.form_custom_iframe iframe{height:100vw!important}
}