/* site.css — gegenereerd door herbouw.py uit de bron-CSS;
   niet met de hand bewerken (pipeline: import_cms.py). */
@font-face{font-family:RO Sans;font-weight:100 900;font-style:normal;font-display:swap;src:url(fonts/ro-sans-regular-2.woff2) format("woff2")}
@font-face{font-family:RO Sans;font-weight:400;font-style:italic;font-display:swap;src:url(fonts/ro-sans-italic-2.woff2) format("woff2")}
@font-face{font-family:"RO Serif";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/ro-serif-regular.woff2) format("woff2")}
@font-face{font-family:"RO Serif";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/ro-serif-italic.woff2) format("woff2")}
@font-face{font-family:"RO Serif";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/ro-serif-bold.woff2) format("woff2")}
@font-face{font-family:ROSans;src:url(fonts/ro-sans.woff2) format("woff2");font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:ROSans;src:url(fonts/ro-sans-italic.woff2) format("woff2");font-display:swap;font-weight:400;font-style:italic}
:root{--primary-color:#007bc7;--primary-contrast-color:#fff;--focus-color:#ffd372;--lint-color:#154273;--background-color:#f1faff;--background-contrast-color:black;--button-color:#007bc7;--button-color-text:#fff;--button-color-hover:#00537c;--link-color:#007bc7;--link-color-hover:#00629e;--link-color-visited:#848;--text-gray:#5e6568;--table-border:#bdc6c9;--gray-background-color:#5e6568;--gray-background-contrast-color:white}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}
abbr[title],dfn[title]{cursor:help}
ins,u{text-decoration:none}
ins{border-bottom:1px solid}
*{outline:none}
address,blockquote,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-bottom:12px}
dd,ol,ul{margin-left:16px;word-break:normal;list-style-type:none}
button{font-size:1.8rem}
@media(min-width:720px){
  button{font-size:2rem}
}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{font-family:RO Sans,Calibri,Verdana,Arial,sans-serif;height:100%;font-size:1.8rem}
@media(min-width:720px){
  body{font-size:2rem}
}
html{font-size:62.5%;overflow-y:scroll;min-height:100%;position:relative;line-height:1.4}
main{flex:1 0 auto}
img{height:auto;max-width:100%}
.component-wrapper{position:relative;margin-bottom:32px}
.component-wrapper-no-margin{position:relative}
.js .no-js{display:none;visibility:hidden}
.no-js .no-js{display:block}
.no-js .js{display:none;visibility:hidden}
.sr-only{border:0;clip-path:inset(50%);-webkit-clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.page-wrapper{display:flex;flex-direction:column;min-height:100vh;margin:0}
.layout-wrapper{margin:0 auto;padding:0 20px;position:relative;width:100%}
.layout-wrapper.no-js{padding:0}
@media(min-width:1080px){
  .layout-wrapper{max-width:1080px}
}
.content-wrapper{margin:0 auto;padding:0 20px;position:relative}
@media(min-width:720px){
  .content-wrapper{max-width:600px}
}
@media(min-width:1024px){
  .content-wrapper{max-width:960px}
}
.content-small-wrapper{max-width:600px}
.colored-background{--link-color:#0074bd}
.icoon{vertical-align:middle}
.knop-blok{display:block;padding-right:64px;width:100%}
.knop{background-color:var(--button-color);border:0;border-radius:3px;cursor:pointer;color:var(--button-color-text);display:inline-block;font-weight:700;margin:0 0 16px;min-height:40px;padding:8px 12px;text-decoration:none;text-align:left;word-break:normal;overflow-wrap:anywhere}
.knop:hover{background-color:var(--button-color-hover);color:var(--button-color-text);transition:background-color .15s cubic-bezier(.4,0,.2,1)}
.knop{border:3px solid rgba(0,0,0,0)}
.knop:focus{background:var(--focus-color)!important;border:3px solid #000}
.knop:focus:focus{color:#000!important}
.knop:focus path{fill:#000}
.knop:visited{color:var(--button-color-text)}
.knop:disabled,.knop:focus:disabled,.knop:hover:disabled{background:#fff;box-shadow:none;color:var(--text-gray);cursor:not-allowed;outline:none;border:dotted}
@media(min-width:720px){
  .knop{margin-right:0}
}
.knop-cta:hover .knop-pijl svg{margin-left:2px}
.knop-pijl{height:18px;width:25px;display:inline-block;position:relative}
.knop-pijl svg{position:absolute;fill:var(--button-color-text);transition:margin-left .15s cubic-bezier(.4,0,.2,1)}
.logo{display:flex;justify-content:center;padding-bottom:20px}
@media(min-width:720px){
  .logo{padding-bottom:23px}
}
@media(min-width:1024px){
  .logo{padding-bottom:25px}
}
.logo:has(+[class*=Navigation] li){padding-bottom:10px}
.logo a{border:none;padding:0}
.logo a:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.logo a{padding-bottom:3px}
.logo .logo-link{transform:translateX(50%);margin-left:-104px;display:inline-flex;gap:10px;text-decoration:none;color:var(--lint-color)}
@media(min-width:1024px){
  .logo .logo-link{margin-left:-114px;gap:11.5px}
}
.logo img{width:auto;height:80px;padding:0 32.5px}
.logo img:has(~.logo-woordmerk){padding-right:0}
@media(min-width:480px){
  .logo img{height:90px}
}
@media(min-width:1024px){
  .logo img{height:100px}
}
.logo .logo-woordmerk{padding-block:41px 0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-right:16px;font-weight:625;font-size:1.2rem;max-width:150px;line-height:14.08px;letter-spacing:-.1px}
@media(min-width:480px){
  .logo .logo-woordmerk{padding-block:48px 0;font-size:1.35rem;line-height:15.85px;max-width:none}
}
@media(min-width:1024px){
  .logo .logo-woordmerk{padding-block:53px 0;font-size:1.5rem;line-height:17.6px;max-width:none}
}
@media(max-width:359px){
  .logo .logo-woordmerk{padding-right:8px;max-width:120px}
}
.kruimelpad{padding:20px;background-color:var(--background-color)}
@media(max-width:1023px){
  .kruimelpad-binnen{padding:0}
}
.kruimelpad-lijst{list-style:none;margin-left:0;margin-bottom:0}
.kruimelpad-lijst li{display:inline}
.kruimelpad-lijst li a{color:var(--link-color)!important;margin-right:16px;text-decoration:none;display:inline-block;padding-right:8px}
.kruimelpad-lijst li a:hover{color:var(--link-color-hover)!important}
.kruimelpad-lijst li a:hover path{fill:var(--link-color-hover)}
.kruimelpad-lijst li a:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.kruimelpad-lijst li a{padding-bottom:3px}
.kruimelpad-lijst li a:focus path{fill:#000}
.kruimelpad-lijst li a svg{display:inline;margin-left:-20px}
.kruimelpad-lijst li a svg path{fill:var(--link-color)}
.kruimelpad-lijst .kruimelpad-tekst{display:inline;padding-right:24px}
.ro-sans{font-family:ROSans}
.icoonnav-item{color:#000;display:grid;grid-gap:16px;gap:16px;grid-template-columns:70px 1fr;text-decoration:none;position:relative}
.icoonnav-item:focus{border-bottom:3px solid #000;padding-bottom:0}
.icoonnav-item{padding-bottom:3px}
.icoonnav-item:has(a:focus){background:var(--focus-color)!important;outline:none;z-index:2000}
.icoonnav-item:has(a:focus){border-bottom:3px solid #000;padding-bottom:0}
.icoonnav-item:has(a:focus) .icoonnav-icoon{background:none}
@media(min-width:720px){
  .icoonnav-item{grid-template-columns:85px 1fr}
}
.icoonnav-item .icoonnav-icoon{align-items:center;background:#fff;border-radius:50%/10%;display:flex;height:70px;justify-content:center}
@media(min-width:720px){
  .icoonnav-item .icoonnav-icoon{height:85px}
}
.icoonnav-item .icoonnav-titel a{font-size:2.4rem;color:var(--link-color);text-decoration:none}
@media(min-width:1024px){
  .icoonnav-item .icoonnav-titel a{font-size:2.55rem}
}
.icoonnav-item .icoonnav-titel a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}
.icoonnav-item .icoonnav-titel a:focus{color:#000}
.accordeon-kop{margin:0;position:relative;word-break:normal;padding:16px 0}
.accordeon-kop:before{content:"";display:block;width:100px;position:absolute;left:0;top:0;border-top:1px solid var(--primary-color)}
[dir=rtl] .accordeon-kop:before{right:0}
.accordeon-icoon{margin-left:-4px;margin-top:2px;min-width:20px}
.accordeon-icoon path{fill:var(--button-color)}
[dir=rtl] .accordeon-icoon{margin-left:0;margin-right:-4px}
.accordeon-knop{background:none;border:none;cursor:pointer;font-weight:700;outline:none;padding:0;text-align:left;display:flex;align-items:flex-start}
.accordeon-knop:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.accordeon-knop{padding-bottom:3px}
.accordeon-knop:focus path{fill:#000}
.accordeon-knop .accordeon-titel{margin-left:16px;color:#000}
[dir=rtl] .accordeon-knop .accordeon-titel{margin-right:16px;margin-left:0}
.accordeon-paneel{word-break:normal;display:block;overflow:hidden}
.accordeon-paneel .accordeon-inhoud{margin-bottom:32px;margin-left:32px}
.accordeon-paneel .accordeon-inhoud h3{font-size:1.8rem;line-height:1.3333;margin-top:24px;margin-bottom:3px}
.accordeon-paneel .accordeon-inhoud h3 a{padding-bottom:0}
@media(min-width:720px){
  .accordeon-paneel .accordeon-inhoud h3{font-size:2rem}
}
.accordeon-paneel .accordeon-inhoud h4{font-style:italic}
.accordeon-paneel .accordeon-inhoud h3:first-child{margin-top:0}
[dir=rtl] .accordeon-paneel .accordeon-inhoud{margin-right:32px;margin-left:0}
.accordeon-dicht{display:none}
.no-js .accordeon-dicht{display:block}
.no-js .accordeon-icoon{display:none}
.tekst h2{font-size:2.4rem;line-height:1.1666;margin-top:48px;margin-bottom:12px}
.tekst h2 a{padding-bottom:0}
@media(min-width:720px){
  .tekst h2{font-size:2.8rem}
}
.tekst h3{font-size:2.1rem;line-height:1.1666;margin-top:24px;margin-bottom:6px}
.tekst h3 a{padding-bottom:0}
@media(min-width:720px){
  .tekst h3{font-size:2.4rem}
}
.tekst h4{font-size:1.8rem;line-height:1.3333;margin-top:24px;margin-bottom:3px}
.tekst h4 a{padding-bottom:0}
@media(min-width:720px){
  .tekst h4{font-size:2rem}
}
.tekst a{border-bottom:1px solid;color:var(--link-color);text-decoration:none;overflow-wrap:anywhere;word-break:normal;padding-bottom:1px!important}
.tekst a:visited{color:var(--link-color-visited)}
.tekst a:hover{color:var(--link-color-hover)}
.tekst a:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.tekst a{padding-bottom:3px}
.tekst table{border-spacing:0;text-align:left;height:auto;display:block;overflow-x:auto;margin-bottom:32px;margin-top:24px}
@media(min-width:720px){
  .tekst table{display:table;width:100%}
}
.tekst table td,.tekst table th{border-bottom:1px solid var(--table-border);padding:12px 16px;vertical-align:top;min-width:120px}
.tekst table td:last-child,.tekst table th:last-child{padding:12px 16px}
.tekst table th{color:var(--background-contrast-color);border-bottom:1px solid var(--table-border);vertical-align:top;font-size:1.8rem;line-height:25.2px}
@media(min-width:720px){
  .tekst table th{font-size:2rem;line-height:28px}
}
.tekst table thead th{border-bottom:2px solid var(--table-border);vertical-align:bottom}
.tekst table caption{text-align:left;padding-bottom:16px;color:var(--background-contrast-color);font-size:2.2rem;line-height:30px;position:sticky;left:0;top:0;display:inline-block;font-weight:550}
@media(min-width:720px){
  .tekst table caption{display:table-caption;position:relative;font-size:2.4rem;line-height:33.6px}
}
.tekst ol,.tekst ul{list-style:none;margin-left:0;padding-left:28px}
[dir=rtl] .tekst ol,[dir=rtl] .tekst ul{margin-right:0;padding-right:28px}
.tekst ol li,.tekst ul li{text-indent:-24px;margin-bottom:16px}
.tekst ol li:before,.tekst ul li:before{display:inline-block;margin-right:12px}
[dir=rtl] .tekst ol li:before,[dir=rtl] .tekst ul li:before{margin-left:12px}
.tekst ol li p,.tekst ul li p{display:inline}
.tekst ol ol,.tekst ol ul,.tekst ul ol,.tekst ul ul{margin-bottom:0;margin-top:16px}
.tekst ol{counter-reset:item}
.tekst ol>li:before{content:counter(item);counter-increment:item;font-size:1.6rem;font-weight:700;text-align:right;margin-left:16px}
[dir=rtl] .tekst ol>li:before{margin-right:16px;text-align:left}
.tekst ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:#000;margin-left:6px;vertical-align:middle}
[dir=rtl] .tekst ul li:before{margin-right:6px}
.tekst a+br+a:before{margin-top:16px;display:block;content:""}
.titelbalk{align-items:center;background:var(--primary-color);color:var(--primary-contrast-color);display:flex;height:40px}
.titelbalk-titel{display:block;font-size:18px;width:100%}
@media(min-width:720px){
  .titelbalk{height:50px}
  .titelbalk-titel{font-size:21px}
}
@media(min-width:1024px){
  .titelbalk-titel{font-size:24px}
}
.payoff{background:var(--primary-color);color:var(--primary-contrast-color);padding:24px 0}
@media(min-width:1024px){
  .payoff{padding:35px 0}
}
.payoff span{font-size:2.6rem;font-weight:700;margin:0}
@media(min-width:1024px){
  .payoff span{font-size:3.6rem}
}
.payoff-binnen{display:flex;gap:16px;align-items:center}
.payoff-logo{height:70px;align-items:center;display:flex}
.payoff-logo img{width:100%;height:inherit}
@media(min-width:720px){
  .payoff-logo{height:85px}
}
@media(max-width:359px){
  .payoff-logo{display:none}
}
.payoff-tekst{font-family:"RO Serif",Times,Times New Roman,serif;font-size:2.12rem;font-style:italic;margin:0}
@media(min-width:1024px){
  .payoff-tekst{font-size:3rem}
}
.actiegebied{background:var(--background-color);color:var(--background-contrast-color);margin-bottom:40px;padding:20px 0 24px}
.intro-home{max-width:1080px}
.actiegebied-kop{margin-bottom:40px}
.paginatitel{font-size:3rem;font-weight:400;line-height:1.11}
@media(min-width:720px){
  .paginatitel{font-size:3.6rem}
}
.intro{font-size:2.4rem;margin-bottom:16px}
.actiegebied-inhoud{margin-top:48px}
@media(max-width:1023px){
  .actiegebied-inhoud:has(div.navblok>h2.bloktitel){margin-top:0}
}
.navblok{position:relative}
.navblok>h2{padding-top:20px}
@media(min-width:1024px){
  .navblok{margin-top:-48px;margin-left:0}
}
@media(min-width:1080px){
  .navblok{margin-top:-48px;margin-left:0}
}
.informatie{margin-bottom:40px}
@media(min-width:720px){
  .informatie-home{max-width:1080px}
}
.voet{margin-top:20px}
.bloktitel{font-weight:400;font-size:1.8rem;margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase}
.voet-404{margin-top:120px}
.voetnav{background:var(--gray-background-color);padding:28px 0;overflow:hidden}
.voetnav,.voetnav .voetnav-knop{color:var(--gray-background-contrast-color)}
.voetnav .voetnav-knop path{fill:var(--gray-background-contrast-color)}
.voetnav .voetnav-knop:hover{cursor:pointer}
.voetnav ul{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:0;padding-left:16px}
@media(min-width:1024px){
  .voetnav ul{flex-direction:row;gap:80px;margin-left:0;padding-left:0}
  .voetnav ul li:not(:first-child){margin-left:8px}
}
.voetnav li{margin-bottom:24px}
.voetnav li:last-child{margin-bottom:0}
@media(min-width:1024px){
  .voetnav li{margin-bottom:0}
}
.voetnav a{color:var(--gray-background-contrast-color)!important;border-bottom:1px solid;display:inline-block;text-decoration:none}
.voetnav a:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.voetnav a{padding-bottom:3px}
.voetnav a:focus{padding-bottom:1px}
.voetnav-knop{align-items:center;border:none;background:none;color:var(--link-color);display:flex;font-size:2.1rem;padding-left:0;margin-left:16px}
@media(min-width:1024px){
  .voetnav-knop{display:none}
}
.voetnav-knop:focus{background:var(--focus-color)!important;outline:none;z-index:2000;color:#000!important;border-bottom:3px solid #000;padding-bottom:0}
.voetnav-knop{padding-bottom:3px}
.voetnav-knop:focus path{fill:#000}
.voetnav-knop .voetnav-icoon{margin-right:8px}
.voetnav-knop path{fill:var(--link-color)}
.voetnav-inhoud{display:none}
@media(min-width:1024px){
  .voetnav-inhoud{display:block}
}
.voetnav-inhoud.open{display:block;padding-top:32px}
.no-js .voetnav-inhoud{display:block}
@media(min-width:1024px){
  .voet-payoff{padding-top:32px;padding-bottom:35px}
}
.voet-payoff span{font-size:2.4rem}
@media(min-width:1024px){
  .voet-payoff span{font-size:3.3rem}
}
.voet-payoff p{font-size:2rem}
@media(min-width:1024px){
  .voet-payoff p{font-size:2.8rem}
}
.skiplink{left:-100vw;top:-100vh;position:absolute}
.skiplink:focus-within{left:16px;top:16px}
@media(max-width:479px){
  .skiplink{width:150px;font-size:1.3rem}
}
.icoonnav{display:grid;grid-gap:32px;gap:32px}
@media(min-width:1024px){
  .icoonnav{padding:40px 0;grid-template-columns:48.5% 48.5%}
  h2+.icoonnav{padding:0 40px 40px 0}
}
.hoofdfoto{margin:0 0 24px}
.hoofdfoto img{display:block;width:100%;height:auto}