/* ======================== RESET ================================== */
* {
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.grecaptcha-badge {
	display: none !important;
	position: absolute !important;
	top: -10000px;
	left: -10000px;
}
main {
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 0;
}
/* ====================== SKIPLINK ============================== */
a.skiplink {
	background-color: #FFF;
	border: 0;
	display: block;
	font-size: 1.3em;
	left: -1000em;
	padding: 0.8em;
	position: absolute;
	z-index: 2000;
	border-radius: 12px;
}
a.skiplink:focus, a.skiplink:focus-visible {
	left: 30px;
	top: 30px;
	position: absolute;
	outline: -webkit-focus-ring-color auto 2px !important;
	outline-offset: 0px !important;
	color: #222;
}

.system-message-container {
	z-index: 1;
}
/* ======================== ALGEMENE STIJLEN ============================== */
body {
	font-family: roboto, sans-serif; 
	font-size: 16px;
	color: #222;
	background-color:#FFF;
	background-position: right top;
	background-repeat: no-repeat;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
p {
	color:#222;
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
	height: auto;
}
ol, ol li, ul,	ul li {
	font-family: roboto, sans-serif; 
	font-size: 16px;
	color: #222;
}
ol {
	color: #222;
	padding-top:20px;
}
ul {
	padding: 0;
	list-style-position: inside;
}
h1,h2,h3,h4,h5 {
	font-family: roboto, sans-serif;
	color: #273371;
	font-weight: 500;
	line-height: 1.4;
}
h1 {
	font-size: 28px;
	color: #273371;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 16px;
}
h2 {
	font-size: 24px;
	color: #273371;
	font-weight: 700;
	margin-bottom: 16px;
}
h3 {
	font-size: 20px;
	color: #273371;
}
h4 {
	font-size: 18px;
	color: #273371;
}
strong {
	font-weight: 700;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	outline: 0 !important;
	color: #273371;
}	
a:hover, a:focus {
	color: #222;
	text-decoration: none;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto thin !important;
    outline-offset: 2px;
}

a.button-link {
	padding: 12px 25px;
	font-size: 16px;
	color: #fff !important;
	background: rgba(39, 51, 113, 1);
	text-decoration: none !important;
	display: inline-block;
	text-align: center;
	border-radius: 8px;
}
a.button-link:hover,
a.button-link:focus,
button.btn:hover,
button.btn:focus {
	
}

a.button-link.button-groen {
	background: rgba(96, 177, 48, 1);
}
a.button-link.button-licht {
	color: #222 !important;
	background: rgba(234, 238, 251, 1);
}

a.button-blok {
	min-width: 120px;
	position: relative;	
	transition: color .2s .2s, background .6s;
}
a.button-link.button-blok:hover,
a.button-link.button-blok:focus {
	color: #ffffff00 !important;
	background: rgba(39, 51, 113, 0);
	transition: color .2s, background .4s .2s;
}
a.button-link.button-blok .button-onder {
	display: flex !important;
}
.button-onder {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(230deg, #5669CE, #5669CE 45%, #7286EA 80%);
	border-radius: 8px;
	z-index: -1;
}
.button-onder-afb {
	flex: 1 1 auto;
	position: relative;
}
.button-onder-afb:before {
	content: '';
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/icoon-button-verbinding.svg);
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-position: center right;
	transition: width 0.3s;
}
a.button-link.button-blok:hover .button-onder-afb:before,
a.button-link.button-blok:focus .button-onder-afb:before {
	width: 100%;
	transition: width 0.3s 0.3s;
}
.button-onder-titel {
	padding: 12px 10px;
	flex: 0 1 auto;
	min-width: 50%;
	min-width: calc(50% + 10px);
	text-align: center;
	color: #fff;
	align-content: center;
}

a.button-link.button-blok.button-groen:hover,
a.button-link.button-blok.button-groen:focus {
	background: rgba(96, 177, 48, 0);
}
.button-groen .button-onder {
	background-image: linear-gradient(230deg, #5FB32F, #5FB32F 45%, #267732 80%);
}

a.button-link.button-blok.button-licht:hover,
a.button-link.button-blok.button-licht:focus {
	color: #2220 !important;
	background: rgba(234, 238, 251, 0);
}
.button-licht .button-onder {
	background-image: linear-gradient(230deg, #ffffff, #ffffff 45%, #EAEEFB 80%);
}
.button-licht .button-onder .button-onder-titel {
	color: #222;
}
.button-licht .button-onder-afb:before {
	background-image: url(../images/icoon-button-verbinding-blauw.svg);
}



#maincontent a span.external::after {
	font-family: 'Font Awesome 6 Free';
	content: "\f08e";
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: 900;
}
#maincontent a span.external {
	text-decoration: none;
	display: inline-block;
}
#maincontent {
	padding-top: 140px;
	margin-top: -100px;
}
.wrapper-kruimelpad + #maincontent {
	padding-top: 100px;
}

#sk_home #maincontent {
		padding-top: 0;
		margin: 0;
}
#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#maincontent ul,
main p {
	max-width: 850px;
}

.wrapper-kruimelpad {
    padding-top: 8px;
}

p.hidden {
	display: none;
	position: absolute;
	top: -1000px;
	left: -1000px;
}
.anchor-hidden {
	position: absolute;
	height: 0;
	width: 0;
	opacity: 0;
	margin-top: -100px;
}
.g-6, .gx-6 {
	--bs-gutter-x: 4rem;
}
.g-7, .gx-7 {
	--bs-gutter-x: 5rem;
}
.g-8, .gx-8 {
	--bs-gutter-x: 6rem;
}
.g-9, .gx-9 {
	--bs-gutter-x: 7rem;
}
.g-10, .gx-10 {
	--bs-gutter-x: 8rem;
}
.mb-6 {
	margin-bottom: 4rem;
}
.mb-7 {
	margin-bottom: 5rem;
}
.mb-8 {
	margin-bottom: 6rem;
}
.mb-9 {
	margin-bottom: 7rem;
}
.mb-10 {
	margin-bottom: 7rem;
}
.mt-6 {
	margin-top: 4rem;
}
.mt-7 {
	margin-top: 5rem;
}
.mt-8 {
	margin-top: 6rem;
}
.mt-9 {
	margin-top: 7rem;
}
.mt-10 {
	margin-top: 8rem;
}

.hover-moveup:hover > div,
.referenties .owl-item:hover > .card {
	transform: translateY(-12px);
}


/* ========================= FORMULIEREN (RSFORMS!) =========================== */
article .formError {
	color: #D50918;
	font-size: 12px;
}
article .formRed {
	color: #D50918;
}
/* ======================== HEADER NAVIGATION ======================== */
.navbar {
	min-height: 93px;
	border-bottom: 15px solid #273371;
	padding: 15px 0;
}

.navbar > .container {
	position: relative;
	justify-content: end;
}

.navbar-brand {
	position: absolute;
	top: 0;
	left: 12px;
}
.navbar-brand img {
	width: 340px;
	transition: margin 0.8s, width 0.8s;
}
.navbar-brand.shrink img {
	width: 200px;
	margin-top: -15px;
}

.navbar-brand-hoek {
	width: 50vw;
	height: 140px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	border-bottom: 15px solid #273371;
	z-index: -1;
	pointer-events: none;
	transition: height 0.8s;
}
.navbar-brand-hoek:before {
	content: '';
	bottom: -15px;
	right: -320px;
	width: 820px;
	height: 207px;
	position: absolute;
	background: url(../images/brand-hoek.svg) no-repeat;
	background-size: auto 222px;
	background-position: bottom right;
	z-index: -3;
}
.navbar-brand-hoek:after {
	content: "";
	position: absolute;
	height: 84px;
	width: 60vw;
	top: -23px;
	right: -300px;
	background: #ffffff;
	z-index: -2;
}

.shrink .navbar-brand-hoek {
	height: 68px;
}

.navbar-nav .nav-link {
	color: #222;
}
.navbar-nav .item-134 .nav-link {
    color: #fff !important;
    background: #273371;
    border-radius: 8px;
    padding: 10px 30px !important;
    margin: 0 10px;
}

.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-link.active {
	color: #222;
}

#navbarDropdownSearch.dropdown-toggle::after {
	display: none;
	content: none;
}

.dropdown-menu {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 10px 0px;
	border-color: rgba(0, 0, 0, 0.175);
	border: 0;
	border-radius: 0 0 8px 8px;
	margin-top: 12px !important;
}
/* Zoeken in dropdown */
.navbar .dropdown-menu form .awesomplete {
	display: block;
	width: 100%;
}
.navbar .dropdown-menu form button {
	position: absolute;
	right: 0;
}
@media (min-width: 1200px) {
	.navbar-nav .nav-link {
		padding: 8px 20px;
	}

}
@media (max-width:1199px) {
	.navbar-brand img {
		width: 240px;
	}
	.navbar-brand-hoek {
		height: 110px;
	}
}
@media (max-width:991px) {
	.navbar {
		min-height: auto;
		border-bottom: 10px solid #273371;
	}
	.navbar-brand img, .navbar-brand.shrink img {
		margin-top: -15px;
		width: 140px;
		background: #fff;
	}
	.navbar-brand-hoek {
		display: none;
	}
	.navbar-toggler {
		border: 0px;
		border-radius: 0;
		color: #222;
		padding: 0;
		align-self: center;
	}
	.navbar-toggler:hover {
		color: #273371;
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.navbar-toggler:focus-visible {
		outline: 3px solid #4c3d6d !important;
		outline-offset: 3px;
	}
	.navbar-toggler i {
		font-size: 1.5em;
	}
	.navbar-toggler.collapsed .fa-bars {
		display: block;
	}
	.navbar-toggler .fa-bars {
		display: none;
	}
	.navbar-toggler.collapsed .fa-times {
		display: none;
	}
	.navbar-toggler .fa-times {
		display: block;
	}
	#navbarNavDropdown {
		padding-top: 10px;
		overflow: auto;
		max-height: calc(100vh - 60px);
	}
	#navbarNavDropdown .dropdown-menu {
		box-shadow: none;
		border:0;
		margin:0 0 0 15px;
	}
	#navbarNavDropdown .dropdown-menu a::before {
		content: "\f054";
		font-family: 'Font Awesome 6 Free';
		font-size: 14px;
		padding-right: 10px;
		display: inline-block;
		font-weight: 900;
	}
	/* Zoeken in hamburger */
	#navbarNavDropdown .item-search {
		margin-top: 15px;		
	}
	#navbarNavDropdown .awesomplete {
		width: 100%;
		display: block;
	}
	#navbarNavDropdown .btn.btn-primary {
		position: absolute;
		right: 0;
	}
	.navbar-nav .item-134 .nav-link {
		margin: 0;
	}
}
/* ========================= HEADER/SLIDER ======================= */
.slider {
	position: relative;
}
.slider .owl-nav {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: +1000;
}
.slider .owl-next {
	position: absolute;
	right: 20px;
	height: 100%;
	color: white !important;
}
.slider .owl-prev {
	position: absolute;
	left: 20px;
	height: 100%;
	color: white !important;
}
.slider .owl-next span, .slider .owl-prev span {
	font-size: 2em;
}
.slider .carousel-caption {
	left: 0%;
	right: 0%;
}
.slider .carousel-caption p.titel {
	font-size: 28px;
	color: #000;
	font-weight: 700;
	text-shadow: none;
	background: rgba(255, 255, 255, .5);
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0rem;
	text-align: left;
}
.slider .carousel-caption p.ondertitel {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	text-shadow: none;
	margin-bottom: 0rem;
	background: rgba(255, 255, 255, .5);
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: .5rem;
	text-align: left;
}
@media (max-width:991px) {
	.slider .carousel-caption p.titel {
		font-size: 24px;
	}
	.slider .carousel-caption p.ondertitel {
		font-size: 18px;
	}
}
@media (max-width:767px) {
	.slider .carousel-caption p.titel {
		font-size: 20px;
	}
	.slider .carousel-caption p.ondertitel {
		font-size: 16px;
	}
	.carousel-caption {
		bottom: .25rem;
	}
}

.referenties .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    margin: -5px -10px;
    padding: 5px 10px;
}
.referenties .owl-stage {
	display: flex;
}

.referenties .owl-item img {
    width: auto !important;
    max-height: 100px;
    margin: auto;
  	padding: 13px;
}
.slide-image {
	min-height: 100px;
	margin-bottom: 25px;
}
.referenties .owl-item .card {
	padding: 20px 30px 12px 20px;
	background: linear-gradient(225deg, transparent 50px, white 50px, white);
    filter: drop-shadow(2px 3px 5px #9996);
}

.klanten .owl-stage {
	display: flex;
}
.klanten .owl-item {
    margin: auto;
}

.owl-dots {
	margin-top: 30px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-dots .owl-dot {
    display: inline-block;
    zoom:1
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #EBEEFB;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background: #273371
}


/* ========================= HEADER/RANDOM IMAGE ======================= */
.header-image {
	position: relative;
	width: 100%;
	height: 20vw;
	min-height: 180px;
}
.header-image .random-image {
	width: 100%;
	height: 20vw;
	min-height: 180px;
	background-size: cover;
	background-position: center center;
	position: fixed;
	z-index: -1;
}

.header-image.header-home {
	height: 34vw;
	min-height: 320px;
}
.header-image.header-home .random-image {
	height: 34vw;
	min-height: 320px;
	background-position: 50% 85%;
}

.header-achtergrond-icoon .container {
	position: relative;

}
.header-achtergrond-icoon .container:before {
	content: "";
	position: absolute;
	width: 420px;
	height: 154px;
	background-image: url(../images/achtergrond/header.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -42px;
	right: 100%;
	z-index: 1;
}
#sk_home .header-achtergrond-icoon .container:before {
	background-image: url(../images/achtergrond/header-home.svg);
}

/* ========================= HEADER/BLOKKEN ======================= */
.moduletable.home-contact-blok {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mod-custom.home-contact-blok {
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translate(100%, -50%);
	max-width: 650px;
	width: 55vw;
	background: #fff;
	padding: 40px 60px 0 60px;
	border-radius: 8px;
	animation: 0.8s 1s 1 contactSlide forwards;
	z-index: 2;
}
.mod-custom.home-contact-blok p {
	font-size: 18px;
}

.home-contact-blok h1.home-contact-titel {
	font-size: 28px;
	color: #273371;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.4;
	margin-bottom: 15px;
}
.home-contact-blok span.home-contact-sinds {
	font-size: 12px;
}

@keyframes contactSlide {
	0% {
		transform: translate(100%, -50%);
	}
	100% {
		transform: translate(0, -50%);
	}
}
@keyframes contactSlideMobiel {
	0% {
		transform: translate(100%, -50%);
	}
	100% {
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 991px) {
	.mod-custom.home-contact-blok {
		left: 50%;
		transform: translate(100%, -50%);
		width: 96vw;
		animation: 0.8s 1s 1 contactSlideMobiel forwards;
	}
}

@media (max-width: 767px) {
	.mod-custom.home-contact-blok p {
		font-size: 16px;
	}
	.home-contact-blok h1.home-contact-titel {
		font-size: 24px;
	}
	.home-contact-blok span.home-contact-sinds {
		font-size: 11px;
	}
}

@media (max-width: 575px) {
	.mod-custom.home-contact-blok p {
		font-size: 15px;
	}
	.home-contact-blok h1.home-contact-titel {
		font-size: 20px;
	}
	.home-contact-blok span.home-contact-sinds {
		font-size: 10px;
	}
}


.mod-custom-contact-icoon {
    position: fixed;
    top: 115px;
    right: 25px;
    z-index: 1200;
    filter: drop-shadow(2px 3px 5px #9996);
    will-change: filter;
}

button.contact-icoon-button {
    border-radius: 50%;
    border: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #4B59A4ff;
    font-size: 28px;
    padding: 0px;
}
.open button.contact-icoon-button {
    color: #4B59A400;
    transition: color 1s;
}

button.contact-icoon-close-button {
    position: absolute;
	top: -25px;
	right: -25px;
    border-radius: 50%;
    border: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #4B59A4;
    font-size: 24px;
    padding: 0px;
    opacity: 0;
    transition: opacity 0s 0s;
}
.open button.contact-icoon-close-button {
	opacity: 1;
    transition: opacity 0.5s 0.3s;
}

button.contact-icoon-button::after {
	content: none;
	display: none;
}
.contact-icoon {
    background: #fff;
    color: #222;
    position: absolute;    
    top: 50%;
    right: 50%;
    font-size: 18px;
    border-radius: 8px 25px 8px 8px;
    min-height: 40px;
    min-width: 40px;
}


.contact-icoon > div {
    padding: 25px 30px;
    position: relative;
    z-index: 0;
    text-align: right;
}
.contact-icoon-titel {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #273371;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    text-align: right;
	white-space: nowrap;
}
.contact-icoon .button-link {
	white-space: nowrap;
}

@media (max-width: 991px) {
	.mod-custom-contact-icoon {
		top: 80px;
		right: 10px;
	}
}
@media (max-width: 450px) {
	.mod-custom-contact-icoon {
		display: none;
	}
}


/* ================================= ZOEKEN ======================== */

.mod-finder__search .form-control,
#search-form .form-control {
	background: #EBEEFB;
	border-radius: 8px;
}
.mod-finder__search button.btn-primary,
#search-form button.btn-primary {
	padding: 10px 20px;
	background: #273371 !important;
	border: 0;
	border-radius: 0 8px 8px 0;
}

.btn.btn-primary.zoek {
	display: block;
	background: transparent;
	border: 0;
	font-size: 18px;
	padding: 0 17px;
}
.btn.btn-primary.zoek:focus {
	box-shadow: none;
}
.btn.btn-primary.zoek.collapsed i {
	color: #0C2D3F;
}
.btn.btn-primary.zoek:hover i, .btn.btn-primary.zoek i {
	color: #006996;
}
#zoeken-desktop {
	position: absolute;
	top: 70px;
	right: 0px;
	background: white;
	width: 500px;
	z-index: 1;
	transition: all .2s ease-in-out;
}
#zoeken-desktop form {
	padding: 25px;
}
#zoeken-desktop label {
	display: none;
}
#zoeken-desktop input {
	border:0px;
	border-bottom: 2px solid #273371;
	border-radius: 0;
	height: 100%;
}
#zoeken-desktop input:focus {
	border-color: #006996;
}
#zoeken-desktop .btn {
	background: #273371;
	border: 2px solid #273371;
	border-radius: 0px;
	color: #FFFFFF;
	padding: .5rem 1rem;
	margin-left: 10px;
	transition: all .25s ease-in-out;
}
#zoeken-desktop .btn:hover {
	background: white !important;
	border-color: #273371 !important;
	color: #273371 !important;
	transition: all .25s ease-in-out;
}
#zoeken-desktop .btn:focus {
	box-shadow: none;
}
#zoeken-desktop .awesomplete {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.awesomplete > ul {
	background: white;
	border-radius: 0;
	margin: 0;
}
.search-mobile .awesomplete {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.search-mobile form {
	width: 80%;
	margin: 10px auto 20px;
}
.search-mobile form label {
	display: none;
}
.search-mobile input {
	border:0px;
	border-bottom: 2px solid #273371;
	border-radius: 0;
	height: 100%;
}
.search-mobile input:focus {
	border-color: #006996;
}
.search-mobile .btn {
	background: #273371;
	border-radius: 0px !important;
	color: #FFFFFF;
	border: 2px solid #273371;
	padding: .5rem 1rem;
	margin-left: 10px !important;
	transition: all .25s ease-in-out;
	display: block;
}
.search-mobile .btn:hover {
	background: white !important;
	border-color: #273371 !important;
	color: #273371 !important;
	transition: all .25s ease-in-out;
}
.search-mobile .btn:focus {
	box-shadow: none;
}
@media (max-width: 767px) {
	.search-mobile form {
		width:100%;
	}
}

#zoek-artikelen form {
	background: white;
}
#zoek-artikelen label {
	display: none;
}
#zoek-artikelen input {
	border:0px;
	border-radius: 0;
	height: 100%;
	padding: .375rem 0 .375rem 1rem;
}
#zoek-artikelen input:focus {
	border-color: #006996;
}
#zoek-artikelen .btn {
	background: #006996;
	border-radius: 0px;
	color: #FFFFFF;
	border: 1px solid #006996;
	padding: 8px 30px 6px 30px;
	margin-left: 10px;
	transition: all .25s ease-in-out;
}
#zoek-artikelen .btn:hover {
	background: #144968;
	color: white !important;
	border-radius: 0;
	transition: all .25s ease-in-out;
}
#zoek-artikelen .btn:focus {
	box-shadow: none;
}
#zoek-artikelen .awesomplete {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}



/* ================================= HEADER AFBEELDINGEN =================== */
.wrapper-header-jumbotron {
	position: relative;
}
.wrapper-header-jumbotron img {
	width: 100%;
	height: auto;
}
.wrapper-header-jumbotron .foreground-wave {
	position: absolute;
	bottom: -1px;
	right: 0px;
	width: 30%;
}
@media (max-width: 767px) {
	.wrapper-header-jumbotron .foreground-wave {
		display: none;
	}
	.wrapper-header-jumbotron img {
		width: auto;
		height: 100px;
	}
}
/* =============================== ALGEMEEN BLOG =========================== */
.blog .category-desc {
	margin-bottom: 40px;
}

.com-content-category-blog .col {
	position: relative;
}
.com-content-category-blog .col > .d-flex,
.com-content-category-blog .col .hover-moveup > .d-flex  {
	background: linear-gradient(225deg, transparent 50px, white 50px, white);
    filter: drop-shadow(2px 3px 5px #9996);
	will-change: filter;
}

.com-content-category-blog .col .a-icoon {
	position: absolute;
	width: 50px;
	height: 100%;
	left: -10px;
	bottom: 50%;
	background-image: url(../images/achtergrond/steeltje.svg);
	background-repeat: no-repeat;
	background-size: 585px;
	background-position: bottom left;
	z-index: -1;
	pointer-events: none;
}
.com-content-category-blog .col .a-icoon:before {
	content: "";
	position: absolute;
	width: 29px;
	height: 29px;
    left: -11px;
	top: -28px;
	background-image: url(../images/achtergrond/bolletje.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.com-content-category-blog .col .a-icoon.a-even {
	left: auto;
    right: -10px;
    transform: scaleX(-1);
}
.hover-moveup {
	height: 100%;
  	margin: 25px 0 25px 0;
}
.hover-moveup:hover > .a-icoon.a-even {
	transform: scaleX(-1) translateY(-12px);
}

#sk_projecten .com-content-category-blog .col .a-icoon {
	left: auto;
    right: -10px;
    transform: scaleX(-1);
}
#sk_projecten .com-content-category-blog .col .a-icoon.a-even  {
	left: -10px;
    right: auto;
    transform: scaleX(1);
}
#sk_projecten .hover-moveup:hover > .a-icoon {
	transform: scaleX(-1) translateY(-12px);
}
#sk_projecten .hover-moveup:hover > .a-icoon.a-even  {
	transform: scaleX(1) translateY(-12px);
}

.com-content-category-blog .item-image {
    flex: 0 0 auto;
    width: 35%;
    background-size: cover;
    background-position: center;
    object-fit: contain;
}
.com-content-category-blog .col:nth-of-type(even) .item-image {
	order: 1;
	mask-image: linear-gradient(225deg, transparent 50px, white 50px, white);
}
.com-content-category-blog .item-content {
    padding: 50px 25px 35px 50px;
}
.com-content-category-blog .col:nth-of-type(even) .item-content {
    padding: 50px 50px 35px 25px;
}
.com-content-category-blog .col .item-footer {
	margin-top: 25px;
}
.com-content-category-blog .col:nth-of-type(odd) .item-footer {
	text-align: right;
}

@media (max-width: 991px) {
	.com-content-category-blog .col {
	    max-width: 600px;
	}
	.com-content-category-blog .col > .d-flex,
	.com-content-category-blog .col .hover-moveup > .d-flex {
		flex-direction: column;
	}
	.com-content-category-blog .col .item-image {
		flex: 1 1 auto;
		width: 100%;
		order: 0 !important;
		mask-image: linear-gradient(225deg, transparent 50px, white 50px, white);
	}
	.com-content-category-blog .item-content {
	    padding: 35px 25px 35px 25px !important;
	}
	.com-content-category-blog .col:nth-of-type(odd) .item-footer {
		text-align: left;
	}
}

.blog-items,
.article-vacature,
.article-default {
	position: relative;
}
.blog-items .connection-bg,
.article-vacature .connection-bg {
    position: absolute;
    height: 90%;
    height: calc(100% - 20px);
    max-height: 400px;
    width: auto;
    aspect-ratio: 1;
    left: calc((101vw + 100%) / 2 - 26vw);
    top: -60px;
    transform: translateX(-50%);
}
.blog-items .connection-bg:before,
.article-vacature .connection-bg:before {
    content: "";
    position: absolute;
    background-image: url(../images/connection-bg.svg);
    width: 100vw;
    min-width: 450px;
    height: 100%;
    background-size: auto 100%;
    background-position: bottom left;
    bottom: 0;
    left: -30%;
    opacity: 0.07;
}

.article-vacature .connection-bg {
	top: 20px;
}
#sk_werken-bij-mkse .blog-items .connection-bg,
#sk_werken-bij-mkse .blog-items .connection-bg:before {
	content: none;
	display: none;
}

.article-default:before {
	content: "";
	position: absolute;
	width: 621px;
	height: 305px;
	background-image: url(../images/achtergrond/achtergond-artikel.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -98%;
	left: 920px;
	z-index: -1;
	pointer-events: none;
	opacity: 0.2;
}
@media (max-width: 991px) {
	.article-default:before {
		left: auto;
		right: -650px;
	}
}


/* ============================ WAT DOEN WE PAGINA ========================= */
.iconen-blog {
    padding: 20px 0 70px 0;
    position: relative;
  	margin-bottom: -50px;
	margin-top: 50px;
}
.iconen-blog:before {
    content: "";
    position: absolute;
    width: 102vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F4F8FB;
    background-image: url(../images/balk-wit-onder.svg);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: right 26vw bottom -1px;
}

.iconen-blog .connection-bg {
    position: absolute;
    height: 80%;
    height: calc(100% - 110px);
    width: auto;
    aspect-ratio: 1;
    left: calc((101vw + 100%) / 2 - 26vw);
    bottom: 60px;
    transform: translateX(-50%);
}
.iconen-blog .connection-bg:before {
    content: "";
    position: absolute;
    background-image: url(../images/connection-bg.svg);
    width: 100vw;
    height: 100%;
    background-size: auto 100%;
    background-position: bottom left;
    bottom: 0;
    left: -30%;
    opacity: 0.07;
}

.iconen-cirkel {
	flex: 0 0 50%;
	min-width: 500px;
}

.iconen-cirkel-item {
	margin-bottom: 30px;
    position: relative;
}

.iconen-cirkel-item.icoon-1 {
    flex: 1 0 100%;
    text-align: center;
}
.iconen-cirkel-item.icoon-2 {
    flex: 1 0 auto;
    min-width: 30%;
    text-align: right;
}
.iconen-cirkel-item.icoon-3 {
    flex: 1 0 auto;
    min-width: 30%;
    text-align: left;
}
.iconen-cirkel-item.icoon-4 {
    flex: 1 0 50%;
    text-align: right;
}
.iconen-cirkel-item.icoon-5 {
    flex: 1 0 50%;
    text-align: left;
}
.iconen-cirkel-middentekst {	
    font-size: 28px;
    color: #273371;
    font-weight: 700;
    font-family: roboto, sans-serif;
    line-height: 1.4;
    text-align: center;
    padding: 25px 5px;
}
.iconen-cirkel-item .d-inline-block {
	position: relative;
    padding: 5px 45px;
}
.iconen-cirkel-item a {
    text-decoration: none;
}
.iconen-cirkel-item svg {
    width: 80px;
    display: inline-block;
    overflow: visible;
}
.iconen-cirkel-item svg g {
	transform-box: fill-box;
	transform-origin: bottom left;
	transition: transform 0.2s;
}
.iconen-cirkel-item a:hover svg g {
	transform: scale(1.25);
}
.iconen-cirkel-item a span {
	color: #222;
    position: absolute;
    bottom: -25px;
    left: 50%;
    display: block;
    width: max-content;
    transform: translateX(-50%);
    transition: text-shadow 0.4s;
}
.iconen-cirkel-item a:hover span {
	text-shadow: 0px 0px 1px #222222aa;
}
/*.iconen-cirkel:hover {
    transform: rotate(-5deg);
    transform-origin: center;
}
.iconen-cirkel:hover .iconen-cirkel-middentekst,
.iconen-cirkel:hover .iconen-cirkel-item .d-inline-block {
    transform: rotate(5deg);
    transform-origin: center center;
}

.iconen-cirkel,
.iconen-cirkel .iconen-cirkel-middentekst,
.iconen-cirkel .iconen-cirkel-item .d-inline-block {
	transition: transform 1s 0.5s;
}*/

.iconen-cirkel .iconen-cirkel-middentekst,
.iconen-cirkel .iconen-cirkel-item .d-inline-block {
	transform: rotate(0deg);
	animation: 14s draai infinite;
}
.iconen-cirkel {
	transform: rotate(360deg);
	/*animation: 14s draaianders infinite;*/
}
.iconen-cirkel:hover,
.iconen-cirkel:hover .iconen-cirkel-middentekst,
.iconen-cirkel:hover .iconen-cirkel-item .d-inline-block{
	animation-play-state: paused;
}


/*@keyframes draai {
	90% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes draaianders {
	0% {
		transform: rotate(360deg);
	}
	90% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}*/

@media (max-width: 991px) {
	.iconen-cirkel {
		/*zoom: 0.9;*/
		transform: scale(0.9);
		transform-origin: left center;
		margin-right: -50px;
	}

}

.iconen-items {
	position: relative;
	flex: 1 1 auto;
}
.iconen-items .card {
	position: absolute;
    width: 100%;
    height: auto;
    max-width: 350px;
    padding: 30px 25px;
	top: 50%;
	left: 50%;
    background: linear-gradient(225deg, transparent 50px, white 50px, white);
    filter: drop-shadow(2px 3px 5px #9996);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    z-index: 0;
    transition: opacity 0.8s;
}
.iconen-items .card.show {
	z-index: 1;
	opacity: 1;
	transition: opacity 0.8s 0.4s;
	will-change: filter;
}

.iconen-items .card .card-img-top {
	max-width: 90px;
}

.accordion-button img {
	max-width: 60px;
	padding-right: 15px;
}

/* ============================ OVER MKSE ========================= */
.over-blog .card {
	position: relative;
	cursor: pointer;
	border-radius: 15px;
	max-width: 250px;
}
.over-blog .card-body {
	padding: 15px;
	aspect-ratio: 1;
	text-align: center;
	align-content: center;
}
.over-blog .card-body img {
	max-width: 150px;
}
.over-blog .card-body h3 {
	color: #222;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 15px;
}

.over-blog .card-hover {
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 15px;
    transform: scale(0);
    transform-origin: 50% 50%;
    align-content: center;
    text-align: center; 
    background: radial-gradient(at 70% 80%, #B9C5F8, #E7E8F2 140%);
    opacity: 0;
    transition: opacity .2s, transform .6s .1s;
}
.over-blog .card:hover .card-hover,
.over-blog .card:focus .card-hover {
	display: block;
	opacity: 1;	
    width: 100%;
    height: 100%;
    transform: scale(1);
}
.over-blog .card .card-hover * {
	margin-bottom: 0;
}

.kies-voor-mkse {
    position: relative;
    padding: 30px 0 100px;
    margin-top: -5px;
}
.kies-voor-mkse:before {
    content: "";
    position: absolute;
    width: 102vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F4F8FB;
    background-image: url(../images/balk-wit-onder.svg);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: right 26vw bottom -1px;
    z-index: -1;
}
.kies-voor-mkse .connection-bg {
	position: absolute;
    height: 80%;
    height: calc(100% - 200px);
    max-height: 160vw;
    width: auto;
    aspect-ratio: 1;
    left: calc((101vw + 100%) / 2 - 26vw);
    bottom: 60px;
    transform: translateX(-50%);
}
.kies-voor-mkse .connection-bg:before {
    content: "";
    position: absolute;
    background-image: url(../images/connection-bg.svg);
    width: 160vw;
    height: 100%;
    background-size: auto 100%;
    background-position: bottom left;
    bottom: 0;
    left: -30%;
    opacity: 0.07;
}

.view-category.layout-sitestormover #maincontent {
	margin-bottom: 0;
}


/* ================================= WERKEN BIJ MKSE ============================== */
#sk_werken-bij-mkse .com-content-category-blog .item-image {
	mask-image: linear-gradient(225deg, transparent 50px, white 50px, white);
	width: 55%;
	order: 1;
}
#sk_werken-bij-mkse .com-content-category-blog .col:nth-of-type(even) .item-image {
	mask-image: none;
	order: 0;
}
#sk_werken-bij-mkse .com-content-category-blog .item-content {
    padding: 50px 25px 35px 50px;
    text-align: left;
}
#sk_werken-bij-mkse .com-content-category-blog .col:nth-of-type(odd) .item-content {
    padding: 50px 50px 35px 25px;
    text-align: right;
}


@media (max-width: 991px) {
	#sk_werken-bij-mkse .com-content-category-blog .col .item-image {
		width: 100%;
		order: 0;
	}
	#sk_werken-bij-mkse .com-content-category-blog .col:nth-of-type(odd) .item-content {
		text-align: left;
	}
}

.moduletable.vacatures-skiplink {
    text-align: center;
    padding: 30px 15px;
    background-color: #EBEEFB;
	background-image: url(../images/achtergrond/ga-naar-vacatures-links.svg), url(../images/achtergrond/ga-naar-vacatures-rechts.svg) ;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top left, top right;
}
.moduletable.vacatures-skiplink a.button-link {
	padding: 12px 40px;
}
.moduletable.vacatures-skiplink a.button-link:hover {
	background-image: linear-gradient(230deg, #5A6BBE, #141A39 80%);
}

.mod-vacatures .button-link {
	width: 80%;
	min-width: 220px;
}

.mod-vacatures.row {
	position: relative;
}

.mod-vacatures .a-icoon {
    position: absolute;
    width: 50px;
    height: 55%;
    left: -25px;
    bottom: 35px;
    background-image: url(../images/achtergrond/steeltje.svg);
    background-repeat: no-repeat;
    background-size: 585px;
    background-position: bottom left;
    z-index: -1;
    pointer-events: none;
}
.mod-vacatures .a-icoon:last-child {
	left: auto;
    right: -25px;
    transform: rotate(180deg);
    top: 100px;
    bottom: auto;
}
.mod-vacatures .a-icoon:before {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    left: -11px;
    top: -28px;
    background-image: url(../images/achtergrond/bolletje.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 991px) and (min-width: 768px)  {
	.mod-vacatures .a-icoon {
		width: 300px;
	}
}

@media (max-width: 767px) {
	.moduletable.vacatures-skiplink {
		background-position: top left -550px, top right -340px;
	}
}
/* ================================= FORMS/Solliciteren pagina ============================== */
.form-control,
.form-select {
	padding: 10px 20px;
	border: 0;
}
.solliciteren-forms .mb-3.rsform-block.rsform-type-textbox,
.mb-3.rsform-block.rsform-type-phonenumber,
.mb-3.rsform-block.rsform-type-birthday {
	margin-bottom: 30px !important;
}
.solliciteren-forms .mb-3.rsform-block:last-child {
	margin-bottom: 0 !important;
}
.solliciteren-forms .col-md-6 {
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	.solliciteren-forms .formContainer > .row {
		--bs-gutter-x: 3rem;
		--bs-gutter-y: 3rem;
	}
}
.CV-uploaden > a,
.online-solliciteren > a {
	text-decoration: none !important;

}
.solliciteren-forms h2 {
	font-size: 28px;
    color: #273371;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.solliciteren-forms h2:after {
	content: "";
    width: 26px;
    height: 20px;
    display: inline-block;
    color: #DD2764;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpolygon points='5,0 10,8 0,8' fill='%23273371'/%3E%3C/svg%3E%0A");
    transform: rotate(180deg);
    transition: transform 0.5s;
}
.solliciteren-forms .collapsed h2:after {
	transform: rotate(0deg);
}
@media (max-width: 767px) {
	.solliciteren-forms h2 {
		font-size: 24px;
	}
}
.CV-uploaden,
.online-solliciteren {
	position: relative;
	padding: 90px 0 0 0;
	margin-bottom: 30px;
}
.CV-uploaden .form-wrapper form,
.online-solliciteren .form-wrapper form {
	padding: 20px 50px 90px 50px;
}

.CV-uploaden:before,
.online-solliciteren:before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 50%;
	min-height: 160px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F4F8FB;
	background-image: url(../images/balk-wit-boven.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left 46vw top -1px;	
	background-position: left calc(50vw - 120px) top -1px;
	z-index: -1;
}
.CV-uploaden:after,
.online-solliciteren:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F4F8FB;
    background-image: url(../images/balk-wit-onder.svg);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: right 46vw bottom -1px;    
    background-position: right calc(50vw + 10px) bottom -1px;
    z-index: -2;
}

.CV-uploaden .col-md-6,
.online-solliciteren .col-md-6 {
	display: flex;
	flex-direction: column;
}
.CV-uploaden .col-md-6 .rsform-type-fileupload,
.online-solliciteren .col-md-6 .rsform-type-fileupload {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
.rsform-type-fileupload .formControls {
	flex: 1 0;
	position: relative;
	height: 100%;
	min-height: 100px;
	background: #fff;
	border-radius: 10px;
}

.rsform-type-fileupload .form-control[type=file] {
	border: 3px dashed #ddd;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 98%;
	width: calc(100% - 12px);
	height: 90%;
	height: calc(100% - 12px);
	transform: translateX(-50%) translatey(-50%);
	text-align-last:center;
    align-content: center;
	opacity: 0;
	z-index: 0;
}
.rsform-type-fileupload .form-control[type=file].hasfiles {
    z-index: 1;
    opacity: 1;
}
.rsform-type-fileupload .formControls .kies-bestand-tekst {
	border: 3px dashed #ddd;
	border-radius: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 98%;
	width: calc(100% - 12px);
	height: 90%;
	height: calc(100% - 12px);
	transform: translateX(-50%) translatey(-50%);
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
}
.rsform-type-fileupload .formControls .kies-bestand-tekst i {
	color: #273371;
	font-size: 30px;
	margin-bottom: 5px;
	opacity: 0.37;
}
.rsform-type-fileupload .formControls .kies-bestand-tekst span {
	color: #383838;
	font-weight: 400;
	opacity: 0.66;
	line-height: 1.3;
}
.rsform-type-fileupload .formControls .kies-bestand-tekst span:last-child {
	color: #273371;
	font-weight: 500;
}
.rsform-type-fileupload .form-control[type=file]::file-selector-button {
	opacity: 0;
	display: none;
}
.rsform-type-fileupload .formControls .formValidation {
    z-index: 3;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10px;
}
button.rsform-submit-button {	
	padding: 12px 25px;
	font-size: 16px;
	color: #fff !important;
	background: rgba(39, 51, 113, 1);
	text-decoration: none !important;
	display: inline-block;
	text-align: center;
	border: 0;
	border-radius: 8px;
	min-width: 220px;
	position: relative;	
	transition: color .2s .2s, background .6s;
}

button.button-blok:hover,
button.button-blok:focus {
	color: #ffffff00 !important;
	background: rgba(39, 51, 113, 0);
	transition: color .2s, background .4s .2s;
}
button.button-blok .button-onder {
	display: flex !important;
}

button.button-blok:hover .button-onder-afb:before,
button.button-blok:focus .button-onder-afb:before {
	width: 100%;
	transition: width 0.3s 0.3s;
}

button.rsform-reset-button {
    background: transparent !important;
    color: #273371 !important;
    text-decoration: underline;
    border: 0;
    padding: 12px 25px;
}
button.rsform-reset-button:hover {
    text-decoration: none;
}

.CV-uploaden .rsform-type-submitbutton .formControls,
.online-solliciteren .rsform-type-submitbutton .formControls,
.CV-uploaden .rsform-block-captcha-uitleg,
.online-solliciteren .rsform-block-captcha-uitleg {
	text-align: center;
}

.rsfp_thankou_popup_close_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
    width: 28px;
    text-align: center;
}


.CV-uploaden .rsform-block,
.online-solliciteren .rsform-block {
	position: relative;
}

.CV-uploaden .a-icoon,
.online-solliciteren .a-icoon {
	position: absolute;
	width: 50px;
	height: 200%;
	height: calc(200% + 50px);
	left: -35px;
	top: 52px;
	top: calc(50% + 14px);
	background-image: url(../images/achtergrond/steeltje.svg);
	background-repeat: no-repeat;
	background-size: 585px;
	background-position: bottom left;
	z-index: -1;
	pointer-events: none;
	transform: scaleY(-1);
}
.CV-uploaden .a-icoon:before,
.online-solliciteren .a-icoon:before {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    left: -11px;
    top: -28px;
    background-image: url(../images/achtergrond/bolletje.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.CV-uploaden .col-md-6:last-child .a-icoon,
.online-solliciteren .col-md-6:last-child .a-icoon {
	left: auto;
	right: -35px;
	transform: scale(-1);
}

.CV-uploaden .rsform-block-bericht .a-icoon {
	height: 50%;
}

div#online-solliciteren:after {
    content: "";
    position: absolute;
    width: 280px;
    height: 151px;
    background-image: url(../images/achtergrond/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: -265px;
    pointer-events: none;
    transform: scaleY(-1);
    opacity: 0;
}
div#online-solliciteren.show:after {
    opacity: 1;
}

/* ================================= CONTACT ============================== */
.contact-formulier .form-control {
	background: #EBEEFB;
}
.contact-formulier .form-control:focus {
	background: #fff;
}
.googlemaps-iframe {
	margin-top: 32px;
}

.contact-buttons {
	text-align: right;
	margin-top: 20px;
}
.contact-buttons  .button-link {
	min-width: 220px;
}
.contact-buttons  .button-link:last-child {
	margin-left: 25px;
}
@media (max-width: 1199px) {
	.contact-buttons .button-link {
		flex: 1 1 auto;
		min-width: auto;
	}
	.contact-formulier .rsform-block-submit .formControls {
		display: flex;
	}
	.contact-formulier .rsform-block-submit .formControls button {
		flex: 1 1 auto;
		min-width: auto;
		max-width: 250px;
	}
	.contact-formulier .rsform-block-submit .formControls button.rsform-reset-button {
		flex: 0 1 auto;
	}
}


.layout-sitestormcontact .com-content-article__body > .row,
.layout-sitestormsolliciteer .com-content-article__body > .row  {
	position: relative;
}
.com-content-article__body .social {
	position: absolute;
    top: 100%;
    right: 0;
    width: auto;
    z-index: 1;
}
.com-content-article__body .social:before {
	content: "Volg ons";
	display: inline-block;
	font-size: 22px;
    color: #273371;
    font-weight: 500;
}
.com-content-article__body .social ul {
	display: inline-block;
	list-style: none;
}

.com-content-article__body .social ul li {
	display: inline-block;
}
.com-content-article__body .social ul li:before {
	display: none;
	content: none;
}

.com-content-article__body .social ul li a {
	display: block;
}

.com-content-article__body .social i {
	color: #273371;
	font-size: 24px;
	margin: 0 15px 0 0;
}

.com-content-article__body .social a:hover i {
	color: #60B22F;
}

.kvk-wrapper {
	margin-bottom: -60px;
}
.kvk-wrapper table tr td {
	padding: 0 5px;
}
.kvk-wrapper table tr td:last-child {
	text-align: left;
}

.layout-sitestormcontact .extra-blokken .extra-blok:last-child {
	padding-bottom: 0;
}



#sk_contact .extra-blokken {
	position: relative;
}
#sk_contact .extra-blokken:before {
	content: "";
	position: absolute;
	width: 540px;
	height: 93px;
	background-image: url(../images/achtergrond/contact-rechts.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 70px;
	right: -380px;
	z-index: 0;
	pointer-events: none;
}
#sk_contact .extra-blok:nth-child(odd):after {
	content: "";
	position: absolute;
	width: 480px;
	height: 230px;
	background-image: url(../images/achtergrond/contact-links.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -145px;
	left: -450px;
	z-index: -1;
	pointer-events: none;
}
@media (max-width: 767px) {
	#sk_contact .extra-blok:nth-child(odd):after {
		bottom: -180px;
	}
}

/* ================================= Modules ============================== */
.wrapper-above-content {
	position: relative;
}

.wrapper-above-content .moduletable,
.wrapper-under-content .moduletable,
.wrapper-under-content-2 .moduletable {
	padding: 40px 0;
}

.moduletable.contact{
	padding: 0px 0;
}

.moduletable.bg-blauw {
	background-color: #4A59A4;
	position: relative;
	z-index: 0;
}
.moduletable.bg-lichtblauw {
	background-color: #F4F8FB;
	position: relative;
	z-index: 0;
}
.moduletable.bg-lichterblauw {
	background-color: #F4F8FB;
	position: relative;
	z-index: 0;
}

.moduletable.balk-onder {
	background-image: url(../images/balk-wit-onder.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: right 25vw bottom -1px;
	padding-bottom: 90px;
  	margin-bottom: 40px;
}
.moduletable.balk-boven {
	background-image: url(../images/balk-wit-boven.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left 25vw top -1px;
	padding-top: 60px;
  	padding-bottom: 70px;
  	margin-top: 40px;
    margin-bottom: 20px;
}

.moduletable.connection-bg {
	position: relative;
}
.moduletable.connection-bg:before {
	content: "";
	position: absolute;
	background-image: url(../images/connection-bg.svg);
	width: 98vw;
	max-width: 3000px;
	height: 80%;
	height: calc(100% - 140px);
	background-size: auto 100%;
	background-position: bottom left;
	top: 10%;
	top: calc(70px);
    right: -1px;
	opacity: 0.07;
}

.moduletable.quote-in-blog {
	position: relative;
	padding-top: 70px;
	padding-bottom: 20px;
}
.moduletable.quote-in-blog:before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F4F8FB;
	background-image: url(../images/balk-wit-boven.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left 40vw top -1px;
	z-index: -1;
}
.moduletable.quote-in-blog:after {
	content: "";
	position: absolute;
	width: 280px;
	height: 151px;
	background-image: url(../images/achtergrond/quote.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 20px;
	left: -255px;
	pointer-events: none;
}

.moduletable.bg-quote .container {
	position: relative;
}

.moduletable.bg-quote .container:before {
	content: "";
	position: absolute;
	width: 280px;
	height: 151px;
	background-image: url(../images/achtergrond/quote.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -20px;
	left: -265px;
	pointer-events: none;
}

.moduletable.balk-onder-blog {
	padding-bottom: 90px;
	padding-top: 40px;
}
.moduletable.balk-onder-blog:before {
	background-image: url(../images/balk-wit-onder.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: right 35vw bottom -1px;
	padding-bottom: 90px;
	padding-top: 40px;
}
.moduletable.quote-in-blog.balk-onder-blog:after {
	bottom: 60px;
}

/* ================================= Card ============================== */
.card {
	height: 100%;
	box-shadow: none;
	border-radius: 0;
}

.card-body {
	padding: 25px 25px 0 25px;
}

.card-footer {
	background-color: transparent;
	border: 0;
	padding: 0 25px 25px 25px;
}

/* ========================= CUSTOM/WAT KUNNEN BIEDEN ======================= */
.wat-kunnen-bieden-mod h2 {
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.wat-kunnen-bieden-mod p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.wat-kunnen-bieden-mod svg {
	width: 120px;
	display: inline-block;
	overflow: visible;
	margin-bottom: 10px;
}
.wat-kunnen-bieden-mod .d-flex {
	margin-top: 60px;
}
.wat-kunnen-bieden-mod .d-flex div {
	margin-bottom: 40px;
	text-align: center;
}
.wat-kunnen-bieden-mod a {
	display: block;
	text-decoration: none;
}
.wat-kunnen-bieden-mod a p {	
    padding-right: 10px;
}
.wat-kunnen-bieden-mod a:hover p {	
	text-shadow: 0px 0px 1px #222222aa;
}

.wat-kunnen-bieden-mod svg g {
	transform-box: fill-box;
	transform-origin: bottom left;
	transition: transform 0.2s;
}
.wat-kunnen-bieden-mod a:hover svg g {
	transform: scale(1.15);
}

@media (max-width: 767px) {
	.wat-kunnen-bieden-mod .d-flex div {
		flex: 1 0 33.333%;
	}
}

@media (max-width: 360px) {
	.wat-kunnen-bieden-mod .d-flex div {
		flex: 1 0 50%;
		margin-bottom: 0;
	}
}

/* ========================= VACATURES/CUSTOM MODULE ======================= */
.moduletable.mod-vacature {
	padding-top: 70px;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    z-index: 1;
}
.moduletable.mod-vacature .container {
	position: relative;
}
.moduletable.mod-vacature .container:before {
	content: "";
	position: absolute;
	width: 509px;
	height: 295px;
	background-image: url(../images/achtergrond/vacature-links.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -145px;
	left: -420px;
	z-index: 1;
	pointer-events: none;
}
.moduletable.mod-vacature .container:after {
	content: "";
	position: absolute;
	width: 540px;
	height: 113px;
	background-image: url(../images/achtergrond/vacature-rechts.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: -25px;
	right: -360px;
	z-index: 1;
	pointer-events: none;
}

.mod-vacature .mod-custom {
	text-align: center;
    justify-items: center;
}

.mod-vacature h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	max-width: none;
}
.mod-vacature h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	text-transform: none;
	max-width: none;
}
.mod-vacature p {
	color: #fff;
	max-width: none;
}
.mod-vacature .button-link {
	min-width: 240px;
	margin: 20px 10px 0 10px;
}
@media (max-width: 1199px) {
	.moduletable.mod-vacature .container:before { left: -460px; }
	.moduletable.mod-vacature .container:after { right: -440px; }
}

@media (max-width: 991px) {
	.moduletable.mod-vacature .container:after { top: -40px; }
	.mod-vacature .button-link {
		min-width: 220px;
	}
}
@media (max-width: 501px) {
	.moduletable.mod-vacature .container:before { content: none; display:none; }
	.mod-vacature .button-link {
		min-width: 240px;
		margin: 20px 0 0 0;
	}
}

/* ========================= QUOTE/CUSTOM MODULE ======================= */
.quote-tekst {
	position: relative;
	text-align: right;
	padding: 30px 30px 20px 50px;
	max-width: 760px;
}
.quote-tekst:before {
	content: "“";
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 76px;
	color: #273371;
	line-height: 1;
}

.quote-tekst h2 {
    font-size: 28px;
    color: #60B22F;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 20px;
}
.quote-tekst p {
	font-size: 15px;
	margin-bottom: 0;
}
.quote-tekst p strong {
	color: #273371;
	font-size: 20px;
	font-weight: 500;
}

img.quote-afbeelding {
    max-width: 250px;
}
/* ========================= NEWSFLASH/DEFAULT ======================= */
.mod-articlesnews .card {
	background: linear-gradient(225deg, transparent 50px, #EAEEFB 50px, #EAEEFB);
    filter: drop-shadow(2px 3px 5px #9996);
	will-change: filter;
}
.mod-articlesnews .card > img {
	mask-image: linear-gradient(225deg, transparent 50px, #EAEEFB 50px, #EAEEFB);
}
.mod-articlesnews .card .card-body {
    padding: 50px 30px 10px 30px;
}
.mod-articlesnews .card img + .card-body {
    padding: 25px 30px 10px 30px;
}


/* ========================= NEWSFLASH/UITGELICHT ======================= */
.col-12.uitgelicht-item.d-flex + .col-12.uitgelicht-item.d-flex {
	padding-top: 40px;
}

.uitgelicht-item-image {
	flex: 0 0 40%;
	overflow: hidden;
	max-width: 500px;
}
.uitgelicht-item-image div {
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: contain;
  background-repeat: no-repeat;
}

.uitgelicht-item-text {
	padding-left: 50px;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 250px;
}

.uitgelicht-item:nth-of-type(even) .uitgelicht-item-text {
	padding-left: 0;
	padding-right: 30px;
	order: -1;

}

.uitgelicht-omgedraaid .uitgelicht-item .uitgelicht-item-text {
	padding-left: 0;
	padding-right: 30px;
	flex: 1 1 auto;
	order: -1;
}
.uitgelicht-omgedraaid .uitgelicht-item:nth-of-type(even) .uitgelicht-item-text {
	padding-right: 0;
	padding-left: 50px;
	order: 1;
}

.uitgelicht2 .uitgelicht-item-image {
	align-self: center;
	overflow: hidden;
}

@media (max-width: 767px) {
	.uitgelicht-item-text,
	.uitgelicht-omgedraaid .uitgelicht-item-text {
		padding-left: 0 !important;
		padding-right: 0 !important;
		order: 0 !important;
	}
	.uitgelicht-item-image {
		flex: 0 0 100%;
		max-width: none;
		margin-bottom: 20px;
	}
	.uitgelicht-item {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important;
	}
	.uitgelicht-item-image div {
		padding: 0 0 60% 0;
	}
}

/* ========================= NEWSFLASH/PROJECTEN ======================= */
.project-image {
    flex: 1 1 auto;
    padding: 20px;
}
.project-body {
	display: flex;
    flex-direction: column;
    flex: 0 0;
    height: 100%;
    padding: 20px 20px 20px 0;
}
.project-intro {
    flex: 1 0 auto;
}

.project-footer {
	flex: 0 0 auto;
    width: 100%;
    position: relative;
    z-index: 0;
}
.project-footer .button-link {
	white-space: nowrap;
}

@media (max-width: 575px) {
	.project-item {
		flex-direction: column;
	}
}
/* ================================== ARTIKEL ============================== */
article {
	margin: 30px 0 60px 0;
}
article .item-page h1 {
	text-align: left;
	font-size: 28px;
	margin-bottom: 1rem;
}
article .item-page p {
	font-size: 16px;
	margin-bottom: 1.5rem;
}
article .item-page p strong {
	font-weight: 700;
}
article .item-page a {
	color: #273371;
	text-decoration: underline;
}
article .item-page a:hover {
	color: #222;
}
article .item-page .btn-red {
	background: #273371;
	border: 2px solid #273371;
	border-radius: 0;
	color: white;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: .25rem 1rem;
	text-decoration: none;
	margin-bottom: 0.5rem;
}
article .item-page .btn-red:hover {
	background: white;
	color: #D50918 !important;
	border-color: #D50918;
}
article .item-page .btn-red:focus {
	box-shadow: none;
}
article .item-page .btn-blue {
	background: #006996;
	border: 2px solid #006996;
	border-radius: 0;
	color: white;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: .25rem 1rem;
	text-decoration: none;
	margin-bottom: 0.5rem;
}
article .item-page .btn-blue:hover {
	background: white;
	color: #006996 !important;
	border-color: #006996;
}
article .item-page .btn-blue:focus {
	box-shadow: none;
}
article .item-page p + ul {
  margin-top: -.75rem;
}
article .item-page ul li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
article .item-page ul {
    list-style: none;
    padding: 0;
    margin-left: 25px;
    line-height: 170%;
    color: #222;
    margin-bottom: 1.5rem;
    max-width: 800px;
}
article .item-page ul li:before{
	content: "";
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    color: #DD2764;
    margin-left: -25px;
    margin-top: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cellipse cx='9' cy='8.5' rx='9' ry='8.5' fill='%234A59A4'/%3E%3C/svg%3E%0A");
}
article .item-page ul li ul {
    padding-left: 25px;
    margin: 10px 0 0 0;
}
article .item-page ul li ul li::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%23fff' stroke='%234A59A4' stroke-width='3'%3E%3Cellipse cx='9' cy='8.5' rx='8.5' ry='8' stroke='none'/%3E%3Cellipse cx='9' cy='8.5' rx='7.5' ry='7' fill='none'/%3E%3C/g%3E%3C/svg%3E")
}
article .item-page ol li {
	font-size: 16px;
	font-weight: 300;
}
article .item-page ol {
	list-style: none;
	counter-reset: li;
	padding-left: 25px;
	line-height: 170%;
	padding-top: 0;
	color: #222;
	margin-bottom: 1.5rem;
}
article .item-page ol li {
	counter-increment: li;
}
article .item-page ol li::before {
	content: counter(li) ".";
	color: #273371;
	font-weight: 400;
	display: inline-block;
	width: 25px;
	margin-left: -22px;
}
article .item-page ol li ol {
	margin-bottom: 5px;
	padding-left: 1em;
}
article .item-page figure.right,
article .item-page figure.left,
article .item-page figure.none {
	width: 33.333%;
	margin: 0 auto;
}
article .item-page figure.none {
	margin: 0 auto;
}
article .item-page figure.right {
	float: right;
}
article .item-page figure.left {
	float: left;
}
article .item-page figure.right img {
	width: 100%;
	height: auto;
	padding: 0 0 15px 15px;
}
article .item-page figure.left img {
	width: 100%;
	height: auto;
	padding: 0 15px 15px 0;
}
article .item-page figure.none img {
	width: 100%;
	height: auto;
	padding: 0 0 15px 0;
}
@media (max-width: 767px) {
	article .item-page figure.right,
	article .item-page figure.left,
	article .item-page figure.none {
		width: 100%;
		float: none;
	}
	article .item-page figure.right img,
	article .item-page figure.left img,
	article .item-page figure.none img {
		padding: 0 0 0 0;
	}
}
article .item-page table {
	font-size: 16px;
	display: block;
	overflow: auto;
	overflow-wrap: anywhere !important;
	width: 100%;
	margin-bottom: 1.5rem;
	color: #222;
}
article .item-page table thead {
	font-weight: 700;
	color:#222;
}
article .item-page .table td, 
article .item-page .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	color: #222;
}
article .item-page table ul {
	margin-bottom: 0;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-accent-bg:inherit;
}
.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #fbfbfb;
}
article .item-page blockquote {
	position: relative;
	margin-left: 100px;
	font-size: 18px;
	margin: 40px 0px 40px 60px;
	color: #002349;
}
article .item-page blockquote::before {
	content: "“";
	color: #F28F3B;
	font-size: 95px;
	position: absolute;
	top: -50px;
	left: -50px;
	font-weight: 500;
}
article .item-page .AimyVideoEmbedderVideoInner iframe {
	width: 720px;
	height: 405px;
	margin: 0 0 2rem 0;
}
@media (max-width: 767px) {
	article .item-page .AimyVideoEmbedderVideoInner iframe {
		width: 100%;
	}
}
article .item-page .accordion {
	width: 75%;
}
article .item-page figure {
	margin-bottom: .5rem;
}
article .item-page figure figcaption {
	text-align: center;
	color: #222;
	margin-top: 5px;
}
@media (max-width: 767px) {
	article .item-page .accordion {
		width: 100%;
	}
}

article .extra-blok {
	position: relative;
	padding-top: 100px;
	padding-bottom: 30px;
}
article .extra-blok:nth-child(odd) {
	padding-top: 80px;
	padding-bottom: 0;
}
article .extra-blok:nth-child(odd):before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	height: calc(100% + 60px);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F4F8FB;
	background-image: url(../images/balk-wit-boven.svg);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left 40vw top -1px;
	z-index: -1;
}
article .extra-blok p:last-child {
	margin-bottom: 0;
}
/* ========================= ZOEKEN PAGINA'S ========================= */
.finder .page-header h1 {
	text-align: left;
	font-size: 28px;
	margin-bottom: 1rem;
}
.finder #wrapper-search-form .awesomplete {
	width: 100%;
}
.finder #wrapper-search-form .btn.btn-primary {
	position: absolute;
	right: 0px;
}
h2.result__title {
	line-height: 170%;
}
p.result__description {
	line-height: 150%;
}
p.result__url {
	line-height: 150%;
}
.result__item a {
	text-decoration: none;
}
.result__item a:hover h2.result__title {
	text-decoration: underline;
}
.result__item+.result__item {
	border-top: 1px solid #222;
}

@media (max-width: 550px) {
	.finder input {
		width: inherit;
	}
}
/* ======================== FOOTER ========================= */ 
footer {
	background-color: #273371;
	text-align: left;
	color: #fff;
	overflow: hidden;
}
footer .sk_mainfooter {
	padding-top: 50px;
	padding-bottom: 60px;
	position: relative;
	z-index: 0;
}
footer .sk_mainfooter:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 84px;
	background-image: url(../images/achtergrond/staande-blokjes.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 95px;
	left: -100px;
	z-index: -1;
}
footer .sk_mainfooter:after {
	content: "";
	position: absolute;
	width: 420px;
	height: 178px;
	background-image: url(../images/achtergrond/footer.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 20px;
	right: -180px;
	z-index: -1;
}
footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
footer h2 {
	color: #fff;
	text-transform: none;
	font-size: 20px;
	margin-bottom: 1rem;
}
footer img {
	width: 80%;
	height: auto;
}
footer p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
footer .social .custom, 
footer .contact .custom {
	margin-top: 20px;
}
footer .social ul {
	list-style: none;
}
footer .social ul li {
	display: inline-block;
}
footer .social ul li a {
	display: block;
}
footer .social i {
	color: #fff;
	font-size: 24px;
	margin: 0 15px 0 0;
}
footer .social a:hover i {
	color: #60B22F;
}
footer .contact ul {
	list-style: none;
}
footer .contact a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	padding: 0;
}
footer .contact a.active {
	color: #fff;
}
footer .contact a:hover {
	color: #fff;
	text-decoration: underline;
}	
footer .contact i {
	color: #fff;
	font-size: 24px;
	margin: 0 15px 0 0;
}
footer .contact ul li {
	display: flex;
	align-items: center;
	justify-content: start;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 0px;
}
footer a.button-link {
    color: #273371 !important;
    background: #EBEEFB;
    min-width: 200px;
}
footer a.button-link:hover,
footer a.button-link:focus {
	color: #fff !important;
	background: linear-gradient(230deg, #60B22F, #60B22F 45%, #267732 80%);
}

footer .footer-bottom {
    text-align: center;
    background: #60B22F;
    padding: 12px 0;
}
@media (max-width: 1399px) {
	footer .sk_mainfooter:after { right: -215px; }
}

@media (max-width: 1199px) {
	footer .sk_mainfooter:after { right: -260px; }
}
@media (max-width: 991px) {
	footer .sk_mainfooter:before { left: -70px; }
	footer .sk_mainfooter:after { right: -180px; }
}

@media (max-width: 767px) {
	footer {
		background-position: 95% 95%;
		background-size: 20% auto;
	}
	footer .navbar-nav a {
		text-align: left;
	}
	footer .footer-background {
		background-position: 100% 90%;
		background-size: auto;
		width: 150%;
	}
	footer #mod-custom127 ul li a {
		text-align: left;
	}
}
@media (max-width: 310px) {
	footer .sk_mainfooter:after { content:none; display:none; }
}