/*
Theme Name: Weflex
Theme URI: https://www.weflex.nl/
Author: OMNITIEF
Author URI: https://www.omnitief.nl/
Version: 1.0.1
Text Domain: weflex
*/

.otgs-development-site-front-end {
  display: none;
}

:root {
  --color-wit: #FFFFFF;
  --color-lichtgrijs: #F6F6F6;
  --color-antraciet: #111111;
  --color-zwart: #000000;
  --color-primair: #F57301;
  --color-secundair: #F59C01;
  --color-tertiair: #F53E01;

  --section-space: 150px;
  --bs-gutter-x: 20px;
}

/* WordPress WYSIWYG-editor styles */

.entry-content img {
  margin: 0 0 1.5em 0;
  }
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
  }
.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  }
.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  }
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
  }
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
  }
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
  }
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
  }
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
  }
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
  }

/* Body */

body, html {
  position: relative;
}

html {
  overflow-x: hidden;
}

body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-family: ubuntu, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  color: var(--color-donkerblauw-75);
  background-color: var(--color-wit);
}

/* Sections */

section {
  margin-bottom: var(--section-space);
  position: relative;
}

.section-grijs {
  background-color: var(--color-lichtgrijs);
  padding: var(--section-space) 0px;
  margin-top: calc(-1 * var(--section-space));
}

.section-grijs:before {
  content: '';
  height: 120px;
  transform: rotate(-2deg);
  width: 120vw;
  margin-left: -10vw;
  background-color: var(--color-lichtgrijs);
  display: block;
  position: absolute;
  top: -50px;
  z-index: -1;
}

.section-antraciet {
  background-color: var(--color-antraciet);
  padding: var(--section-space) 0px;
  margin-top: calc(-1 * var(--section-space));
  margin-bottom: calc(1.5 * var(--section-space) - 225px);
  color: var(--color-wit);
}

.section-antraciet:before {
  content: '';
  height: 120px;
  transform: rotate(-2deg);
  width: 120vw;
  margin-left: -10vw;
  background-color: var(--color-antraciet);
  display: block;
  position: absolute;
  top: -50px;
  z-index: -1;
}

.section-antraciet:after {
  content: '';
  height: 120px;
  transform: rotate(-2deg);
  width: 120vw;
  margin-left: -10vw;
  background-color: var(--color-antraciet);
  display: block;
  position: absolute;
  bottom: -50px;
  z-index: -1;
}



/* Afbeeldingen */

img {
  max-width: 100%;
  height: auto;
}

/* Typografie */

h1, h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 15px;
}

h3 {
  line-height: 1.2;
  margin-bottom: 15px;
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  font-size: 30px;
}

h4, h5, h6 {
  line-height: 1.2;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
}

h1 {
  font-size: 50px;
  line-height: 1;
}

body.single-post h1 {
  font-size: 46px;
}

body.home h1 {
  font-size: 60px;
}

h2 {
  font-size: 40px;
}

.single .content h2 {
  font-size: 32px;
}


.single .content h3 {
  font-size: 28px;
}

h4 {
  font-size: 25px;
}

.single .content h4 {
  font-size: 23px;
}

h5, h6 {
  font-size: 19px;
}

b,strong {
  font-weight: 700;
}

p, ul, ol {
  margin-bottom: 25px;
}

li {
  line-height: 2;
}

a, a:hover {
  color: inherit;
}

blockquote {
  font-size: 17px;
  font-weight: 500;
}

/* Buttons */

a.button-primair, li.button-primair > a, a.button-outline, a.button-secundair {
  background-color: var(--color-primair);
  color: var(--color-wit);
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 24px;
  border-radius: 5px;
  display: inline-block;
  line-height: 1;
  transition: all .2s;
}

a.button-outline {
  background-color: transparent;
  color: inherit;
  border: 2px solid;
  padding: 12px 22px;
}

a.button-secundair {
  background-color: var(--color-antraciet);
  color: var(--color-wit);
}

a.button-clean {
  color: var(--color-zwart);
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding-right: 40px;
}

a.button-primair,
a.button-outline,
a.button-secundair {
  padding-right: 40px;
  position: relative;
  overflow: hidden;
}

a.button-primair:hover,
a.button-outline:hover,
a.button-secundair:hover {
  padding-left: 40px;
  padding-right: 24px;
}

a.button-outline:hover {
  padding-right: 22px;
}

a.button-primair:after,
a.button-outline:after,
a.button-secundair:after,
a.button-clean:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 100%;
  top: 0px;
  right: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .2s;
}

a.button-primair:hover:after,
a.button-outline:hover:after,
a.button-secundair:hover:after {
  right: -16px;
}

a.button-primair:before,
a.button-outline:before,
a.button-secundair:before,
.site-header .primair-menu ul.menu li.button-primair > a:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 100%;
  top: 0px;
  left: -16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .2s;
}

a.button-primair:hover:before,
a.button-outline:hover:before,
a.button-secundair:hover:before {
  left: 16px;
}

a.button-primair:after,
a.button-secundair:after,
a.button-primair:before,
a.button-secundair:before,
.cta a.button-outline:before,
.cta a.button-outline:after,
.section-antraciet a.button-outline:after,
.section-antraciet a.button-outline:before,
body.home .banner .banner-content a.button-outline:after,
body.home .banner .banner-content a.button-outline:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
}

/* Header */

body.home .site-header, body.blog .site-header, body.single .site-header {
  color: var(--color-wit);
}

.site-header .site-logo.licht {
  display: none;
}

body.home .site-header .site-logo.donker, body.blog .site-header .site-logo.donker, body.single .site-header .site-logo.donker {
  display: none;
}

body.home .site-header .site-logo.licht, body.blog .site-header .site-logo.licht, body.single .site-header .site-logo.licht {
  display: block;
}

.site-header {
  position: fixed;
  width: 100%;
  z-index: 999;
  padding: 35px 0px;
  transition: all .2s;
}

.site-header .site-logo img {
  width: 180px;
  transition: all .2s;
}

.site-header .desktop-menu {
  align-items: center;
}

.site-header .primair-menu {
  width: 100%;
}

.site-header .primair-menu ul.menu {
  display: inline-block;
  text-align: right;
  padding: 0px;
  margin: 0px;
}

.site-header .primair-menu ul.menu li {
  list-style: none;
  display: inline-block;
  position: relative;
  padding: 0px 12px;
}

.site-header .primair-menu ul.menu li a {
  text-decoration: none;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}

.site-header .primair-menu ul.menu:first-of-type li a:before {
  content: '';
  display: block;
  border-bottom: solid 1.5px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.site-header .primair-menu ul.menu:first-of-type li a:hover:before,
.site-header .primair-menu ul.menu:first-of-type li.current-menu-item > a:before {
  width: 100%;
}

.site-header li.wpml-ls-item.wpml-ls-current-language > a {
  line-height: 1;
  border: 2px solid;
  border-radius: 5px;
  padding: 12px 25px 11px 12px;
}

.site-header li.wpml-ls-item.wpml-ls-current-language > a:after,
.site-header .primair-menu ul.menu li.menu-item-has-children > a:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAzNiIgaGVpZ2h0PSI0LjQ1NyIgdmlld0JveD0iMCAwIDcuMDM2IDQuNDU3Ij4KICA8cGF0aCBpZD0iUGF0aF83OCIgZGF0YS1uYW1lPSJQYXRoIDc4IiBkPSJNOTc3LjA2OCwxMDEuNjUybDMuMTIzLDIuODY3LDIuODc3LTIuODY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTc2LjU2MSAtMTAxLjA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
  transition: all .2s;
  position: absolute;
  top: 0px;
}

body.home .site-header li.wpml-ls-item.wpml-ls-current-language > a:after,
body.blog .site-header li.wpml-ls-item.wpml-ls-current-language > a:after,
body.single .site-header li.wpml-ls-item.wpml-ls-current-language > a:after,
body.scroll .site-header li.wpml-ls-item.wpml-ls-current-language > a:after,
body.home .site-header .primair-menu ul.menu li.menu-item-has-children > a:after,
body.blog .site-header .primair-menu ul.menu li.menu-item-has-children > a:after,
body.single .site-header .primair-menu ul.menu li.menu-item-has-children > a:after,
body.scroll .site-header .primair-menu ul.menu li.menu-item-has-children > a:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAzNiIgaGVpZ2h0PSI0LjQ1NyIgdmlld0JveD0iMCAwIDcuMDM2IDQuNDU3Ij4KICA8cGF0aCBpZD0iUGF0aF83OCIgZGF0YS1uYW1lPSJQYXRoIDc4IiBkPSJNOTc3LjA2OCwxMDEuNjUybDMuMTIzLDIuODY3LDIuODc3LTIuODY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTc2LjU2MSAtMTAxLjA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==');
}

.site-header .primair-menu ul.menu li.button-primair > a:after {
  display: none;
}

.site-header .primair-menu ul.menu li.button-primair > a {
  padding-left: 45px;
  position: relative;
}

.site-header .primair-menu ul.menu li.button-primair > a:before {
  left: 22px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi40NzYiIGhlaWdodD0iMTQuMjU4IiB2aWV3Qm94PSIwIDAgMTIuNDc2IDE0LjI1OCI+CiAgPHBhdGggaWQ9IlBhdGhfMjUzIiBkYXRhLW5hbWU9IlBhdGggMjUzIiBkPSJNMTEuMTM5LTI2LjEzN2gtLjY2OHYtMi4wMDVhNC4yMzgsNC4yMzgsMCwwLDAtNC4yMzMtNC4yMzMsNC4yMzgsNC4yMzgsMCwwLDAtNC4yMzMsNC4yMzN2Mi4wMDVIMS4zMzdBMS4zMzcsMS4zMzcsMCwwLDAsMC0yNC44djUuMzQ3YTEuMzM3LDEuMzM3LDAsMCwwLDEuMzM3LDEuMzM3aDkuOGExLjMzNywxLjMzNywwLDAsMCwxLjMzNy0xLjMzN1YtMjQuOEExLjMzNywxLjMzNywwLDAsMCwxMS4xMzktMjYuMTM3Wm0tMi45LDBINC4yMzN2LTIuMDA1YTIuMDA3LDIuMDA3LDAsMCwxLDIuMDA1LTIuMDA1LDIuMDA3LDIuMDA3LDAsMCwxLDIuMDA1LDIuMDA1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzMi4zNzUpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=);
}

.site-header li.wpml-ls-item.wpml-ls-current-language.menu-collapsed > a:after,
.site-header .primair-menu ul.menu li.menu-item-has-children.menu-collapsed > a:after {
  transform: rotate(180deg);
}

.site-header li.wpml-ls-item {
  font-size: 13px;
}

.site-header li.wpml-ls-item a img {
  width: 15px;
  height: 15px;
  border-radius: 10px;
  margin: 0px 5px -3px 0px;
}

.site-header .primair-menu ul.menu:last-of-type li:last-of-type {
  padding-right: 0px;
}

body.scroll .site-header {
  background-color: var(--color-antraciet);
  color: var(--color-wit);
  padding: 15px 0px;
}

body.scroll .site-header .site-logo.licht {
  display: block;
}

body.scroll .site-header .site-logo.donker {
  display: none;
}

body.scroll .site-header .site-logo img {
  width: 150px;
}

/* Dropdown desktop */

.site-header .primair-menu li.menu-item-has-children .sub-menu {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  padding: 0px;
  background-color: var(--color-wit);
  box-shadow: 0px 20px 20px rgba(0,0,0,.1);
  padding: 10px 0px;
  margin: 0px 0px 0px -30px;
  transition: all .3s;
  z-index: 10;
  border-radius: 0px 0px 5px 5px;
  border-top: 1.5px solid;
  top: 52.5px;
}

body.home .site-header .primair-menu li.menu-item-has-children .sub-menu,
body.blog .site-header .primair-menu li.menu-item-has-children .sub-menu,
body.single .site-header .primair-menu li.menu-item-has-children .sub-menu,
body.scroll .site-header .primair-menu li.menu-item-has-children .sub-menu {
  background-color: var(--color-antraciet);
  box-shadow: 0px 20px 20px rgba(0,0,0,.3);
}

.site-header .primair-menu li.menu-item-has-children .sub-menu li {
  display: block;
  text-align: left;
  padding: 8px 30px!important;
  width: max-content;
}

.site-header .primair-menu li.menu-item-has-children.menu-collapsed > .sub-menu {
  opacity: 1;
  pointer-events: all;
  margin-top: 0px;
}

.site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu {
  margin: -10px 0px 0px 0px;
  width: calc(100% - 24px);
  padding: 0px;
  border: 2px solid;
  border-radius: 5px;
  top: auto;
}

.site-header .primair-menu li.wpml-ls-item.menu-item-has-children.menu-collapsed .sub-menu {
  margin: 12px 0px 0px 0px;
}

.site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
  width: 100%;
  padding: 7px 14px!important;
}

/* Mobiel menu */

.mobile-menu-toggle .sidebar-toggle {
  display: inline-block;
  background-color: var(--color-primair);
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  padding: 8px 15px;
  text-decoration: none;
  cursor: pointer;
  color: var(--color-wit);
  justify-content: center;
  border-radius: 5px;
}

.mobile-menu-toggle .sidebar-toggle:before {
  content: 'Menu';
}

body.menu-active .mobile-menu-toggle .sidebar-toggle:before {
  content: 'Sluiten';
}

.mobile-menu-toggle .sidebar-toggle:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE1IDEyIj4KICA8ZyBpZD0iR3JvdXBfMjAyIiBkYXRhLW5hbWU9Ikdyb3VwIDIwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyLjg0NSAtMi40OTUpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDExIiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjg0NSAyLjQ5NSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEyIiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjg0NSA3LjQ5NSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzIiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjg0NSAxMi40OTUpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K); 
  display: inline-block;
  height: 18px;
  width: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0px 0px -5px 6px;
}

body.menu-active .mobile-menu-toggle .sidebar-toggle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4wMjEiIGhlaWdodD0iMTIuMDIxIiB2aWV3Qm94PSIwIDAgMTIuMDIxIDEyLjAyMSI+CiAgPGcgaWQ9Ikdyb3VwXzIwMyIgZGF0YS1uYW1lPSJHcm91cCAyMDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy44NDUgLTIuNDk1KSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMiIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4yNTkgMi40OTUpIHJvdGF0ZSg0NSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzIiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjg0NSAxMy4xMDIpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K);
  width: 15px;
}

.site-header #sidebar {
  height: auto;
  max-height: 80%;
  width: 100%;
  background-color: var(--color-antraciet);
  color: var(--color-wit);
  position: fixed;
  display: block;
  right: 0px;
  top: -80%;
  transition: all .3s ease-out;
  padding: 120px var(--bs-gutter-x) 30px;
  box-shadow: 0px 0px 30px rgba(0,0,0,.8);
  overflow-y: scroll;
  z-index: -1;
}

body.menu-active .site-header #sidebar {
  top: 0px;
}

body.scroll .site-header #sidebar {
  padding-top: 90px;
}

.site-header #sidebar ul.menu {
  margin: 0px;
  padding: 0px;
}

.site-header #sidebar ul.menu li {
  position: relative;
  list-style: none;
}

.site-header #sidebar ul.menu > li > a {
  font-size: 25px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  line-height: 1.9;
  text-decoration: none;
}

.site-header #sidebar ul.menu ul.sub-menu a {
  text-decoration: none;
  line-height: 1.9;
}

.site-header #sidebar ul.menu ul.sub-menu {
  margin: 0px;
  padding: 0px;
}

.site-header #sidebar .secundair-menu {
  margin-top: 40px;
}

.site-header #sidebar .secundair-menu li a {
  text-decoration: none;
}

.site-header #sidebar a.button-secundair {
  width: calc(100% - 60px);
  position: absolute;
  bottom: 30px;
}

.site-header #sidebar a.button-secundair:after {
  position: absolute;
  right: 25px;
}

body.menu-active .site-header-inner {
  box-shadow: none;
}

.overlay {
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  background-color: var(--color-wit);
  opacity: 0;
  pointer-events: none;
  transition: all .2s;
  z-index: 990;
}

body.menu-active .overlay {
  opacity: .5;
}

/* Dropdown mobiel */

.site-header #sidebar li.menu-item-has-children .toggle-button {
  display: inline-block;
  height: 50px;
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAzNiIgaGVpZ2h0PSI0LjQ1NyIgdmlld0JveD0iMCAwIDcuMDM2IDQuNDU3Ij4KICA8cGF0aCBpZD0iUGF0aF83OCIgZGF0YS1uYW1lPSJQYXRoIDc4IiBkPSJNOTc3LjA2OCwxMDEuNjUybDMuMTIzLDIuODY3LDIuODc3LTIuODY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTc2LjU2MSAtMTAxLjA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  transition: all .3s;
  position: absolute;
  right: 0px;
  top: 0px;
}

.site-header #sidebar li.menu-item-has-children.menu-collapsed .toggle-button {
  transform: rotate(180deg);
}

.site-header #sidebar li.menu-item-has-children .sub-menu {
  height: 0px;
  opacity: 0;
  margin: 0px;
  overflow: hidden;
  transition: all .3s;
}

.site-header #sidebar li.menu-item-has-children.menu-collapsed .sub-menu {
  height: auto;
  opacity: 1;
  margin: 0 0 10px;
}

/* Banner */

body.home .banner, body.blog .banner, body.single .banner {
  background-color: var(--color-antraciet);
  color: var(--color-wit);
}

body.home .banner{
  margin-bottom: 200px;
}

.banner {
  padding: var(--section-space) 0px var(--section-space);
  position: relative;
}

body.home .banner:after,
body.blog .banner:after,
body.single .banner:after {
  content: '';
  height: 150px;
  transform: rotate(-2deg);
  width: 120vw;
  margin-left: -10vw;
  background-color: var(--color-antraciet);
  display: block;
  position: absolute;
  bottom: -50px;
  z-index: -1;
}

.banner-inner {
  margin-bottom: -85px;
}

body.single-post .banner-inner {
  margin-bottom: -175px;
}

.banner-afbeelding, .banner-video {
  margin-bottom: -55px;
}

/* Banner video */
.banner-video {
  align-items: center;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  display: flex;
  height: 500px;
  justify-content: center;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.banner-video .banner-video {
  height: 500px;
  cursor: pointer;
}


.banner-afbeelding.fullscreen {
  align-items: center;
  background-color: #000000aa;
  clip-path: none;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}

.banner-afbeelding.fullscreen::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4wMjEiIGhlaWdodD0iMTIuMDIxIiB2aWV3Qm94PSIwIDAgMTIuMDIxIDEyLjAyMSI+CiAgPGcgaWQ9Ikdyb3VwXzIwMyIgZGF0YS1uYW1lPSJHcm91cCAyMDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy44NDUgLTIuNDk1KSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMiIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4yNTkgMi40OTUpIHJvdGF0ZSg0NSkiIGZpbGw9IiNmZmYiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzIiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjg0NSAxMy4xMDIpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  content: "";
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 50px;

}

.banner-afbeelding.fullscreen .banner-video {
  align-items: center;
  clip-path: none;
  display: flex;
  height: 80vh;
  justify-content: center;
  max-width: 90%;
  transition: .5s;
}
.banner-afbeelding.fullscreen .banner-video .banner-video-inner{
  height: 100%;
}

.video-play-button{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjcyIiBoZWlnaHQ9IjI3MiIgdmlld0JveD0iMCAwIDI3MiAyNzIiPg0KICA8ZGVmcz4NCiAgICA8ZmlsdGVyIGlkPSJFbGxpcHNlXzMiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNzIiIGhlaWdodD0iMjcyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KICAgICAgPGZlT2Zmc2V0IGR4PSIxMCIgZHk9IjEwIiBpbnB1dD0iU291cmNlQWxwaGEiLz4NCiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMwIiByZXN1bHQ9ImJsdXIiLz4NCiAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAuNCIvPg0KICAgICAgPGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJibHVyIi8+DQogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4NCiAgICA8L2ZpbHRlcj4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iR3JvdXBfMTY1IiBkYXRhLW5hbWU9Ikdyb3VwIDE2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0MyAtMjQ5KSI+DQogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgODQzLCAyNDkpIiBmaWx0ZXI9InVybCgjRWxsaXBzZV8zKSI+DQogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzMtMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDMiIGN4PSI0NiIgY3k9IjQ2IiByPSI0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAgODApIiBmaWxsPSIjZjU3MzAxIi8+DQogICAgPC9nPg0KICAgIDxwYXRoIGlkPSJQb2x5Z29uXzYiIGRhdGEtbmFtZT0iUG9seWdvbiA2IiBkPSJNMTcuNCw0LjU1OGEzLDMsMCwwLDEsNS4yMDksMGwxNC44MywyNS45NTNBMywzLDAsMCwxLDM0LjgzLDM1SDUuMTdhMywzLDAsMCwxLTIuNi00LjQ4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5MC41IDM1NSkgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 300px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  transform: translate(2%, 2%); 
  transition: .3s;
}

.banner-video:hover .video-play-button{
  background-size: 350px;
}

.banner-afbeelding.fullscreen .video-play-button{
  display: none;
}

/* Banner video einde */


.banner .breadcrumbs {
  font-size: 13px;
  margin-bottom: 15px;
}

.banner .scroll {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-primair);
  position: absolute;
  bottom: 50px;
  z-index: 10;
}

.home .banner .scroll{
  bottom: -50px;

}


.banner .scroll:after {
  content: '';
  height: 25px;
  width: 2px;
  background-color: var(--color-primair);
  display: block;
  position: absolute;
  bottom: -33px;
  right: 10px;
}

body.single-post .banner .scroll {
  bottom: -50px;
}

.banner-content {
  display: flex;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 100px;
}

.banner-content-inner .button-primair, .cta .button-primair {
  margin-right: 10px;
}

.banner-afbeelding-inner {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  height: 500px;
  width: 100%;
  background-position: center;
  background-size: cover;
}

/* Diensten banner */
body.home .banner-diensten {
  margin-bottom: 300px;
} 

.banner-diensten .banner-inner,
body.blog .banner-inner {
  margin-bottom: 0px;
}

.banner-diensten .banner-afbeelding,
body.blog .banner-afbeelding,
body.blog {
  margin-bottom: 0px;
}

.banner-diensten .banner-content,
body.blog .banner-content {
  padding-top: 100px;
}

body.blog .banner-content {
  padding-bottom: 60px;
}

.banner-diensten .banner-diensten-container {
  margin-top: 80px;
  margin-bottom: calc(-2 * var(--section-space));
}

.banner-diensten .banner-diensten-container .dienst-inner {
  color: var(--color-zwart);
  background-color: var(--color-wit);
  border-radius: 10px;
  padding: 70px 65px;
  box-shadow: 0px 30px 30px rgba(0,0,0,.05);
  height: 100%;
}
/* Content */

.content .text-end, .cta .text-end, .formulier .text-end {
  padding-right: 50px;
}

.grote-afbeelding {
  transform: rotate(-2deg);
  height: 75vh;
  overflow: hidden;
  width: 120vw;
  margin-left: -10vw;
  z-index: 1;
}

.grote-afbeelding .grote-afbeelding-inner {
  transform: rotate(2deg);
  height: calc(100% + 10vh);
  margin-top: -5vh;
  background-position: center;
  background-size: cover;
}

/* Sectoren */

.sectoren .sectoren-row {
  margin: 0px -57px -50px;
}

.sectoren .sector {
  padding: 50px 45px;
  transition: all .3s;
  border-radius: 10px;
}

.sectoren .sector:hover {
  box-shadow: 0px 10px 40px rgba(0,0,0,.07);
}

.sectoren .sector .icoon {
  height: 55px;
  width: 65px;
  margin-bottom: 30px;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
}

.sectoren .sector p {
  margin-bottom: 15px;
}

/* Waarden */

.waarden{
  margin-bottom: 350px;
}

.waarden .waarden-container {
  box-shadow: 0px 0px 30px rgba(0,0,0,.05);
  padding: 60px 15px 45px 75px;
  border-radius: 10px;
  margin-top: 45px;
  margin-bottom: var(--section-space);
}

.waarden .waarden-container .waarde {
  padding-right: 60px;
}

.waarden .waarden-container .waarde .icoon {
  height: 60px;
  width: 70px;
  margin-bottom: 25px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Quote */

.quote {
  text-align: center;
  position: relative;
}

.quote:before {
  content: '';
  display: block;
  width: 100%;
  height: 55px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Mi4yMjMiIGhlaWdodD0iNTQuODIiIHZpZXdCb3g9IjAgMCA2Mi4yMjMgNTQuODIiPgogIDxwYXRoIGlkPSJQYXRoXzIzNCIgZGF0YS1uYW1lPSJQYXRoIDIzNCIgZD0iTS0yLjk0OC0xNS4zMTJIMTEuODU4QTcuMDYsNy4wNiwwLDAsMSwxOC45MS04LjI2VjE5LjVhMTkuODk0LDE5Ljg5NCwwLDAsMS0xLjU3Miw3Ljc5LDE5LjkyOSwxOS45MjksMCwwLDEtNC4yODYsNi4zNTksMTkuOTI5LDE5LjkyOSwwLDAsMS02LjM1OSw0LjI4NkExOS44OTQsMTkuODk0LDAsMCwxLTEuMSwzOS41MDdoLS45MjVBNC4yODEsNC4yODEsMCwwLDEtNi4zLDM1LjIzMVYyOS42NzlBNC4yODEsNC4yODEsMCwwLDEtMi4wMjMsMjUuNEgtMS4xYTUuOTEsNS45MSwwLDAsMCw1LjktNS45VjEzLjZILTIuOTQ4QTcuMDYsNy4wNiwwLDAsMS0xMCw2LjU0NVYtOC4yNkE3LjA2LDcuMDYsMCwwLDEtMi45NDgtMTUuMzEyWk0tMS4xLDM2LjUwN2ExNi45LDE2LjksMCwwLDAsMTIuMDI3LTQuOThBMTYuOSwxNi45LDAsMCwwLDE1LjkxLDE5LjVWLTguMjZhNC4wNTcsNC4wNTcsMCwwLDAtNC4wNTItNC4wNTJILTIuOTQ4QTQuMDU3LDQuMDU3LDAsMCwwLTctOC4yNlY2LjU0NUE0LjA1Nyw0LjA1NywwLDAsMC0yLjk0OCwxMC42SDcuODA2djguOWE4LjkxMyw4LjkxMywwLDAsMS04LjksOC45aC0uOTI1QTEuMjYyLDEuMjYyLDAsMCwwLTMuMywyOS42Nzl2NS41NTJhMS4yNjIsMS4yNjIsMCwwLDAsMS4yNzYsMS4yNzZabTMxLjQ2Mi01MS44Mkg0NS4xNzFBNy4wNiw3LjA2LDAsMCwxLDUyLjIyMy04LjI2VjE5LjVBMTkuOTg4LDE5Ljk4OCwwLDAsMSwzMi4yMTYsMzkuNTA3SDMxLjI5YTQuMjgxLDQuMjgxLDAsMCwxLTQuMjc2LTQuMjc2VjI5LjY3OUE0LjI4MSw0LjI4MSwwLDAsMSwzMS4yOSwyNS40aC45MjVhNS45MSw1LjkxLDAsMCwwLDUuOS01LjlWMTMuNkgzMC4zNjVhNy4wNiw3LjA2LDAsMCwxLTcuMDUyLTcuMDUyVi04LjI2QTcuMDYsNy4wNiwwLDAsMSwzMC4zNjUtMTUuMzEyWm0xLjg1MSw1MS44MkExNywxNywwLDAsMCw0OS4yMjMsMTkuNVYtOC4yNmE0LjA1Nyw0LjA1NywwLDAsMC00LjA1Mi00LjA1MkgzMC4zNjVBNC4wNTcsNC4wNTcsMCwwLDAsMjYuMzEzLTguMjZWNi41NDVBNC4wNTcsNC4wNTcsMCwwLDAsMzAuMzY1LDEwLjZINDEuMTE4djguOWE4LjkxMyw4LjkxMywwLDAsMS04LjksOC45SDMxLjI5YTEuMjYyLDEuMjYyLDAsMCwwLTEuMjc2LDEuMjc2djUuNTUyYTEuMjYyLDEuMjYyLDAsMCwwLDEuMjc2LDEuMjc2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgMTUuMzEzKSIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 25px;
}

.quote p {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 5px;
}

.quote span {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
}

.quote span:before {
  content: '';
  width: 15px;
  height: 1.5px;
  background-color: var(--color-zwart);
  display: inline-block;
  margin-right: 8px;
}

.slider-arrows {
  padding-top: 25px;
  text-align: center;
}

.slider-arrows .slick-arrow {
  height: 34px;
  width: 34px;
  background-color: var(--color-primair);
  border: none;
  border-radius: 17px;
  margin: 0px 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}

.slider-arrows .next-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
}

.slider-arrows .prev-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik02Ny44MzcsMzkxLjU1OGw0LjMxNS0zLjE3MlYzOTAuNmg3LjU0MnYxLjkyNkg3Mi4xNTJ2Mi4yMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuODM3IC0zODguMzg2KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K);
}

.quote-slider,
.waarden{
  margin-block: var(--section-space);
}


/* Team */

.team .teamlid {
  margin-top: 60px;
}

.team .teamlid .pasfoto {
  width: 100%;
  height: 230px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background-position: center;
  background-size: cover;
  margin-bottom: 30px;
}

.team .teamlid h5 {
  margin-bottom: 5px;
}

/* Blog */

.post {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 10px 40px rgba(0,0,0,.07);
}

.post a {
  text-decoration: none;
}

.post .post-afbeelding {
  display: block;
  width: 100%;
  height: 220px;
  background-position: center;
  background-size: cover;
}

.post .post-content {
  padding: 45px 45px 50px;
}

.post .post-content span {
  display: block;
  margin-bottom: 25px;
}

body.blog .nieuws {
  margin-top: -250px;
}

.nieuws {
  margin-bottom: calc(var(--section-space) - 60px);
}

.nieuws .post {
  margin-bottom: 60px;
}

body.single-post .content {
  padding-top: 80px;
}

body.single-post .nieuws {
  background-color: var(--color-lichtgrijs);
  padding: var(--section-space) 0px;
  margin: 0px;
}

.pagination {
  padding-top: calc(var(--section-space) - 120px);
  display: inline-block;
  margin: 0 auto;
}

.pagination .page-numbers {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  display: inline-flex;
  line-height: 1;
  transition: all .2s;
  background-color: transparent;
  color: inherit;
  border: 2px solid;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 0px 4px;
}

.pagination .page-numbers.current {
  background-color: var(--color-primair);
  color: var(--color-wit);
  border-color: var(--color-primair);
}

.social-share {
  text-align: center;
  padding-top: 35px;
}

.social-share h5 {
  margin-bottom: 20px;
}

.social-share ul {
  margin: 0px;
  padding: 0px;
}

.social-share ul li {
  list-style: none;
  display: inline-block;
}

.social-share ul li a {
  background-color: var(--color-primair);
  color: var(--color-wit);
  height: 35px;
  width: 35px;
  position: relative;
  display: block;
  margin: 0px 4px;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  transition: all .2s;
}

.social-share ul li.twitter a {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wODMiIGhlaWdodD0iMTYuMzE3IiB2aWV3Qm94PSIwIDAgMjAuMDgzIDE2LjMxNyI+CiAgPHBhdGggaWQ9IlBhdGhfMjIwIiBkYXRhLW5hbWU9IlBhdGggMjIwIiBkPSJNMTgtOS4yYTkuMDUzLDkuMDUzLDAsMCwwLDIuMDc5LTIuMTU3LDguODQ3LDguODQ3LDAsMCwxLTIuMzUzLjY2Nyw0LjA4Nyw0LjA4NywwLDAsMCwxLjgtMi4yNzUsOC4zNzksOC4zNzksMCwwLDEtMi42MjguOTgxLDQuNjU4LDQuNjU4LDAsMCwwLTEuMzUzLS45NDEsMy45MjksMy45MjksMCwwLDAtMS42NjctLjM1MywzLjk3OCwzLjk3OCwwLDAsMC0yLjA0LjU0OSw0LjAzMSw0LjAzMSwwLDAsMC0xLjQ5MSwxLjUxLDQuMDgzLDQuMDgzLDAsMCwwLS41NDksMi4wNTksNS43MTcsNS43MTcsMCwwLDAsLjA3OC45NDFBMTEuNCwxMS40LDAsMCwxLDUuMTU4LTkuNDc3YTExLjM1NywxMS4zNTcsMCwwLDEtMy43NDYtMy4wNTksMy45NDMsMy45NDMsMCwwLDAtLjU4OCwyLjA1OUEzLjk1NiwzLjk1NiwwLDAsMCwxLjMzNC04LjUsNC41NjksNC41NjksMCwwLDAsMi42NjctNy4wMDUsMy44NzcsMy44NzcsMCwwLDEsLjgyNC03LjU1NXYuMDc4YTMuOTQ5LDMuOTQ5LDAsMCwwLC45NDEsMi41ODlBNC4xNSw0LjE1LDAsMCwwLDQuMTE5LTMuNDM2YTUuMjI4LDUuMjI4LDAsMCwxLTEuMS4xMThxLS4zNTMsMC0uNzQ1LS4wMzlhNC4xLDQuMSwwLDAsMCwxLjQzMiwyLjAyLDMuODMxLDMuODMxLDAsMCwwLDIuNDEyLjhBOC4xNjUsOC4xNjUsMCwwLDEsLjk4MSwxLjIzMnEtLjU0OSwwLS45ODEtLjAzOUExMS40MjcsMTEuNDI3LDAsMCwwLDYuMzE1LDMuMDM2YTExLjMxNiwxMS4zMTYsMCwwLDAsNi4zOTMtMS44NDRBMTEuMiwxMS4yLDAsMCwwLDE2LjY3LTMuMjRhMTEuNjMsMTEuNjMsMCwwLDAsMS4zNzMtNS40NTJBMi4zMzcsMi4zMzcsMCwwLDAsMTgtOS4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMy4yODEpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=');
}

.social-share ul li.whatsapp a {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4xMTMiIGhlaWdodD0iMTguMTEzIiB2aWV3Qm94PSIwIDAgMTguMTEzIDE4LjExMyI+CiAgPHBhdGggaWQ9IlBhdGhfMjIzIiBkYXRhLW5hbWU9IlBhdGggMjIzIiBkPSJNMTUuNC0xMS4xODRhOS4zNzUsOS4zNzUsMCwwLDEsMiwyLjkzMSw4LjUyNSw4LjUyNSwwLDAsMSwuNzA4LDMuNDE2QTguNTg2LDguNTg2LDAsMCwxLDE2Ljg4LS4zNDlhOS4xOTMsOS4xOTMsMCwwLDEtMy4zMTUsMy4yNzVBOC44LDguOCwwLDAsMSw5LjA1Nyw0LjEzOSw4LjczOCw4LjczOCwwLDAsMSw0Ljc3MSwzLjA0N0wwLDQuMywxLjI5NC0uMzQ5QTguNyw4LjcsMCwwLDEsLjA4MS00LjgzNyw4LjcsOC43LDAsMCwxLDEuMjk0LTkuMzI1LDkuMDgyLDkuMDgyLDAsMCwxLDQuNTY5LTEyLjZhOC43LDguNywwLDAsMSw0LjQ4OC0xLjIxMyw4Ljc0MSw4Ljc0MSwwLDAsMSwzLjQxNi42ODdBOS40MjEsOS40MjEsMCwwLDEsMTUuNC0xMS4xODRaTTkuMDU3LDIuNjQzYTcuMzUzLDcuMzUzLDAsMCwwLDMuNzYtMS4wMTFBNy42OCw3LjY4LDAsMCwwLDE1LjU4Ni0xLjFhNy4xMzcsNy4xMzcsMCwwLDAsMS4wMzEtMy43NCw2Ljk0Myw2Ljk0MywwLDAsMC0uNjA2LTIuODMsOCw4LDAsMCwwLTEuNjc4LTIuNDQ2LDcuNDkyLDcuNDkyLDAsMCwwLTIuNDI2LTEuNjM3LDcuMzE5LDcuMzE5LDAsMCwwLTIuODUtLjU2Niw3LjI0Niw3LjI0NiwwLDAsMC0zLjc0LDEuMDExQTcuNTY4LDcuNTY4LDAsMCwwLDIuNTg4LTguNTc3YTcuMjQ2LDcuMjQ2LDAsMCwwLTEuMDExLDMuNzRBNy4xNzIsNy4xNzIsMCwwLDAsMi43NDktLjg3NGwuMTYyLjI4M0wyLjE0MywyLjE1OGwyLjgzLS43MjguMjgzLjE2MkE3LjIwOSw3LjIwOSwwLDAsMCw5LjA1NywyLjY0M1ptNC4wODQtNS42Mi4xMjEuMDgxYS43MTcuNzE3LDAsMCwxLC4zMjMuMiwxLjA0LDEuMDQsMCwwLDEsLjAyLjQsMi4wOTQsMi4wOTQsMCwwLDEtLjE2Mi42NjcsMS42ODYsMS42ODYsMCwwLDEtLjY0Ny42ODcsMi4wNDMsMi4wNDMsMCwwLDEtLjg2OS4zODQsMy43LDMuNywwLDAsMS0xLjA5MiwwLDguNCw4LjQsMCwwLDEtMS42MTctLjU2Niw5LjE0Niw5LjE0NiwwLDAsMS0zLjc2LTMuMzE1bC0uMDgxLS4wODFhNC4wODQsNC4wODQsMCwwLDEtLjg4OS0yLjMsMi41NTYsMi41NTYsMCwwLDEsLjcyOC0xLjgxOWwuMDQtLjA0YS44NS44NSwwLDAsMSwuNjA2LS4yODNoLjQ4NUEuNTA2LjUwNiwwLDAsMSw2LjYxLTguOWEuNTU1LjU1NSwwLDAsMSwuMTgyLjNMNy40OC02LjkzOWEuNDQ2LjQ0NiwwLDAsMSwuMDQuNCwyLjc4NCwyLjc4NCwwLDAsMS0uNTI2LjcyOC45MDYuOTA2LDAsMCwwLS4yLjI2M3EtLjA0LjEuMDgxLjIyMkE1LjIzLDUuMjMsMCwwLDAsOC4yMDgtMy42NjRhMTAuMzU5LDEwLjM1OSwwLDAsMCwxLjcsMS4wMTFxLjMyMy4xNjIuNDg1LS4wNC41MjYtLjYwNi43MjgtLjg4OS4wODEtLjE2Mi4yLS4xNjJhMS4xODgsMS4xODgsMCwwLDEsLjI4My4wNFExMS45MjctMy41ODMsMTMuMTQtMi45NzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEzLjgxMykiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==');
}

.social-share ul li.linkedin a {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi41NzMiIGhlaWdodD0iMTYuNTczIiB2aWV3Qm94PSIwIDAgMTYuNTczIDE2LjU3MyI+CiAgPHBhdGggaWQ9IlBhdGhfMjIxIiBkYXRhLW5hbWU9IlBhdGggMjIxIiBkPSJNMTUuMzg5LTEzLjgxMmExLjEzOCwxLjEzOCwwLDAsMSwuODMyLjM1MSwxLjEzOCwxLjEzOCwwLDAsMSwuMzUxLjgzMlYxLjU3N2ExLjEzOCwxLjEzOCwwLDAsMS0uMzUxLjgzMiwxLjEzOCwxLjEzOCwwLDAsMS0uODMyLjM1MUgxLjE4NGExLjEzOCwxLjEzOCwwLDAsMS0uODMyLS4zNTFBMS4xMzgsMS4xMzgsMCwwLDEsMCwxLjU3N1YtMTIuNjI5YTEuMTM4LDEuMTM4LDAsMCwxLC4zNTEtLjgzMiwxLjEzOCwxLjEzOCwwLDAsMSwuODMyLS4zNTFaTTQuOTk0LjM5M2guMDM3Vi03LjUyNEgyLjU1M1YuMzkzWk0zLjc3My04LjZhMS4zODgsMS4zODgsMCwwLDAsMS4wMTctLjQyNSwxLjM2NywxLjM2NywwLDAsMCwuNDI1LTEsMS4zNjcsMS4zNjcsMCwwLDAtLjQyNS0xLDEuMzg4LDEuMzg4LDAsMCwwLTEuMDE3LS40MjUsMS4zMjgsMS4zMjgsMCwwLDAtMSwuNDI1LDEuNCwxLjQsMCwwLDAtLjQwNywxLDEuNCwxLjQsMCwwLDAsLjQwNywxQTEuMzI4LDEuMzI4LDAsMCwwLDMuNzczLTguNlpNMTQuMjA1LjM5M1YtMy45MzVhNS4zNzcsNS4zNzcsMCwwLDAtLjUxOC0yLjcsMi42NTUsMi42NTUsMCwwLDAtMi40LTEuMDczQTIuODUsMi44NSwwLDAsMCw5Ljc2Ni03LjNhMi4wNjksMi4wNjksMCwwLDAtLjgxNC44NTFIOC45MTVWLTcuNTI0SDYuNTQ4Vi4zOTNIOC45ODlWLTMuNTI4YTMuMDM1LDMuMDM1LDAsMCwxLC4yNTktMS40MDYsMS4zLDEuMywwLDAsMSwxLjIyMS0uNjI5LDEuMDYsMS4wNiwwLDAsMSwxLjExLjcsMy45MTksMy45MTksMCwwLDEsLjE4NSwxLjQwNlYuMzkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMy44MTMpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=');
}

.social-share ul li.mail a {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4wNzYiIGhlaWdodD0iMTMuNTU3IiB2aWV3Qm94PSIwIDAgMTguMDc2IDEzLjU1NyI+CiAgPHBhdGggaWQ9IlBhdGhfMjIyIiBkYXRhLW5hbWU9IlBhdGggMjIyIiBkPSJNMTYuMzgxLTEyLjc1YTEuNjM0LDEuNjM0LDAsMCwxLDEuMi40OTQsMS42MzQsMS42MzQsMCwwLDEsLjQ5NCwxLjJWLS44ODhhMS42MzQsMS42MzQsMCwwLDEtLjQ5NCwxLjIsMS42MzQsMS42MzQsMCwwLDEtMS4yLjQ5NEgxLjY5NUExLjYzNCwxLjYzNCwwLDAsMSwuNDk0LjMxMywxLjYzNCwxLjYzNCwwLDAsMSwwLS44ODhWLTExLjA1NWExLjYzNCwxLjYzNCwwLDAsMSwuNDk0LTEuMiwxLjYzNCwxLjYzNCwwLDAsMSwxLjItLjQ5NFptMCwxLjY5NUgxLjY5NXYxLjQ0N3ExLjIzNi45ODksNC43NjYsMy43NDJsLjMxOC4yODJhOC42MjksOC42MjksMCwwLDAsMS4xMy44NDcsMi4xNDgsMi4xNDgsMCwwLDAsMS4xMy40NTksMi4xNDgsMi4xNDgsMCwwLDAsMS4xMy0uNDU5LDguNjI5LDguNjI5LDAsMCwwLDEuMTMtLjg0N2wuMzE4LS4yODJxMy41My0yLjcxOCw0Ljc2Ni0zLjc0MlpNMS42OTUtLjg4OEgxNi4zODFWLTcuNDU0bC00LjEsMy4yNDhhMTAuMjM4LDEwLjIzOCwwLDAsMS0xLjQ0NywxLjA1OSwzLjU1NiwzLjU1NiwwLDAsMS0xLjguNTY1QTMuNzQyLDMuNzQyLDAsMCwxLDcuMi0zLjE0NywxMy45NSwxMy45NSwwLDAsMSw1Ljc1NS00LjIwNkwxLjY5NS03LjQ1NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTIuNzUpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=');
}

/* Tabs */

.tabs .tabs-row {
  padding-top: 30px;
}

.tabs .nav-pills {
  margin-right: 50px;
}

.tabs .nav-pills .nav-link {
  display: block;
  width: 100%;
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  line-height: 1;
  transition: all .2s;
  background-color: transparent;
  color: var(--color-zwart);
  border: 2px solid;
  padding: 12px 22px;
  margin: 0px 0px 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiLz4KPC9zdmc+Cg==);
  background-size: 12px;
  background-position: 91% 50%;
  background-repeat: no-repeat;
}

.tabs .nav-pills .nav-link.active {
  background-color: var(--color-zwart);
  color: var(--color-wit);
  border-color: var(--color-zwart);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
}

/* Call to action */

.cta {
  padding: var(--section-space) 0px;
  background-color: var(--color-antraciet);
  color: var(--color-wit);
}

.cta:before {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OTgiIGhlaWdodD0iNDMzIiB2aWV3Qm94PSIwIDAgNDk4IDQzMyI+CiAgPGcgaWQ9InNodXR0ZXJzdG9ja18xOTQ0NTA4NzIzIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjE1Ij4KICAgIDxwYXRoIGQ9Ik0zNjcuNzE1LDBhMTAsMTAsMCwwLDEsOC42NjksNS4wMTVsMTE4Ljc0OSwyMDYuNWExMCwxMCwwLDAsMSwwLDkuOTdsLTExOC43NDksMjA2LjVBMTAsMTAsMCwwLDEsMzY3LjcxNSw0MzNIMTMwLjI4NWExMCwxMCwwLDAsMS04LjY2OS01LjAxNUwyLjg2NywyMjEuNDg1YTEwLDEwLDAsMCwxLDAtOS45N0wxMjEuNjE2LDUuMDE1QTEwLDEwLDAsMCwxLDEzMC4yODUsMFoiIHN0cm9rZT0ibm9uZSIvPgogICAgPHBhdGggZD0iTSAxMzcuMjI2OTg5NzQ2MDkzOCAyMiBMIDI1LjM3ODIwNDM0NTcwMzEyIDIxNi40OTk5ODQ3NDEyMTA5IEwgMTM3LjIyNjk4OTc0NjA5MzggNDExIEwgMzYwLjc3MzA3MTI4OTA2MjUgNDExIEwgNDcyLjYyMTcwNDEwMTU2MjUgMjE2LjUwMDAxNTI1ODc4OTEgTCAzNjAuNzczMDcxMjg5MDYyNSAyMiBMIDEzNy4yMjY5ODk3NDYwOTM4IDIyIE0gMTMwLjI4NDk3MzE0NDUzMTIgMCBMIDM2Ny43MTQ5NjU4MjAzMTI1IDAgQyAzNzEuMjkzODIzMjQyMTg3NSAwIDM3NC41OTk4MjI5OTgwNDY5IDEuOTEyNTA2MTAzNTE1NjI1IDM3Ni4zODM5MTExMzI4MTI1IDUuMDE0OTIzMDk1NzAzMTI1IEwgNDk1LjEzMzIzOTc0NjA5MzggMjExLjUxNDkyMzA5NTcwMzEgQyA0OTYuOTA4MTQyMDg5ODQzOCAyMTQuNjAxMzMzNjE4MTY0MSA0OTYuOTA4MTQyMDg5ODQzOCAyMTguMzk4NjY2MzgxODM1OSA0OTUuMTMzMjM5NzQ2MDkzOCAyMjEuNDg1MDc2OTA0Mjk2OSBMIDM3Ni4zODM5MTExMzI4MTI1IDQyNy45ODUwNzY5MDQyOTY5IEMgMzc0LjU5OTgyMjk5ODA0NjkgNDMxLjA4NzQ5Mzg5NjQ4NDQgMzcxLjI5MzgyMzI0MjE4NzUgNDMzIDM2Ny43MTQ5NjU4MjAzMTI1IDQzMyBMIDEzMC4yODQ5NzMxNDQ1MzEyIDQzMyBDIDEyNi43MDYxNDYyNDAyMzQ0IDQzMyAxMjMuNDAwMTQ2NDg0Mzc1IDQzMS4wODc0OTM4OTY0ODQ0IDEyMS42MTYxNDk5MDIzNDM4IDQyNy45ODUwNzY5MDQyOTY5IEwgMi44NjY2MzgxODM1OTM3NSAyMjEuNDg1MDc2OTA0Mjk2OSBDIDEuMDkxODI3MzkyNTc4MTI1IDIxOC4zOTg2NjYzODE4MzU5IDEuMDkxODI3MzkyNTc4MTI1IDIxNC42MDEzMzM2MTgxNjQxIDIuODY2NjM4MTgzNTkzNzUgMjExLjUxNDkyMzA5NTcwMzEgTCAxMjEuNjE2MTQ5OTAyMzQzOCA1LjAxNDkyMzA5NTcwMzEyNSBDIDEyMy40MDAyMzgwMzcxMDk0IDEuOTEyNTA2MTAzNTE1NjI1IDEyNi43MDYyMzc3OTI5Njg4IDAgMTMwLjI4NDk3MzE0NDUzMTIgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 525px;
  height: 525px;
  display: block;
  position: absolute;
  bottom: -150px;
  left: -250px;
}

.cta:after {
  content: '';
  height: 150px;
  transform: rotate(-2deg);
  width: 120vw;
  margin-left: -10vw;
  background-color: var(--color-antraciet);
  display: block;
  position: absolute;
  bottom: -50px;
  z-index: -1;
}

.cta .button-primair.phone, .vacancy-cta .button-primair.phone {
  padding: 14px 24px 14px 42px;
}

.cta .button-primair.phone:before, .vacancy-cta .button-primair.phone:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuNzY4IiBoZWlnaHQ9IjEzLjc2OCIgdmlld0JveD0iMCAwIDEzLjc2OCAxMy43NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NSIgd2lkdGg9IjEzLjc2OCIgaGVpZ2h0PSIxMy43NjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDciIGRhdGEtbmFtZT0iR3JvdXAgMTQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjE3IDMuMTY5KSI+CiAgICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMTcgLTQuMTY5KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjciIGRhdGEtbmFtZT0iUGF0aCAyMjciIGQ9Ik0xMi41NCw5LjY4OSw5LjU4LDYuNzI5YS4yMzEuMjMxLDAsMCwwLS4zMjYsMEw4LjA3OCw3LjlhLjg3MS44NzEsMCwwLDEtMS4yMzEsMEw0Ljk2OCw2LjAyNmEuODcxLjg3MSwwLDAsMSwwLTEuMjMyTDYuMTQ0LDMuNjE5YS4yMzEuMjMxLDAsMCwwLDAtLjMyNkwzLjE4NC4zMzNhMS4xMzcsMS4xMzcsMCwwLDAtMS42MDgsMEwuOTIxLjk4OEEzLjQ5MywzLjQ5MywwLDAsMCwuMDU1LDQuMDc2LDYuMjUsNi4yNSwwLDAsMCwxLjg2Myw3LjQ4M0w1LjM5LDExLjAxQTYuMjQ5LDYuMjQ5LDAsMCwwLDguOCwxMi44MThhNC42NDQsNC42NDQsMCwwLDAsLjcuMDU1LDMuMjkzLDMuMjkzLDAsMCwwLDIuMzg2LS45MjFsLjY1NS0uNjU1YTEuMTM3LDEuMTM3LDAsMCwwLDAtMS42MDhtLS4zMjYsMS4yODItLjY1NS42NTVhMy4wNDYsMy4wNDYsMCwwLDEtMi42OTIuNzM2LDUuNzg3LDUuNzg3LDAsMCwxLTMuMTUtMS42NzhMMi4xODksNy4xNTdBNS43ODYsNS43ODYsMCwwLDEsLjUxMSw0LjAwN2EzLjA0NSwzLjA0NSwwLDAsMSwuNzM2LTIuNjkyTDEuOS42NTlhLjY3Ni42NzYsMCwwLDEsLjk1NiwwbDIuOCwyLjhMNC42NDIsNC40NjlhMS4zMzMsMS4zMzMsMCwwLDAsMCwxLjg4NEw2LjUyLDguMjMxYTEuMzMyLDEuMzMyLDAsMCwwLDEuODg0LDBMOS40MTcsNy4yMThsMi44LDIuOGEuNjc2LjY3NiwwLDAsMSwwLC45NTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDQ3IDEuNDQ3KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjAuOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
  left: 20px;
  width: 15px;
}

.cta .button-primair.phone:after, .vacancy-cta .button-primair.phone:after {
  display: none;
}

.cta .button-primair.phone:hover:before, .vacancy-cta .button-primair.phone:hover:before {
  animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
}

.cta .button-primair.whatsapp, .vacancy-cta .button-primair.whatsapp {
  padding: 14px 24px 14px 42px;
}

.cta .button-primair.whatsapp:before, .vacancy-cta .button-primair.whatsapp:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iI2ZmZiIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yNi41NzYgNS4zNjNjLTIuNjktMi42OS02LjQwNi00LjM1NC0xMC41MTEtNC4zNTQtOC4yMDkgMC0xNC44NjUgNi42NTUtMTQuODY1IDE0Ljg2NSAwIDIuNzMyIDAuNzM3IDUuMjkxIDIuMDIyIDcuNDkxbC0wLjAzOC0wLjA3MC0yLjEwOSA3LjcwMiA3Ljg3OS0yLjA2N2MyLjA1MSAxLjEzOSA0LjQ5OCAxLjgwOSA3LjEwMiAxLjgwOWgwLjAwNmM4LjIwOS0wLjAwMyAxNC44NjItNi42NTkgMTQuODYyLTE0Ljg2OCAwLTQuMTAzLTEuNjYyLTcuODE3LTQuMzQ5LTEwLjUwN2wwIDB6TTE2LjA2MiAyOC4yMjhoLTAuMDA1Yy0wIDAtMC4wMDEgMC0wLjAwMSAwLTIuMzE5IDAtNC40ODktMC42NC02LjM0Mi0xLjc1M2wwLjA1NiAwLjAzMS0wLjQ1MS0wLjI2Ny00LjY3NSAxLjIyNyAxLjI0Ny00LjU1OS0wLjI5NC0wLjQ2N2MtMS4xODUtMS44NjItMS44ODktNC4xMzEtMS44ODktNi41NjUgMC02LjgyMiA1LjUzMS0xMi4zNTMgMTIuMzUzLTEyLjM1M3MxMi4zNTMgNS41MzEgMTIuMzUzIDEyLjM1M2MwIDYuODIyLTUuNTMgMTIuMzUzLTEyLjM1MyAxMi4zNTNoLTB6TTIyLjgzOCAxOC45NzdjLTAuMzcxLTAuMTg2LTIuMTk3LTEuMDgzLTIuNTM3LTEuMjA4LTAuMzQxLTAuMTI0LTAuNTg5LTAuMTg1LTAuODM3IDAuMTg3LTAuMjQ2IDAuMzcxLTAuOTU4IDEuMjA3LTEuMTc1IDEuNDU1LTAuMjE2IDAuMjQ5LTAuNDM0IDAuMjc5LTAuODA1IDAuMDk0LTEuMTUtMC40NjYtMi4xMzgtMS4wODctMi45OTctMS44NTJsMC4wMTAgMC4wMDljLTAuNzk5LTAuNzQtMS40ODQtMS41ODctMi4wMzctMi41MjFsLTAuMDI4LTAuMDUyYy0wLjIxNi0wLjM3MS0wLjAyMy0wLjU3MiAwLjE2Mi0wLjc1NyAwLjE2Ny0wLjE2NiAwLjM3Mi0wLjQzNCAwLjU1Ny0wLjY1IDAuMTQ2LTAuMTc5IDAuMjcxLTAuMzg0IDAuMzY2LTAuNjA0bDAuMDA2LTAuMDE3YzAuMDQzLTAuMDg3IDAuMDY4LTAuMTg4IDAuMDY4LTAuMjk2IDAtMC4xMzEtMC4wMzctMC4yNTMtMC4xMDEtMC4zNTdsMC4wMDIgMC4wMDNjLTAuMDk0LTAuMTg2LTAuODM2LTIuMDE0LTEuMTQ1LTIuNzU4LTAuMzAyLTAuNzI0LTAuNjA5LTAuNjI1LTAuODM2LTAuNjM3LTAuMjE2LTAuMDEwLTAuNDY0LTAuMDEyLTAuNzEyLTAuMDEyLTAuMzk1IDAuMDEwLTAuNzQ2IDAuMTg4LTAuOTg4IDAuNDYzbC0wLjAwMSAwLjAwMmMtMC44MDIgMC43NjEtMS4zIDEuODM0LTEuMyAzLjAyMyAwIDAuMDI2IDAgMC4wNTMgMC4wMDEgMC4wNzlsLTAtMC4wMDRjMC4xMzEgMS40NjcgMC42ODEgMi43ODQgMS41MjcgMy44NTdsLTAuMDEyLTAuMDE1YzEuNjA0IDIuMzc5IDMuNzQyIDQuMjgyIDYuMjUxIDUuNTY0bDAuMDk0IDAuMDQzYzAuNTQ4IDAuMjQ4IDEuMjUgMC41MTMgMS45NjggMC43NGwwLjE0OSAwLjA0MWMwLjQ0MiAwLjE0IDAuOTUxIDAuMjIxIDEuNDc5IDAuMjIxIDAuMzAzIDAgMC42MDEtMC4wMjcgMC44ODktMC4wNzhsLTAuMDMxIDAuMDA0YzEuMDY5LTAuMjIzIDEuOTU2LTAuODY4IDIuNDk3LTEuNzQ5bDAuMDA5LTAuMDE3YzAuMTY1LTAuMzY2IDAuMjYxLTAuNzkzIDAuMjYxLTEuMjQyIDAtMC4xODUtMC4wMTYtMC4zNjYtMC4wNDctMC41NDJsMC4wMDMgMC4wMTljLTAuMDkyLTAuMTU1LTAuMzQtMC4yNDctMC43MTItMC40MzR6Ij48L3BhdGg+DQo8L3N2Zz4=);
  left: 20px;
  width: 15px;
}

.cta .button-primair.whatsapp:after, .vacancy-cta .button-primair.whatsapp:after {
  display: none;
}

.cta .button-primair.whatsapp:hover:before, .vacancy-cta .button-primair.whatsapp:hover:before {
  animation: shake 0.8s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
}

/* Contact */

.banner ul.contactgegevens {
  margin: 5px 0px 0px;
  padding: 0px;
}

.banner ul.contactgegevens li {
  margin: 0px;
  padding: 0px 0px 0px 25px;
  list-style: none;
  position: relative;
}

.banner ul.contactgegevens li:before {
  content: '';
  position: absolute;
  display: block;
  height: 18px;
  top: 6px;
  left: 0px;
  width: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.banner ul.contactgegevens li.adres:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuMTM1IiBoZWlnaHQ9IjE3LjAyNSIgdmlld0JveD0iMCAwIDEzLjEzNSAxNy4wMjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NCIgd2lkdGg9IjEzLjEzNSIgaGVpZ2h0PSIxNy4wMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDMiIGRhdGEtbmFtZT0iR3JvdXAgMTQzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIj4KICAgIDxnIGlkPSJHcm91cF8xNDMtMiIgZGF0YS1uYW1lPSJHcm91cCAxNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjUiIGRhdGEtbmFtZT0iUGF0aCAyMjUiIGQ9Ik0xNi44NDgsMTMuNzM3YTMuMTE4LDMuMTE4LDAsMSwwLDMuMTE4LDMuMTE4LDMuMTIyLDMuMTIyLDAsMCwwLTMuMTE4LTMuMTE4bTAsNS42NzFBMi41NTMsMi41NTMsMCwxLDEsMTkuNCwxNi44NTVhMi41NTYsMi41NTYsMCwwLDEtMi41NTMsMi41NTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4yODEgLTEwLjI4NykiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjI2IiBkYXRhLW5hbWU9IlBhdGggMjI2IiBkPSJNMTAuNDYzLDEuOEE2LjEyOSw2LjEyOSwwLDAsMCwwLDYuMTI5YTYuMTcyLDYuMTcyLDAsMCwwLC41MDgsMi4zOEExMi4yNzYsMTIuMjc2LDAsMCwwLDEuNjU1LDEwLjZsLjAwOS4wMTIsMy44NTMsNS4yMDdhLjczLjczLDAsMCwwLDEuMjI0LDBsMy44NTMtNS4yMDdMMTAuNiwxMC42YTEyLjI5NCwxMi4yOTQsMCwwLDAsMS4xNDctMi4wODgsNi4xNzYsNi4xNzYsMCwwLDAsLjUwOC0yLjM4LDYuMDg5LDYuMDg5LDAsMCwwLTEuOC00LjMzNG0uNzY0LDYuNWExMS43NDIsMTEuNzQyLDAsMCwxLTEuMDkyLDEuOTg1TDYuMjgsMTUuNDg4bC0uMDEyLjAxOGEuMTY1LjE2NSwwLDAsMS0uMjc5LDBsLS4wMTItLjAxOEwyLjEyMywxMC4yNzhBMTEuNzMsMTEuNzMsMCwwLDEsMS4wMzEsOC4yOTMsNS42MjMsNS42MjMsMCwwLDEsLjU2NSw2LjEyOWE1LjU2Myw1LjU2MywwLDAsMSw5LjUtMy45MzQsNS41MjcsNS41MjcsMCwwLDEsMS42MjksMy45MzQsNS42MjMsNS42MjMsMCwwLDEtLjQ2NiwyLjE2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40MzkgMC40MzkpIiBmaWxsPSIjZjU3MzAxIiBzdHJva2U9IiNmNTczMDEiIHN0cm9rZS13aWR0aD0iMC45Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}

.banner ul.contactgegevens li.telefoon:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuNzY4IiBoZWlnaHQ9IjEzLjc2OCIgdmlld0JveD0iMCAwIDEzLjc2OCAxMy43NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NSIgd2lkdGg9IjEzLjc2OCIgaGVpZ2h0PSIxMy43NjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDUiIGRhdGEtbmFtZT0iR3JvdXAgMTQ1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjE3IDMuMTY5KSI+CiAgICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMTcgLTQuMTY5KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjciIGRhdGEtbmFtZT0iUGF0aCAyMjciIGQ9Ik0xMi41NCw5LjY4OSw5LjU4LDYuNzI5YS4yMzEuMjMxLDAsMCwwLS4zMjYsMEw4LjA3OCw3LjlhLjg3MS44NzEsMCwwLDEtMS4yMzEsMEw0Ljk2OCw2LjAyNmEuODcxLjg3MSwwLDAsMSwwLTEuMjMyTDYuMTQ0LDMuNjE5YS4yMzEuMjMxLDAsMCwwLDAtLjMyNkwzLjE4NC4zMzNhMS4xMzcsMS4xMzcsMCwwLDAtMS42MDgsMEwuOTIxLjk4OEEzLjQ5MywzLjQ5MywwLDAsMCwuMDU1LDQuMDc2LDYuMjUsNi4yNSwwLDAsMCwxLjg2Myw3LjQ4M0w1LjM5LDExLjAxQTYuMjQ5LDYuMjQ5LDAsMCwwLDguOCwxMi44MThhNC42NDQsNC42NDQsMCwwLDAsLjcuMDU1LDMuMjkzLDMuMjkzLDAsMCwwLDIuMzg2LS45MjFsLjY1NS0uNjU1YTEuMTM3LDEuMTM3LDAsMCwwLDAtMS42MDhtLS4zMjYsMS4yODItLjY1NS42NTVhMy4wNDYsMy4wNDYsMCwwLDEtMi42OTIuNzM2LDUuNzg3LDUuNzg3LDAsMCwxLTMuMTUtMS42NzhMMi4xODksNy4xNTdBNS43ODYsNS43ODYsMCwwLDEsLjUxMSw0LjAwN2EzLjA0NSwzLjA0NSwwLDAsMSwuNzM2LTIuNjkyTDEuOS42NTlhLjY3Ni42NzYsMCwwLDEsLjk1NiwwbDIuOCwyLjhMNC42NDIsNC40NjlhMS4zMzMsMS4zMzMsMCwwLDAsMCwxLjg4NEw2LjUyLDguMjMxYTEuMzMyLDEuMzMyLDAsMCwwLDEuODg0LDBMOS40MTcsNy4yMThsMi44LDIuOGEuNjc2LjY3NiwwLDAsMSwwLC45NTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDQ3IDEuNDQ3KSIgZmlsbD0iI2Y1NzMwMSIgc3Ryb2tlPSIjZjU3MzAxIiBzdHJva2Utd2lkdGg9IjAuOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
}

.banner ul.contactgegevens li.mail:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuMjE4IiBoZWlnaHQ9IjEyLjUwNSIgdmlld0JveD0iMCAwIDE3LjIxOCAxMi41MDUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NiIgd2lkdGg9IjE3LjIxOCIgaGVpZ2h0PSIxMi41MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDYiIGRhdGEtbmFtZT0iR3JvdXAgMTQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIj4KICAgIDxnIGlkPSJHcm91cF8xNDYtMiIgZGF0YS1uYW1lPSJHcm91cCAxNDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjgiIGRhdGEtbmFtZT0iUGF0aCAyMjgiIGQ9Ik0xNC40MjksMEguN0EuNy43LDAsMCwwLDAsLjdWOS43MTZhLjcuNywwLDAsMCwuNy43aDEzLjczYS43LjcsMCwwLDAsLjctLjdWLjdhLjcuNywwLDAsMC0uNy0uN004LjgyMSw1bC0uMzE1LjI2Ni0uOTE0Ljc3Mi0uMDExLjAwNy0uMDE4LjAwOGEuMDc1LjA3NSwwLDAsMS0uMDI5LS4wMTVsLS41ODMtLjQ5M0w2LjMwNyw1aDBMMS4wMzUuNTQ2SDE0LjA5M1pNLjU0NS44NDYsNS43MDksNS4yMDguNTQ1LDkuNTY5Wm0uNDksOS4wMjQsNS4xLTQuMzA1LjQ2OS40LjU4My40OTNhLjYyMS42MjEsMCwwLDAsLjA3NC4wNTNsLjAwNywwLC4wMjIuMDEyLjAyMi4wMTIuMDA5LDAsLjAzNy4wMTZoMGEuNjExLjYxMSwwLDAsMCwuMDkzLjAyOGwuMDQuMDA3LjAwOSwwLC4wNSwwSDcuNThhLjYyNi42MjYsMCwwLDAsLjI3Ny0uMDg0aDBhLjY0Ny42NDcsMCwwLDAsLjA4NS0uMDZsLjkxNC0uNzcyTDksNS41NjVsNS4xLDQuMzA1Wk05LjQyLDUuMjA4LDE0LjU4My44NDZWOS41NjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjA0NSAxLjA0NSkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
  width: 17px;
}

.banner ul.contactgegevens li a {
  text-decoration: none;
}

/* Formulier */
.formulier{
  margin-bottom: 150px;
  margin-top: 150px
}

.page-id-18 .formulier{
  margin-top: -150px;
  margin-bottom: 150px;
}


::-webkit-input-placeholder {
  opacity: 1; 
}
::-moz-placeholder {
  opacity: 1;
}
:-ms-input-placeholder {
  opacity: 1;
}
:-moz-placeholder {
  opacity: 1;
}

.gform_wrapper {
  font-size: 14px;
  margin-top: 10px;
}

.gform_wrapper span.gfield_required{
  color: #fff;  
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea.large {
  background-color: #262626;
  border: none;
  border-radius: 5px;
  color: var(--color-wit);
  font-size: 14px;
  line-height: 1!important;
  padding: 16px 20px;
  outline: none;
  box-shadow: none;
}

.gform_wrapper .gfield textarea.large {
  resize: none;
  max-height: 150px;
}

.gform_wrapper.gravity-theme .gfield select.large {
  padding-left: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAzNiIgaGVpZ2h0PSI0LjQ1NyIgdmlld0JveD0iMCAwIDcuMDM2IDQuNDU3Ij4KICA8cGF0aCBpZD0iUGF0aF83OCIgZGF0YS1uYW1lPSJQYXRoIDc4IiBkPSJNOTc3LjA2OCwxMDEuNjUybDMuMTIzLDIuODY3LDIuODc3LTIuODY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTc2LjU2MSAtMTAxLjA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
  background-size: 10px;
  background-position: 96% 50%;
  background-repeat: no-repeat;
}

.gform_wrapper .gform_footer input[type=submit] {
  background-color: var(--color-primair);
  color: var(--color-wit);
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 44px 14px 24px;
  border-radius: 5px;
  display: inline-block;
  line-height: 1!important;
  transition: all .2s;
  border: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzI2IiBkYXRhLW5hbWU9IlBhdGggMjYiIGQ9Ik03OS42OTQsMzkxLjU1OGwtNC4zMTUtMy4xNzJ2Mi4yMDlINjcuODM3djEuOTI2aDcuNTQydjIuMjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3LjgzNyAtMzg4LjM4NikiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
  background-position: 90% 50%;
  background-size: 13px;
  background-repeat: no-repeat;
}

.gform_wrapper .ginput_container_consent label {
  position: relative;
  padding: 0 0 0 23px;
  cursor: pointer;
}

.gform_wrapper .ginput_container_consent input[type="checkbox"] {
  display: none !important;
}

.gform_wrapper .ginput_container_consent label::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: solid 2px var(--color-wit);
  border-radius: 3px;
  left: 0;
  top: 5px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.gform_wrapper .ginput_container_consent input:checked + label::after {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  left: 2px;
  top: 7px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+');
  background-repeat: no-repeat;
  background-size: cover;
}

.gform_wrapper .gform_required_legend,
.gform_wrapper .gform_requierd{
  display: none !important;
}

/* Footer */

.site-footer {
  padding-top: 60px;
}

.site-footer .footer-menus {
  margin-bottom: 85px;
}

.site-footer .footer-menus .footer-logo {
  width: 160px;
  margin: -15px 0px 47px;
}

.site-footer .footer-menus .copyright {
  font-weight: 700;
  margin: 0px;
  line-height: 2;
}

.site-footer .footer-menus h5 {
  margin-bottom: 25px;
}

.site-footer .footer-menus table.openingstijden td:first-of-type {
  padding-right: 20px;
}

.site-footer .footer-menus ul {
  margin: 0px;
  padding: 0px;
}

.site-footer .footer-menus ul li {
  list-style: none;
}

.site-footer .footer-menus ul li a {
  text-decoration: none;
  position: relative;
}

.site-footer .footer-menus ul li a:after {
  content: '';
  display: block;
  border-bottom: solid 1.5px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.site-footer .footer-menus ul li a:hover:after {
  width: 100%;
}

.site-footer .footer-menus .footer-menu a{
  margin-left: 25px;
  position: relative;
}

.site-footer .footer-menus .contactgegevens li {
  margin-left: 28px;
  position: relative;
}

.site-footer .footer-menus .footer-menu a:before{
  content: '';
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44NTciIGhlaWdodD0iNi4zNDQiIHZpZXdCb3g9IjAgMCAxMS44NTcgNi4zNDQiPgogIDxwYXRoIGlkPSJQYXRoXzIwNyIgZGF0YS1uYW1lPSJQYXRoIDIwNyIgZD0iTTc5LjY5NCwzOTEuNTU4bC00LjMxNS0zLjE3MnYyLjIwOUg2Ny44Mzd2MS45MjZoNy41NDJ2Mi4yMDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuODM3IC0zODguMzg2KSIgZmlsbD0iI2Y1NzMwMSIvPgo8L3N2Zz4K);
  display: block;
  height: 100%;
  top: 0px;
  left: -25px;
  width: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.site-footer .footer-menus .contactgegevens li:before {
  content: '';
  position: absolute;
  display: block;
  height: 18px;
  top: 6px;
  left: -28px;
  width: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.site-footer .footer-menus .contactgegevens li.adres:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuMTM1IiBoZWlnaHQ9IjE3LjAyNSIgdmlld0JveD0iMCAwIDEzLjEzNSAxNy4wMjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NCIgd2lkdGg9IjEzLjEzNSIgaGVpZ2h0PSIxNy4wMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDMiIGRhdGEtbmFtZT0iR3JvdXAgMTQzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIj4KICAgIDxnIGlkPSJHcm91cF8xNDMtMiIgZGF0YS1uYW1lPSJHcm91cCAxNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjUiIGRhdGEtbmFtZT0iUGF0aCAyMjUiIGQ9Ik0xNi44NDgsMTMuNzM3YTMuMTE4LDMuMTE4LDAsMSwwLDMuMTE4LDMuMTE4LDMuMTIyLDMuMTIyLDAsMCwwLTMuMTE4LTMuMTE4bTAsNS42NzFBMi41NTMsMi41NTMsMCwxLDEsMTkuNCwxNi44NTVhMi41NTYsMi41NTYsMCwwLDEtMi41NTMsMi41NTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4yODEgLTEwLjI4NykiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjI2IiBkYXRhLW5hbWU9IlBhdGggMjI2IiBkPSJNMTAuNDYzLDEuOEE2LjEyOSw2LjEyOSwwLDAsMCwwLDYuMTI5YTYuMTcyLDYuMTcyLDAsMCwwLC41MDgsMi4zOEExMi4yNzYsMTIuMjc2LDAsMCwwLDEuNjU1LDEwLjZsLjAwOS4wMTIsMy44NTMsNS4yMDdhLjczLjczLDAsMCwwLDEuMjI0LDBsMy44NTMtNS4yMDdMMTAuNiwxMC42YTEyLjI5NCwxMi4yOTQsMCwwLDAsMS4xNDctMi4wODgsNi4xNzYsNi4xNzYsMCwwLDAsLjUwOC0yLjM4LDYuMDg5LDYuMDg5LDAsMCwwLTEuOC00LjMzNG0uNzY0LDYuNWExMS43NDIsMTEuNzQyLDAsMCwxLTEuMDkyLDEuOTg1TDYuMjgsMTUuNDg4bC0uMDEyLjAxOGEuMTY1LjE2NSwwLDAsMS0uMjc5LDBsLS4wMTItLjAxOEwyLjEyMywxMC4yNzhBMTEuNzMsMTEuNzMsMCwwLDEsMS4wMzEsOC4yOTMsNS42MjMsNS42MjMsMCwwLDEsLjU2NSw2LjEyOWE1LjU2Myw1LjU2MywwLDAsMSw5LjUtMy45MzQsNS41MjcsNS41MjcsMCwwLDEsMS42MjksMy45MzQsNS42MjMsNS42MjMsMCwwLDEtLjQ2NiwyLjE2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40MzkgMC40MzkpIiBmaWxsPSIjZjU3MzAxIiBzdHJva2U9IiNmNTczMDEiIHN0cm9rZS13aWR0aD0iMC45Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}

.site-footer .footer-menus .contactgegevens li.telefoon:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuNzY4IiBoZWlnaHQ9IjEzLjc2OCIgdmlld0JveD0iMCAwIDEzLjc2OCAxMy43NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NSIgd2lkdGg9IjEzLjc2OCIgaGVpZ2h0PSIxMy43NjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDUiIGRhdGEtbmFtZT0iR3JvdXAgMTQ1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjE3IDMuMTY5KSI+CiAgICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMTcgLTQuMTY5KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjciIGRhdGEtbmFtZT0iUGF0aCAyMjciIGQ9Ik0xMi41NCw5LjY4OSw5LjU4LDYuNzI5YS4yMzEuMjMxLDAsMCwwLS4zMjYsMEw4LjA3OCw3LjlhLjg3MS44NzEsMCwwLDEtMS4yMzEsMEw0Ljk2OCw2LjAyNmEuODcxLjg3MSwwLDAsMSwwLTEuMjMyTDYuMTQ0LDMuNjE5YS4yMzEuMjMxLDAsMCwwLDAtLjMyNkwzLjE4NC4zMzNhMS4xMzcsMS4xMzcsMCwwLDAtMS42MDgsMEwuOTIxLjk4OEEzLjQ5MywzLjQ5MywwLDAsMCwuMDU1LDQuMDc2LDYuMjUsNi4yNSwwLDAsMCwxLjg2Myw3LjQ4M0w1LjM5LDExLjAxQTYuMjQ5LDYuMjQ5LDAsMCwwLDguOCwxMi44MThhNC42NDQsNC42NDQsMCwwLDAsLjcuMDU1LDMuMjkzLDMuMjkzLDAsMCwwLDIuMzg2LS45MjFsLjY1NS0uNjU1YTEuMTM3LDEuMTM3LDAsMCwwLDAtMS42MDhtLS4zMjYsMS4yODItLjY1NS42NTVhMy4wNDYsMy4wNDYsMCwwLDEtMi42OTIuNzM2LDUuNzg3LDUuNzg3LDAsMCwxLTMuMTUtMS42NzhMMi4xODksNy4xNTdBNS43ODYsNS43ODYsMCwwLDEsLjUxMSw0LjAwN2EzLjA0NSwzLjA0NSwwLDAsMSwuNzM2LTIuNjkyTDEuOS42NTlhLjY3Ni42NzYsMCwwLDEsLjk1NiwwbDIuOCwyLjhMNC42NDIsNC40NjlhMS4zMzMsMS4zMzMsMCwwLDAsMCwxLjg4NEw2LjUyLDguMjMxYTEuMzMyLDEuMzMyLDAsMCwwLDEuODg0LDBMOS40MTcsNy4yMThsMi44LDIuOGEuNjc2LjY3NiwwLDAsMSwwLC45NTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDQ3IDEuNDQ3KSIgZmlsbD0iI2Y1NzMwMSIgc3Ryb2tlPSIjZjU3MzAxIiBzdHJva2Utd2lkdGg9IjAuOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
}

.site-footer .footer-menus .contactgegevens li.mail:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuMjE4IiBoZWlnaHQ9IjEyLjUwNSIgdmlld0JveD0iMCAwIDE3LjIxOCAxMi41MDUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc2IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NiIgd2lkdGg9IjE3LjIxOCIgaGVpZ2h0PSIxMi41MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDYiIGRhdGEtbmFtZT0iR3JvdXAgMTQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIj4KICAgIDxnIGlkPSJHcm91cF8xNDYtMiIgZGF0YS1uYW1lPSJHcm91cCAxNDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjgiIGRhdGEtbmFtZT0iUGF0aCAyMjgiIGQ9Ik0xNC40MjksMEguN0EuNy43LDAsMCwwLDAsLjdWOS43MTZhLjcuNywwLDAsMCwuNy43aDEzLjczYS43LjcsMCwwLDAsLjctLjdWLjdhLjcuNywwLDAsMC0uNy0uN004LjgyMSw1bC0uMzE1LjI2Ni0uOTE0Ljc3Mi0uMDExLjAwNy0uMDE4LjAwOGEuMDc1LjA3NSwwLDAsMS0uMDI5LS4wMTVsLS41ODMtLjQ5M0w2LjMwNyw1aDBMMS4wMzUuNTQ2SDE0LjA5M1pNLjU0NS44NDYsNS43MDksNS4yMDguNTQ1LDkuNTY5Wm0uNDksOS4wMjQsNS4xLTQuMzA1LjQ2OS40LjU4My40OTNhLjYyMS42MjEsMCwwLDAsLjA3NC4wNTNsLjAwNywwLC4wMjIuMDEyLjAyMi4wMTIuMDA5LDAsLjAzNy4wMTZoMGEuNjExLjYxMSwwLDAsMCwuMDkzLjAyOGwuMDQuMDA3LjAwOSwwLC4wNSwwSDcuNThhLjYyNi42MjYsMCwwLDAsLjI3Ny0uMDg0aDBhLjY0Ny42NDcsMCwwLDAsLjA4NS0uMDZsLjkxNC0uNzcyTDksNS41NjVsNS4xLDQuMzA1Wk05LjQyLDUuMjA4LDE0LjU4My44NDZWOS41NjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjA0NSAxLjA0NSkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
  width: 17px;
}

/* Footer certificaten */

.site-footer .certificaten {
  margin-bottom: 85px;
  display: flex;
  align-items: center;
}

.site-footer .certificaten p {
  display: inline-block;
  margin: 0px;
}

.site-footer .certificaten ul {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  display: inline-block;
}

.site-footer .certificaten ul li {
  display: inline-block;
  text-decoration: none;
  padding: 0px 10px;
}

.site-footer .certificaten ul li a {
  display: block;
}

.site-footer .certificaten ul li a img {
  max-height: 30px;
  max-width: 100px;
}

.site-footer .footer-bottom{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.site-footer .footer-bottom .development a{
  padding: 0 10px;
}


/* 404 pagina */
body.error404 .scroll{
  display: none;
}

/* Responsive */

@media (max-width: 1499px) {
  .site-header .site-logo img {
    width: 175px;
  }
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 475px;
  }
}

@media (max-width: 1399px) {
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 450px;
  }
  body {
    font-size: 14px;
  }
  .site-header .site-logo img {
    width: 165px;
  }
  .site-header li.wpml-ls-item {
    font-size: 12px;
  }
  h1 {
    font-size: 45px;
  }
  body.single-post h1 {
    font-size: 40px;
  }
  body.home h1 {
    font-size: 58px;
  }
  h3 {
    font-size: 28px;
  }
  h2 {
    font-size: 37px;
  }
  h4 {
    font-size: 23px;
  }
  h5, h6 {
    font-size: 18px;
  }
  .single .content h2 {
    font-size: 30px;
  }
  .single .content h3 {
    font-size: 26px;
  }
  .single .content h4 {
    font-size: 22px;
  }
  .site-footer .footer-menus .footer-logo {
    width: 145px;
    margin: -15px 0px 49px;
  }
  .site-footer .certificaten ul li a img {
    max-height: 28px;
  }
  body.scroll .site-header .site-logo img {
    width: 140px;
  }
  .sectoren .sector .icoon,
  .waarden .waarden-container .waarde .icoon {
    height: 50px;
    width: 60px;
  }
  .waarden .waarden-container .waarde .icoon {
    margin-bottom: 20px;
  }
  .quote p, blockquote {
    font-size: 16px;
  }
  .team .teamlid .pasfoto {
    height: 220px;
  }
  .site-header .primair-menu li.menu-item-has-children .sub-menu {
    top: 50.5px;
  }
}

@media (max-width: 1199px) {
  .slider-arrows .slick-arrow {
    height: 32px;
    width: 32px;
    background-size: 13px;
  }
  body.home h1 {
    font-size: 55px;
  }
  .site-header .primair-menu ul.menu li {
    padding: 0px 10px;
  }
  body {
    font-size: 13px;
  }
  .gform_wrapper {
    font-size: 13px;
  }
  .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea.large {
    font-size: 13px;
  }
  .gform_wrapper .ginput_container_consent label::before {
    width: 14px;
    height: 14px;
    border: solid 1.5px var(--color-wit);
  }
  .gform_wrapper .ginput_container_consent input:checked + label::after {
    width: 10px;
    height: 10px;
  }
  .gform_wrapper .ginput_container_consent label {
    padding: 0 0 0 21px;
  }
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 400px;
  }
  .site-header .site-logo img {
    width: 155px;
  }
  .banner-diensten .banner-diensten-container .dienst-inner {
    padding: 60px 55px;
  }
  h3 {
    font-size: 25px;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
    padding: 8px 10px 7px !important;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a {
    padding: 11px 22px 10px 10px !important;
  }
  .sectoren .sector {
    padding: 35px 30px;
  }
  .sectoren .sector .icoon,
  .waarden .waarden-container .waarde .icoon {
    height: 45px;
    width: 55px;
  }
  h4 {
    font-size: 22px;
  }
  .single .content h3 {
    font-size: 25px;
  }
  .post .post-content {
    padding: 35px 35px 35px;
  }
  .post .post-afbeelding {
    height: 200px;
  }
  .post .post-content span {
    margin-bottom: 20px;
  }
  .site-footer .footer-menus .footer-logo {
    width: 135px;
  }
  .site-footer .certificaten ul li a img {
    max-height: 25px;
  }
  .sectoren .sectoren-row {
    margin: 0px -42px -50px;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu {
    width: calc(100% - 20px);
  }
  .banner .breadcrumbs {
    font-size: 12px;
  }
  .waarden .waarden-container .waarde {
    padding-right: 40px;
  }
  .waarden .waarden-container {
    padding: 60px 25px 45px 75px;
  }
  .team .teamlid .pasfoto {
    height: 180px;
  }
  .banner-afbeelding, .banner-video, .banner-video-inner {
    margin-bottom: 0px;
  }
  .banner-inner,
  body.single-post .banner-inner {
    margin-bottom: 0px;
  }
  body.single-post .banner {
    padding-bottom: 50px;
  }
  .site-header .primair-menu li.menu-item-has-children .sub-menu {
    top: 49px;
  }
}

@media (max-width: 991px) {
  .site-header .primair-menu ul.menu li.button-primair {
    display: none;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
    padding: 12px 10px 11px!important;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a {
    padding: 9px 20px 8px 10px !important;
  }
  body.home h1 {
    font-size: 52px;
  }
  .banner-diensten .banner-diensten-container .dienst-inner {
    padding: 50px 50px;
  }
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 550px;
  }
  .banner-diensten .banner-diensten-container .dienst:first-of-type {
    margin-bottom: 30px;
  }
  .content .text-end, .cta .text-end, .formulier .text-end {
    padding-right: calc(var(--bs-gutter-x) * .5);
    text-align: left!important;
  }
  .sectoren .sector:hover {
    box-shadow: none;
  }
  .nieuws-content {
    padding-bottom: 60px;
  }
  .site-footer .col-lg-3 {
    margin-bottom: 40px;
  }
  .site-footer .footer-menus {
    margin-bottom: 45px;
  }
  body.scroll .site-header .site-logo img {
    width: 135px;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
    line-height: 1.2;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li a:before {
    display: none!important;
  }
  .site-header, body.scroll .site-header {
    background-color: var(--color-antraciet);
    color: var(--color-wit);
    padding: 0px;
  }
  .site-header > .container {
    background-color: var(--color-antraciet);
    color: var(--color-wit);
    padding-top: 35px; 
    padding-bottom: 35px;
    transition: all .2s;  
  }
  body.scroll .site-header > .container {
    padding-top: 15px; 
    padding-bottom: 15px;
  }
  .site-header .site-logo.donker {
    display: none;
  }
  .site-header .site-logo.licht {
    display: block;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjAzNiIgaGVpZ2h0PSI0LjQ1NyIgdmlld0JveD0iMCAwIDcuMDM2IDQuNDU3Ij4KICA8cGF0aCBpZD0iUGF0aF83OCIgZGF0YS1uYW1lPSJQYXRoIDc4IiBkPSJNOTc3LjA2OCwxMDEuNjUybDMuMTIzLDIuODY3LDIuODc3LTIuODY3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTc2LjU2MSAtMTAxLjA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==)!important;
  }
  .site-header .primair-menu li.menu-item-has-children .sub-menu {
    background-color: var(--color-antraciet);
    box-shadow: 0px 20px 20px rgba(0,0,0,.3);
  }
  .banner-content {
    padding-top: 50px!important;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a:before {
    display: none!important;
  }
  .banner .scroll {
    display: none;
  }
  .quote p, blockquote {
    font-size: 15px;
  }
  body.blog .banner .banner-content:first-of-type {
    padding-bottom: 0px!important;
  }
  body.blog .banner .banner-content:last-of-type {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
  .cta:before {
    display: none;
  }
  .tabs .nav-pills {
    margin-right: 0px;
    margin-bottom: 40px;
  }
  .tabs .nav-pills .nav-link {
    background-position: 95% 50%;
  }
}

@media (max-width: 767px) {
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 450px;
  }
  h2 {
    font-size: 35px;
  }
  h1 {
    font-size: 40px;
  }
  .single .content h2 {
    font-size: 28px;
  }
  .single .content h3 {
    font-size: 23px;
  }
  body.single-post h1 {
    font-size: 36px;
  }
  .site-footer .certificaten ul {
    padding: 0px 0px 0px 15px;
  }
  .team .teamlid .pasfoto {
    height: 200px;
  }
  .slider-arrows .slick-arrow {
    height: 30px;
    width: 30px;
    background-size: 11px;
  }
}

@media (max-width: 575px) {
  .site-header li.wpml-ls-item {
    font-size: 11px;
  }
  .site-header .primair-menu {
    font-size: 13px;
  }
  .site-header .primair-menu ul.menu li {
    padding: 0px 10px;
  }
  .site-header .site-logo img {
    width: 120px;
    max-width: none;
  }
  body.scroll .site-header .site-logo img {
    width: 120px;
  }
  .mobile-menu-toggle .sidebar-toggle {
    padding: 7px 13px;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
    padding: 10px 8px 9px!important;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a {
    padding: 9px 19px 8px 8px!important;    
  }
  .site-header li.wpml-ls-item a img {
    width: 13px;
    height: 13px;
  }
  body.home h1 {
    font-size: 50px;
  }
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 400px;
  }
  .site-footer .certificaten,
  .site-footer .certificaten p {
    display: block;
  }
  .site-footer .certificaten ul {
    padding: 15px 0px 0px 0px;
  }
  .site-footer .certificaten ul li:first-of-type {
    padding-left: 0px;
  }

  .site-footer .footer-bottom .development p{
      padding: 15px 0 15px 0;
  }
  .site-footer .footer-bottom .development a{
      padding: 0;
  }
  .banner-content {
    padding-top: 30px!important;
  }
  .team .teamlid .pasfoto {
    height: 200px;
    max-width: 250px;
    margin: 0 auto 30px;
  }
  .waarden .waarden-container {
    padding: 50px 15px 35px 65px;
  }
  .single .content h2 {
    font-size: 25px;
  }
  .single .content h4 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  .site-header .primair-menu {
    font-size: 12px;
  }
  .mobile-menu-toggle .sidebar-toggle {
    padding: 7px 12px;
  }
  .site-header .primair-menu li.wpml-ls-item.menu-item-has-children .sub-menu li {
    padding: 9px 7px 8px!important;
  }
  .site-header li.wpml-ls-item.wpml-ls-current-language > a {
    padding: 8px 18px 7px 7px!important;    
  }
  .mobile-menu-toggle .sidebar-toggle::after {
    height: 17px;
    width: 15px;
  }
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 350px;
  }
  .banner-diensten .banner-diensten-container .dienst-inner {
    padding: 45px;
  }
  .waarden .waarden-container {
    padding: 45px 0px 25px 50px;
  }
}

@media (max-width: 400px) {
  .banner-afbeelding-inner, .banner-video, .banner-video-inner {
    height: 300px;
  }
  .banner-diensten .banner-diensten-container .dienst-inner {
    padding: 40px;
  }
}

/* Bootstrap custom grid */
.post-type-archive-vacancy .banner {
  margin-bottom: 60px;
}

.single-vacancy .banner {
  padding-bottom: 0;
  margin-bottom: 110px;
}

.single-vacancy .banner-content {
  padding-bottom: 0;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }

  .vacancy {
    h4 {
      min-height: 97px;
    }
  }

  .post-type-archive-vacancy .banner {
    margin-bottom: var(--section-space);
  }

  .single-vacancy .banner {
    margin-bottom: 200px;
  }
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1200px;
  }
}

.vacancy {
  .vacancy-link {
    text-decoration: none;
  }
  .vacancy-info {
    /*display: flex;*/
    margin-bottom: 24px;
    padding: 0;
  }
  .single-vacancy-info {
    display: flex;
  }
  li {
    position: relative;
    list-style:none;
    margin-left: 28px;
    margin-right: 16px;

  }
  li:before {
    content: '';
    position: absolute;
    display: block;
    height: 18px;
    top: 6px;
    left: -28px;
    width: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .vacancy-location:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuMTM1IiBoZWlnaHQ9IjE3LjAyNSIgdmlld0JveD0iMCAwIDEzLjEzNSAxNy4wMjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NCIgd2lkdGg9IjEzLjEzNSIgaGVpZ2h0PSIxNy4wMjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNDMiIGRhdGEtbmFtZT0iR3JvdXAgMTQzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIj4KICAgIDxnIGlkPSJHcm91cF8xNDMtMiIgZGF0YS1uYW1lPSJHcm91cCAxNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yIC0yKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMjUiIGRhdGEtbmFtZT0iUGF0aCAyMjUiIGQ9Ik0xNi44NDgsMTMuNzM3YTMuMTE4LDMuMTE4LDAsMSwwLDMuMTE4LDMuMTE4LDMuMTIyLDMuMTIyLDAsMCwwLTMuMTE4LTMuMTE4bTAsNS42NzFBMi41NTMsMi41NTMsMCwxLDEsMTkuNCwxNi44NTVhMi41NTYsMi41NTYsMCwwLDEtMi41NTMsMi41NTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4yODEgLTEwLjI4NykiIGZpbGw9IiNmNTczMDEiIHN0cm9rZT0iI2Y1NzMwMSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjI2IiBkYXRhLW5hbWU9IlBhdGggMjI2IiBkPSJNMTAuNDYzLDEuOEE2LjEyOSw2LjEyOSwwLDAsMCwwLDYuMTI5YTYuMTcyLDYuMTcyLDAsMCwwLC41MDgsMi4zOEExMi4yNzYsMTIuMjc2LDAsMCwwLDEuNjU1LDEwLjZsLjAwOS4wMTIsMy44NTMsNS4yMDdhLjczLjczLDAsMCwwLDEuMjI0LDBsMy44NTMtNS4yMDdMMTAuNiwxMC42YTEyLjI5NCwxMi4yOTQsMCwwLDAsMS4xNDctMi4wODgsNi4xNzYsNi4xNzYsMCwwLDAsLjUwOC0yLjM4LDYuMDg5LDYuMDg5LDAsMCwwLTEuOC00LjMzNG0uNzY0LDYuNWExMS43NDIsMTEuNzQyLDAsMCwxLTEuMDkyLDEuOTg1TDYuMjgsMTUuNDg4bC0uMDEyLjAxOGEuMTY1LjE2NSwwLDAsMS0uMjc5LDBsLS4wMTItLjAxOEwyLjEyMywxMC4yNzhBMTEuNzMsMTEuNzMsMCwwLDEsMS4wMzEsOC4yOTMsNS42MjMsNS42MjMsMCwwLDEsLjU2NSw2LjEyOWE1LjU2Myw1LjU2MywwLDAsMSw5LjUtMy45MzQsNS41MjcsNS41MjcsMCwwLDEsMS42MjksMy45MzQsNS42MjMsNS42MjMsMCwwLDEtLjQ2NiwyLjE2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40MzkgMC40MzkpIiBmaWxsPSIjZjU3MzAxIiBzdHJva2U9IiNmNTczMDEiIHN0cm9rZS13aWR0aD0iMC45Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
  }
  .vacancy-hours:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.352 27.352'%3E%3Cg id='Icon_feather-clock' data-name='Icon feather-clock' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_1642' data-name='Path 1642' d='M27.352,15.176A12.176,12.176,0,1,1,15.176,3,12.176,12.176,0,0,1,27.352,15.176Z' transform='translate(-3 -3)' fill='none' stroke='%23f57301' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_1643' data-name='Path 1643' d='M18,9v7.305l4.87,2.435' transform='translate(-5.824 -4.13)' fill='none' stroke='%23f57301' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .vacancy-level:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.25 24.748'%3E%3Cpath id='Icon_ionic-md-book' data-name='Icon ionic-md-book' d='M29.967,5.653,18,7.9,6.033,5.653A2.48,2.48,0,0,0,3.375,8.3V25.488c0,1.455,1.125,2.292,2.658,2.644L18,30.375l11.967-2.25c1.533-.352,2.658-1.188,2.658-2.644V8.3A2.48,2.48,0,0,0,29.967,5.653Zm0,19.828-10.631,2.25V10.54L29.967,8.29Zm-13.3,2.25L6.033,25.481V8.3l10.631,2.25Z' transform='translate(-3.375 -5.627)' fill='%23f57301'/%3E%3C/svg%3E");
  }
  .vacancy-salary:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.068 20.441'%3E%3Cpath id='Icon_awesome-money-bill-alt' data-name='Icon awesome-money-bill-alt' d='M18.738,16.424h-.852V11.74a.426.426,0,0,0-.426-.426h-.723a1.276,1.276,0,0,0-.709.215l-.816.544a.426.426,0,0,0-.118.59l.473.709a.426.426,0,0,0,.59.118l.025-.017v2.951h-.852a.426.426,0,0,0-.426.426V17.7a.426.426,0,0,0,.426.426h3.407a.426.426,0,0,0,.426-.426V16.85A.426.426,0,0,0,18.738,16.424ZM32.365,4.5H1.7A1.7,1.7,0,0,0,0,6.2V23.238a1.7,1.7,0,0,0,1.7,1.7H32.365a1.7,1.7,0,0,0,1.7-1.7V6.2A1.7,1.7,0,0,0,32.365,4.5ZM2.555,22.386V18.979a3.407,3.407,0,0,1,3.407,3.407Zm0-11.924V7.055H5.962A3.407,3.407,0,0,1,2.555,10.462ZM17.034,20.682c-2.822,0-5.11-2.67-5.11-5.962s2.288-5.962,5.11-5.962,5.11,2.669,5.11,5.962S19.855,20.682,17.034,20.682Zm14.479,1.7H28.106a3.407,3.407,0,0,1,3.407-3.407Zm0-11.924a3.407,3.407,0,0,1-3.407-3.407h3.407Z' transform='translate(0 -4.5)' fill='%23f57301'/%3E%3C/svg%3E");
  }
}

[data-url] {
  cursor: pointer;
}

.vacancy-cta {
  z-index: 999999;
}