/*
Theme Name: Go Online
Theme URI: http://www.goonline.nl
Description: Go Online 
Author: Go Online
Author URI: http://www.goonline.nl
Version: 1.0
*/

:root {
	--blauw: #274896;
	--groen: #8EBD43;
	--wit: #ffffff;
	--zwart: #222222;
	--grijs: #f7f7f7;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('css/fonts/Montserrat-Thin.ttf');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('css/fonts/Montserrat-Regular.ttf');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('css/fonts/Montserrat-Black.ttf');
}

@font-face {
  font-family: 'CodecPro HeavyItalic';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('css/fonts/CodecPro-HeavyItalic.ttf');
  src: url("css/fonts/CodecPro-HeavyItalic.eot");
  src: url("css/fonts/CodecPro-HeavyItalic.eot?#iefix") format('embedded-opentype'),
  url('css/fonts/CodecPro-HeavyItalic.woff2') format('woff2'),
  url('css/fonts/CodecPro-HeavyItalic.woff') format('woff'),
  url('css/fonts/CodecPro-HeavyItalic.ttf') format('truetype'),
  url('css/fonts/CodecPro-HeavyItalic.svg#CodecProHeavyItalic') format('svg');
}

@font-face {
  font-family: 'CodecPro ExtraBoldItalic';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("css/fonts/CodecPro-ExtraBoldItalic.eot") format('embedded-opentype');
  src: url("css/fonts/CodecPro-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
  url('css/fonts/CodecPro-ExtraBoldItalic.woff2') format('woff2'),
  url('css/fonts/CodecPro-ExtraBoldItalic.woff') format('woff'),
  url('css/fonts/CodecPro-ExtraBoldItalic.ttf') format('truetype'),
  url('css/fonts/CodecPro-ExtraBoldItalic.svg') format('svg');
}

@font-face {
  font-family: 'DINPro Medium';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("css/fonts/DINPro-Medium.eot") format('embedded-opentype');
  src: url('css/fonts/DINPro-Medium.ttf') format('truetype'),
  url('css/fonts/DINPro-Medium.woff2') format('woff2'),
  url('css/fonts/DINPro-Medium.woff') format('woff'),
  url('css/fonts/DINPro-Medium.svg') format('svg');
}

@font-face {
  font-family: 'DINPro Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("css/fonts/DINPro.eot") format('embedded-opentype');
  src: url('css/fonts/DINPro.ttf') format('truetype'),
  url('css/fonts/DINPro.woff2') format('woff2'),
  url('css/fonts/DINPro.woff') format('woff'),
  url('css/fonts/DINPro.svg') format('svg');
}

@font-face {
  font-family: 'DINPro Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("css/fonts/DINPro-Light.eot") format('embedded-opentype');
  src: url('css/fonts/DINPro-Light.ttf') format('truetype'),
  url('css/fonts/DINPro-Light.woff2') format('woff2'),
  url('css/fonts/DINPro-Light.woff') format('woff'),
  url('css/fonts/DINPro-Light.svg') format('svg');
}


/** MAIN **/

*{
	box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: 'DINPro Light', sans-serif;
	font-weight:300;
	font-size:16px;
	color: var(--zwart);
}

.container-fluid{
	width: 80%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'CodecPro ExtraBoldItalic', sans-serif!important;
	font-weight:800;
}

a {
	color: var(--blauw);
	text-decoration: none;
}

p a,
.content a{
 text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #8EBD43;
}

.bottom-bar, .menu-responsive, .orientation-notice {
	display: none;
}

.valign {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

figure {
	margin: 0;
}

.sectie-titel {
	margin-bottom: 20px;
}

.lijn {
	background: #294A94;
	width: 2px;
	height: 100px;
	display: block;
	transform: skewX(-15deg);
}

.lijn-boven {
	margin-bottom: 30px;
	margin-left: 50px;
}

.lijn-onder {
	margin-top: 30px;
	margin-left: 0;
}

strong {
	font-weight: 800;
}
.table strong {
	font-family: 'DINPro Medium', sans-serif;
}

img.contain {
	height:100%;
	width:100%;
	object-fit:contain;
	object-position: center center;
}

img.cover {
	height:100%;
	width:100%;
	object-fit:cover;
	object-position: center center;
}
/* == OWL CAROUSEL CLS FIX == */

.owl-carousel {
display: block;
}

.owl-carousel .slide-owl-wrap:not(:first-child) {
display: none;
}

.owl-carousel img {
width: 100%;
}

/* == BUTTONS == */

a.button-blauw, span.button-blauw {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: var(--blauw);
	padding: 12px 25px;
	font-weight: 800;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
}

a.button-groen, .button-groen span {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #8EBD43;
	padding: 12px 25px;
	font-weight: 800;
	font-size: 14px;
	display: inline-block;
}

a.ghost-button-blauw {
	color: var(--blauw);
	text-decoration: none;
	text-transform: uppercase;
	border:1px solid var(--blauw);
	padding: 12px 25px;
	font-weight: 800;
	font-size: 14px;
	display: inline-block;
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
}

a.ghost-button-blauw:hover {
	color: #fff;
	background: #8ebd43;
	border:1px solid #8ebd43;
}

a.ghost-button-wit {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border:2px solid #fff;
	padding: 12px 25px;
	font-weight: 800;
	font-size: 14px;
	display: inline-block;
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
}

a.ghost-button-wit:hover {
	background: #8ebd43;
	border: 2px solid #8ebd43;;
	color: #fff;
}

/* == MENUBALK == */

nav.menubalk {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	background: #fff;
	height: 120px;
	z-index: 100;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

nav.menubalk li.language {
	text-transform: uppercase;
}

.menubalk li.menu-item-has-children .uitklappen {
	margin-left:8px;
}

.menu-header-container, .menubalk-button {
	display: inline-block;
}

.menubalk .menu-header-container {
  z-index: 999;
}

nav.menubalk ul {
	height: 100%;
}

.menubalk .contactgegevens ul li {
	margin: 0px 5px;
}

nav.menubalk li .uitklappen {
	transform: rotate(90deg);
	margin-left:8px;
}

.menubalk-button {
	margin-left: 10px;
}

nav.menubalk figure {
	height: 100%;
	margin:0;
	max-width:150px;
	margin-right:20px;
}

nav.menubalk ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav.menubalk ul li {
	position: relative;
	display: inline-block;
	margin: 0px 15px;
  	z-index: 999;
}

nav.menubalk .menu-header-container ul li:first-child {
	margin-left: 0;
}

nav.menubalk .menu-header-container ul li a, nav.menubalk .menu-header-container ul li {
	color: #222222;
	font-family: 'DINPro Medium', sans-serif;
	text-transform: uppercase;
}

nav ul li.active {
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	padding-bottom: 3px;
}


nav.menubalk ul li .sub-menu {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 999999;
	height: auto;
	padding: 30px 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

nav.menubalk ul li .sub-menu li {
	display: block;
	margin-bottom:10px;
	text-align: left;
}

nav.menubalk ul li .sub-menu li a:hover {
	text-decoration: underline;
}

nav.menubalk ul li .sub-menu li:first-child {
	margin-left: 15px;
}

nav.menubalk ul li:hover .sub-menu {
	display: block;
}

nav.menubalk ul li .sub-menu .sub-menu {
	position: relative;
	display:block;
	padding:0;
	box-shadow: none;
	margin-top:10px;
}

nav.menubalk ul li .sub-menu .sub-menu li {
	margin: 5px 0px;
}

nav.menubalk ul li .sub-menu li:after {
	all:unset;
}

nav.menubalk ul li .sub-menu .sub-menu li a {
	text-transform: none;
	font-family:'DINPro Light', sans-serif;
	font-weight:400;
}

nav.menubalk ul li .sub-menu .sub-menu li a:hover {
	text-decoration: underline;
}

nav.menubalk ul li .sub-menu .sub-menu li:after {
	all:unset;
}

nav.menubalk ul li .sub-menu li a .uitklappen {
	display:none;
}

nav.menubalk ul li.title > a {
	pointer-events: none;
}

nav.menubalk ul li.title > a:hover {
	text-decoration: none;
}

nav.menubalk ul li.twee-kolommen .sub-menu {
	justify-content: space-between;
	align-items: start;
	min-width: 200px;
}

nav.menubalk ul li.twee-kolommen:hover .sub-menu {
	display:flex;
}

nav.menubalk ul li.twee-kolommen .sub-menu .sub-menu {
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
}

nav.menubalk .menu-header-container ul.menu > li:first-child {
	display: none;
}

nav ul li.current-menu-item::after {
	left: 0;
  right: auto;
  width: 100%;
}

.menubalk .menu-header-submenu-container {
	display: inline-block;
}

.menubalk .contactgegevens ul > li:first-child {
	display: inline-block;
}

.menubalk .contactgegevens a, .menubalk .contactgegevens {
	color: #222222;
}

.menu-topbalk-container li::after {
	content: '|';
	padding-left: 10px;
}

.menu-topbalk-container li {
	margin-right: 0;
}

.menu-topbalk-container li.menu-item-has-children {
	position: relative;
}

.contactgegevens ul, .contactgegevens .menu-topbalk-container {
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
}

.contactgegevens ul li a {
	font-size: 12px;
	font-weight: 300;
	font-family: '', sans-serif;
}

.contactgegevens ul li.divider-item {
	margin: 0px 5px;
}

.logo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center center;
}

.socials.valign {
	height: auto;
}

nav ul li:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: -5px;
  background: #8ebd43;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
nav ul li:hover:after,
nav ul li:focus:after,
nav ul li:active:after {
  left: 0;
  right: auto;
  width: 100%;
}

.menubalk li.spoed a {
	color: #8ebd43;
	font-weight: 800;
}

.bestemming-parent-item .sub-menu {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

/* == VACATURES MENU == */

.vacatures-menu {
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
}

.vacature-menu-item {
  position: relative;
}

.vacature-menu-item a {
	color: #222222;
	font-family: 'DINPro Medium', sans-serif;
	text-transform: uppercase;
}

.aantal-vacatures {
  position: absolute;
  top:0;
  right:-13px;
  font-size:10px;
  color:#fff;
  background:#8ebd43;
  height:15px;
  width:15px;
  border-radius:100%;
  line-height:15px;
}

/* == HEADER == */

.header {
	position: relative;
	background: #F7F7F7;
}

.header-buttons-container .header-button {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 20px;
}

.header-buttons-container .header-button > a {
	display: block;
}

.header-buttons-container .header-button:first-child {
	margin-right: 15px;
}

.header-content > .container-fluid {
	width: 80%;
}

.header .header-titel {
	font-size: 30px;
	display: inline-block;
	color: var(--blauw);
	width:80%;
}

.header .header-titel h1 span {
	color: #8ebd43;
}

.wisselwoorden-carousel .owl-nav {
	display: none;
}

.header .header-tekst {
	font-family: 'DINPro Light', 'Montserrat', sans-serif;
	font-weight: 300;
}
.header .header-titel h1 {
	font-size: 60px;
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 900;
	font-style: italic;
}

.header .header-tekst a {
	position: relative;
	color: var(--blauw);
}

.header .header-tekst a::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 0;
	width: 0;
	bottom: -5px;
	background: #8ebd43;
	height: 2px;
	transition-property: width;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.header .header-tekst a:hover::after {
	left: 0;
  right: auto;
  width: 100%;
}

.header .header-subtitel {
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: var(--blauw);
	width: 70%;
	font-weight: 300;
	font-style: italic;
}

.header .content-afbeelding img {
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.header .afbeelding-rechts {
	position: relative;
	height: 100%;
	width: 100%;
}

.header .afbeelding-rechts img {
	position: absolute;
/*	left: 0;
	top: 0;*/
	object-fit: contain;
	object-position: center center;
	left: 0;
	height: 80%;
	margin-top: 10%;
	width: 100%;
}
/* 
.header .lijn-onder {
	height: 170px;
	margin-left: 45%;
}

.header .lijn-boven {
	margin-left: 60%;
} */

.header .wisselwoorden-carousel {
	height: auto!important;
}

/* .dieseltoeslag {
	position: fixed;
	right: 0;
	top: 45%;
	border-radius: 50px 0px 0px 50px;
	background: #8ebd43;
	height: 70px;
	padding: 10px;
	color: #fff;
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  z-index: 100;
}

.dieseltoeslag-links {
	float: left;
	height: 100%;
}

.dieseltoeslag .percentage {
	background: #fff;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	line-height: 50px;
	color: #8ebd43;
	font-family: 'DINPro Medium', sans-serif;
	font-size: 20px;
}

.dieseltoeslag-rechts {
	float: right;
	height: 100%;
	padding:0px 15px
}

.dieseltoeslag .content {
	font-family: 'DINPro Medium', sans-serif;
}

.dieseltoeslag-maand:first-letter {
	text-transform: uppercase;
}

.dieseltoeslag.scroll {
	right: -130px;
}

.dieseltoeslag:hover {
	right: 0;
} */

.header__n figure {
	position: absolute;
	top:0;
	right:0;
	margin-bottom:0;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
	height:100%;
	z-index:0;
	width:110%;
}

.header__n figure .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.header__n .image-text {
	position: absolute;
	z-index:1;
	top:0;
	left: 0;
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	height:100%;
	color: var(--wit);
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 900;
	font-style: italic;
	font-size:3rem;
	padding-left:100px;
}


.header__n .image-text .lijn {
	height:100%;
	background: var(--wit);
	width:3px;
}

.header__n .header-content {
	width:80%;
	margin:0 auto;
	padding:150px 0px;
}

/* == TEKSTVAK  == */

.tekstvak {
	padding-top: 50px;
	padding-bottom: 50px;
}

.tekstvak a {
	color: #8ebd43;
}


/* == TEKSTVAK MET FORMULIER == */

.tekstvak-met-formulier {
	background: var(--blauw);
	color: #fff;
}

.tekstvak-met-formulier .formulier-container {
	background: #fff;
	padding: 30px 50px;
	width: 70%;
	margin: 0 auto;
	color: #212529;
}

.tekstvak-met-formulier .formulier-container h3 {
	font-size: 20px;
	font-family: 'DINPro Medium', sans-serif;
	margin-bottom: 20px;
}

.tekstvak-met-formulier .lijn {
	background: #fff;
}

.tekstvak-met-formulier .lijn-boven {
	margin-bottom: 0;
	margin-left: 55%;
}

.tekstvak-met-formulier .lijn-onder {
	margin-top: 0;
	margin-left: 45%;
}

.tekstvak-met-formulier input[type="submit"] {
	width: 100%!important;
}

/* == TEKSTVAK MET OPSOMMING == */

.tekstvak-met-opsomming {
	background: var(--blauw);
	color: #fff;
}

.tekstvak-met-opsomming.actie-aan {
	padding-top: 0px;
}

.tekstvak-met-opsomming ul.kolom-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.tekstvak-met-opsomming .content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.tekstvak-met-opsomming .content p a, .tekstvak-met-opsomming .content li a  {
	color: #8ebd43;
}

.tekstvak-met-formulier .content p a {
	color: #8ebd43;
}

.tekstvak-met-opsomming ul {
	list-style-type: none;
	padding-left: 0;
	margin-top: 20px;
}

.tekstvak-met-opsomming ul li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	margin-bottom: 30px;
}

.tekstvak-met-opsomming ul li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f058";
  color: #8EBD43;
}

.tekstvak-met-opsomming .button-container {
	margin-top: 30px;
}

.tekstvak-met-opsomming figure {
	position: relative;
	height: 110%;
	width: 100%;
	bottom: 10%;
}

.tekstvak-met-opsomming figure.content-afbeelding {
	clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
}

.tekstvak-met-opsomming figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	bottom: 10%;
}

.tekstvak-met-opsomming figure.gradient {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 115%;
}

.tekstvak-met-opsomming .gradient-blauw {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(41,74,148);
	background: -moz-linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
}

.tekstvak-met-opsomming .actie-button {
	position: absolute;
	top: 20%;
	right: 20%;
	border-radius: 100%;
	color: #fff;
	background: #222222;
	height: 50px;
	width: 50px;
	font-size: 11px;
	line-height: 1.2;
	cursor: pointer;
	animation: pulse-black 2s infinite;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	z-index: 99;
}

@keyframes pulse-black {
    0% {
    /*transform: scale(0.95);*/
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    /*transform: scale(1);*/
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    /*transform: scale(0.95);*/
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.tekstvak-met-opsomming.actie-aan figure.content-afbeelding img {
	bottom: 0;
}

.tekstvak-met-opsomming .actie-afbeelding {
	position: absolute;
	bottom: 0;
	left: -999px;
	bottom: 10px;
	width: 110%;
	opacity: 0.4;
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.tekstvak-met-opsomming .actie-afbeelding.actief {
	left: 0;
	opacity: 1;
}

.tekstvak-met-opsomming .actie-afbeelding img{
	object-fit: contain;
	object-position: center bottom;
	height: 100%;
	width: 100%;
	bottom: 0;
}


/* == INTERACTIEVE MAP == */

.interactieve-map {
	padding-top: 75px;
}

.interactieve-map h2 {
	color: var(--blauw);
}

.interactieve-map .content-container {
	position: relative;
	z-index: 1;
	display:flex;
	height:100%;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.interactieve-map .button-container {
	margin-top: 30px;
}

.interactieve-map svg {
	position: relative;
	/* top: -150px; */
	height: auto;
	width: 100%;
}

.bestemming-popup-rondje {
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    z-index: 999;
}

.bestemming-popup-rondje.active, .bestemming-popup-rondje:hover {
	/*transform: scale(1.03);*/
	fill: #8EBD43;
	cursor: pointer;
}

.bestemming-popup .popup-sluiten {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 22px;
	color: var(--blauw);
	cursor: pointer;
}

.interactieve-map svg path {
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.interactieve-map path.active {
	cursor: pointer;
	fill: var(--blauw);
}

.bestemming-popup {
	display: none;
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 99;
	background: #fff;
	padding: 50px 30px;
	width: 400px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.bestemming-popup.active{
	display: inline-block;
}

.bestemming-popup-inner {
	width: 90%;
	margin: 0 auto;
}

.bestemming-popup h3 {
	color: #8EBD43;
	font-weight: 400;
}

.bestemming-popup h3 span {
	color: var(--blauw);
}

.bestemming-popup .bestemming-tekst a {
	color: var(--blauw);
	font-weight: 800;
}
/* == TEKSTVAK MET AFBEELDING == */

.tekstvak-met-afbeelding {
	margin-top: 75px;
	margin-bottom: 75px;
}

.tekstvak-met-afbeelding h3 {
	font-size:1.2rem;
}

.tekstvak-met-afbeelding figure {
	position: relative;
	height: 100%;
	width: 100%;
	
}

.tekstvak-met-afbeelding figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.tekstvak-met-afbeelding .content-container {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 60%;
	margin: 0 auto;
}

.tekstvak-met-afbeelding p a, .tekstvak-met-afbeelding ul a {
	color: var(--groen);
	font-weight: 800;
}

.tekstvak-met-afbeelding ul {
	list-style-type: none;
}

.tekstvak-met-afbeelding ul li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f058";
  color: #8EBD43;
}

.tekstvak-met-afbeelding ul li {
	margin-bottom: 5px;
}

.tekstvak-met-afbeelding .sectie-titel {
	color: var(--blauw);
}

.tekstvak-met-afbeelding .button-container {
	margin-top: 20px;
}

.tekstvak-met-afbeelding figure.afbeelding-rechts {
	clip-path: polygon(17% 0, 100% 0%, 100% 100%, 0% 100%);
}

.tekstvak-met-afbeelding figure.afbeelding-links {
	clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
}

/* == QUOTE == */

.quote {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: #F0F0F0;
}

.quote .container-fluid {
	width: 60%;
}

.quote figure {
	display: inline-block;
	margin-right: 50px;
	width: 250px;
	height: 250px;
}

.quote figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
	border-radius: 100%;
}

.quote-links {
	float: left;
}

.quote-rechts {
	float: right;
}

.quote .content-container {
	height: 100%;
	clear: both;
}

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

/* == QUOTE MET TEKSTVAK == */

.quote-met-tekstvak {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #F0F0F0;
}

.quote-met-tekstvak h3 {
	font-family: 'CodecPro ExtraBoldItalic';
	color: var(--blauw);
	font-size: 50px;
}

.quote-met-tekstvak .button-container {
	margin-top: 30px;
}

/* == MOGELIJKHEDEN == */

.mogelijkheden {
	padding-top: 100px;
	padding-bottom: 100px;
}

.mogelijkheden-rij {
	margin-bottom: 30px;
}

.mogelijkheden .mogelijkheden-rij:last-child {
	margin-bottom: 0;
}

.mogelijkheden .mogelijkheden-rij:last-child .mogelijkheden-lijn {
	display: none;
}

.mogelijkheden .categorie-titel h2 {
	color: var(--blauw);
	font-size: 28px;
	font-weight: 400;
}

.mogelijkheden .categorie-titel span {
	color: #8EBD43;
	font-weight: 800;
}

.mogelijkheden-box {
	padding: 50px 30px;
	margin-bottom: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: all 150ms ease-in-out;
	transform: scale(1)
}

.mogelijkheden-box h3 {
	font-size: 24px;
	color: #222222;
	font-family: 'DINPro Regular';
}

.mogelijkheden-box:hover {
	transform: scale(1.05);
}

.mogelijkheden-box figure {
	height: 75px;
	width: 75px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.mogelijkheden-box figure img {
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.mogelijkheden-lijn {
	margin-top: 40px;
	margin-bottom: 30px;
	border-bottom: 2px dotted var(--blauw);
}

/*MIDDELEN*/

.mogelijkheden-box.middelen, .mogelijkheden-box.resources {
	background: var(--blauw);
}

.mogelijkheden-box.middelen h3, .mogelijkheden-box.resources h3 {
	color: #fff;
}

/* == CTA ==  */

.cta {
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.cta .container-fluid {
	width: 80%;
}

.cta-inner {
	width: 80%;
	margin: 0 auto;
	background: #EAEAEA;
	border-radius: 30px;
	padding: 30px 0px;
}

.cta .content-container {
	width: 80%;
	margin: 0 auto;
}

.cta-inner h2 {
	color: var(--blauw);
}

.cta figure {
	height: 150px;
	width: 100%;
	margin-bottom: 20px;
}

.cta figure img {
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
	/*height: auto;*/
}

/* == KLANTCASES == */

.klantcases {
	padding-top: 75px;
	padding-bottom: 75px;
}

.klantcases .content {
	margin-bottom: 30px;
}

.klantcases .sectie-titel {
	color: var(--blauw);
}

.klantcases .button-container {
	margin-top: 30px;
	margin-bottom: 30px;
}

.klantcases .cases-box {
	margin-bottom: 30px;
}

/* == KLANTCASES SLIDER == */

.klantcases-slider {
	background: var(--blauw);
	color: var(--wit);
}

.klantcases-slider .sectie-titel {
	color: var(--wit);
}

.klantcases-slider .owl-nav .owl-prev,
.klantcases-slider .owl-nav .owl-next {
	border: 3px solid var(--wit) !important;
}

.klantcases-slider .owl-nav i {
	color: var(--wit);
}

/* == MEDEWERKERS == */

.medewerkers {
	padding-top: 50px;
	padding-bottom: 80px;
}

.medewerkers .medewerker-box {
	position: relative;
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  box-shadow: none;
  margin-bottom: 20px;
}

.medewerkers .content-container {
	margin-bottom: 50px;
}

.medewerker-box .contact-icoon {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 100%;
	background: #fff;
	margin-right: 5px;
}

.medewerker-box .contact-icoon a {
	color: var(--blauw);
}

.medewerker-box .medewerker-content-container {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: var(--blauw);
	clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
	padding: 15px 30px;
	width: 80%;
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
}

.medewerker-box .afbeelding-container figure {
	height: 400px;
	width: 100%;
}

.medewerker-box .afbeelding-container img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.medewerker-box:hover {
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.medewerker-box:hover .medewerker-content-container {
	width: 100%;
}

.medewerkers .button-container {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* == OWL CONTROLS == */

.owl-nav i {
    font-size:25px;
    line-height: 42px;
    color:#8EBD43;
}

.owl-prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 30%;
    left:-100px;
    text-align: center;
    background: transparent;
    border: 3px solid #8EBD43!important;
    border-radius: 100%;
}

.owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 30%;
    right:-100px;
    text-align: center;
    background: transparent;
    border: 3px solid #8EBD43!important;
    border-radius: 100%;
}

.owl-dots {
    display: none;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.owl-dots button.owl-dot {
		display: inline-block;
    background: var(--blauw)!important;
    border-radius: 20px;
    height: 15px;
    margin: 5px 5px;
    opacity: 0.2;
    width: 15px;
}

.owl-dots button.owl-dot.active {
	background:var(--blauw);
  opacity:1;
}

.testimonials .owl-dots button.owl-dot {
	background: #FFF!important;
}

.testimonials .owl-dots button.owl-dot.active {
	background:#FFF!important;
  opacity:1;
}
/* == CAROUSELS == */

	/*KLANTCASES*/
	.klantcases .owl-carousel .owl-nav {
		display: block!important;
	}
/* 
	.klantcases .owl-carousel .owl-nav .owl-prev {
		display: none;
	} */

	/* .klantcases .owl-carousel .owl-next {
		top: 110px;
	} */

	/*TESTIMONIALS*/
	.testimonials .owl-carousel .owl-nav {
		display: block!important;
	}

	.testimonials .owl-carousel .owl-next, .testimonials .owl-carousel .owl-prev {
		top: 250px;
	}

/* == CASE BOX == */

.cases-box {
	position: relative;
	background: var(--wit);
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.cases-box a {
	color: var(--zwart);
}

.cases-box figure.thumbnail{
	position: relative;
	height: 200px;
	width:100%;
	margin:0;
}

.cases-box figure.thumbnail .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(34, 34, 34, 0.7); */
}

.cases-box figure.thumbnail img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.cases-box figure.logo {
	height: 100px;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

.cases-box figure.logo img {
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
/*	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;*/
}


.cases-box .case-info {
	height:100px;
	background: #ebebeb;
}

.cases-box .case-info figure {
	height:100%;
	width:100%;
	margin:0;
}

.cases-box .case-info figure img {
	height:100%;
}

.cases-box .case-info {
	color: var(--zwart);
	font-size:1rem;
}

.cases-box .case-info .auteur span {
	font-size:0.8rem;
}

.cases-box .content {
	margin-bottom:0;
}

/*.cases-box figure.logo img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}*/

.cases-box .content-container {
	position: relative;
	padding:30px;
}

.cases-box .button-container {
	margin-top: 10px;
	margin-bottom: 0;
}

.cases-box .button {
	color: var(--blauw);
	font-weight:800;
}

/* == TESTIMONIALS == */

.testimonials {
	padding-top: 50px;
	padding-bottom: 50px;
	background: var(--blauw);
	color: #fff;
}

.testimonials .content {
	margin-bottom: 30px;
}

/*.testimonials .sectie-titel {
	color: var(--blauw);
}*/

.testimonials .button-container {
	margin-top: 50px;
}

/* == TESTIMONIAL BOX == */

.testimonial-box {
	background: #fff;
	margin-top: 50px;
	color: #222222;
}

.testimonial-carousel {
	text-align: center;
}

.testimonial-box .afbeelding-container {
	position: relative;
	/*height: 250px;*/
}

.testimonial-box .button-container {
	margin-top: 20px;
}

.testimonial-box figure {
	position: relative;
	/*clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);*/
	width: 70%;
	margin: 0 auto;
	height: 200px;
	/*bottom: 50px;*/
}

.testimonial-box figure img {
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.testimonial-box h3 {
	color: var(--blauw);
	text-transform: uppercase;
	font-size: 20px;
}

.testimonial-box .content-container {
	padding: 30px;
}

.testimonial-box .auteur {
	margin-bottom: 20px;
}

/* == AFBEELDING BANNER == */

.afbeelding-banner {
	position: relative;
}

.afbeelding-banner .lijn {
	background: #fff;
}

.afbeelding-banner figure {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.afbeelding-banner figure .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.afbeelding-banner figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.afbeelding-banner .content-container {
	color: #fff;
	margin: 0 auto;
	width: 30%;
	z-index: 2;
	position: relative;
}

.afbeelding-banner .content {
	margin: 0 auto;
	display: inline-block;
	text-align: left;
}

.afbeelding-banner h2 {
	font-size: 55px;
	margin-bottom: 0;
}

.afbeelding-banner h3 {
	font-size: 35px;
}

/* == HEADER VERVOLGPAGINA == */

.header-vervolgpagina {
	position: relative;
}

.header-vervolgpagina .lijn {
	background: #fff;
	margin-bottom: 0;
	margin-top: 0;
}

.header-vervolgpagina .lijn-onder {
	margin-left: 50%;
}

.header-vervolgpagina .lijn-boven {
	margin-left: 55%;
}

.header-vervolgpagina .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(41,74,148);
	background: -moz-linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(41,74,148,0.6614846622242647) 35%, rgba(255,255,255,0) 100%);
	z-index: 1;
}

.header-vervolgpagina .content-container {
	width: 50%;
	z-index: 2;
	position: relative;
}

.header-vervolgpagina .content {
	background: #fff;
	padding: 30px 50px;
}

.header-vervolgpagina h1 {
	color: var(--blauw);
	font-size: 45px;
}

.header-vervolgpagina h2 {
	color: var(--groen);
}

.header-vervolgpagina input[type="submit"] {
	display: block;
	width: 100%;
}

.header-vervolgpagina .button {
	display: inline-block;
	margin-bottom: 20px;
}

.header-vervolgpagina .button:not(:last-child) {
	margin-right: 10px;
}

.header-vervolgpagina .tekst a {
	color: var(--blauw);
	font-weight: 800;
}

/* == FORMULIER == */

*:focus {
	outline: 0!important;
}

form input[type="text"], form input[type="tel"], form input[type="email"], form textarea, form select {
	padding: 10px!important;
	border: 1px solid #E2E2E2!important;
	background: #fff;
}

form input[type="submit"] {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #8EBD43;
	padding: 15px 25px;
	font-weight: 800;
	font-size: 14px;
	display: inline-block;
	border: none;
}

/* == FOOTER == */

footer {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #222222;
}

footer .footer-logo {
	width: 100%;
	height:40px;
	margin-bottom:50px;
}

footer ul {
	list-style-type: none;
	padding-left: 0;
}

footer ul li {
	margin-bottom: 5px;
}

footer ul li a {
	color: #222222;
}

footer h3 {
	font-size: 16px;
	margin-bottom:10px;
}

footer .sub-menu {
	display: none;
}

.social-box {
	height: 35px;
	width: 35px;
	line-height: 35px;
	border-radius: 100%;
	background: var(--blauw);
	margin: 0px 10px;
}

.social-box:first-child {
	margin-left: 0;
}

.social-box i {
	color: #ffffff;
	font-size: 15px;
}

.social-box:not(:nth-child(1)){
	margin-left: 0;
}

footer .footer-box h3 {
	font-family: 'DINPro Medium', sans-serif;
}

footer .footer-box.socials h3 {
	margin-bottom: 15px;
}

footer .footer-box.socials .button-container {
	margin-top: 30px;
}	

footer .footer-logo img {
	/* object-fit: contain;
	object-position: center left;
	height: 100%;
	width: 100%; */
}

footer .menu-header-container {
	top: auto;
	transform: none;
}

.adp {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #f7f7f7;
}

.adp ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom:0;
}

.adp ul li {
	display: inline-block;
	margin: 0px 10px;
}

.adp ul li:first-child {
	margin-left: 0;
}

.adp ul li a {
	color: #222222;
	font-size: 15px;
}

.adp .copyright, .adp .menu-footer-submenu-container {
	display: inline-block;
}

.backlink {
	padding: 5px 0px;
}

.backlink a {
	color: var(--blauw);
}

.menu-footer-submenu-container li:last-child {
	margin-right: 0;
}
/* ==  TYPE ZENDING == */

.type-zending {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: var(--blauw);
	color: #fff;
}

.types-row {
	margin-top: 50px;
}

.type-zending-box figure {
	margin-bottom: 20px;
	height: 110px;
}

.type-zending-box figure img {
	filter: brightness(0) invert(1);
	object-fit: contain;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.type-zending-box h3 {
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 0;
	color: #fff;
}

.type-zending .content a {
	color: #8ebd43;
}

.zendingen-carousel {
	margin-top: 30px;
}

/* == USPs == */

.usps {
	padding-top: 75px;
	padding-bottom: 75px;
	background: #F7F7F7;
}

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

.usp-box {
	border-right: 2px dotted #294A94;
	padding-right: 30px;
	width: 90%;
}

.usp-box h3 {
	font-family: 'DINPro Medium', sans-serif;
	color: var(--blauw);
}

.usps .usp-box-outer:last-child .usp-box {
	border-right: none;
}

.usps .content-container {
	margin-bottom: 50px;
}

.usp-box figure {
	margin-bottom: 30px;
}

/* == KENNISBANK BLOK == */

.kennisbank-blok {
	padding:50px 0px 50px 0px;
	background: var(--grijs);
}

.kennisbank-blok p {
	margin-bottom:0;
}

.kennisbank-blok .categorie-tags {
	padding-left:0;
	list-style-type:none;
	margin-bottom:0;
}

.kennisbank-blok .categorie-tags li {
	display:inline-block;
	margin:0px 5px 20px 0px;
}

.kennisbank-blok .categorie-tags li a {
	padding: 5px 10px;
	border: 1px solid var(--blauw);
	color:var(--blauw);
	border-radius: 25px;
	margin-bottom: 8px;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	background: transparent;
	font-size: 0.9rem;
}

.kennisbank-blok .categorie-tags li:hover a {
	background: var(--blauw);
	color: var(--wit);
}

/* == LIVE SEARCH == */

.search {
	position: relative;
	padding:30px;
	color: var(--zwart);
	background: var(--wit);
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	overflow: visible;
	
}

.search .zoek-titel {
	font-family:'CodecPro ExtraBoldItalic', sans-serif !important;
	color: var(--zwart);
	font-size:1.5rem;
	margin-bottom:15px;
}

.search-container {
	position:relative;
}

.search input {
	padding:10px 20px;
	width:100%;
}

.search i {
	position: absolute;
	right: 30px;
	color: var(--zwart);
	top: 15px;
	font-size:1rem;
}

.live-search-results {
	display: none;
	position: absolute;
	width:100%;
	background: var(--wit);
	color: var(--zwart);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:20px;
	z-index:99;
	max-height:300px;
	overflow-y:scroll;
}

.live-search-results .live-result-box {
	display: flex;
	transition: all 300ms ease-in-out;
	cursor: pointer;
	background: var(--wit);
	padding:10px;
	border-bottom: 2px solid var(--grijs);
}

.live-search-results .live-result-box .type-result {
	font-size:0.7rem;
	padding:5px 10px;
	background: var(--blauw);
	border-radius:15px;
	color: var(--wit);
	margin:3px 0px;
}

.live-search-results .live-result-box:hover {
	background: var(--grijs);
}

.live-search-results .live-result-box:first-child {
	margin-top:0;
}

.live-search-results .live-result-box h4 {
	color: var(--blauw);
	font-size:1rem;
	margin-bottom:5px;
}

.live-search-results .live-result-box .result-image {
	display: flex;
	flex:20%;
	height:50px;
	margin:0;
}

.live-search-results .live-result-box .result-image.placeholder {
	padding:10px;
	background: var(--blauw);
	opacity:1;
}

.live-search-results .live-result-box .result-info {
	display: flex;
	flex:80%;
	align-items: flex-start;
	justify-content: center;
	height:inherit;
	flex-direction: column;
	padding-left:10px;
}

.live-search-results .live-result-box .result-info .categorieen {
	color: var(--wit);
	font-size:0.7rem;
	margin-top:4px;
}

/* == CONTACT == */

.contact {
	padding: 50px 0px;
}

.contact iframe {
	margin-bottom: 50px;
}

.contact h1 {
	color: var(--blauw);
}

.contact .content {
	width: 70%;
}

.contact form {
	margin-top: 30px;
}

.contact aside .aside-container {
	background: #F0F0F0;
	padding: 30px 20px;
}

.contact aside ul {
	list-style-type: none;
	padding-left: 0;
}

.contact aside ul i {
	margin-right: 10px;
}

.contact aside ul a {
	color: #222222;
}

.contact h3 {
	margin-bottom: 15px;
}

.contact aside ul h3 {
	font-family: 'DINPro Medium', sans-serif;
	margin-bottom: 5px;
	font-size: 16px;
}

.contact aside figure {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}

.contact aside figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

/* == LEES MEER == */

.read-more__container {
    margin:10px 0px;
}

.read-more__container .read-more__text.hidden {
    display:none;
}
    
.read-more__button {
	color: var(--groen);
	text-decoration: underline;
	cursor:pointer;
}


/* == BEL ME TERUG POPUP == */

.bel-me-terug-popup-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

.bel-me-terug-popup {
	display: none;
	width: 30%;
	padding: 50px;
	background: #fff;
	z-index: 99999;
	/*height: 300px;*/
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll
}

.bel-me-terug-popup.open, .bel-me-terug-popup-overlay.open {
	display: block;
}

.bel-me-terug-popup h2 {
	color: var(--blauw);
	margin-bottom: 20px;
}

.bel-me-terug-popup .popup-titel {
	display: inline-block!important;
}

.popup-sluiten {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	font-size: 30px;
}

/* == FORMULIER == */

.formulier {
	padding-top: 50px;
	padding-bottom: 50px;
}

.formulier .container-fluid {
	/* width: 60%; */
}

/* == KENNISBANK == */

.kennisbank {
  padding-top:100px;
  padding-bottom:50px;
  font-size:15px;
}

.kennisbank .cat-box-inner {
  width:95%;
  margin:0 auto;
  margin-bottom:30px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: transform 250ms cubic-bezier(.2,.8,.4,1);
  padding:40px 20px;
}

.kennisbank .cat-box-inner:hover {
  transform: scale(1.10);
}

.kennisbank .cat-box-inner:active {
  transform: scale(0.9);
}


.kennisbank .cat-box a {
  color:#212529;
  text-decoration: none;
}

.kennisbank .cat-box h2 {
  font-size:25px;
  margin:0;
  padding:0;
  margin-top:20px;
  margin-bottom:30px;
}

.kennisbank i {
  font-size:35px;
  color:var(--blauw);
}

/* == KENNISBANK CATEGORY == */

.kennisbank-categorie {
  padding-top:100px;
  padding-bottom:50px;
  font-size:15px;
}

.kennisbank-categorie .container-fluid {
  width:70%;
  margin:0 auto;
}


.kennisbank-single .andere-categorieen ul, .kennisbank-categorie .andere-categorieen ul {
  padding-left: 0;
}

.kennisbank-single .andere-categorieen ul li, .kennisbank-categorie .andere-categorieen ul li {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid var(--blauw);
  border-radius: 25px;
  margin-bottom: 8px;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  background: transparent;
}

.kennisbank-single .andere-categorieen ul li:hover, .kennisbank-categorie .andere-categorieen ul li:hover {
  background: var(--blauw);
}

.kennisbank-single .andere-categorieen ul li:hover a, .kennisbank-categorie .andere-categorieen ul li:hover a {
  color: #fff;
  font-weight: 800;
}

.kennisbank-single .artikel-info, .kennisbank-categorie .artikel-info {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-size: 14px;
}

.kennisbank-single .artikel-delen,  .kennisbank-categorie .artikel-delen {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  clear: both;
}

.kennisbank-single .artikel-info i, .kennisbank-categorie .artikel-info i {
  margin-right: 8px;
  color: var(--blauw);
}

.kennisbank-single .artikel-delen span, .kennisbank-categorie .artikel-delen span {
	line-height: 40px;
	margin-right: 8px;
}

.rank-math-breadcrumb a {
	color: var(--blauw);
}

.rank-math-breadcrumb a:hover {
	text-decoration: underline;
}

.kennisbank-categorie .content a, .kennisbank-single .content a {
	color: #8ebd43;
} 

.gerelateerde-artikelen.mobiel {
  display: none;
}

.hide-mobile {
	display: none;
}

.hide-desktop {
	display: block;
}

@media only screen and (max-width: 599px) {

  .kennisbank-single, .kennisbank-categorie {
    padding-top:50px;
    padding-bottom:0;
  }

  .kennisbank-categorie .container-fluid, .kennisbank-categorie-container {
    width:100% !important;
  }

  .kennisbank-single .kennisbank-aside.gerelateerde-artikelen {
    display: none;
  }

  .kennisbank-single .kennisbank-aside.mobiel {
    display: block;
    margin-top:50px;
  }

  .hide-desktop {
  	display: none;
  }

  .hide-mobile {
  	display: block;
  }
}

.kennisbank-aside {
  margin-bottom:50px;
}

.kennisbank-aside h2 {
  margin-bottom:20px;
  font-weight:800;
  font-size: 22px;
}

.kennisbank-aside ul {
  list-style-type:disc;
  padding-left:15px;
  color:var(--blauw);
}

.kennisbank-aside ul li{
  margin-bottom:5px;
}

.kennisbank-aside ul li a {
  color:var(--blauw);
  text-decoration: none;
}

.kennisbank-categorie h1 {
  margin-bottom:20px;
  margin-top:20px;
  font-size:30px;
}

.kennisbank-categorie h1.title-include-line {
	display: inline-block;
	position: relative;
	padding-top: 20px;
}

.kennisbank-categorie h1.title-include-line::before { 
	display: inline-block;
	position: absolute;
	top: 2px;
	width: 100%;
	height: 8px;
	background-color: #8ebd43;
	content: '';
}

.kennisbank-categorie-container {
  width:90%;
  float:right;
}

.kennisbank-categorie-container figure {
  height:300px;
  width:100%;
  margin-bottom:30px;
}

/* == SINGLE KENNISBANK == */

.kennisbank-single figure.thumbnail {
  height:300px;
  width:100%;
  margin-bottom:30px;
}

.kennisbank-single h1, .kennisbank-categorie h1 {
	font-size: 30px;
	margin-bottom: 20px;
	color: var(--blauw);
}

.kennisbank-single aside h2,
.kennisbank-single .content h2,
.kennisbank-categorie aside h2,
.kennisbank-categorie .content h2 {
	font-size: 1.5rem;
	margin-top:20px;
}


.kennisbank-single aside h3,
.kennisbank-single .content h3,
.kennisbank-categorie aside h3,
.kennisbank-categorie .content h3 {
	font-size: 1.25rem;
}

.kennisbank-single .afbeelding-banner,
.kennisbank-categorie .afbeelding-banner {
	margin-top: 30px;
}

/**** VACATURES ****/

.vacatures {
	padding-top:50px;
	padding-bottom:50px;
}

.vacature-overzicht h3 a {
	color:#003956;
}

.vacature-overzicht h3 {
	margin-bottom:20px;
}

.vacature-overzicht .lees-meer-button.desktop {
	display: none;
}

.vacature-overzicht .lees-meer-button.mobiel {
	display: block;
}

.hide-desktop {
	display: none;
}

.hide-mobile {
	display: block;
}


/**** BRANCHE RECENSIES ****/

.branche-recensies {
	padding-top:50px;
	padding-bottom:50px;
	transform: rotate(-2deg);
	margin-left:-1%;
}

.branche-recensies{
	width: 102%;
}

.branche-recensies .lijnen-bg{
	width: 50%;
}

.branche-recensies .container-fluid {
	transform: rotate(2deg);
}

.branche-recensies .owl-carousel-recensies {
	width:50%;
	margin:0 auto;
}

/* == VACATURE OVERZICHT == */

.vacature-overzicht {
  padding-top:100px;
  padding-bottom:100px;
}

.vacature-overzicht .sectie-titel {
  margin-bottom: 30px;
}

.vacature-overzicht .content {
  margin-bottom: 50px;
}

.vacature-overzicht .container-fluid {
  width:80%;
}

.vacature-rij {
  padding:50px 30px;
  background:#f1f1f1;
  margin-top:20px;
  border-radius: 10px;
}

.vacature-rij .button-wit {
  display: inline-block;
  text-align: center;
}

.vacature-rij h2 {
  margin-bottom: 20px;
}

.vacature-rij h2 a {
  margin-bottom: 20px;
  color: var(--blauw);
}

.vacature-rij h2 a:hover {
  text-decoration: none;
  color: var(--blauw);
}

.vacature-rij h3 {
  padding: 0;
  font-size:15px;
  margin-bottom: 10px;
}

.vacature-rij .content {
  margin-bottom: 20px;
}

.vacature-rij .lees-meer-button {
  margin-top: 30px;
}

.vacature-rij ul {
  padding-left: 0;
  margin-bottom: 0;
}

/* == SINGLE VACATURE == */

.single-vacature {
  padding-top: 50px;
  padding-bottom: 50px;
}

.single-vacature .button {
  display: inline-block;
  margin-right: 20px;
}

.single-vacature h1 {
  color: var(--blauw);
  margin-bottom: 20px;
}

.single-vacature h2 {
  color: var(--blauw);
  font-size: 25px;
}

.vacature-foto-carousel{
	margin-bottom: 30px;
}

.vacature-foto{
	max-height: 320px;
}

.vacature-foto img{
	object-fit: contain;
}

.single-vacature aside .sidebar-box {
  padding: 20px 30px;
  background: #f1f1f1;
  margin-bottom: 20px;
}

.single-vacature aside ul {
  padding-left: 0;
  list-style-type: none;
}

.single-vacature aside h2 {
  font-size: 20px;
  margin-bottom: 15px;
  color: var(--blauw);
}

.single-vacature aside ul i {
  color: #8ebd43;
  margin-right: 10px;
}

.solliciteer-direct form input[type="text"], .solliciteer-direct form input[type="email"], .solliciteer-direct form textarea {
  padding: 10px!important;
  border: 1px solid rgba(0, 0, 0, 0.2)!important;
}

.solliciteer-direct form input[type="submit"] {
  background: #eb5c28;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    border: none;
    font-weight:700;
    font-family: 'Roboto Condensed', sans-serif;
    cursor:pointer;
}

.single-vacature .solliciteer-direct-button {
  margin-top: 50px;
}

.single-vacature .auteur {
	background: var(--blauw);
	margin-top: 100px;
	color: #fff;
}

.single-vacature .auteur h3 {
	margin-top: 30px;
}

.single-vacature .auteur figure {
	position: relative;
	clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
	height: 120%;
	bottom: 20%;
	width: 100%;
}

.single-vacature .auteur figure img {
	position: absolute;
	bottom: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.single-vacature .auteur ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.single-vacature .auteur .auteur-naam {
	margin-bottom: 5px;
	display: block;
}

.single-vacature .auteur ul li a {
	color: #fff;
}

.single-vacature .auteur ul li i {
	margin-right: 5px;
	color: #8ebd43;
}

.single-vacature .auteur .button-container {
	margin-top: 10px;
	margin-bottom: 30px;
}

.single-vacature .solliciteer-button, .single-vacature .social-delen {
	margin-top: 20px;
}

.single-vacature .solliciteer-button {
	cursor: pointer;
}

.single-vacature .content ul {
	margin-top: 10px;
	list-style-type: none;
	padding-left: 0;
}

.single-vacature .content ul li:before {
	 font-family: "Font Awesome 5 Free";
	  font-weight: 600;
	  content: "\f00c";
	  color: #8EBD43;
	  margin-right: 7px;
}

.single-vacature aside ul li a {
	color: #000;
}

.single-vacature aside ul li a i {
	color: #8EBD43;
}

.single-vacature .back {
	margin-bottom: 10px;
}
.single-vacature .back a {
	color: #000;
}

.single-vacature .content h3 {
	color: #000;
	font-size: 20px;
}
/* Social Share */

.social-icoon{
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.social-icoon a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
}

.social-share {
	display: inline-block;
}

.social-share .social-icoon:first-child {
	margin-left: 0;
}

.social-icoon.facebook a{
	background: #3b5998;
}

.social-icoon.whatsapp a{
	background: #50c900;
}

.social-icoon.twitter a{
	background: #1da1f2;
}

.social-icoon.linkedin a{
	background: #008cc9;
}

.social-icoon.email a{
	background: #fff;
	color: var(--zwart);
}

/* == VACATURE POPUP == */

.vacature-popup-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

.vacature-popup {
	display: none;
	width: 50%;
	padding: 50px;
	background: #fff;
	z-index: 99999;
	overflow-y: scroll;
	/*height: 300px;*/
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vacature-popup h2 {
	margin-bottom: 20px;
}

.vacature-popup .popup-titel {
	display: inline-block!important;
}

.popup-sluiten {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	font-size: 30px;
}

/* == VACATURE H3 MARGIN FIX == */

.single-vacature h2,.single-vacature h3{
	margin-top: 25px;
}

/* == BREADCRUMB == */

.breadcrumbs {
	margin: 15px 0px;
}

.breadcrumbs a {
	color: var(--blauw);
}

.breadcrumbs a:hover {
	color: var(--blauw);
}

.breadcrumbs .seperator {
	color: #8ebd43;
}

/* == TOOLTIP == */

.tippy-box[data-theme~='goonline'] {
	background: var(--blauw);
	color: var(--wit);
	padding: 5px;
	font-size: 0.9rem;
	max-width:300px;
  }

  /* == SINGLE BLOG == */

.single-blog {
	background:var(--grijs);
	padding:50px 0px;
}
  
.single-blog article {
	background:var(--wit);
	padding:30px 20px;
}

.single-blog h2 {
	font-size:1.6rem;
	color: var(--donkerblauw);
}

.single-blog h3 {
	font-family: 'DINPro Light', sans-serif;
	font-size:1.2rem;
}
  
.single-blog article a {
	color:var(--groen);
	/* text-decoration: underline; */
}

.single-blog .rank-math-breadcrumb {
	margin-bottom:20px;
}

.single-blog aside {
	position: relative;
}
.single-blog aside .sticky {
	position:sticky;
}

.single-blog .gerelateerde-artikelen h3 a, .single-blog .gerelateerde-artikelen .lees-meer-link {
	text-decoration: none;
}

.blog-tekstvak strong {
	font-weight:600;
}

.single-blog .leestijd strong, .single-blog .blog-datum strong {
	font-weight:600;
}

  /* == BLOG INFO == */

  .single-blog .blog-info {
	clear:both;
	overflow:hidden;
	margin:20px 0px;
	font-size:0.9rem;
}
  
  .single-blog h1 {
	color: var(--groen)
  }

  .single-blog .blog-thumbnail {
	margin:0px 0px 30px 0px;
	height:300px;
  }

  .single-blog .auteur {
	color: var(--donkerblauw);
	font-weight: 600;
	margin-bottom:10px;
  }

  .single-blog .auteur a {
	color: var(--donkerblauw);
  }

  .single-blog .auteur a:hover::after {
	all:unset;
  }

  .single-blog .auteur figure {
	height:60px; width:60px;
	border-radius:100%;
	display: inline-block;
	margin-right:5px;
	margin-bottom:10px;
	background: var(--lichtgrijs);
  }

  .single-blog .auteur figure img {
	object-position: center top;
	border-radius:100%;
  }

  .single-blog .info-rij {
	background: var(--grijs);
	padding:10px;
  }

  .single-blog aside .sidebar-box {
	background: var(--wit);
	padding:20px 30px;
	margin-bottom:10px;
  }

  .single-blog aside .sidebar-box h3 {
	color: var(--donkerblauw);
	margin-bottom:10px;
  }

  .single-blog aside .sidebar-box ul {
	margin-bottom:0;
	list-style-type:none;
	padding-left:0;
  }

  .single-blog aside .sidebar-box ul li {
	display:table;
  }

  .single-blog aside .sidebar-box ul li a {
	color: var(--zwart);
	text-decoration: none;
  }

.single-blog .in-dit-artikel li,
.single-blog .in-dit-artikel a {
	text-decoration: none;
	color: var(--zwart)
  }

  .single-blog aside .sidebar-box.delen .social-share {
	border:none!important;
	padding:0;
  }

  .single-blog .inhoudsopgave h3 {
	color: var(--zwart);
  }

  .single-blog .inhoudsopgave a {
	color: var(--zwart);
  }

  /* == BLOG TEKSTVAK == */

  .blog-tekstvak {
	margin:20px 0px;
  }

  /* == BLOG AFBEELDING == */

  .single-blog .blog-afbeelding {
	margin:30px 0px;
  }
  .single-blog .blog-afbeelding figure {
	width:100%;
	height:100%;
  }

/* == SOCIAL SHARE == */

.social-icoon{
	width: 40px;
	height: 40px;
	display:inline-block;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  }
  
  .social-icoon a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
  }
  
  .social-share {
	border-top: 1px solid rgba(156, 156, 156, 0.3);
	padding-top: 20px;
  }
  
  .social-share .social-icoon:first-child {
	margin-left: 0;
  }
  
  .social-icoon.facebook a{
	background: #3b5998;
	color: var(--wit)
  }
  
  .social-icoon.linkedin a{
	background: #008cc9;
	color: var(--wit)
  }

  /* == BLOG OVERZICHT == */

  .blog {
	padding: 50px 0px;
  }

  .blog .search {
	padding: 20px;
  }

  .blog .search .zoek-titel {
	margin-bottom:0;
  }

 .blog-box figure {
	height:300px;
	width:100%;
	margin:0;
  }

.blog-box .blog-info {
	background: var(--blauw);
	color: var(--wit);
	padding:10px 20px;
	margin:0;
  }

.blog-box .blog-info i {
	margin-right:8px;
	color: var(--grijs);
  }

.blog-box .blog-box-inner {
	padding:30px 20px;
	background: var(--wit);
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  }

.blog-box .blog-box-inner p {
	margin:0;
	color: var(--zwart);
  }

.blog-box a {
	color: var(--zwart);
  }

.blog-box a:hover {
	color: var(--zwart);
  }

  .blog-box .blog-thumbnail {
	margin:0;
  }

#CookiebotWidget {
	display:none!important;
}


/* == FAQ == */

.faq {
    position: relative;
    padding: 50px 0px;
}

.faq .sectie-titel {
	color: var(--blauw);
}

.faq .accordion .accordion-button {
	background: var(--grijs);
	border-radius: 0px;
	border:1px solid rgba(0, 0, 0, 0.5)!important;
}
            
.faq .accordion .accordion-button:focus {
	outline:0!important;
}

.faq .accordion .accordion-button:after {
	background: none!important;
	font-family:'Font Awesome 6 Free', sans-serif;
	content:'\f078';
	font-weight: 900;
}
        
.faq .accordion .accordion-button:not(.collapsed){
	background: var(--grijs);
	color: var(--zwart);
	box-shadow: none;
}