@charset "UTF-8";
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{-webkit-margin-after:0;margin-block-end:0}
ol[role=list],ul[role=list]{list-style:none}
button,h1,h2,h3,h4,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit}
textarea:not([rows]){min-height:10em}
:target{scroll-margin-block:5ex}
:root{--onepx:0.0694444444vw;--block-padding:120px;--text-margin-bottom:32px;--gap:32px;--grid-padding:24px;--regular-text-font-size:18px;--box-shadow:0 12px 32px 0 rgba(30, 30, 30, 0.12);--box-shadow-heavy:0 10px 32px rgba(30, 30, 30, 0.35);accent-color:#e5540b;--main-wrapper-scroll-elements-parallax-factor:0}
@media (min-width:1440px){
:root{--onepx:1px}
}
@media (max-width:700px){
:root{--regular-text-font-size:16px}
}
@media (max-width:639px){
:root{--block-padding:72px;--text-margin-bottom:24px;--grid-padding:12px}
}
@font-face{font-family:SeasonMix;src:url(../../fonts/SeasonMix/SeasonMix-Regular.woff2) format("woff2"),url(../../fonts/SeasonMix/SeasonMix-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Dazzed;src:url(../../fonts/Dazzed/Dazzed-SemiBold.woff2) format("woff2"),url(../../fonts/Dazzed/Dazzed-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Dazzed;src:url(../../fonts/Dazzed/Dazzed-Regular.woff2) format("woff2"),url(../../fonts/Dazzed/Dazzed-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Dazzed;src:url(../../fonts/Dazzed/Dazzed-Medium.woff2) format("woff2"),url(../../fonts/Dazzed/Dazzed-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
body{min-height:100vh;line-height:1.5;font-family:Dazzed,sans-serif;font-weight:400;font-style:normal;color:#22211e;background:#f4f6f6;margin:20px}
h1{font-family:SeasonMix,sans-serif;font-weight:400;font-style:normal;text-align:left;font-size:80px;color:#22211e;letter-spacing:0;line-height:1.05em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:balance}
h1.small{font-size:64px}
@media (max-width:850px){
h1{font-size:9.2vw}
}
h2{font-family:SeasonMix,sans-serif;font-weight:400;font-style:normal;font-size:42px;line-height:1.28571em;color:#22211e;letter-spacing:0;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:balance}
h3{font-family:SeasonMix,sans-serif;font-weight:400;font-style:normal;font-size:28px;color:#22211e;letter-spacing:0;text-align:left;line-height:1em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:balance}
h4{font-family:Dazzed,sans-serif;font-weight:600;font-style:normal;font-size:20px;color:#22211e;letter-spacing:0;text-align:left;line-height:1em;margin:0 0 10px;margin-top:var(--text-margin-bottom);text-wrap:balance}
li{font-family:Dazzed,sans-serif;font-weight:400;font-style:normal;font-size:var(--regular-text-font-size);color:#4e4d4b;letter-spacing:0;line-height:1.4em}
p{font-family:Dazzed,sans-serif;font-weight:400;font-style:normal;font-size:var(--regular-text-font-size);color:#4e4d4b;letter-spacing:0;line-height:1.65em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:pretty}
p a:not([class]){color:#e5540b;text-decoration:none;display:inline-block;border-bottom:1px solid #e5540b;padding-bottom:0}
p a:not([class]):hover{color:#e5540b;border-color:#e5540b}
p:last-of-type{margin-bottom:0}
.text-center h1,.text-center h2,.text-center h3,.text-center h4,.text-center p{text-align:center;max-width:900px;margin-inline:auto}
.block ul{list-style:none;padding:0}
.block ul li{font-family:Dazzed,sans-serif;font-weight:400;font-style:normal;font-size:var(--regular-text-font-size);color:#4e4d4b;letter-spacing:0;line-height:1.65em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:pretty;position:relative;padding-left:20px}
.block ul li a:not([class]){color:#e5540b;text-decoration:none;display:inline-block;border-bottom:1px solid #e5540b;padding-bottom:0}
.block ul li a:not([class]):hover{color:#e5540b;border-color:#e5540b}
.block ul li:before{content:"•";font-size:var(--regular-text-font-size);display:block;color:#e5540b;position:absolute;left:0;top:0}
@media screen and (max-width:975px){
body h2{font-size:28px}
body h3{font-size:24px}
body h4{font-size:18px}
}
@media screen and (max-width:639px){
h1.small{font-size:32px!important}
h2{font-size:24px}
p{font-size:16px}
}
.big-p p{font-size:18px}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:0;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger.is-active:hover,.hamburger:hover{opacity:1}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}
.hamburger-box{width:22px;height:19px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-1.5px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:22px;height:3px;background-color:#fff;border-radius:1.5px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
.hamburger-inner::before{top:-8px}
.hamburger-inner::after{bottom:-8px}
.hamburger--stand .hamburger-inner{-webkit-transition:background-color linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}
.hamburger--stand .hamburger-inner::before{-webkit-transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}
.hamburger--stand .hamburger-inner::after{-webkit-transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}
.hamburger--stand.is-active .hamburger-inner{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent!important;-webkit-transition:background-color linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1);transition:transform 75ms cubic-bezier(.215,.61,.355,1),background-color linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1)}
.hamburger--stand.is-active .hamburger-inner::before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}
.hamburger--stand.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}
*{-webkit-tap-highlight-color:transparent}
:focus{outline:0}
a{cursor:pointer}
pre{font-weight:400;font-size:12px;line-height:1.25em;font-family:monolisa,monospace;background:#1c1e3c;color:#fff;padding:20px;border-radius:10px;width:calc(100vw - 24px);max-width:1200px;margin:24px auto;overflow:auto}
.buttons{width:100%;margin-top:var(--text-margin-bottom);margin-bottom:var(--text-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:10px}
.buttons.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.buttons.rechts{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.button{cursor:pointer;display:inline-block;font-family:Dazzed,sans-serif;font-weight:600;font-style:normal;font-size:16px;padding:16px;color:#fff;text-decoration:none;line-height:1em;height:auto;border-radius:8px;background:-webkit-radial-gradient(50.27% 0,77.84% 77.84%,#fa6f2a 0,#f94500 100%);background:radial-gradient(77.84% 77.84% at 50.27% 0,#fa6f2a 0,#f94500 100%);-webkit-box-shadow:0 4px 12px 0 rgba(34,33,30,.16),0 2.288px 2.288px 0 rgba(249,69,0,.5) inset;box-shadow:0 4px 12px 0 rgba(34,33,30,.16),0 2.288px 2.288px 0 rgba(249,69,0,.5) inset;border:0;position:relative;-webkit-transition:.5s!important;transition:.5s!important;text-align:center;margin:0}
.button.medium{font-size:18px;line-height:48px;height:48px;padding:0 20px}
.button:after{display:none}
.button.secondair{color:#d8d8d9;background:#22211e}
.button:hover{color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}
.button:active{-webkit-transform:scale(.95);transform:scale(.95)}
.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important}
.button.met-pijl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.button.met-pijl span{margin-right:50px}
.button.met-pijl:after{display:block;content:"";width:34px;aspect-ratio:1;background:url(../images/button-pijl.svg) center no-repeat #fff;background-size:18px auto!important;border-radius:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.cta-link{font-family:Dazzed,sans-serif;font-weight:600;font-style:normal;color:#e5540b;text-decoration:none}
.cta-link:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
@media (max-width:370px){
.button{font-size:16px}
}
.mobile-menu{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:#e5540b;padding:150px 24px 24px;z-index:90;opacity:0;pointer-events:none;-webkit-transition:opacity .5s;transition:opacity .5s}
.mobile-menu.active{opacity:1;pointer-events:all}
.mobile-menu ul{margin:0 0 48px;padding:0;list-style:none}
.mobile-menu ul li{padding:0 0 12px}
.mobile-menu ul li:before{content:""}
.mobile-menu ul li a{font-family:Dazzed,sans-serif;font-weight:600;font-style:normal;color:#fff;line-height:1.2em;text-decoration:none;font-size:24px}
.mobile-menu ul li.active a{text-decoration:underline}
.mobile-menu .button{min-width:0}
.toolkit-layout{display:grid;grid-template-columns:250px auto;gap:20px;max-width:1440px;margin:0 auto}
.toolkit-side-panel{background-color:#fff;padding:30px 20px 10px;border-radius:8px;border:1px solid rgba(34,33,30,.1);-webkit-box-shadow:0 2px 9px 0 rgba(34,33,30,.06);box-shadow:0 2px 9px 0 rgba(34,33,30,.06)}
.toolkit-side-panel .logo{display:block;max-width:75px;margin-bottom:20px}
.toolkit-menu+.toolkit-menu{margin-top:30px;padding-top:15;border-top:1px solid rgba(146,146,146,.5)}
.toolkit-menu{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.toolkit-menu li a{font-family:Dazzed,sans-serif;font-weight:500;font-style:normal;color:#22211e;font-size:14px;line-height:normal;text-decoration:none}
.toolkit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.toolkit-cards .toolkit-card{aspect-ratio:320/240;background-color:#313137;border-radius:5px;position:relative;overflow:hidden}
.toolkit-cards .toolkit-card img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s}
.toolkit-cards .toolkit-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(49,49,55,.5);mix-blend-mode:darken;z-index:2}
.toolkit-cards .toolkit-card span{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;line-height:1.2em;font-family:Dazzed,sans-serif;font-weight:500;font-style:normal;text-align:center;padding:10px}
.toolkit-cards .toolkit-card:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.toolkit-content h3{margin-top:30px}
.toolkit-content blockquote{background:#fff;display:block;width:100%;max-width:700px;height:auto;border:1px solid rgba(146,146,146,.5);padding:5px 10px;margin-inline:auto}
.detail-wrapper{display:grid;grid-template-columns:250px auto;gap:20px}
.detail-wrapper .versions{background:#eee;padding:10px;border-radius:5px}
.detail-wrapper .versions ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.detail-wrapper .versions ul li a{text-decoration:none;line-height:1.1em}
.detail-wrapper .versions ul li a b{display:block;font-family:Dazzed,sans-serif;font-weight:500;font-style:normal;font-size:16px}
.detail-wrapper .versions ul li a span{display:block;font-size:12px}
.detail-wrapper .editor{position:relative;padding-bottom:100px}
.detail-wrapper .editor form{margin-top:10px}
.detail-wrapper .editor .variabelen{display:grid;gap:20px}
.detail-wrapper .editor .variabelen .variabele{display:grid;grid-template-columns:200px auto;gap:20px}
.detail-wrapper .editor .variabelen .variabele label{display:block;font-size:var(--regular-text-font-size);color:#4e4d4b;letter-spacing:0;line-height:1.65em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:pretty;font-family:Dazzed,sans-serif;font-weight:500;font-style:normal;padding-top:6px}
.detail-wrapper .editor .variabelen .variabele label a:not([class]){color:#e5540b;text-decoration:none;display:inline-block;border-bottom:1px solid #e5540b;padding-bottom:0}
.detail-wrapper .editor .variabelen .variabele label a:not([class]):hover{color:#e5540b;border-color:#e5540b}
.detail-wrapper .editor .variabelen .variabele input,.detail-wrapper .editor .variabelen .variabele textarea{font-family:Dazzed,sans-serif;font-weight:400;font-style:normal;font-size:var(--regular-text-font-size);color:#4e4d4b;letter-spacing:0;line-height:1.65em;margin:0;margin-bottom:var(--text-margin-bottom);text-wrap:pretty;display:block;width:100%;height:auto;background:#fff;border:1px solid rgba(146,146,146,.5);padding:5px 10px}
.detail-wrapper .editor .variabelen .variabele input a:not([class]),.detail-wrapper .editor .variabelen .variabele textarea a:not([class]){color:#e5540b;text-decoration:none;display:inline-block;border-bottom:1px solid #e5540b;padding-bottom:0}
.detail-wrapper .editor .variabelen .variabele input a:not([class]):hover,.detail-wrapper .editor .variabelen .variabele textarea a:not([class]):hover{color:#e5540b;border-color:#e5540b}
.detail-wrapper .editor .floating-action-bar{position:fixed;bottom:0;left:0;right:0;-webkit-box-shadow:0 0 18px 0 rgba(34,33,30,.4);box-shadow:0 0 18px 0 rgba(34,33,30,.4)}
.detail-wrapper .editor .floating-action-bar .floating-action-bar-inner{background:#fff;border-radius:10px;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.kennis-nav{position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100;background:#313137;padding:4px;border-radius:4px}
.kennis-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.kennis-nav ul li{width:40px;height:4px;background-color:#fff}
.kennis-nav ul li.active{background-color:#e5540b}
.kennis-nav ul li.kop{opacity:.5;height:2px;margin-top:4px}
.kennis-nav ul li.paragraaf{height:10px}
.kennis-nav ul li:first-of-type{margin-top:0!important}