/* site.css — gegenereerd door herbouw.py uit de bron-CSS
   (bootstrap/colorbox/screen/form_builder, gefilterd op gebruikte
   selectors en hernoemd via data/class-mapping.json);
   niet met de hand bewerken — pipeline: import_cms.py. */
:root{/* merk-tokens, verbeterpas 13 */--kleur-cyaan: #74fbfd;--kleur-paars: #ad24f6;--kleur-groen: #5dca3b;--kleur-paars-donker: #600f90;--kleur-oranje: #eb5428;--kleur-rood: #ea3323;--kleur-geel: #ffff54;--kleur-blauw: #245df6;--kleur-roze: #ff6069;--kleur-wit: #fff;--kleur-zwart: #000;--font-tekst: 'Rubik', sans-serif;--font-kop: 'Merriweather', serif}
@font-face{font-family:'fontello';src:url(fonts/fontello.woff2) format('woff2');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family: 'Merriweather';font-style: normal;font-weight: 900;font-stretch: 100%;src: url(fonts/merriweather-900-cyrillic-ext.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;font-display:swap}
@font-face{font-family: 'Merriweather';font-style: normal;font-weight: 900;font-stretch: 100%;src: url(fonts/merriweather-900-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;font-display:swap}
@font-face{font-family: 'Merriweather';font-style: normal;font-weight: 900;font-stretch: 100%;src: url(fonts/merriweather-900-vietnamese.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;font-display:swap}
@font-face{font-family: 'Merriweather';font-style: normal;font-weight: 900;font-stretch: 100%;src: url(fonts/merriweather-900-latin-ext.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-display:swap}
@font-face{font-family: 'Merriweather';font-style: normal;font-weight: 900;font-stretch: 100%;src: url(fonts/merriweather-900-latin.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-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-arabic.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-cyrillic-ext.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-hebrew.woff2) format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-latin-ext.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-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 400;src: url(fonts/rubik-400-latin.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-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-arabic.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-cyrillic-ext.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-hebrew.woff2) format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;font-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-latin-ext.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-display:swap}
@font-face{font-family: 'Rubik';font-style: normal;font-weight: 500;src: url(fonts/rubik-400-latin.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-display:swap}
html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body{margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline}
audio:not([controls]){display: none;height: 0}
[hidden], template{display: none}
a{background-color: transparent}
a:active, a:hover{outline: 0}
abbr[title]{border-bottom: 1px dotted}
b, strong{font-weight: bold}
dfn{font-style: italic}
h1{margin: 0.67em 0;font-size: 2em}
mark{color: var(--kleur-zwart);background: #ff0}
small{font-size: 80%}
sub, sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sup{top: -0.5em}
sub{bottom: -0.25em}
img{border: 0}
svg:not(:root){overflow: hidden}
figure{margin: 1em 40px}
hr{height: 0;box-sizing: content-box}
pre{overflow: auto}
code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em}
button, input, optgroup, select, textarea{margin: 0;font: inherit;color: inherit}
button{overflow: visible}
button, select{text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;cursor: pointer}
button[disabled], html input[disabled]{cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner{padding: 0;border: 0}
input{line-height: normal}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto}
input[type="search"]{box-sizing: content-box;-webkit-appearance: textfield}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}
fieldset{padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
legend{padding: 0;border: 0}
textarea{overflow: auto}
optgroup{font-weight: bold}
table{border-spacing: 0;border-collapse: collapse}
td, th{padding: 0}
@media print{
  *, *:before, *:after{color: var(--kleur-zwart) !important;text-shadow: none !important;background: transparent !important;box-shadow: none !important}
  a, a:visited{text-decoration: underline}
  a[href]:after{content: " (" attr(href) ")"}
  abbr[title]:after{content: " (" attr(title) ")"}
  a[href^="#"]:after, a[href^="javascript:"]:after{content: ""}
  pre, blockquote{border: 1px solid #999;page-break-inside: avoid}
  thead{display: table-header-group}
  tr, img{page-break-inside: avoid}
  img{max-width: 100% !important}
  p, h2, h3{orphans: 3;widows: 3}
  h2, h3{page-break-after: avoid}
  .label{border: 1px solid var(--kleur-zwart)}
}
*{box-sizing: border-box}
*:before, *:after{box-sizing: border-box}
html{font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: var(--kleur-wit)}
input, button, select, textarea{font-family: inherit;font-size: inherit;line-height: inherit}
a{color: #337ab7;text-decoration: none}
a:hover, a:focus{color: #23527c;text-decoration: underline}
a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px}
figure{margin: 0}
img{vertical-align: middle;display: block;max-width: 100%;height: auto}
hr{margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee}
[role="button"]{cursor: pointer}
h1, h2, h3, h4, h5, h6{font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small{font-weight: normal;line-height: 1;color: #777}
h1, h2, h3{margin-top: 20px;margin-bottom: 10px}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small{font-size: 65%}
h4, h5, h6{margin-top: 10px;margin-bottom: 10px}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small{font-size: 75%}
h1{font-size: 36px}
h2{font-size: 30px}
h3{font-size: 24px}
h4{font-size: 18px}
h5{font-size: 14px}
h6{font-size: 12px}
p{margin: 0 0 30px}
small, .small{font-size: 85%}
mark{padding: 0.2em;background-color: #fcf8e3}
ul, ol{margin: 0;padding: 0}
ul ul, ol ul, ul ol, ol ol{margin: 0;padding: 0}
dl{margin-top: 0;margin-bottom: 20px}
dt, dd{line-height: 1.42857143}
dt{font-weight: bold}
dd{margin-left: 0}
address{margin-bottom: 20px;font-style: normal;line-height: 1.42857143}
code, kbd, pre, samp{font-family: Menlo, Monaco, Consolas, "Courier New", monospace}
code{padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px}
kbd{padding: 2px 4px;font-size: 90%;color: var(--kleur-wit);background-color: #333;border-radius: 3px;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)}
kbd kbd{padding: 0;font-size: 100%;font-weight: bold;box-shadow: none}
pre{display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px}
pre code{padding: 0;font-size: inherit;color: inherit;white-space: pre-wrap;background-color: transparent;border-radius: 0}
.container{padding-right: 4px;padding-left: 4px;margin-right: auto;margin-left: auto;position: relative}
@media (min-width: 768px){
  .container{width: 740px}
}
@media (min-width: 992px){
  .container{width: 960px}
}
@media (min-width: 1280px){
  .container{width: 1280px}
}
.row{margin-right: -4px;margin-left: -4px}
.col-lg-5th, .col-sm-3, .col-lg-3, .col-sm-4, .col-md-4, .col-sm-5, .col-xs-6, .col-sm-6, .col-md-6, .col-sm-7, .col-sm-8, .col-md-8, .col-sm-10{position: relative;min-height: 1px;padding-right: 4px;padding-left: 4px}
.col-xs-6{float: left}
.col-xs-6{width: 50%}
@media (min-width: 768px){
  .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-10{float: left}
  .col-sm-10{width: 83.33333333%}
  .col-sm-8{width: 66.66666667%}
  .col-sm-7{width: 58.33333333%}
  .col-sm-6{width: 50%}
  .col-sm-5{width: 41.66666667%}
  .col-sm-4{width: 33.33333333%}
  .col-sm-3{width: 25%}
  .col-sm-offset-2{margin-left: 16.66666667%}
  .col-sm-offset-1{margin-left: 8.33333333%}
}
@media (min-width: 992px){
  .col-md-4, .col-md-6, .col-md-8{float: left}
  .col-md-8{width: 66.66666667%}
  .col-md-6{width: 50%}
  .col-md-4{width: 33.33333333%}
  .col-md-offset-2{margin-left: 16.66666667%}
}
@media (min-width: 1280px){
  .col-lg-5th, .col-lg-3{float: left}
  .col-lg-3{width: 25%}
  .col-lg-5th{width: 20%}
}
.container:before, .container:after, .row:before, .row:after{display: table;content: " "}
.container:after, .row:after{clear: both}
.show{display: block !important}
.hidden{display: none !important}
[class*="span"]{float: left;position: relative;min-height: 1px;padding-right: 4px;padding-left: 4px}
@media (max-width: 767px){
  [class*="span"]{display: block;float: none;width: 100%;margin-left: 0;padding-left: 4px;padding-right: 4px;box-sizing: border-box}
  [class*="offset"]{left: 0}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
html, body{box-sizing: border-box;height: 100%;-webkit-font-smoothing: antialiased}
*, *:before, *:after{box-sizing: inherit}
body{font-family: var(--font-tekst);font-size: 18px;line-height: 1.4em;color: var(--kleur-zwart);font-weight: 400}
h1, h2, h3, h4{font-family: var(--font-tekst);line-height: 1em;margin: 0 0 5px;color: var(--kleur-zwart);font-weight: 500}
h1 a, h2 a, h3 a, h4 a{color: inherit}
h1{font-size: 50px}
h2{font-size: 24px}
h3{font-size: 20px}
.mod-title{font-size: 50px;font-weight: 500}
ul, ol, li{margin: 0;padding: 0;list-style: none}
textarea, input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance: none;border-radius: 0}
a:link, a:active, a:visited{outline: none;color: #ef4354}
a:hover{text-decoration: none}
a:hover, a:focus{color: #6b0196}
img{max-width: 100%}
.main-body{padding: 0}
.pagina-categorie .main-body{background: #f2f2f2}
@media (max-width: 991px){
  h1{font-size: 46px}
}
@media (max-width: 767px){
  h1{font-size: 32px}
  .container{padding-left: 20px;padding-right: 20px}
}
.gradient-purple{background: var(--kleur-paars-donker);background: linear-gradient(to right, var(--kleur-paars-donker) 0%, #e23184 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_purple_l', endColorstr='@gr_purple_r', GradientType=1)}
.gradient-blue{background: var(--kleur-cyaan);background: linear-gradient(to right, var(--kleur-cyaan) 0%, var(--kleur-blauw) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_blue_l', endColorstr='@gr_blue_r', GradientType=1)}
.gradient-green{background: var(--kleur-groen);background: linear-gradient(to right, var(--kleur-groen) 0%, #75fbd0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_green_l', endColorstr='@gr_green_r', GradientType=1)}
.gradient-yellow{background: var(--kleur-geel);background: linear-gradient(to right, var(--kleur-geel) 0%, #75fb4c 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_yellow_l', endColorstr='@gr_yellow_r', GradientType=1)}
.gradient-orange{background: var(--kleur-oranje);background: linear-gradient(to right, var(--kleur-oranje) 0%, #f9d849 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_orange_l', endColorstr='@gr_orange_r', GradientType=1)}
.gradient-lila{background: var(--kleur-paars);background: linear-gradient(to right, var(--kleur-paars) 0%, #0004f5 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_lila_l', endColorstr='@gr_lila_r', GradientType=1)}
.gradient-red{background: var(--kleur-rood);background: linear-gradient(to right, var(--kleur-rood) 0%, #f095b9 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_red_l', endColorstr='@gr_red_r', GradientType=1)}
.gradient-pink{background: var(--kleur-roze);background: linear-gradient(to right, var(--kleur-roze) 0%, #a1bfff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gr_pink_l', endColorstr='@gr_pink_r', GradientType=1)}
.t-blue{color: var(--kleur-cyaan)}
.t-green{color: var(--kleur-groen)}
.t-yellow{color: var(--kleur-oranje)}
.t-lila{color: var(--kleur-paars)}
.button{display: inline-block;background: var(--kleur-zwart);color: var(--kleur-wit) !important;font-size: 18px;line-height: 1;font-weight: 500;white-space: nowrap;padding: 0.9em 1.2em;border-radius: 4px;text-transform: lowercase;position: relative;overflow: hidden;border: none}
.button span{display: block;position: relative;z-index: 10}
.button:before{display: block;content: "";width: 360px;height: 360px;border-radius: 50%;background: #00bc81;position: absolute;top: 50%;left: 50%;z-index: 2;transform-origin: center center;transition: all 0.6s ease-in-out 0s;transform: translate(-50%, -50%) scale(0.01);opacity: 0}
.button:hover:before{transform: translate(-50%, -50%) scale(1);opacity: 1}
.button.small{font-size: 16px;padding: 0.6em 1em}
.button.purple{background: #6b0196}
.site-wrapper{padding-top: 70px}
.bg-purple{background: var(--kleur-paars-donker) !important}
.bg-purple:before{background: var(--kleur-paars-donker) !important}
.bg-blue{background: var(--kleur-cyaan) !important}
.bg-blue:before{background: var(--kleur-cyaan) !important}
.bg-blue .path{color: var(--kleur-zwart)}
.bg-blue .path a{border-bottom-color: var(--kleur-zwart)}
.bg-green{background: var(--kleur-groen) !important}
.bg-green:before{background: var(--kleur-groen) !important}
.bg-green .path{color: var(--kleur-zwart)}
.bg-green .path a{border-bottom-color: var(--kleur-zwart)}
.bg-yellow{background: var(--kleur-geel) !important}
.bg-yellow:before{background: var(--kleur-geel) !important}
.bg-yellow .path{color: var(--kleur-zwart)}
.bg-yellow .path a{border-bottom-color: var(--kleur-zwart)}
.bg-orange{background: var(--kleur-oranje) !important}
.bg-orange:before{background: var(--kleur-oranje) !important}
.bg-orange .path{color: var(--kleur-zwart)}
.bg-orange .path a{border-bottom-color: var(--kleur-zwart)}
.bg-lila{background: var(--kleur-paars) !important}
.bg-lila:before{background: var(--kleur-paars) !important}
.bg-red{background: var(--kleur-rood) !important}
.bg-red:before{background: var(--kleur-rood) !important}
.bg-red .path{color: var(--kleur-zwart)}
.bg-red .path a{border-bottom-color: var(--kleur-zwart)}
.bg-pink{background: var(--kleur-roze) !important}
.bg-pink:before{background: var(--kleur-roze) !important}
.mod-crumbs{display: none}
.path{height: 55px;color: var(--kleur-wit);text-transform: lowercase;padding-top: 15px}
.path a{display: inline-block;color: inherit;border-bottom: 2px solid var(--kleur-wit);margin-left: 5px}
.path i{position: relative;top: 2px}
.path .path-item{display: inline-block;margin-left: 5px}
@media (max-width: 600px){
  .site-wrapper{padding-top: 60px}
}
.close-icon{display: block;width: 36px;cursor: pointer;position: absolute;top: 19px;right: 4px}
.close-icon:after, .close-icon:before{background-color: var(--kleur-wit);content: '';display: block;height: 4px;margin: 5px 0;border-radius: 2px;transition: all 0.3s ease-in-out}
.close-icon.open:before{transform: translateY(9px) rotate(135deg)}
.close-icon.open:after{transform: translateY(-9px) rotate(-135deg)}
.img-banner{height: 500px;background-size: cover;background-position: center center}
.main .post-entry h1, .main .post-output h1, .main .post-entry h2, .main .post-output h2, .main .post-entry h3, .main .post-output h3, .main .post-entry h4, .main .post-output h4{margin-bottom: 10px}
.main .post-entry h1, .main .post-output h1{font-size: 32px}
.main .post-entry h2, .main .post-output h2{font-size: 22px}
.main .post-entry h3, .main .post-output h3{font-size: 20px}
.main .post-entry h4, .main .post-output h4{font-size: 18px}
.main .post-entry ul, .main .post-output ul, .main .post-entry ol, .main .post-output ol, .main .post-entry li, .main .post-output li{margin: 0;padding: 0;list-style: none;line-height: 1.6em}
.main .post-entry ul, .main .post-output ul{margin: 0 0 30px}
.main .post-entry ul li, .main .post-output ul li{margin-left: 40px;list-style: disc}
.main .post-entry ol, .main .post-output ol{margin: 0 0 30px}
.main .post-entry ol li, .main .post-output ol li{margin-left: 40px;list-style: decimal}
.video-container{display: block;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden}
.video-container iframe, .video-container object, .video-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.mod-content-block-a{position: relative;padding: 80px 0;margin-bottom: 60px}
.mod-content-block-a .col-left{padding-right: 10%}
.mod-content-block-a .bv-image{display: block;width: 50%;height: 100%;background: #f8f8f8;position: absolute;top: 0;left: 50%;background-size: cover;background-position: center center}
.mod-content-block-a .bv-image img{display: none}
@media (max-width: 767px){
  .mod-content-block-a{margin-bottom: 20px;padding: 0}
  .mod-content-block-a .col-left{padding-right: 0;padding-top: 40px}
  .mod-content-block-a .bv-image{position: static;width: 100%;height: 450px}
}
@media (max-width: 500px){
  .mod-content-block-a .bv-image{height: 350px}
}
.mod-quote{padding: 60px 0}
.mod-quote .container{overflow: hidden}
.mod-quote blockquote{font-family: var(--font-kop);font-size: 60px;line-height: 1.2em;text-align: center;margin: 0}
.mod-quote blockquote p{margin: 0;padding: 0 10%}
.mod-quote cite{display: inline-block;float: right;font-size: 16px;padding-top: 15px}
@media (max-width: 1280px){
  .mod-quote blockquote{font-size: 50px}
  .mod-quote blockquote p{padding: 0 8%}
}
@media (max-width: 991px){
  .mod-quote blockquote{font-size: 46px}
  .mod-quote blockquote p{padding: 0 5%}
}
@media (max-width: 767px){
  .mod-quote blockquote{font-size: 40px;margin-bottom: 15px}
  .mod-quote blockquote p{padding: 0}
}
@media (max-width: 580px){
  .mod-quote blockquote{font-size: 28px}
}
.mod-block-cta{margin-bottom: 40px}
.mod-block-cta .inner{text-align: center;padding: 60px 30px;color: var(--kleur-wit)}
.mod-block-cta .inner h3{font-size: 60px;line-height: 1.3em;color: var(--kleur-wit);font-family: var(--font-kop);margin: 0 0 40px}
.mod-block-cta .inner .button span{white-space: normal}
.mod-block-cta .inner .button:before{background: var(--kleur-wit)}
.mod-block-cta .inner .button:hover{color: var(--kleur-zwart) !important}
@media (max-width: 1280px){
  .mod-block-cta .inner h3{font-size: 46px;margin: 0 0 36px}
}
@media (max-width: 600px){
  .mod-block-cta .inner{padding: 40px 20px}
  .mod-block-cta .inner h3{font-size: 30px}
}
.mod-skills-intro h1{line-height: 1em;margin: 0 0 30px}
.pagina-skills .mod-skills-intro{padding: 60px 0 20px}
.pagina-skills h1{line-height: 1em;margin: 0 0 30px}
.mod-filter{padding-bottom: 20px}
.mod-filter .filter-categories{overflow: hidden;margin-left: -5px}
.mod-filter .filter-categories li{float: left;margin: 0}
.mod-filter .filter-categories a{display: block;line-height: 32px;padding: 0 20px 0 8px;color: var(--kleur-wit);border-radius: 2px;border: 5px solid #f2f2f2;transition: transform 0.3s ease-in-out 0s}
.mod-filter .filter-categories a i{font-size: 15px;position: relative;top: -1px}
.mod-filter .filter-categories a i:before{margin: 0 3px 0 0}
.mod-filter .filter-categories a:hover{transform: scale(1.1)}
.mod-filter .filter-categories a.showall{color: var(--kleur-wit);background: var(--kleur-zwart);padding-left: 20px}
.mod-filter .filter-categories a.showall:hover{opacity: 0.8}
.mod-filter .filter-categories a.category-1:hover{background: var(--kleur-paars-donker)}
.mod-filter .filter-categories a.category-2:hover{background: var(--kleur-blauw)}
.mod-filter .filter-categories a.category-3:hover{background: var(--kleur-groen)}
.mod-filter .filter-categories a.category-4:hover{background: #75fb4c}
.mod-filter .filter-categories a.category-5:hover{background: var(--kleur-oranje)}
.mod-filter .filter-categories a.category-6:hover{background: var(--kleur-paars)}
.mod-filter .filter-categories a.category-7:hover{background: var(--kleur-rood)}
.skills-grid{}
.skills-grid .item{margin-bottom: 15px;position: relative}
.skills-grid .item:hidden{display: none}
.skills-grid .inner{position: relative;overflow: hidden}
.skills-grid .inner:before{display: block;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: -100%;z-index: 5;background: var(--kleur-groen);mix-blend-mode: multiply;transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)}
.skills-grid .inner:hover:before{left: 0}
.skills-grid .inner:hover .arrow{top: 35%;opacity: 1}
.skills-grid .inner:hover .bv-image img{transform: scale(1.15);opacity: 0.5}
.skills-grid .inner:hover .bv-header .icon{transform: scale(0)}
.skills-grid .arrow{display: block;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;z-index: 20;color: var(--kleur-wit) !important;font-size: 50px;opacity: 0;transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)}
.skills-grid .bv-image{margin-bottom: 20px;background: var(--kleur-groen);overflow: hidden}
.skills-grid .bv-image img{opacity: 1;transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)}
.skills-grid .bv-header{position: relative;padding-left: 20px;padding-bottom: 15px;z-index: 15}
.skills-grid .bv-header .icon{display: block;width: 12px;height: 12px;border-radius: 50%;background: red;position: absolute;top: 4px;left: 0;transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1)}
.skills-grid .goto{display: none}
.skills-grid h2{font-family: var(--font-tekst);font-size: 18px;font-weight: 500}
.skills-grid .subtitle{display: block;font-size: 15px;line-height: 1.4em}
.skills-grid .category-1 .inner:before, .skills-grid .category-1 .bv-image, .skills-grid .category-1 .icon{background: var(--kleur-paars-donker)}
.skills-grid .category-1 .arrow{color: var(--kleur-wit)}
.skills-grid .category-1:hover .bv-header{color: var(--kleur-wit)}
.skills-grid .category-1:hover .bv-header h2{color: inherit}
.skills-grid .category-2 .inner:before, .skills-grid .category-2 .bv-image, .skills-grid .category-2 .icon{background: var(--kleur-cyaan)}
.skills-grid .category-3 .inner:before, .skills-grid .category-3 .bv-image, .skills-grid .category-3 .icon{background: var(--kleur-groen)}
.skills-grid .category-4 .inner:before, .skills-grid .category-4 .bv-image, .skills-grid .category-4 .icon{background: var(--kleur-geel)}
.skills-grid .category-5 .inner:before, .skills-grid .category-5 .bv-image, .skills-grid .category-5 .icon{background: var(--kleur-oranje)}
.skills-grid .category-6 .inner:before, .skills-grid .category-6 .bv-image, .skills-grid .category-6 .icon{background: var(--kleur-paars)}
.skills-grid .category-7 .inner:before, .skills-grid .category-7 .bv-image, .skills-grid .category-7 .icon{background: var(--kleur-rood)}
@media (max-width: 400px){
  .skills-grid .item{width: 100%;float: none}
}
.docenten-grid .item{margin-bottom: 8px}
.docenten-grid .item:hover .bv-image-2{transition: opacity 0.3s ease-in-out 0s;opacity: 1}
.docenten-grid .inner{position: relative}
.docenten-grid .bv-image{position: relative;z-index: 2}
.docenten-grid .bv-image img{width: 100%;opacity: 1}
.docenten-grid .bv-image-2{position: absolute;top: 0;left: 0;z-index: 4;transition: opacity 0.3s ease-in-out 0.4s;opacity: 0}
.docenten-grid .bv-image-2 img{width: 100%;opacity: 1}
.docenten-grid .cta-item .bv-image{opacity: 0}
.docenten-grid .cta-item .cta{width: 100%;display: block;font-size: 24px;font-weight: bold;text-align: center;color: var(--kleur-zwart);padding: 0 30px;position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
.docenten-grid .cta-item .cta span{display: block;margin-top: 10px;margin-bottom: 20px}
.docenten-grid .cta-item .cta i{font-size: 30px}
.docenten-grid .cta-item .cta:hover{color: var(--kleur-wit)}
@media (min-width: 401px) and (max-width: 500px){
  .docenten-grid .cta-item .cta{font-size: 18px;padding: 0 20px}
}
@media (max-width: 400px){
  .docenten-grid .item{width: 100%}
}
.location-grid .item .bv-image{background-color: transparent;background-position: center center;background-size: 80%;background-repeat: no-repeat}
.location-grid .cta-item .inner{position: relative;min-height: 300px}
.location-grid .cta-item .inner:before{display: none}
.location-grid .cta-item .cta{width: 100%;display: block;font-size: 24px;font-weight: bold;text-align: center;color: var(--kleur-zwart);padding: 0 30px;position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
.location-grid .cta-item .cta span{display: block;margin-top: 10px;margin-bottom: 20px}
.location-grid .cta-item .cta i{font-size: 30px}
.location-grid .cta-item .cta:hover{color: var(--kleur-wit)}
.skill-detail-page{}
.skill-detail-page.category-1 .mod-skills-form:before, .skill-detail-page.category-1 .mod-skills-related:before{background: var(--kleur-paars-donker)}
.skill-detail-page.category-2 .mod-skills-form:before, .skill-detail-page.category-2 .mod-skills-related:before{background: var(--kleur-cyaan)}
.skill-detail-page.category-3 .mod-skills-form:before, .skill-detail-page.category-3 .mod-skills-related:before{background: var(--kleur-groen)}
.skill-detail-page.category-4 .path{color: var(--kleur-zwart)}
.skill-detail-page.category-4 .path a{border-color: var(--kleur-zwart)}
.skill-detail-page.category-4 .mod-skills-form:before, .skill-detail-page.category-4 .mod-skills-related:before{background: var(--kleur-geel)}
.skill-detail-page.category-5 .mod-skills-form:before, .skill-detail-page.category-5 .mod-skills-related:before{background: var(--kleur-oranje)}
.skill-detail-page.category-6 .mod-skills-form:before, .skill-detail-page.category-6 .mod-skills-related:before{background: var(--kleur-paars)}
.skill-detail-page.category-7 .mod-skills-form:before, .skill-detail-page.category-7 .mod-skills-related:before{background: var(--kleur-rood)}
.post-entry p:last-child{margin-bottom: 0}
.post-entry ul, .post-entry ol, .post-entry li{margin: 0;padding: 0;list-style: none}
.post-entry ul, .post-entry ol{margin-bottom: 30px}
.post-entry ul li{margin-left: 20px;list-style: disc}
.post-entry ol li{margin-left: 20px;list-style: decimal}
.mod-skills-intro{padding: 60px 0}
.mod-skills-form{padding: 60px 0 30px;position: relative}
.mod-skills-form:before{display: block;content: " ";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: var(--kleur-zwart);opacity: 0.3}
.mod-skills-form .mod-title{font-size: 40px;margin-bottom: 40px}
.mod-skills-form .form-default .field-row textarea{height: 40px}
.mod-skills-form .form-default .loader{margin-top: 20px}
.form-columns{overflow: hidden}
.form-columns .col-6{width: 50%;float: left}
.form-columns .col-left{padding-right: 10px}
.form-columns .col-right{padding-left: 10px}
@media (max-width: 991px){
  .mod-skills-form .mod-title{font-size: 36px}
}
@media (max-width: 480px){
  .mod-skills-form .form-columns .col-6{width: 100%;float: none}
  .mod-skills-form .form-columns .col-left{padding-right: 0}
  .mod-skills-form .form-columns .col-right{padding-left: 0}
}
@media (max-width: 500px){
  .mod-skills-form .mod-title{font-size: 30px}
}
.mod-skills-related{padding: 60px 0 30px;position: relative}
.mod-skills-related:before{display: block;content: " ";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: var(--kleur-zwart);opacity: 0.1}
.mod-skills-related .mod-header{margin-bottom: 60px}
@media (max-width: 1280px){
  .mod-skills-related .mod-title{font-size: 40px}
  .mod-skills-related .skills-grid .item:nth-child(5){display: none}
}
@media (max-width: 991px){
  .mod-skills-related .mod-title{font-size: 36px}
  .mod-skills-related .skills-grid .item:nth-child(4){display: none}
}
@media (max-width: 767px){
  .mod-skills-related .mod-title{width: 70%}
  .mod-skills-related .skills-grid .item:nth-child(4){display: block}
}
@media (max-width: 500px){
  .mod-skills-related .mod-title{width: 100%;font-size: 30px}
}
@media (max-width: 400px){
  .mod-skills-related .skills-grid .item:nth-child(3){display: none}
}
.form-wrap .form-group{margin-bottom: 15px}
.form-wrap label{display: block}
.form-wrap input[type="text"], .form-wrap input[type="email"], .form-wrap input[type="tel"], .form-wrap textarea{width: 100%;border: 1px solid #ddd;height: 36px;line-height: 36px;padding: 5px 10px;border-radius: 2px}
.form-wrap textarea{height: 160px;line-height: 1.4em}
.cms-blocks{padding: 60px 0 0}
.cms-block .post-header{margin-bottom: 40px}
.cms-block .post-header h1{margin-bottom: 20px}
.cms-block .post-output h2{font-size: 24px}
.mod-block-default{margin-bottom: 60px}
.mod-block-text-image{margin-bottom: 60px}
.mod-block-text-image .post-image{width: 100%;background-size: cover;background-position: center center}
.mod-block-text-image .post-image img{display: block}
.mod-block-text-image .content-col{width: 60%;padding: 60px 0 60px 60px;float: left}
.mod-block-text-image .image-col{width: 40%;float: left;position: relative}
.mod-block-text-image.switchstance .content-col{float: right;padding: 60px 60px 60px 0}
.mod-block-text-image.switchstance .image-col{float: right}
@media (max-width: 991px){
  .mod-block-text-image .content-col{width: 55%;padding: 0 0 40px 40px}
  .mod-block-text-image .image-col{width: 45%}
  .mod-block-text-image.switchstance .content-col{padding: 0 40px 40px 0}
}
@media (max-width: 560px){
  .mod-block-text-image .content-col{width: 100%;float: none;padding: 0}
  .mod-block-text-image .image-col{width: 100%;float: none;padding: 0;clear: both;margin-bottom: 40px}
  .mod-block-text-image.switchstance .content-col{padding: 0}
  .mod-block-text-image.switchstance .image-col{clear: both}
}
.pagina-vacature .post{margin: 60px 0 60px}
.pagina-vacature .post .post-header{margin-top: 30px}
.pagina-vacature .page-form{margin-bottom: 60px}
.mod-blox{padding: 0 0 30px 0}
.mod-blox .item .bv-header{padding: 80px 0;text-align: center;margin-bottom: 20px;position: relative}
.mod-blox .item .bv-header .arrow{position: absolute;top: 50%;right: -5px;z-index: 20;font-size: 70px;transform: translate(50%, -50%)}
.mod-blox .item .bv-header h2{color: var(--kleur-wit)}
.mod-blox .item .bv-header.bg-green{background: #00ff96}
.mod-blox .item .bv-header.bg-red{background: #ff5454}
.mod-blox .item .bv-header.bg-pink{background: #f60085}
.mod-blox .item .post-info{margin: 0 0 30px}
.pagina-wat-wij-doen .mod-blox .item{position: relative}
.pagina-wat-wij-doen .mod-blox .item:nth-child(1){z-index: 100}
.pagina-wat-wij-doen .mod-blox .item:nth-child(2){z-index: 90}
.pagina-wat-wij-doen .mod-blox .item:nth-child(3){z-index: 80}
.pagina-wat-wij-doen .mod-blox .item:nth-child(4){z-index: 70}
.pagina-wat-wij-doen .mod-blox .item .post-info{margin: 0 30px 30px 0}
.pagina-wat-wij-doen .mod-blox .item:last-of-type .arrow{display: none !important}
.mod-lesblokken{background: rgba(0, 0, 0, 0.02)}
.mod-lesblokken .mod-title{font-size: 36px;margin-bottom: 30px}
.mod-lesblokken .lesblokken{margin: 60px 0}
.mod-lesblokken .lesblokken:first-child{margin-bottom: 80px}
.mod-lesblokken .lesblokken .lesgroep{margin-bottom: 40px;overflow: hidden}
.mod-lesblokken .lesblokken .l-col{width: 25%;float: left;padding-right: 40px}
.mod-lesblokken .lesblokken .r-col{width: 75%;float: left}
.mod-lesblokken .lesblokken .skill-info{margin-bottom: 30px}
.mod-lesblokken .lesblokken h3{font-size: 26px;margin-bottom: 10px}
.mod-lesblokken .lesblokken .skill-output{max-width: 500px;font-size: 14px}
.mod-lesblokken .lesblokken .skill-output p{margin-bottom: 10px}
.mod-lesblokken .lesblokken .lesblok{margin-bottom: 30px}
.mod-lesblokken .lesblokken .lesblok .lesblok-title{font-size: 20px;margin-bottom: 15px}
.mod-lesblokken .lesblokken .lesblok-datums{overflow: hidden;margin-bottom: 10px}
.mod-lesblokken .lesblokken .lesblok-datums .datum{display: block;float: left;background: #0ad90a;color: var(--kleur-wit);font-size: 14px;line-height: 24px;padding: 0 12px;margin: 0 5px 5px 0;border-radius: 2px;text-transform: uppercase}
.mod-lesblokken .lesblokken .lesblok-datums .datum.past{background: #eee;color: #999}
@media (max-width: 1280px){
  .mod-lesblokken .lesblokken .l-col{width: 35%}
  .mod-lesblokken .lesblokken .r-col{width: 65%}
}
@media (max-width: 991px){
  .mod-lesblokken .lesblokken .l-col{width: 40%}
  .mod-lesblokken .lesblokken .r-col{width: 60%}
}
@media (max-width: 680px){
  .mod-lesblokken .lesblokken .l-col{width: 45%;padding-right: 30px}
  .mod-lesblokken .lesblokken .r-col{width: 55%}
}
@media (max-width: 560px){
  .mod-lesblokken .lesblokken .l-col, .mod-lesblokken .lesblokken .r-col{float: none;width: 100%;padding-right: 0;padding-left: 0 !important}
  .mod-lesblokken .lesblokken .l-col{margin-bottom: 40px}
}
.mod-inschrijven-form{width: 100%;height: 100%;position: fixed;top: 0;left: -100%;z-index: 999;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;transition: all 0.4s ease-in-out 0s;background: rgba(255, 255, 255, 0.98)}
.mod-inschrijven-form.show{left: 0}
.mod-inschrijven-form .inner{padding-bottom: 40px}
.mod-inschrijven-form .form-toggle{display: block;position: absolute;top: 20px;right: 20px;text-transform: uppercase;color: var(--kleur-wit)}
.mod-inschrijven-form .form-toggle:hover{color: var(--kleur-wit);opacity: 0.7}
.mod-inschrijven-form .form-footer{height: 60px;background: var(--kleur-zwart)}
.mod-inschrijven-form .mod-header{color: var(--kleur-wit)}
.mod-inschrijven-form .mod-header .container{padding-top: 60px;padding-bottom: 40px}
.mod-inschrijven-form .mod-header h2{font-size: 30px;margin: 0 0 12px;color: inherit}
.mod-inschrijven-form .mod-header h3{margin: 0;opacity: 0.5;color: inherit}
.mod-inschrijven-form .inner{padding-top: 40px;position: relative}
.mod-inschrijven-form .inner:before{display: none;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;background: rgba(255, 255, 255, 0.8) url(../img/loader.gif) center center no-repeat}
.mod-inschrijven-form .inner.isloading:before{display: block}
.form-group{margin-bottom: 20px;overflow: hidden}
.form-group .label{display: block;padding: 0 0 2px 2px;font-size: 16px;color: #666}
.form-group .radio-group{overflow: hidden}
.form-group .radio-group label{width: auto;display: block;float: left;margin-right: 20px}
.form-group .radio-group label input{margin-right: 8px}
.form-group .group-6{width: 50%;float: left}
.form-group .group-6:first-child{padding-right: 20px}
.form-group .group-6:last-child{padding-left: 20px}
.form-group textarea{height: 100px}
.form-loader{padding-top: 15px;text-align: right}
.pagina-contact .main-body{padding: 60px 0}
.pagina-contact .post-header{margin-bottom: 20px}
.pagina-contact .post-output{padding-right: 20%}
.pagina-contact iframe{width: 80%;height: 400px;border: none}
.pagina-contact .contact-form h2{font-size: 36px;margin: 11px 0 22px}
@media (max-width: 767px){
  .pagina-contact .contact-form{margin-top: 60px}
}
.form-default fieldset{padding: 0;margin: 0;border: 0}
.form-default .field-row{margin-bottom: 20px}
.form-default .field-row label{display: block;margin-bottom: 5px}
.form-default .field-row input[type="text"]{width: 100%;height: 40px;padding: 5px 8px;border: 1px solid #ddd;border-radius: 3px}
.form-default .field-row textarea{width: 100%;height: 140px;padding: 5px 8px;border: 1px solid #ddd;border-radius: 3px}
.form-default .checkers{overflow: hidden;border-radius: 3px;padding: 0 10px;background: #f7f7f7}
.form-default .checkers label{display: block;float: left;margin: 10px 20px 10px 0}
.form-default .checkers label input{margin-right: 5px}
.site-wrapper{background: var(--kleur-wit);overflow: hidden}
[class^="icn-"]:before, [class*=" icn-"]:before{font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: 0.2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: 0.2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icn-right-small:before{content: '\e800'}
.icn-left-small:before{content: '\e801'}
.icn-expressie:before{content: '\e816'}
.icn-kunst:before{content: '\e817'}
.icn-media:before{content: '\e818'}
.icn-sport:before{content: '\e819'}
.icn-taal:before{content: '\e81a'}
.icn-techniek:before{content: '\e81b'}
.icn-vorming:before{content: '\e81c'}
.icn-right-open-2:before{content: '\f006'}
.animated{animation-duration: 1s;animation-fill-mode: both}
.reveal-bounce{animation-duration: 0.75s;animation-name: bounceIn}
.reveal-links{animation-name: fadeInLeft}
.reveal-rechts{animation-name: fadeInRight}
@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)} 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3)} 20% { transform: scale3d(1.1, 1.1, 1.1)} 40% { transform: scale3d(0.9, 0.9, 0.9)} 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03)} 80% { transform: scale3d(0.97, 0.97, 0.97)} to { opacity: 1; transform: scale3d(1, 1, 1)}}
@keyframes fadeInLeft{from { opacity: 0; transform: translate3d(-100%, 0, 0)} to { opacity: 1; transform: translate3d(0, 0, 0)}}
@keyframes fadeInRight{from { opacity: 0; transform: translate3d(100%, 0, 0)} to { opacity: 1; transform: translate3d(0, 0, 0)}}
.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999;opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;flex-direction:row;align-items:center;left:0;right:0}
.cc-window.cc-bottom{bottom:0}
.cc-banner .cc-message{flex:1}
.cc-btn,.cc-link{cursor:pointer}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}
.cc-banner .cc-btn:last-child{min-width:140px}
.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-compliance{display:flex;align-items:center;align-content:space-between}
.cc-compliance>.cc-btn{flex:1}
@media print{.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner{left:0;right:0;flex-direction:column;align-items:unset}.cc-window.cc-banner .cc-compliance{flex:1}.cc-window .cc-message{margin-bottom:1em}}

.cc-window{background-color:#ad00ff;color:var(--kleur-wit)}
.cc-window .cc-message{color:var(--kleur-wit)}
.cc-btn{background-color:var(--kleur-zwart);border-color:transparent;color:var(--kleur-wit)}
.cc-btn:hover,.cc-btn:focus{background-color:#1a1a1a}

.cc-window .cc-link,.cc-window .cc-link:active,.cc-window .cc-link:visited{color:var(--kleur-wit)}


.external-media{display:block;box-sizing:border-box;max-width:100%;margin:24px 0;padding:24px;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;text-align:center;color:var(--kleur-zwart);font:inherit;line-height:1.5}
.external-media [hidden]{display:none!important}
.external-media__intro,.external-media__title,.external-media__explanation,.external-media__viewport,.external-media__nojs{display:block}
.external-media__intro{max-width:56ch;margin:0 auto}
.external-media__title{margin-bottom:12px;font-size:20px;line-height:1.3}
.external-media a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.external-media__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:20px}
.external-media__actions .button{white-space:normal;max-width:100%;text-transform:none}
.external-media__open{font-size:16px;line-height:1.5}
.external-media__nojs{margin-top:12px;font-size:16px}
.external-media__viewport iframe{display:block;width:100%;border:0}
.external-media--video .external-media__viewport iframe{aspect-ratio:16/9;height:auto}
.external-media--map .external-media__viewport iframe{height:320px}
.external-media--open{padding:16px}
@media (max-width:480px){.external-media{padding:20px 16px}.external-media--open{padding:12px}.external-media__actions{flex-direction:column;align-items:center}.external-media__title{font-size:18px}}


.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998}
.popup-overlay.open{display:flex;align-items:center;justify-content:center}
.popup-venster{position:relative;background:var(--kleur-wit);color:var(--kleur-zwart);max-width:400px;width:90%;max-height:90%;overflow:auto;padding:30px;border-radius:4px;font-family: var(--font-tekst)}
.popup-sluit{position:absolute;top:8px;right:8px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--kleur-zwart)}


.form .success{display:none}
.form [data-keuzefout]{margin:8px 0 0;color:#a92222;font-size:16px;line-height:1.5}
.reveal-wacht{visibility:hidden}


.searchpage{padding:30px 0 40px;scroll-margin-top:140px}
.searchpage #search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.searchpage #search input{flex:1 1 240px;min-width:0;max-width:100%;padding:12px;border:1px solid #777;border-radius:2px;background:var(--kleur-wit);color:inherit;font:inherit}
.searchpage .search-results>h2{margin-bottom:24px}


.skiplink{position:absolute;left:-999em;top:0;z-index:10000;background:var(--kleur-zwart);color:var(--kleur-wit);padding:.6em 1.2em;font-family: var(--font-tekst);font-size:18px;text-decoration:none}
.skiplink:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kleur-zwart);outline-offset:2px}
.site-footer a:focus-visible,.mod-block-cta a:focus-visible{outline-color:var(--kleur-wit)}
.shownav .nav-icon:focus-visible,.site-header .search-toggle:focus-visible,.mobile-nav .cta-skills:focus-visible{outline-color:var(--kleur-wit)}

.nav-icon,.search-toggle{border:0;padding:0;background:none;cursor:pointer}

.shownav .nav-icon{background:var(--kleur-zwart);border-radius:4px}
.shownav .nav-icon:focus-visible{box-shadow:0 0 0 5px var(--kleur-zwart)}
.form button.button{font-family:inherit}
.form button.button[aria-disabled="true"]{cursor:wait}
.cc-btn{font-family:inherit}


#cv{max-width:100%}
.cv-upload-status{margin-top:8px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.cv-upload-fout{color:#b00020}
.cv-upload-acties{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cv-upload-acties[hidden],.cv-upload-acties button[hidden]{display:none}


.page-banner .pay-off{margin:0;color:inherit}