.col1 {
    width: calc((100% / 12) * 1);
}
.col2 {
    width: calc((100% / 12) * 2);
}
.col3 {
    width: calc((100% / 12) * 3);
}
.col4 {
    width: calc((100% / 12) * 4);
}
.col5 {
    width: calc((100% / 12) * 5);
}
.col6 {
    width: calc((100% / 12) * 6);
}
.col7 {
    width: calc((100% / 12) * 7);
}
.col8 {
    width: calc((100% / 12) * 8);
}
.col9 {
    width: calc((100% / 12) * 9);
}
.col10 {
    width: calc((100% / 12) * 10);
}
.col11 {
    width: calc((100% / 12) * 11);
}
.col12 {
    width: calc((100% / 12) * 12);
}
.alignRight{
    text-align:right;
    justify-content:flex-end;
}
.alignCenter{
    text-align:center;
    justify-content:center;
}
@font-face {
    font-family: 'SanaSans-Regular';
    src: url('/css/fonts/SanaSans-Regular.eot');
    src: url('/css/fonts/SanaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/SanaSans-Regular.woff2') format('woff2'),
        url('/css/fonts/SanaSans-Regular.woff') format('woff'),
        url('/css/fonts/SanaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SanaSans-Bold';
    src: url('/css/fonts/SanaSans-Bold.eot');
    src: url('/css/fonts/SanaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/SanaSans-Bold.woff2') format('woff2'),
        url('/css/fonts/SanaSans-Bold.woff') format('woff'),
        url('/css/fonts/SanaSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SanaSans-Italic';
    src: url('/css/fonts/SanaSans-Italic.eot');
    src: url('/css/fonts/SanaSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/SanaSans-Italic.woff2') format('woff2'),
        url('/css/fonts/SanaSans-Italic.woff') format('woff'),
        url('/css/fonts/SanaSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile-Med';
    src: url('/css/fonts/Eurostile-Med.eot');
    src: url('/css/fonts/Eurostile-Med.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Eurostile-Med.woff2') format('woff2'),
        url('/css/fonts/Eurostile-Med.woff') format('woff'),
        url('/css/fonts/Eurostile-Med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile-Reg';
    src: url('/css/fonts/Eurostile-Reg.eot');
    src: url('/css/fonts/Eurostile-Reg.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Eurostile-Reg.woff2') format('woff2'),
        url('/css/fonts/Eurostile-Reg.woff') format('woff'),
        url('/css/fonts/Eurostile-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile-Bla';
    src: url('/css/fonts/Eurostile-Bla.eot');
    src: url('/css/fonts/Eurostile-Bla.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Eurostile-Bla.woff2') format('woff2'),
        url('/css/fonts/Eurostile-Bla.woff') format('woff'),
        url('/css/fonts/Eurostile-Bla.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile-Hea';
    src: url('/css/fonts/Eurostile-Hea.eot');
    src: url('/css/fonts/Eurostile-Hea.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/Eurostile-Hea.woff2') format('woff2'),
        url('/css/fonts/Eurostile-Hea.woff') format('woff'),
        url('/css/fonts/Eurostile-Hea.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('/css/fonts/icomoon.eot?iyg5pn');
    src: url('/css/fonts/icomoon.eot?iyg5pn#iefix') format('embedded-opentype'), url('/css/fonts/icomoon.ttf?iyg5pn') format('truetype'), url('/css/fonts/icomoon.woff?iyg5pn') format('woff'), url('/css/fonts/icomoon.svg?iyg5pn#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"],
.uspList .wrapper ul li:before,
.tekstHomepagina ul li:before,
.tekstBlokKettingItem .col8 ul li:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-telefoon:before {
    content: "\e900";
}

.icon-vink:before {
    content: "\e901";
}

.icon-bericht:before {
    content: "\e902";
}

.icon-linkedin:before {
    content: "\e903";
}

.icon-linkedin_lijn:before {
    content: "\e904";
}

.icon-locatie:before {
    content: "\e905";
}

.icon-plus:before {
    content: "\e906";
}

.hamburger--3dx .hamburger-box, .hamburger--3dx-r .hamburger-box, .hamburger--3dy .hamburger-box, .hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger {
    position: relative;
    z-index:9999;

    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0 0 0 30px;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger--emphatic, .hamburger--emphatic-r {
    overflow: hidden
}

.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before {
    background-color: var(--groen);
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        position: absolute;
        width: 30px;
        height: 4px;
        border-radius: 4px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        background-color: var(--groen);
    }

        .hamburger-inner:after, .hamburger-inner:before {
            display: block;
            content: ""
        }

        .hamburger-inner:before {
            top: -10px
        }

        .hamburger-inner:after {
            bottom: -10px
        }

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent
}

    .hamburger--3dx.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent
}

    .hamburger--3dx-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent
}

    .hamburger--3dy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent
}

    .hamburger--3dy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

    .hamburger--boring.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--boring.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(-90deg)
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--collapse-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse-r .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg)
}

    .hamburger--collapse-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0
    }

    .hamburger--collapse-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(90deg)
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

    .hamburger--elastic .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(135deg)
}

    .hamburger--elastic.is-active .hamburger-inner:before {
        transition-delay: 0;
        opacity: 0
    }

    .hamburger--elastic.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(-270deg)
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

    .hamburger--elastic-r .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic-r .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(-135deg)
}

    .hamburger--elastic-r.is-active .hamburger-inner:before {
        transition-delay: 0;
        opacity: 0
    }

    .hamburger--elastic-r.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(270deg)
    }

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

    .hamburger--emphatic .hamburger-inner:before {
        left: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
    }

    .hamburger--emphatic .hamburger-inner:after {
        top: 10px;
        right: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
    }

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0;
    transition-timing-function: ease-out;
    background-color: transparent
}

    .hamburger--emphatic.is-active .hamburger-inner:before {
        top: -80px;
        left: -80px;
        transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(80px,80px,0) rotate(45deg)
    }

    .hamburger--emphatic.is-active .hamburger-inner:after {
        top: -80px;
        right: -80px;
        transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(-80px,80px,0) rotate(-45deg)
    }

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

    .hamburger--emphatic-r .hamburger-inner:before {
        left: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
    }

    .hamburger--emphatic-r .hamburger-inner:after {
        top: 10px;
        right: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
    }

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0;
    transition-timing-function: ease-out;
    background-color: transparent
}

    .hamburger--emphatic-r.is-active .hamburger-inner:before {
        top: 80px;
        left: -80px;
        transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(80px,-80px,0) rotate(-45deg)
    }

    .hamburger--emphatic-r.is-active .hamburger-inner:after {
        top: 80px;
        right: -80px;
        transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(-80px,-80px,0) rotate(45deg)
    }

.hamburger--slider .hamburger-inner:before, .hamburger--slider-r .hamburger-inner:before {
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

    .hamburger--slider .hamburger-inner:before {
        top: 10px
    }

    .hamburger--slider .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner:before {
        transform: rotate(-45deg) translate3d(-5.71px,-6px,0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-90deg)
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

    .hamburger--slider-r .hamburger-inner:before {
        top: 10px
    }

    .hamburger--slider-r .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

    .hamburger--slider-r.is-active .hamburger-inner:before {
        transform: rotate(45deg) translate3d(5.71px,-6px,0);
        opacity: 0
    }

    .hamburger--slider-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(90deg)
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0 linear .13s
}

    .hamburger--spring .hamburger-inner:before {
        top: 10px;
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--spring .hamburger-inner:after {
        top: 20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

    .hamburger--spring.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--spring.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(-45deg)
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--spring-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0 linear
    }

    .hamburger--spring-r .hamburger-inner:before {
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

    .hamburger--spring-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0 linear .22s;
        opacity: 0
    }

    .hamburger--spring-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: rotate(90deg)
    }

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0 linear 75ms
}

    .hamburger--stand .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

    .hamburger--stand .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0 linear .15s;
    transform: rotate(90deg);
    background-color: transparent
}

    .hamburger--stand.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg)
    }

    .hamburger--stand.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg)
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0 linear 75ms
}

    .hamburger--stand-r .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

    .hamburger--stand-r .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0 linear .15s;
    transform: rotate(-90deg);
    background-color: transparent
}

    .hamburger--stand-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg)
    }

    .hamburger--stand-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg)
    }

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

    .hamburger--spin .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg)
}

    .hamburger--spin.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0
    }

    .hamburger--spin.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg)
    }

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

    .hamburger--spin-r .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin-r .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-225deg)
}

    .hamburger--spin-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0
    }

    .hamburger--spin-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(90deg)
    }

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 75ms ease .12s,opacity 75ms ease
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg)
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg)
    }

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(765deg)
}

    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
        transition-delay: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg)
    }

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

    .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0
    }

    .hamburger--vortex-r .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex-r .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(-765deg)
}

    .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
        transition-delay: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }

* {
    outline: none !important;
}

.hamburger {
    display: none;
}

:root {
    --lichtgrijs: rgb(248,248,248);
    --grijs: rgb(230,230,230);
    --oranje: rgb(245,153,30);
    --lichtoranje: rgb(252,224,187);
    --oranje-hover: rgb(239,121,0);
    --zwart: rgb(53,53,53);
    --blauw: rgb(36,67,149);
    --wrapper-width: 1180px;
    --tekst-navigatie: 18px/50px 'Eurostile-Bla';
    --tekst-navigatie-submenu: 18px/45px 'Eurostile-Med';
    --tekst-header-blauwe-balk: 40px/74px 'Eurostile-Hea';
    --tekst-header-blauwe-balk-volg: 35px/64px 'Eurostile-Hea';
    --tekst-h1: 30px/40px 'Eurostile-Bla';
    --tekst-h2: 22px/34px 'Eurostile-Bla';
    --tekst-h3: 17px/20px 'Eurostile-Reg';
    --tekst-kop-nieuws-home: var(--tekst-h2);
    --tekst-kop-nieuws-volg: 16px/25px 'Eurostile-Bla';
    --tekst-nieuws-datum-auteur: 16px/16px 'SanaSans-Regular';
    --tekst-default: 19px/32px 'SanaSans-Regular';
    --tekst-button-groot: 16px/34px 'Eurostile-Bla';
    --tekst-button-groot-linkedin: 16px/34px 'Eurostile-Reg';
    --tekst-button-klein: 14px/34px 'Eurostile-Bla';
    --tekst-foto-bijschrift: 16px/32px 'SanaSans-Italic';
    --footer-kop: var(--tekst-navigatie);
    --footer-realisatie: var(--tekst-h3);
    --pijler-ratio: calc(308.8 / (1180 / 4));
    --pijler-marge: 5px;
    --menubar-height: 120px;
    --volg-header-height: 450px;
    --form-label: var(--tekst-default);
}

.gradient {
    background: -moz-linear-gradient(0% 50% 0deg,rgba(43, 175, 193, 1) 0%,rgba(8, 43, 135, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 1) 100%);
    background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0,rgba(43, 175, 193, 1) ),color-stop(1,rgba(8, 43, 135, 1) ));
    background: -o-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2BAFC1', endColorstr='#082B87' ,GradientType=0)";
    background: linear-gradient(90deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2BAFC1',endColorstr='#082B87', GradientType=1);
}

.gradientReverse {
    background: linear-gradient(90deg, rgba(8, 43, 135, 1) 0%, rgba(43, 175, 193, 1) 100%);
}

.gradientHeader, header.volgpagina .volgHeader:before {
    background: -moz-linear-gradient(0% 50% 0deg,rgba(43, 175, 193, 1) 0%,rgba(8, 43, 135, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 0) 100%);
    background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0,rgba(43, 175, 193, 1) ),color-stop(1,rgba(8, 43, 135, 0) ));
    background: -o-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 0) 100%);
    background: -ms-linear-gradient(0deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 0) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2BAFC1', endColorstr='#082B87' ,GradientType=0)";
    background: linear-gradient(90deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2BAFC1',endColorstr='#082B87', GradientType=1);
}

body {
    margin: 0;
    padding: 0;
    font: var(--tekst-default);
    color: var(--zwart);
}

.wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: var(--wrapper-width);
    margin: 0 auto;
}

h1 {
    font: var(--tekst-h1);
    letter-spacing: 1px;
    text-transform: uppercase;
}

h2, h4 {
    font: var(--tekst-h2);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--blauw);
    margin: 0 0 10px;
}

h3 {
    font: var(--tekst-h3);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

    h3:after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        background: var(--zwart);
        margin: 5px 0 0;
    }

a {
    color: var(--zwart);
    transition: ease-in-out color 0.3s;
}

    a:hover {
        color: var(--oranje) !important;
    }

.btn {
    position: relative;
    display: inline-flex;
    align-content: center;
    align-items: center;
    padding: 0 30px 0 35px;
    font: var(--tekst-button-groot);
    height: 60px;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: ease-in-out background 0.3s;
    letter-spacing: 1px;
}

    .btn.small {
        padding: 0 20px 0 30px;
        font: var(--tekst-button-klein);
        height: 50px;
        border-radius: 25px;
    }

    .btn span {
        display: inline-block;
        color: #FFF;
        padding: 0 0 0 20px;
        font-size: 23px;
    }

    .btn.oranje {
        background: var(--oranje);
        color: var(--zwart);
    }

    .btn.wit {
        background: #FFF;
        color: var(--zwart);
    }

        .btn.wit span {
            color: var(--oranje);
        }

    .btn.oranje:hover {
        background: var(--oranje-hover);
        color: var(--zwart) !important;
    }

    .btn.wit:hover {
        background: var(--lichtoranje);
        color: var(--zwart) !important;
    }

.uspList .wrapper ul, .tekstHomepagina ul, .tekstBlokKettingItem .col8 ul {
    list-style: none;
}

    .uspList .wrapper ul li:before, .tekstHomepagina ul li:before, .tekstBlokKettingItem .col8 ul li:before {
        content: "\e901";
        display: inline-block;
        position: absolute;
        font-size: 15px;
        left: 0;
        top: 6px;
    }

    .uspList .wrapper ul li, .tekstHomepagina ul li, .tekstBlokKettingItem .col8 ul li {
        position: relative;
        padding: 0 0 0 30px;
    }

header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
}

    header.volgpagina, .volgHeader, header.volgpagina .volgHeader .wrapper {
        height: var(--volg-header-height);
    }

.volgHeader {
    margin-top: var(--menubar-height);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

header.volgpagina, .volgHeader {
    width: 100%;
}

    header.volgpagina .volgHeader {
        position: relative;
        
    }

        header.volgpagina .volgHeader:before {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 50%;
            content: '';
            display: block;
            z-index: 1;
        }

        header.volgpagina .volgHeader .wrapper {
            align-content: center;
            align-items: center;
        }

header.volgpagina {
    height: calc(var(--volg-header-height) + var(--menubar-height));
}

header .menuBar {
    position: fixed;
    display: flex;
    z-index: 9000;
    transition: ease-in-out background 0.3s;
    width: 100%;
    height: var(--menubar-height);
    flex-wrap: wrap;
}

    header .menuBar.fixed, header.volgpagina .menuBar {
        background: #FFF;
    }

    header .menuBar .logo a, footer .logo a {
        margin: 20px 0 0 60px;
        width: 295px;
        height: 62px;
        -webkit-mask: url('/img/logo_wit.svg') no-repeat center;
        mask: url('/img/logo_wit.svg') no-repeat center;
        display: block;
        background: #FFF;
        transition: ease-in-out background 0.3s;
    }

footer .logo a {
    margin: 0;
}

header .menuBar.fixed .logo a, footer .logo a, header.volgpagina .menuBar .logo a {
    background: var(--blauw);
}

header .menuBar .wrapper {
    justify-content: flex-end;
    margin-top: 15px;
}

header .menuBar nav {
    position: relative;
    margin: 0 90px 0 0;
}

    header .menuBar nav ul {
        position: relative;
        display: flex;
        list-style-type: none;
    }

        header .menuBar nav ul li {
            height: 65px;
            margin: 0 0 0 45px;
            position: relative;
        }

            header .menuBar nav ul li a {
                display: inline-block;
                height: 100%;
                text-decoration: none;
                font: var(--tekst-navigatie);
                color: #FFF;
                transition: ease-in-out color 0.3s;
                position: relative;
            }

                header .menuBar nav ul li a.active:after {
                    position: absolute;
                    bottom: 20px;
                    width: 25px;
                    height: 2px;
                    background: var(--blauw);
                    content: '';
                    display: block;
                }

header .menuBar.fixed nav ul li a, header.volgpagina nav ul li a {
    color: var(--blauw);
}

header .menuBar nav ul ul.submenu {
    position: absolute;
    top: 55px;
    left: -35px;
    padding: 0;
    background: #FFF;
    display: none;
}

header .menuBar.fixed nav ul ul.submenu, header.volgpagina .menuBar nav ul ul.submenu {
    background: var(--lichtgrijs);
}

header .menuBar nav ul li:hover ul.submenu {
    display: block;
}

header .menuBar nav ul li ul.submenu li {
    white-space: nowrap;
    height: 45px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    padding: 0 35px 0 15px;
    margin: 0;
    border-bottom: 1px solid var(--grijs);
}

    header .menuBar nav ul li ul.submenu li:last-of-type {
        border-bottom: 0;
    }

    header .menuBar nav ul li ul.submenu li a {
        font: var(--tekst-navigatie-submenu);
        color: var(--blauw);
    }

header .menuBar nav ul li a:hover {
    color: var(--oranje);
}

header .menuBar .taalKeuze {
    position: absolute;
    right: 0;
    top: 29px;
}

    header .menuBar .taalKeuze:hover .taal {
        display: flex !important;
    }

    header .menuBar .taalKeuze .taal {
        background: #FFF;
        color: var(--zwart);
        font: var(--tekst-navigatie);
        height: 30px;
        display: none;
        border-radius: 15px;
        width: 60px;
        padding: 0 10px;
        box-sizing: border-box;
        align-content: center;
        align-items: center;
        margin: 0 0 3px;
        cursor: pointer;
    }

header .menuBar.fixed .taalKeuze .taal, header.volgpagina .taalKeuze .taal {
    background: var(--blauw);
    color: #FFF;
}

header .menuBar .taalKeuze .taal span {
    font-size: 12px;
    margin: 0 0 0 auto;
}

header .menuBar .taalKeuze .taal.active {
    display: flex;
}

header .menuBar .linkedIn {
    position: relative;
    margin: 40px 60px 0 0;
    width: 190px;
    text-align: center;
}

    header .menuBar .linkedIn img {
        border-radius: 100%;
        width: 190px;
        height: 190px;
        transition: ease-in-out all 0.3s;
        margin: 0 auto;
    }

header .menuBar.fixed .linkedIn img, header.volgpagina .menuBar .linkedIn img {
    width: 0;
    height: 0;
}

header .menuBar .linkedIn span {
    color: var(--blauw);
}

header .menuBar .linkedIn .btn {
    font: var(--tekst-button-groot-linkedin);
    text-transform: none;
    position: absolute;
    left: -20px;
    bottom: -20px;
    white-space: nowrap;
    width: calc(100% + 40px);
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
    transition: ease-in-out all 0.3s;
}

header.volgpagina .menuBar .linkedIn .btn, header .menuBar.fixed .linkedIn .btn {
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    height: 40px;
    font-size: 12px;
    padding: 0 20px;
    width: auto;
}

header .menuBar .linkedIn .btn span {
    font-size: 30px;
    padding: 0 15px 0 0;
    margin: 0 20px 0 0;
    height: 40px;
    border-right: 1px solid var(--zwart);
    display: flex;
    align-content: center;
    align-items: center;
}

header.volgpagina .menuBar .linkedIn .btn span, header .menuBar.fixed .linkedIn .btn span {
    height: 20px;
    font-size: 18px;
    padding: 0 10px 0 0;
    margin: 0 15px 0 0;
}

header .videoContainer {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

header .videoContainerOverlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 0 0 160px;
    box-sizing: border-box;
    overflow: hidden;
}

    header .videoContainerOverlay:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('/img/plus_lijnen.svg') no-repeat bottom right;
        right: -75px;
        bottom: -220px;
        pointer-events: none;
    }

    header .videoContainerOverlay .videoContainerTekst, header .headerContainerTekst {
        position: relative;
        bottom: 20px;
        font: var(--tekst-header-blauwe-balk);
        color: #FFF;
        letter-spacing: 7.32px;
        width: 650px;
        z-index: 10;
    }

header .headerContainerTekst {
    font: var(--tekst-header-blauwe-balk-volg);
    letter-spacing: 6.41px;
    bottom: auto;
}

    header .videoContainerOverlay .videoContainerTekst span, header .headerContainerTekst span {
        display: inline;
        padding: 12px 25px 12px 30px;
        background-image: linear-gradient( -90deg, rgba(43, 175, 193, 1) 0%, rgba(8, 43, 135, 1) 100%);
        background-size: 650px auto;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

.uspList {
    position: relative;
    width: 100%;
    height: 85px;
    background: var(--lichtgrijs);
    color: var(--blauw);
    font: var(--tekst-default);
}

    .uspList .wrapper {
        height: 85px;
        align-content: center;
        align-items: center;
        width: calc(var(--wrapper-width) + 140px);
    }

        .uspList .wrapper ul {
            display: flex;
            padding: 0;
            margin: 0;
        }

            .uspList .wrapper ul li {
                margin-right: 35px;
            }

.tekstHomepagina {
    position: relative;
    margin: 120px 0;
}

    .tekstHomepagina .wrapper {
        justify-content: center;
    }

        .tekstHomepagina .wrapper h1 {
            display: block;
            width: 100%;
            text-align: center;
        }

.pijlers {
    position: relative;
    padding: 70px 0 0/*200px*/;
}

.pijlerContainer {
    position: relative;
}
.pijlers .wrapper.pijlerTitel{
    margin:30px auto 100px;
    justify-content:center;
}
    .pijlers .wrapper.pijlerTitel h2{
        color:#FFF;
    }
    .pijlerContainer:before {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(((100% - var(--wrapper-width)) / 2) + (12px / var(--pijler-ratio)));
        height: calc((166px / var(--pijler-ratio)) + var(--pijler-marge));
        display: block;
        content: '';
        background: url('/img/brug_start.svg') no-repeat;
        background-position: right bottom;
    }

    .pijlerContainer:after {
        position: absolute;
        top: 0;
        left: calc((((100% - var(--wrapper-width)) / 2) + var(--wrapper-width)) - 70px);
        width: calc(100% - calc((((100% - var(--wrapper-width)) / 2) + var(--wrapper-width)) - 70px));
        height: calc((166.8px / var(--pijler-ratio)) + var(--pijler-marge));
        display: block;
        content: '';
        background: url('/img/brug_eind.svg') no-repeat;
        background-position: left bottom;
    }

.pijlerContainer .pijler {
    position: relative;
    height: calc((166.8px / var(--pijler-ratio)) + var(--pijler-marge));
    background: url('/img/brug_element.svg') no-repeat;
    background-position: right bottom;
    width: calc(308.8px / var(--pijler-ratio));
    margin-left: calc(0px - (12px / var(--pijler-ratio)));
    opacity: 0.1;
    transition: ease-in-out all 0.3s;
    background-position: bottom right;
}

        .pijlerContainer .pijler:first-of-type {
            margin-left: 0
        }

        .pijlerContainer .pijler.active {
            opacity: 1;
            background-image: url('/img/active_element.svg');
        }
.pijlerContainer .pijler.pijler1 {
    z-index:100;
}
    .pijlerContainer .pijler.pijler2 {
        z-index: 90;
    }
    .pijlerContainer .pijler.pijler3 {
        z-index: 80;
    }
    .pijlerContainer .pijler.pijler4, .pijlerContainer .pijler.pijler4.active {
        z-index: 70;
        background-image: url('/img/brug_element.svg');
    }

    .pijlerTekstContainer {
    padding: 0 0 0 277px;
    height:320px;
}

    .pijlerTekstContainer .pijlerTekst {
        width: 276px;
        text-align: center;
        margin: 0 0 0 7px;
        box-sizing: border-box;
        padding: 0 10px;
        color:#FFF;
        display:none;
    }
        .pijlerTekstContainer .pijlerTekst h2 {
            color: #FFF;
            letter-spacing: 1px;
        }
        .pijlerTekstContainer .pijlerTekst:before {
            position: relative;
            width: 1px;
            margin: 30px auto 15px;
            height: 100px;
            box-sizing: border-box;
            border-right: 1px dashed #FFF;
            content: '';
            display: block;
        }

        .pijlerTekstContainer .pijlerTekst:first-of-type {
            margin: 0 0 0 0;
        }

.fotoContainer, .logoContainer {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

    .fotoContainer .bg-wrap, .logoContainer .bg-wrap, .volgHeader .bg-wrap {
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.volgHeader .bg-wrap {
    height: var(--volg-header-height);
}

.fotoContainer .bg, .logoContainer .bg, .volgHeader .bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
}

.volgHeader .bg {
    top: var(--menubar-height);
    height: var(--volg-header-height);
}

.watwijdoenContainer {
    position: relative;
    width: 100%;
    display: flex;
    background: var(--lichtgrijs);
    padding: 120px 0 130px;
}

    .watwijdoenContainer .col12 {
        text-align: center;
        margin: 0 0 75px;
    }

        .watwijdoenContainer .col12 h2 {
            font: var(--tekst-h1);
            color: var(--zwart);
        }

    .watwijdoenContainer .col3 {
        position: relative;
        display: flex;
        justify-content: center;
    }

        .watwijdoenContainer .col3:after, .watwijdoenContainer.volgpagina:after {
            position: absolute;
            bottom: 0;
            display: block;
            content: '';
            background: url('/img/ketting.svg') repeat-x;
            background-position: center center;
            width: 100%;
            height: 50px;
            z-index: 1;
        }

    .watwijdoenContainer.volgpagina .col3:after {
        display: none;
    }

    .watwijdoenContainer.volgpagina:after {
        bottom: 130px;
    }

    .watwijdoenContainer .col3 .watWijDoenCol {
        position: relative;
        width: calc((var(--wrapper-width) / 12) * 3);
        padding-bottom: 85px;
        text-align: center;
        z-index: 10;
    }

        .watwijdoenContainer .col3 .watWijDoenCol img {
            border-radius: 100%;
            display: block;
            margin: 0 auto 25px;
        }

        .watwijdoenContainer .col3 .watWijDoenCol .btnContainer {
            position: absolute;
            bottom: 0;
            width: 100%;
        }

    .watwijdoenContainer.volgpagina .wrapper {
        justify-content: space-between;
    }

.logoContainer .logoOverzicht {
    position: relative;
    padding: 200px 0;
}

    .logoContainer .logoOverzicht .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .logoContainer .logoOverzicht h2 {
        color: #FFF;
        display: block;
        width: 100%;
        text-align: center;
        font: var(--tekst-h1);
        margin: 0 0 90px;
    }

    .logoContainer .logoOverzicht .logos {
        display: flex;
        flex-wrap: wrap;
    }

        .logoContainer .logoOverzicht .logos .col3 {
            padding: 0 25px 60px;
            box-sizing: border-box;
            width: calc((var(--wrapper-width) / 12) * 2);
        }

            .logoContainer .logoOverzicht .logos .col3 img {
                width: 100%;
            }

.postContainer {
    position: relative;
    display: flex;
}

    .postContainer.volgpagina {
        background: rgb(230,230,230);
        background: -moz-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(248,248,248,1) 51%, rgba(248,248,248,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(248,248,248,1) 51%, rgba(248,248,248,1) 100%);
        background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 50%, rgba(248,248,248,1) 51%, rgba(248,248,248,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6",endColorstr="#f8f8f8",GradientType=1);
    }

    .postContainer h3 {
        margin: 0 0 85px;
    }

    .postContainer .nieuwsIntroContainer, .postContainer .blogIntroContainer {
        padding: 100px 100px 130px;
        box-sizing: border-box;
        background: var(--grijs);
    }

        .postContainer .blogIntroContainer, .postContainer .nieuwsIntroContainer.blog {
            background: var(--lichtgrijs);
        }

    .postContainer.volgpagina .nieuwsIntroContainer {
        padding-left: 0px;
    }

        .postContainer.volgpagina .nieuwsIntroContainer.blog {
            padding-left: 100px;
            padding-right: 0px;
        }

    .postContainer .nieuwsIntroContainer .nieuwsItem {
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        display: flex;
        flex-wrap: wrap;
    }

        .postContainer .nieuwsIntroContainer .nieuwsItem .nieuwsFoto {
            width: 170px;
            height: 95px;
            margin: 0 20px 0 0;
        }

        .postContainer .nieuwsIntroContainer .nieuwsItem .nieuwsIntro {
            width: calc(100% - 190px);
        }

            .postContainer .nieuwsIntroContainer .nieuwsItem .nieuwsIntro .nieuwsDatum, .postContainer .blogIntroContainer .blogAuteur {
                font: var(--tekst-nieuws-datum-auteur);
                display: block;
                margin: 0;
            }

            .postContainer .nieuwsIntroContainer .nieuwsItem .nieuwsIntro a {
                font: var(--tekst-kop-nieuws-home);
                color: var(--blauw);
                text-decoration: none;
            }

    .postContainer.volgpagina .nieuwsIntroContainer .nieuwsItem .nieuwsIntro a {
        font: var(--tekst-kop-nieuws-volg);
        color: var(--zwart);
        text-decoration: none;
        text-transform: uppercase;
    }

    .postContainer .blogIntroContainer h2 {
        font: var(--tekst-h1);
        color: var(--blauw);
        margin: 0 0 30px;
    }

    .postContainer .blogIntroContainer .btnContainer {
        margin: 30px 0 0;
        width: 100%;
        text-align: right;
    }

footer {
    position: relative;
    padding: 140px 0 160px;
}

    footer .col12 {
        display: flex;
        justify-content: center;
        margin: 0 0 90px;
    }

.footerGegevens {
    display: flex;
}

    .footerGegevens .col3 {
        position: relative;
        padding: 0 15px 100px;
        box-sizing: border-box;
    }

    .footerGegevens h4 {
        font: var(--footer-kop);
        color: var(--blauw);
    }

    .footerGegevens .btnContainer {
        position: absolute;
        bottom: 0;
    }

.payoff {
    position: relative;
    text-align: center;
    background: var(--grijs);
    padding: 20px 0 45px;
}

    .payoff .wrapper {
        justify-content: center;
        font: var(--footer-realisatie);
    }

    .payoff a {
        font: var(--footer-realisatie);
        color: var(--zwart);
        text-decoration: none;
    }

    .payoff .sep {
        margin: 0 10px;
    }

.introVolg {
    position: relative;
    padding: 40px 0 50px;
    background: var(--lichtgrijs);
    z-index: 100;
}

    .introVolg.sticky {
        position: sticky;
        top: var(--menubar-height);
    }

    .introVolg .col11 {
        padding-left: calc((100% / 12) * 2);
        box-sizing: border-box;
    }

    .introVolg.sticky .col11 {
        padding-left: calc((100% / 12) * 3);
    }

.tekstBlokKettingItem {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

    .tekstBlokKettingItem .col4 {
        position: relative;
        box-sizing: border-box;
        padding: 80px 0 50px;
        text-align: center;
    }

        .tekstBlokKettingItem .col4:before {
            position: absolute;
            top: 0;
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background-image: url('/img/ketting_verticaal.svg');
            background-repeat: repeat-y;
            background-position: center center;
            z-index: -1;
        }

    .tekstBlokKettingItem:last-of-type .col4:before {
        height: calc(80px + ((var(--wrapper-width) / 12) * 2));
    }

    .tekstBlokKettingItem .col4 img {
        width: 50%;
        border-radius: 100%;
    }

    .tekstBlokKettingItem .col8 {
        position: relative;
        padding: 80px 0 140px;
    }

        .tekstBlokKettingItem .col8 .btnContainer {
            position: absolute;
            bottom: 50px;
            width: 100%;
            text-align: right;
        }

.callToAction {
    position: relative;
    padding: 130px 0 120px;
    background: var(--oranje);
}

    .callToAction .wrapper {
        justify-content: center;
        align-content: center;
        align-items: center;
        font: var(--tekst-h1);
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .callToAction .wrapper .btn {
            margin-left: 35px;
        }

.watWijDoenIntro {
    position: relative;
    text-align: center;
    padding: 120px 0 150px;
    color: #FFF;
}

    .watWijDoenIntro .wrapper {
        justify-content: center;
    }

    .watWijDoenIntro h2 {
        color: #FFF;
    }

    .watWijDoenIntro a {
        color: #FFF;
    }

.tekstBlokkenContainer {
    position: relative;
    width: 100%;
    padding: 40px 0 160px;
}

    .tekstBlokkenContainer .tekstBlok {
        padding: 55px 0 0;
        display: flex;
        flex-wrap: wrap;
        width:100%;
    }

        .tekstBlokkenContainer .tekstBlok h2 {
            color: var(--blauw);
        }

        .tekstBlokkenContainer .tekstBlok .col4, .nieuwsFotoCol {
            padding-right: calc((100% / 12) * 1);
            box-sizing: border-box;
        }

            .tekstBlokkenContainer .tekstBlok .col4 img, .nieuwsFotoCol img {
                width: 100%;
                display: block;
            }

            .tekstBlokkenContainer .tekstBlok .col4 .tekstBlokFotoBijschrift, .tekstContainer .fotoMetBijschrift .bijschrift, .nieuwsFotoBijschrift, .fotoOnderschriftViaBeheer {
                position: relative;
                width: 100%;
                padding: 20px 15px;
                box-sizing: border-box;
                background: var(--lichtgrijs);
                font: var(--tekst-foto-bijschrift);
            }

.nieuwsFotoBijschrift {
    background: none;
    font: var(--tekst-nieuws-datum-auteur);
    padding-left: 0;
}
/*    .tekstBlokkenContainer .tekstBlok.metButton{
        padding-bottom:150px;
    }*/
.tekstBlokkenContainer .tekstBlok .col8 .btnContainer, .nieuwsIntro .btnContainer {
    position: relative;
    margin: 30px 0 0;
    width: 100%;
    text-align: right;
}

.fotoTekstBlokkenContainer {
    position: relative;
    width: 100%;
}

    .fotoTekstBlokkenContainer .fotoTekstBlok {
        display: flex;
        min-height: 960px;
        flex-wrap: wrap;
    }

        .fotoTekstBlokkenContainer .fotoTekstBlok.liggend {
            min-height: 680px;
        }

        .fotoTekstBlokkenContainer .fotoTekstBlok.grijs {
            background: var(--lichtgrijs);
        }

        .fotoTekstBlokkenContainer .fotoTekstBlok.oranje {
            background: var(--oranje);
        }

        .fotoTekstBlokkenContainer .fotoTekstBlok.wit {
            background: #FFF;
        }

        .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokFoto {
            background-position: center center;
            background-size: cover;
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
            transition: background 0.5s ease-in-out;
        }

            .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokFoto .btn {
                opacity: 1;
                transition: ease-in-out opacity 0.3s;
            }

            .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokFoto:hover .btn {
                opacity: 0;
            }

        .fotoTekstBlokkenContainer .fotoTekstBlok.fotoLinks .fotoTekstBlokFoto {
            order: -1;
        }

        .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokTekst {
            box-sizing: border-box;
            padding: 150px 100px 110px;
        }

            .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokTekst h2 {
                font: var(--tekst-h1);
                color: var(--zwart);
            }

            .fotoTekstBlokkenContainer .fotoTekstBlok .fotoTekstBlokTekst .btnContainer {
                margin-top: 40px;
                width: 100%;
                text-align: right;
            }

.tekstContainer {
    position: relative;
    width: 100%;
    padding: 140px 0 100px;
}

    .tekstContainer .wrapper {
        justify-content: flex-end;
    }

        .tekstContainer .wrapper h2 {
            color: var(--zwart);
        }

    .tekstContainer .fotoMetBijschrift {
        position: relative;
        width: 100%;
    }

        .tekstContainer .fotoMetBijschrift img {
            width: 100%;
            display: block;
        }

.gegevensContactPagina {
    position: relative;
    width: 100%;
    background: var(--lichtgrijs);
    padding: 80px 0;
}

.contactFormulierContainer {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .contactFormulierContainer .formulierContainer {
        padding: 130px 80px 150px 90px;
        box-sizing: border-box;
    }

    .contactFormulierContainer .formulier {
        display: flex;
        flex-wrap: wrap;
        margin: 70px 0 0;
    }

        .contactFormulierContainer .formulier .box {
            position: relative;
            width: calc(100% - 120px);
            box-sizing: border-box;
            padding: 0px 20px;
            display: block;
            background-color: var(--grijs);
            font: var(--default-font);
            color: var(--zwart);
            height: 50px;
            line-height: 50px;
            border: 0;
            margin: 0 0 10px;
        }

        .contactFormulierContainer .formulier textarea.box {
            height: 200px;
        }

        .contactFormulierContainer .formulier label {
            width: 120px;
            margin: 0 0 10px;
            font: var(--form-label);
            height: 50px;
            line-height: 50px;
        }

            .contactFormulierContainer .formulier label.checkBoxContainer {
                position: relative;
                width: auto;
                margin: 40px 0 0;
                height: auto;
                line-height: normal;
                padding: 0 0 0 45px;
            }

.checkBoxContainer .checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--grijs);
    transition: ease-in-out background-color 0.3s;
}

/* On mouse-over, add a grey background color */
.checkBoxContainer:hover .checkbox ~ .checkmark {
    /*background-color: var(--lichtgrijs);*/
}

/* When the checkbox is checked, add a blue background */
.checkBoxContainer .checkbox:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkBoxContainer .checkbox:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkBoxContainer .checkmark:after {
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: var(--oranje);
}

.formFooter {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 120px;
    width: calc(100% - 120px);
}

    .formFooter .btnContainer {
        margin: 40px 0 0 auto;
    }

.contactFormulierContainer .col6 #map {
    height: 100%;
    width: 100%;
}
img.placeholder{
    width: 100%;
    display:block;
}
.shareContainer{
    margin:60px 0 0;
}
.shareContainer h4 {
    color: var(--zwart);
    text-transform: none;
}
.shareContainer img{
    display:inline-block;
    margin: 0 5px 0 0;
}
.kettingTop {
    position: fixed;
    top: 0;
    left: calc(((100% - var(--wrapper-width)) / 2));
    width: calc(((var(--wrapper-width) / 12) * 4));
    height: var(--menubar-height);
    background-image: url('/img//ketting_verticaal.svg');
    background-repeat: repeat-y;
    background-position: 50% 0;
    z-index: 9999;
    pointer-events:none;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}