/*
Theme Name:   Askemo:-)	
Theme URI:    https://www.devotees.nl
Author: 	Devotees
Author URI: https://www.devotees.nl
Description:  Custom built template for Askemo:-)
Version:      1.0.0
Text Domain:  askemo


*/

:root {
	--paars: #773FFF;
	--grey: #E7E6E6;
	--darkgrey: #313131;
	--lightgrey: #f2f2f2;
	--cta: #00d471;
	--cta2: #FEC753;
}

body,
html {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: black;
	font-family: "Barlow", serif;
	font-weight: 400;
	font-style: normal;
	line-height: 180%;
}

* {
	position: relative;
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

section {
	position: relative;
	width: 100%;
}

.sectioninner {
	position: relative;
	width: 100%;
	padding: 0 15%;
	box-sizing: border-box;
}

.top {
	background: none;
	position: fixed;
	z-index: 1;
	color: black;
	transition: background .25s, box-shadow .25s;	
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.0);
	z-index: 999;
}

.scrolled .top {
	background: white;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.1);
}

.top .sectioninner {
	transition: padding .25s;	
	padding-bottom: .5em;
}

.scrolled .top .sectioninner {
	padding:.5em 1em;
	display: flex;
	align-items: center;
}

.scrolled .rightmenu {
	margin-left: auto;
	margin-right: auto;
}

.lang-item {
	display: none !important;
}

.scrolled .top .hoofdmenu {
	margin-right: auto;
	order:0;
}

.topblock {
	height: 5rem;
	position: absolute;
}

.top.style-diap {
	/* color: white; */
}

.menubar {
	display: flex;
	align-items: center;
	padding: 1em 0;
	transition: padding .25s;
}

.scrolled .menubar {
	padding: 0;
	order: 1;
}

.rightmenu {
	display: block;
	height: auto;
	margin-left: auto;
	text-align: right;
	z-index: 9999;
}

.fixedmenu .rightmenu {
	position: fixed;
	top: .25em;
	right: 16em;
	width: 10em;
}

.fixedmenu .rightmenu svg {
	fill: var(--gray);
	width: auto;
}

.rightmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rightmenu ul li {
	display: inline-block;
	margin-left: 1.5em;
	padding-right: 0;
	transition: margin .25s;
}

.scrolled .rightmenu ul li {
	margin-left: 1em;
}

.rightmenu .highlight a {
	margin-right: 0 !important;
	margin-top: 0 !important;
}

.rightmenu ul li a {
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	font-size: 0.9em;
	transition: color 0.25s;
}

.rightmenu ul li a:hover {
	text-decoration: underline;
}

.rightmenu ul li.lang-item img {
	height: 1.5em;
	width: auto;
	top:.3em;
	display: block;
}

.hoofdmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	width: 100%;
}

.hoofdmenu ul li {
	margin-right: 1.5em;
	transition: margin .25s;
}

.scrolled .hoofdmenu ul li {
	margin-right: 1em;
}

.hoofdmenu ul li a {
	font-weight: bold;
	font-size: 1.11em;	
	transition: color .25s, font-size .25s;
	padding-bottom: .5em;
}

.scrolled .hoofdmenu ul li a {
	font-weight: 400;
	font-size: 1em;
}

.hoofdmenu li.current-menu-ancestor a:not(.sub-menu a),
.hoofdmenu .sub-menu li.current-menu-item a,
.hoofdmenu ul li.current-menu-item a:not(.sub-menu a),
.hoofdmenu ul li a:hover {
	color: var(--paars);
}

.hoofdmenu ul.sub-menu {
	background: white;
	position: absolute;
	color: black;
	font-weight: 400;
	padding: .5em 1em;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
	opacity: 0;
	transition: opacity .25s;
	pointer-events: none;
	flex-direction: column;
	width: auto;
	display: flex;
	margin-top: .25em;
}


.hoofdmenu ul li:hover .sub-menu {
	opacity: 1;
	pointer-events: auto;
}

.hoofdmenu ul.sub-menu li {
	margin-right: 0;
}

.hoofdmenu ul.sub-menu li a {
	white-space: nowrap;
	font-weight: 400;
	margin: .5em 0;
	padding-bottom: 0;
	display: block;
}

.flexcontainer {
	display: flex;
	width: 100%;
}

.logo {
	height: 1.67em;
	width: auto;
	transition: height .25s;
}

.scrolled .logo {
	height: 1em;
}

.scrolled .rightmenu ul li.lang-item {
	display: none;
}

.logo img {
	height: 100%;
	display: block;
	width: auto;
}

.hamburger {
	display: none;
}

/* section.visual .vis_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	overflow: hidden;
}

section.visual .vis_img img {
	position: relative;
	width: 100%;
	height: auto;
	object-fit: cover;
}

section.visual .vis_img .vis_grad_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 75%;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); 
}

section.visual .vis_img .vis_grad_left {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); 
} */

section.visual {
	padding-top: 13em;
	padding-bottom: 6em;
	background: #F2F3F5;
}

section.visual-noimage {
	padding-top: 13em;
}

section.visual-noimage h2 {
	padding-right: 50%;
}


.visualcontent h1 {
	color: var(--paars);
	padding-right: 6rem;
}


.vis_img img {
	display: block;
	width: calc(100% + 4rem);
	height: auto;
}

h1 {
	color: black;
	font-size: 3.11em;
	line-height: 120%;
	margin: 0;
	margin-bottom: .75em;
}

.visual-noimage h1 {
	padding-right: calc((((100% - 11em) / 12) * 4) + 5em);
}

h2 {
	font-size: 2.11em;
	margin-top: 0;
	line-height: 120%;
}


h1 strong,
h1 span,
h2 strong,
h2 span {
	color: var(--paars);
}

.visualcontent h2 {
	font-size: 1.22em;
	line-height: 130%;
	margin-bottom: 1em;
}

ul.neg,
.cta ul,
ul.usp,
.visualcontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-right: 10em;
}


ul.neg,
ul.usp {
	padding-right: 6em;
}


ul.neg li,
.cta ul li,
ul.usp li,
.visualcontent li {
	padding-left: 2.5em;
	margin-bottom: .25em;
}


ul.neg li::before,
.cta ul li::before,
ul.usp li::before,
.visualcontent li::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: .25em;
	width: 2em; /* Adjust as needed */
	height: 1.25em; /* Adjust as needed */
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"%3E%3Cpath d="M8.39264 18.6641L0 10.2714L2.10552 8.1659L8.40736 14.4677L21.9092 0.951172L24.0147 3.05669L8.39264 18.6641Z" fill="%23773FFF"/%3E%3C/svg%3E');
	background-size: contain; /* Adjust sizing */
	background-repeat: no-repeat; /* Prevent tiling */
	background-position: left center; /* Center the SVG */
}

.cta ul li::before {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"%3E%3Cpath d="M8.39264 18.6641L0 10.2714L2.10552 8.1659L8.40736 14.4677L21.9092 0.951172L24.0147 3.05669L8.39264 18.6641Z" fill="%23FFF"/%3E%3C/svg%3E');
}

ul.neg li::before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 9C13.9167 9 14.2708 8.85417 14.5625 8.5625C14.8542 8.27083 15 7.91667 15 7.5C15 7.08333 14.8542 6.72917 14.5625 6.4375C14.2708 6.14583 13.9167 6 13.5 6C13.0833 6 12.7292 6.14583 12.4375 6.4375C12.1458 6.72917 12 7.08333 12 7.5C12 7.91667 12.1458 8.27083 12.4375 8.5625C12.7292 8.85417 13.0833 9 13.5 9ZM6.5 9C6.91667 9 7.27083 8.85417 7.5625 8.5625C7.85417 8.27083 8 7.91667 8 7.5C8 7.08333 7.85417 6.72917 7.5625 6.4375C7.27083 6.14583 6.91667 6 6.5 6C6.08333 6 5.72917 6.14583 5.4375 6.4375C5.14583 6.72917 5 7.08333 5 7.5C5 7.91667 5.14583 8.27083 5.4375 8.5625C5.72917 8.85417 6.08333 9 6.5 9ZM10 11.5C8.86667 11.5 7.8375 11.8208 6.9125 12.4625C5.9875 13.1042 5.31667 13.95 4.9 15H6.55C6.91667 14.3833 7.40417 13.8958 8.0125 13.5375C8.62083 13.1792 9.28333 13 10 13C10.7167 13 11.3792 13.1792 11.9875 13.5375C12.5958 13.8958 13.0833 14.3833 13.45 15H15.1C14.6833 13.95 14.0125 13.1042 13.0875 12.4625C12.1625 11.8208 11.1333 11.5 10 11.5ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='black'/%3E%3C/svg%3E");
}



.visualcontent a:not(.vis_buttons a) {
	text-decoration: underline;
	color: var(--paars);
	transition: color .25s;
}

.visualcontent a:not(.vis_buttons a):hover {
	color: var(--cta);
}

.vis_buttons {
	margin-top: 3em;
	display: flex;
}

.tekst_met_dekkende_achtergrondafbeelding .buttons_hold .button:not(.primary),
.vis_buttons .button {
	background: white;
	color: black;
}

.tekst_met_dekkende_achtergrondafbeelding .buttons_hold .button:not(.primary):hover,
.vis_buttons .button:hover {
	background: var(--paars);
	color: white;
}

.menubar .highlight a,
.button,
.purplehold a {
	background: var(--paars);
	margin-right: 1em;
	padding: .75em 1.5em;
	border-radius: 3em;
	color: white;
	display: inline-block;
	margin-top: 1em;
	transition: background .25s, color .25s, padding .25s;
	font-size: .97em;
	z-index: 10;
	text-decoration: none !important;
	font-weight: bold;
	white-space: nowrap;
}

.scrolled .menubar .highlight a {
	padding: .05em .75em .15em .75em;
}

.menubar .highlight {
	font-weight: bold;
}

.menubar .highlight a:hover,
.button.primary,
.purplehold a {
	background: var(--cta);
	font-weight: bold;
	color: black;
}

.button.primary svg {
	fill: black;
}

.purplehold a svg {
	fill: black;
}

.button:hover {
	background: var(--cta);
	color: black;
}

.button:hover svg {
	fill: black;
}



.button.primary:hover {
	background: var(--paars);
	color: white;
}

.button.primary:hover svg {
	fill: white;
}

section.twee_kolommen_met_quote .quotelink svg,
.button svg {
	display: inline-block;
	height: .5em;
	width: auto;
	margin-left: .5em;
	vertical-align: middle;
	top:-.1em;
	transition: margin .25s, fill .25s;
}

section.twee_kolommen_met_quote .quotelink:hover svg,
.button:hover svg {
	margin-left: 1em;
}


.button.secondary {
	font-weight: bold;
	border: 2px solid var(--cta);
	background: none;
	color: black;
}

.button.secondary svg {
	fill:black;
}

.button.secondary:hover {
	background: var(--cta);
	color: black;
}



.footer {
	background: black;
	color: white;
	padding: 5em 0;
}

.footer h3 {
	margin-top: 0;
	color: var(--paars);
}

.footercol:first-of-type {
	width:50%;
}

.footercol {
	line-height: 150%;
}

.footercolinner p {
	margin-bottom: 0;
}

.extlink {
	top:-.1em;
	fill:white;
	height: .75em;
	vertical-align: middle;
	width: auto;
	margin-left: .15em;
	transition: fill .25s;
}

a:hover .extlink {
	fill:var(--paars);
}

.footercol {
	width: 25%;
}

.footercol a {
	transition: color .25s;
}

.footercol a:hover {
	color: var(--paars);
}

.footerinner {
	padding-right: 2em;
}


.footerinner p:last-of-type {
	margin-bottom: 0;
}

.endfooter {
	background: black;
	color: white;
	padding: 2em 0;
	text-align: center;
}

.endfooter a:hover {
	color: var(--paars);
}


section.overzicht_organisaties,
section.usps {
	padding: 4em 0;
	text-align: center;
}

section.overzicht_organisaties {
	background: var(--grey);
	margin-top: 8em;
}

section.usps h2 {
	margin-bottom: 2em;
}

section.usps .flexcontainer {
	align-items: stretch;
	justify-content: space-between;
}
section.usps .usp {
	width: calc((100% - 3em ) / 4);
	padding: 2em;
	border-radius: 1.5em;
	background: var(--paars);
	color: white;
}

section.usps .usp b {
	font-size: 1.56em;
}
section.usps .usp p {
	text-align: left;
}

section.usps .button {
	margin-top: 5em;
}

.button svg {
	fill: white;
}

.tekst_met_dekkende_achtergrondafbeelding h2 {
	padding-right: 50%;
}

.tekst_met_dekkende_achtergrondafbeelding {
	padding: 6em 0;
	overflow: hidden;
}

.tekst_met_dekkende_achtergrondafbeelding p {
	font-size: 1.22em;
	padding-right: 70%;
}

.bghold {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
}


.bgvideo {
	pointer-events: none;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.bghold .covergrad {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 25%;
	background: linear-gradient(-90deg, rgba(231,230,230,0) 0%, rgba(231,230,230,1) 50%); 
}

.bghold.straight .covergrad {
	right: 0;
	background: linear-gradient(0deg, rgba(231,230,230,0) 0%, rgba(231,230,230,1) 50%); 
}

.klant_slider {
	width: 100%;
	height: auto;
	margin-bottom: 2em;
	margin-top: 3em;
}

.klantverhaalhold {
	height: 10em;
	width: calc(100vw / 5);
	padding: .5em;
	display: block;
}

.klantverhaalinner {
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.1);
	overflow: hidden;
	border-radius: 1.5em;
	transition: box-shadow .25s, top .25s;
	top:0;
	background: white;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.klantverhaalhold:hover .klantverhaalinner {
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
	top:.5em;
}

.klant_thumb img {
	width: 100%;
	height: auto;
	display: block;
} 

.klant_intro {
	padding: 1em;
	padding-bottom: .5em;
	min-height: 7em;
}

.klant_logo {
	display: flex;
	padding: 1em;
	padding-top: 0;
}

.klant_logo img {
	height: 4em;
	width: auto;
	margin: auto;
	display: block;
}

.klant_slider .slick-nav {
	font-size: 2em;
	padding: 3rem;
	top:calc((100% - 3em) / 2);
}

.klant_slider .klant_logo {
	margin-top: auto;
	margin-bottom: auto;
	padding: 1em 4em;
}

.klant_slider .klant_logo img {
	width: 100%;
	height: 100%;
	max-height: 5em;
	object-fit: contain;
	object-position: center center;
}



.slick-nav {
	position: absolute;
	height: 2em;
	width: auto;
	padding: .5em;
	z-index: 10;
	fill:#d8d8d8;
	top:calc((100% - 7em) / 2);
	cursor: pointer;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.slick_prev {
	left: 1em;
}

.slick_next {
	right: 1em;
}

.slick_next svg {
	transform: rotate(180deg);
}


/* Slider */
.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	z-index: 0;
	height: 100%;
}

.fullscreenproductimage .slick-slider {
	pointer-events:  none !important;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
	height: 100%;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: zoom-in;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 15px;
	box-sizing: border-box;
	display: flex;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	height: auto !important;
	display: flex;
	min-height: 1px;
	
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img,
.slick-slide svg
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slick-slide.slick-loading img,
.slick-slide.slick-loading svg
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
	position: relative;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

section.tabs {
	background: var(--grey);
	text-align: center;
	padding: 6em 0;
	margin-top: 6em;
}

.tabholder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3em;
}

.tabholder .button {
	background: white;
	cursor: pointer;
	font-weight: 400;
	color: black;
	
}

.tabholder .button.active {
	background: var(--paars);
	color: white;
}

.tabholder .button:hover {
	background: var(--cta);
}

.tabcontent {
	display: none;
}

.tabcontent.active {
	display: block;
}

.tabcontent {
	color: black;
	background: white;
	padding: 2em 6em;
	max-width: 75%;
	margin: auto;
	border-radius: 1.5em;
	text-align: left;
	margin-top: 4em;
}

.tabcontent h3 {
	color: var(--paars);
	font-size: 1.22em;
	margin-top: 1em;
}


.tabcontent .button {
	font-weight: 400;
}

section.whitespace {
	padding: 3em 0;
}

section.tabs + section.whitespace,
section.overzicht_organisaties + section.whitespace {
	display: none;
}

section.cta_roi,
section.ctablock {
	padding: 6em 0;
}

section.ctablock + section:not(.footer) {
	padding-top: 0;
}

.cta {
	background: var(--darkgrey);
	color: white;
	padding: 1em 3em;
	border-radius: 1.5em;
}

.single .cta {
	background: var(--paars);
	width: calc(100% - 12em);
	margin: auto;
}

.cta_roi .cta {
	background: var(--paars);
	width: calc(100% - 12em);
	margin: auto;
}

.cta .flexcontainer {
	width: 100%;
	align-items: center;
}


.ctacontact {
	margin-left: auto;
}

.cta .button {
	white-space: nowrap;
}

.ctacontact .button:not(.primary) {
	background: white;
	color: black;
}


.ctacontact .button:hover,
.purplehold .button:hover,
.cta_roi .cta .button:hover{
	background: white;
	color: black;
}

.cta_roi .ctacontact {
	flex-shrink: 0;
}

.ctacontact .button {
	margin-top: 0;
}

.ctacontact .button svg {
	fill:black;
}

.ctacontact .button:hover svg,
.purplehold .button:hover svg,
.cta_roi .button:hover svg {
	fill:black;
}

.cta h3 {
	font-size: 1.56em;
	padding-right: 25%;
	line-height: 130%;
}

.cta_roi h3 {
	padding-right: 6em;
}

section.twee_kolommen_met_quote,
section.twee_kolommen .sectioninner {
	padding-top: 6em;
}

section.twee_kolommen + section.twee_kolommen .sectioninner {
	padding-top: 0;
}

section.twee_kolommen .sectioninner.hasback {
	padding-bottom: 6em;
}
section.inhoud h3,
section.twee_kolommen_met_quote h3,
section.twee_kolommen h3 {
	color: var(--paars);
	font-size: 1.25em;
	line-height: 130%;
	margin-top: 0;
}

section.twee_kolommen h3 {
	padding-right: 6em;
}

section.inhoud p,
section.twee_kolommen_met_quote p,
section.twee_kolommen p {
	margin-top: 0;
}

section.inhoud a,
section.twee_kolommen_met_quote a:not(.quotelink),
section.twee_kolommen a {
	text-decoration: underline;
	color: var(--paars);
	transition: color .25s;
}

section.inhoud a:hover,
section.twee_kolommen_met_quote a:not(.quotelink):hover,
section.twee_kolommen a:hover {
	text-decoration: none;
	color: var(--cta);
}

section.inhoud p:has(+ ul),
section.twee_kolommen_met_quote p:has(+ ul),
section.twee_kolommen p:has(+ ul) {
	margin-bottom: 0;
}

section.inhoud ul:not(.usp, .neg),
section.twee_kolommen_met_quote ul:not(.usp, .neg),
section.twee_kolommen ul:not(.usp, .neg) {
	margin-top: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 1.5rem;
}

section.inhoud ul:not(.usp, .neg) li,
section.twee_kolommen_met_quote ul:not(.usp, .neg) li,
section.twee_kolommen ul:not(.usp, .neg) li {
	padding-left: 1em;
}

section.inhoud ul:not(.usp, .neg) li::before,
section.twee_kolommen_met_quote ul:not(.usp, .neg) li::before,
section.twee_kolommen ul:not(.usp, .neg) li::before {
	content:'';
	display: block;
	position: absolute;
	left: 0em;
	top:.75em;
	height: .4em;
	width: .4em;
	background: black;
	border-radius: 100%;
}


section.twee_kolommen_met_quote h4:not(:first-child),
section.twee_kolommen h4:not(:first-child),
section.twee_kolommen_met_quote h3:not(:first-child),
section.twee_kolommen h3:not(:first-child) {
	margin-top: 2rem;
}

section.twee_kolommen_met_quote + section .sectioninner {
	background: none !important;
}


.visual-noimage + section:not(.hasback, .overzicht_organisaties) {
	padding-top: 0 !important;
} 

section.twee_kolommen .flexcontainer {
	align-items: center;
}

section.twee_kolommen .tweekolommen-twoequal .flexcontainer {
	align-items: flex-start;
}

section.twee_kolommen .tweekolommen-rightpurple .flexcontainer {
	align-items: stretch;
}

section.twee_kolommen h3.subtitle {
	margin-top: 3em;
	margin-bottom: 0 !important;
}


section.inhoud + section.quote_in_paars {
	margin-top: 6em;
}

.col50 {
	width: 50%;
}

ol {
	list-style-type: none; 
	counter-reset: list-counter; 
	padding: 0;
	margin: 0; 
	margin-bottom: 1.5rem;
}

ol li {
	counter-increment: list-counter; 
	position: relative; 
	padding-left: 1.25rem; 
}

ol li::before {
	content: counter(list-counter); 
	font-size: 1.2em; 
	color: var(--paars); 
	font-weight: bold; 
	position: absolute; 
	left: 0; 
	top: 0; 
}

.col50:not(.vis_img) img:not(.noshadow, .quotelogo2 img, .quoteimgcol img) {
	width: 100%;
	border-radius: 1.5em;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
}

section.twee_kolommen_met_quote .quotecol {
	background: white;
	border-radius: 1.5rem;
}

section.twee_kolommen_met_quote .stijl2 .quotecol {
	z-index: 10;
	margin-right: 4rem;
	margin-top: 10rem;
	margin-bottom: -16rem;
	font-size: 1.22rem;
	line-height: 130%;
}

section.twee_kolommen_met_quote .stijl2 .quotecol,
.single-klant section.twee_kolommen_met_quote .quotecol {
	background: var(--lightgrey);
}

.single-klant section.twee_kolommen_met_quote .quotecol .quotecontent {
	font-style: italic;
	text-align: center;
	font-size: 1.22em;
}

.single-klant section.twee_kolommen_met_quote .quotecol .quotecontent b {
	display: block;
	margin-top: 1em;
}

section.twee_kolommen_met_quote .leftcol p:last-of-type {
	margin-bottom: 0;
}

.quoteimgflex {
	margin-top: calc((25% - 10em ) * -1);
}

.quoteimgcol {
	width: 100%;
}

.quoteimgcol img {
	box-shadow: none;
	display: block;
	border-radius: 1.5em 1.5em 0 0;
	width: 100%;
}
	
.klantverhaallogohold {
	display: flex;
	flex-direction: column;
}
	
.quotelogo2 {
	margin-top: 2em;
	display: flex;
	width: 75%;
	height: 9em;
}
	
.quotelogo2 img {
	box-shadow: none !important;
	display: block;
	border-radius: 0;
	margin-top: auto;
	margin-bottom: auto;
	height: auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top left;
}

.quotesectionbg {
	z-index: -1;
	height: 100%;
}

section.twee_kolommen_met_quote .leftcol {
	margin-top: 6em;
}

section.twee_kolommen_met_quote .stijl2 .leftcol {
	margin-top: 0;
}

.single-klant section.twee_kolommen_met_quote .leftcol {
	margin-top: 0em;
}

section.twee_kolommen_met_quote .quotecol .quotelogo {
	height: 4em;
	width: auto !important; 
	display: block;
	box-shadow: none !important;
	margin: 2.5em 0;
	border-radius: 0 !important;
}

section.twee_kolommen_met_quote .quotecol {
	margin-left: auto;
	display: flex;
	flex-direction: column;
	width: calc(50% - 6em);
	align-items: flex-start;
	padding: 0;
	transform: translateY(-25%);
}

.single-klant section.twee_kolommen_met_quote .quotecol {
	transform: none;
	margin-right: 4em;
}

section.twee_kolommen_met_quote .quotecontent {
	padding: 2em;
	text-align: center;
	font-style: italic;
	width: 100%;
}

section.twee_kolommen_met_quote .quotecol .quotemeta {
	font-family: "Barlow", sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.22em;
}

section.twee_kolommen_met_quote .stijl2 .quotecol .quotemeta {
	font-weight: bold;
	font-size: 1em;
}

section.twee_kolommen_met_quote .quotecol p:first-child {
	margin-top: 0;
	margin-bottom: .25em;
}

section.twee_kolommen_met_quote .stijl2 .quotecol p:first-child {
	margin-bottom: 1em;
}

section.twee_kolommen_met_quote .quotelink {
	margin-top: auto;
	font-weight: bold;
}

section.twee_kolommen_met_quote .quotelink svg {
	fill:black;
}

section.twee_kolommen_met_quote h2,
section.twee_kolommen h2 {
	text-align: center;
	margin-bottom: 0;
}

section.twee_kolommen h2 + p {
	margin-top: 1.5em;
}

section.twee_kolommen_met_quote h2:first-child {
	margin-bottom: 6rem;
}

.twee_kolommen_met_quote .tweekolommen-rightlarger {
	align-items: flex-start;
}

.single-klant .twee_kolommen_met_quote .tweekolommen-rightlarger {
	align-items: stretch;
}

section.twee_kolommen .slightlylargertxt ul,
section.twee_kolommen .slightlylargertxt ol,
section.twee_kolommen .slightlylargertxt p {
	font-size: 1.22em;
}

section.twee_kolommen ul,
section.twee_kolommen ol {
	margin-bottom: 1.5em;
}

ul.usp,
ul.neg {
	margin-top: 1em;
}

section.twee_kolommen .slightlylargertxt .button {
	margin-top: 1.5em;
}

.tweekolommen-twosmall .col50 {
	padding: 6em;
}

.twee_kolommen .col50 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.twee_kolommen .rightempty .col50 {
	padding-top: 0;
	padding-bottom: 0;
}

.tweekolommen-two .col50:first-of-type {
	padding-right: 6em;
}

.tweekolommen-two .col50:last-of-type {
	padding: 0 6em;
}
.tweekolommen-rightpurple .col50:first-of-type,
.tweekolommen-twoequal .col50:first-of-type {
	padding-right: 6em;
}

.tweekolommen-twoequal .col50:last-of-type {
	padding-left: 6em;
}

.tweekolommen-rightpurple .col50 {
	padding-top: 0;
	padding-bottom: 0;
}

.tweekolommen-rightpurple .col50:last-of-type {
	padding: 2em;
	width: calc(50% - 4em);
	background: var(--paars);
	color: white;
	border-radius: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.5rem;
	line-height: 130%;
	font-style: italic;
	flex-shink:0;
	margin-left: auto;
}

.tweekolommen-rightpurple h2,
.tweekolommen-twoequal h2 {
	margin-bottom: 2rem !important; 
}

.tweekolommen-rightpurple h3,
.tweekolommen-twoequal h3 {
	margin-bottom: 1.5rem !important;
}

.tweekolommen-rightpurple ul.usp,
.tweekolommen-twoequal ul.usp {
	padding-right: 0;
}


section.twee_kolommen_met_quote .col50 h2,
section.twee_kolommen .col50 h2 {
	text-align: left;
}

section.visual-noimage + section.twee_kolommen .col50 {
	padding-top: 0;
	padding-bottom: 0;
}

section.visual-noimage + section.twee_kolommen .sectioninner {
	padding-top: 0;
}

section.twee_kolommen_met_quote .col50 h2 {
	margin-bottom: 2rem;
}

.single-klant section.twee_kolommen_met_quote .col50 h2 {
	margin-bottom: 0;
}

.twee_kolommen_met_quote .rightcol,
.tweekolommen-leftlarger .rightcol {
	padding-left: 6em;
}

.tweekolommen-rightlarger .leftcol {
	padding-right: 6em;
}

.col50 h4 {
	font-size: 1.22em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.contactimage-image img {
	width: 100%;
	height: auto;
	display: block;
}


.contactimage-texts {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	padding: 3em;
	align-items: flex-start; /* Prevents all children from stretching */
	color: white;
}

.contactimage-content p {
	margin: 0;
}

.contactimage-texts h2 {
	font-size: 1.56em;
	padding-right: 5em;
	margin-bottom: auto !important;
}
.contactimage-texts .button {
	background: white;
	color: black;
}
.contactimage-texts .button:hover {
	background: var(--paars);
	color: white;
}



section.overzicht_klantenlogos {
	padding-top: 6em;
}

section.overzicht_klantenlogos h2 {
	text-align: center;
}

section.overzicht_klantenlogos .button {
	margin-top: 0;
}

section.overzicht_klantenlogos .sectioninner {
	text-align: center;
}

section.overzicht_klantenlogos .slick-nav {
	top:calc((100% - 4em) / 2);
}

.logo_slider {
	width: 100%;
	height: auto;
}

.klantlogo {
	height: auto;
	width: calc(100% / 6);
	padding: 1em;
	display: block;
	text-align: center;
}

.klantlogo img {
	width: 100%;
	height: auto;
	display: block;
} 

section.moduleblok .sectioninner {
	background: none;
} 

.purplesectionholder {
	border-top: 9em solid white;
}

.purplehold {
	width: calc((((100% - 11em) / 12) * 9) + 8em);
	padding-right: 20%;
	background: var(--paars);
	border-radius: 1.5em;
	color: white;
	padding: 3em 2em;
	padding-right: 	calc((((100% - 11em) / 12) * 3) + 3em);
	color: white;
	margin-top: -7em; 
	margin-bottom: 2em;
}



.purplehold *:last-child {
	margin-bottom: 0;
}

.purplehold h2 {
	color: white;
}

.purplehold h2 strong {
	color: black;
}

.purpleimghold {
	position: absolute;
	width: calc((((80% - 11em) / 12) * 6) - .5em);
	padding-left: 0;
	right: 8em;
	bottom: -2em;
}

.modulethird .title {
	margin-top: 6rem;
}

.modulethird .purplehold {
	margin-top: 0rem;
	padding-bottom: 6em;
}


.modulethird .title + .purplehold {
	margin-top: 6rem;
}

.modulethird .purpleimghold {
	bottom: auto;
	top:-2em;
}

section.kleurblok_met_afbeelding + section.golf {
	margin-top: 8rem;
}

.kleurblok_met_afbeelding .modulethird .purpleimghold {
	top:12em;
	display: flex;
	bottom: -4em;
	width: calc(35% - 6em);
	right: 15%;
}

.kleurblok_met_afbeelding h2.title {
	margin-bottom: 6rem;
	display: block;
	text-align: center;
}

.kleurblok_met_afbeelding .modulethird .purpleimghold img {
	object-fit: cover;
}

.modulethird .purplehold {
	margin-bottom: 3em !important;
}

.imgholdleft {
	width: calc((((100% - 11em) / 12) * 5) + 4em);
	flex-shrink: 0;
	flex-grow: 0;
}

.contenthold {
	width: calc((((100% - 11em) / 12) * 6) + 5em);
	margin-left: auto;
}

.contenthold h2 {
	color: var(--paars);
	margin-bottom: 1.5em;
}

.contenthold h4 + p {
	margin-top: 0;
}

.contenthold h4 {
	margin-bottom: 0;
	font-size: 1.22em;
	margin-top: 1em;
}


.imgholdleft img,
.purpleimghold img {
	border-radius: 1.5em;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
	width: 100%;
	height: auto;
	display: block;
}

section .modulesecond {
	padding-top: 6em;
}

.teamcontainer {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 8em;
	gap: 1em;
}

.teamitem {
	width: calc((((100% - 11em) / 12) * 6) + 3em);
	flex-shrink: 0;
	flex-grow: 0;
	color: var(--darkgrey);
	margin-bottom: 4em;
}

.team-style2 .teamitem {
	display: flex;
	flex-direction: column;
	width: calc((((100% - 11em) / 12) * 4) + 3em);
	margin-bottom: 0;
}

.teamrow1 {
	display: flex;
	z-index: 10;
}

.teammeta {
	width: auto;
	padding: 2em;
	padding-top: 5em;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	line-height: 1.7em;
}

.team-style2 .teammeta {
	position: absolute;
	padding: 0;
	color: white;
	bottom: 1em;
	left: 1.5em;
	z-index: 10;
	font-size: 1.22em;
}

.teammeta b {
	font-size: 1.75em;
	color: var(--paars);
	margin-bottom: .5em;
}

.team-style2 .teammeta b {
	color: white;
	margin-bottom: .25em;
}

.teamfoto {
	width: 52%;
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: auto;
	margin-right: 3em;
	border-radius: 2em;
	overflow: hidden;
}

.team-style2 .teamfoto {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	border-radius: 2em 2em 0 0;
	display: flex;
	aspect-ratio: 3 / 2.5;
}

.team-style2 .teamfoto::after {
	height: 40%;
	width: 100%;
	background: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.82) 100%); 
	z-index: 5;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
}

.teamfoto img {
	width: 100%;
	height: auto;
	display: block;
}

.team-style2 .teamfoto img {
	object-fit: cover;
	object-position: top center;
}

.teamrow2 {
	border-radius: 2em;
	background: var(--lightgrey);
	padding: 6em 2em 2em 2em;
	margin-top: -4em;
}

.team-style2 .teamrow2 {
	margin-top: 0;
	padding: 2em;
	height: 100%;
	border-radius: 0 0 2em 2em;
}

.teamrow2 b {
	font-size: 1.22em;
}

.teamrow2 table {
	table-layout: auto;
	width: 100%;
}

.teamrow2 table td {
	white-space: nowrap;
	vertical-align: middle;
}

.team-style2 .teamrow2 table td {
	padding-top: .5em;
}

.teamrow2 table td:last-child {
	width: 100%;
}

.teamrow2 table td a {
	color: var(--paars);
	margin-left: .25em;
	font-size: 1.22em;
}

.teamrow2 table td em {
	margin-bottom: 1em;
	display: block;
	font-size: 0.88em;
}

.teamrow2 .flexcontainer {
	margin-top: 1em;
}

.teamrow2 .split big {
	font-size: 1.22em;
	display: block;
}

.teamrow2 .split {
	display: flex;
	justify-content: flex-start;
	align-items:center;
	width: 50%;
	flex-direction: column;
	padding: 1em;
}

.team-style2 .teamrow2 .split:first-of-type {
	padding: .5em;
	padding-left: 0;
}

.team-style2 .teamrow2 .split:last-of-type {
	padding: .5em;
	padding-right: 0;
}

.team-style2 .teamrow2 .split .button {
	margin: .5em auto;
}


.teamrow2 .split p {
	margin-top: 1em;
	text-align: center;
	display: block;
	margin-bottom: 0;
}

section.contact {
	padding-top: 4em;
}

.contact .map iframe {
	width: 100%;
	height: 50vh;
	display: block;
}

.contact .contactcol {
	padding-bottom: 4em;
}

.contact .contactcol .col50 p:last-of-type {
	margin-bottom: 0;
}

.contactcol .socials {
	margin-top: 3em;
	display: flex;
}

.contactcol .socials svg {
	fill: var(--paars);
	height: 2em;
	width: auto;
	margin-right: .5em;
	transition: fill .25s;
}

.contactcol .socials a:hover svg {
	fill: var(--cta);
}

.contactpand {
	margin-bottom: -9em;
	z-index: 10;
	margin-top: 1em;
}

.popup-calendly{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 100;
}

section.roi_calculator h2 {
	margin-right: calc((((100% - 11em) / 12) * 3) + 2em);
}


section.roi_calculator .leftcol p:first-of-type {
	margin-top:0;
}

section.roi_calculator .leftcol {
	padding-right: .5em;
}

section.roi_calculator .rightcold {
	padding-left: .5em;
}

#roi_calculator {
	padding: 2em 3em;
	border-radius: 2em;
	margin-top: 2em;
	background: var(--paars);
	color: white;
	width: calc((((100% - 5em) / 6) * 5) + 4em);
	z-index: 1;
}

.roi_cta {
	position: relative;
	margin-top: -4em;
	padding: 2em 3em;
	padding-top: 6em;
	z-index: 0;
	border-radius: 2em;
	background: var(--grey);
	padding-bottom: 3em;
	width: calc((((100% - 5em) / 6) * 5) + 4em);
	height: auto;
	opacity: 1;
	transition: margin-top 2.5s, opacity .5s;
}

.roi_cta_hidden {
	margin-top: -50%;
	opacity: 0;
	pointer-events: none;
	height: 0;
	overlay: hidden;
}

.roi_cta h4 {
	margin-bottom: .25em;
}

.roi_cta p a {
	text-decoration: underline;
}

.roi_cta p a:hover {
	text-decoration: underline;
}

.roi_cta h4 + p {
	margin-top: 0;
}

.ctatxt {
	padding-right: 4em;
	margin-bottom: 1.5em;
}

.ctatxt *:last-child {
	margin-bottom: 0;
}

section.roi_calculator label {
	font-weight: bold;
}

#roi_calculator .button {
	background: white;
	color: var(--paars);
	font-weight:bold;
	padding: .5em 1em;
	margin-bottom: 2em;
}

#roi_calculator .button svg {
	fill: var(--paars);
}

.roi_cta .button svg {
	fill: black;
}

.roi_input {
	display: block;
	border-radius: 1em;
	padding: .75em 1.75em;
	border: 0;
	width: 100%;
	-moz-appearance: textfield; /* Firefox */
	appearance: textfield;      /* Modern browsers */
	margin-top: .5em;
	border:1px solid transparent;
	font-size: 1em;
	font-family: "Barlow", serif;
	font-weight: 400;
	margin-bottom: 1em;
}



.roi_input_s {
	width: calc((((100% - 5em) / 6) * 3) + 2em);
}

.roi_input:focus {
	outline: none;
	border:1px solid var(--cta);
}

.roi_input::placeholder {
	color: var(--grey);
}

.roi_input::after {
	display: block;
	content: '%';
}



.custom-radio {
	display: flex;
	align-items: center;
}

.custom-radio input[type="radio"] {
	display: none;
}

.custom-radio label {
	cursor: pointer;
	display: flex;
	align-items: center;
	margin: 0;
}

.custom-radio .circle {
	width: 1em;
	height: 1em;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-right: .75em;
	position: relative;
	font-size: 18px !important;  
}

.custom-radio input[type="radio"]:checked + label .circle::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
}

.besparingpj {
	font-size: 2.11em;
	color: var(--paars);
	font-weight: bold;
	margin-bottom: 2rem;

}

.besparingpj small {
	font-size: 1rem;
	font-weight: 400;
	margin-left: .5em;
	color: black;
}

.roi_results {
	width:100%;
	text-align: left;
	opacity: 1;
	transform: opacity 2s;
	animation-delay: 2s;
}

.roi_results_hidden {
	opacity: 0;
	display: none;
}

.roi_results th {
	font-size: 1.22em;
	padding-bottom: .15em;
}

.roi_results tr td.currency {
	text-align: right;
	padding-left: 1em;
	width: 1em;
}

.roi_results tr td:last-of-type {
	text-align: right;
	padding-left: .25em;
	white-space: nowrap;
	width: auto;
}

.input-percent {
	position: relative;
}

.input-percent::after {
	left:calc(((100% - 5em) / 6) * 3);
	content: '%';
	position: absolute;
	top: 50%;
	color: var(--darkgrey);
	transform: translateY(-50%);
}

.email-confirmation {
	color: #2E6F40;
}

section.stappen {
	padding-top: 6em;
}

section.cta + section.stappen,
section.cta_roi + section.stappen {
	padding-top: 0;
}

section.stappen h2 {
	text-align: center;
	margin-bottom: 2em;
}

section.stappen .flexcontainer {
	align-items: flex-end;
	justify-content: space-between;
}

section.stappen .flexcontainer .stapcount {
	position: absolute;
	top:-1.5em;
	left: 2em;
	z-index: 1;
}

section.stappen .flexcontainer .stapcount span {
	font-size: 5em;
	font-weight: bold;
	color: var(--paars);
}

section.stappen .flexcontainer .col50 {
	width: calc((100% - 1em) / 2);
}

section.stappen .stapcontent {
	background: var(--grey);
	padding: 3em;
	border-radius: 1.5em;
}

section.stappen .stapcontent p:last-of-type {
	margin-bottom: 0;
}

section.stappen .stapcontent h3 {
	margin-top: 0;
	font-size: 1.5em;
}

section.stappen .radius {
	display: flex;
}

section.stappen .radius svg {
	display: block;
	width: 10em;
	height: auto;
}

section.stappen .flexcontainer.type2 .radius svg {
	transform: scaleX(-1);
	margin-left: auto;
}

section.stappen .flexcontainer.type2 .radius {
	order:0;
}

section.stappen .flexcontainer:last-child .radius svg {
	display: none;
}

section.stappen .flexcontainer.type2 .stapcontent {
	order:1;
}

section.embed iframe {
	border: 0;
	width: 100%;
	min-height: 778px;
}


.wpcf7 {
	position: relative;
	padding: 2em 3em;
	border-radius: 2em;
	background: var(--grey);
	width: 100%;
	height: auto;
	margin-top: 3em;
}

.wpcf7 label {
	font-weight: bold;
}

.wpcf7 input,
.wpcf7 textarea {
	display: block;
	border-radius: 1em;
	padding: .75em 1.75em;
	border: 0;
	width: 100%;
	margin-top: .5em;
	border: 1px solid transparent;
	font-size: 1em;
	font-family: "Barlow", serif;
	font-weight: 400;
	margin-bottom: 1em;	
	resize: none;
}

.wpcf7 textarea:focus,
.wpcf7 input:focus {
	outline: none;
	border:1px solid var(--cta);
}

.wpcf7 textarea {
	height: 7.5rem;
}

.wpcf7 small a {
	text-decoration: underline;
}

.wpcf7-submit {
	display: none !important;
}

.wpcf7-spinner {
	position: absolute;
}

.wpcf7-radio .wpcf7-list-item {
	display: block;
	margin-left: 0;
	margin-top: .5rem;
}

.wpcf7-radio .wpcf7-list-item label {
	padding-left: 1.25em;
	font-weight: normal;
}

.wpcf7-radio input {
	display: inline;
	margin: 0;
	width: auto;
	position: absolute;
	left: 0;
	top: .25em;
}

section.blogoverzicht .blogcontainer {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-top: 5rem;
	gap: 1em; /* replaces space-between */
}

section.blogoverzicht .blogcontainer .blogitem {
	background: var(--grey);
	border-radius: 2em;
	width: calc((100% - 2em) / 3);
	overflow: hidden;
}

.blogitem {
	display: flex;
	flex-direction: column;
}

.blogimg {
	aspect-ratio: 355 / 273;
	width: 100%;
	display: flex;
}

.blogdate {
	position: absolute;
	left: 2rem;
	bottom: 1rem;
	color: white;
}

.blogimg img {
	display: block;
	object-fit: cover;
	object-position: center center;
	height: auto;
	width: 100%;
}

.blogcontent {
	padding: 2em;
	height: 100%;
}

.blogcontent h2 {
	font-size: 1.22em;
	margin: 0;
	margin-bottom: 1rem;
}

.blogitem .more {
	margin-top: auto;
	margin: 2rem;
	font-weight: bold;
	color: var(--paars);
}

.blogitem .more svg {
	fill:var(--paars);
	display: inline-block;
	height: .5em;
	width: auto;
	margin-left: .5em;
	vertical-align: middle;
	transition: margin .25s, fill .25s;
}

.blogitem .more:hover svg {
	margin-left: 1em;
}

section.foto_met_quote img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 2em;
}

section.foto_met_quote .quote {
	position: relative;
	background: black;
	color: white;
	padding: 2rem;
	border-radius: 2em;
	width: calc((((100% - 11em) / 12) * 4) + 3em);
	float: right;
	margin-right: 2rem;
	z-index: 1;
	text-align: center;
	font-size: 1.22rem;
	font-style: italic;
	margin-bottom: -3rem;
	margin-top: -5rem;
}

section.foto_met_quote .quote p {
	margin-top: 0;
}

section.quote_in_paars .quote p:last-of-type {
	margin-bottom: 0;
}

.quotenaam {
	font-weight: bold;
	margin-top: 1em;
}

section.inhoud {
	padding-top: 6rem;
}

section.inhoud .inhoudinner {
	width: calc(100% - 24em);
	margin: auto
}

section.inhoud .inhoudinner p + h3 {
	margin-top: 2em;
}

section.inhoud h4 {
	color: var(--paars);
	font-size: 1.1rem;
}

section.inhoud img {
	max-width: 100%;
	display: block;
	margin: 3em 0;
	border-radius: 2em;
}


section.inhoud .inhoudinner > *:first-child {
	margin-top: 0;
}

section.inhoud .inhoudinner > *:last-child {
	margin-bottom: 0;
}

.backbutton {
	color: var(--paars);
	font-weight: bold;
	margin-bottom: 1em;
	display: inline-block;
}

.backbutton svg {
	fill: var(--paars);
	height: 1em;
	width: auto;
	margin-bottom: .5em;
	display: block;
	transition: left .25s;
	left: 0;
}

.backbutton:hover svg {
	left: -.5em;
}

.headerwrap {
	border-radius: 1.5em;
	overflow: hidden;
	margin-top: -6rem;
	z-index: 0;
}

.afbeelding_of_video .headerwrap {
	margin-top: 2em !important;
}

.headerwrap img,
.headerwrap video {
	width: 100%;
	height: auto;
	display: block;
}

.hasytvideo {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 ratio */
	overflow: hidden;
}



.hasytvideo picture,
.hasytvideo .videowrapperyt,
.hasytvideo .ytvid,
.hasytvideo img,
.hasytvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}



.headerwrap.hasytvideo.init::after,
.headerwrap.hasvideo::after {
	position: absolute;
	inset: 0;
	background-color: #773FFF90;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="none"><path d="M30 58L58 40L30 22V58ZM40 80C34.4667 80 29.2667 78.95 24.4 76.85C19.5333 74.75 15.3 71.9 11.7 68.3C8.1 64.7 5.25 60.4667 3.15 55.6C1.05 50.7333 0 45.5333 0 40C0 34.4667 1.05 29.2667 3.15 24.4C5.25 19.5333 8.1 15.3 11.7 11.7C15.3 8.1 19.5333 5.25 24.4 3.15C29.2667 1.05 34.4667 0 40 0C45.5333 0 50.7333 1.05 55.6 3.15C60.4667 5.25 64.7 8.1 68.3 11.7C71.9 15.3 74.75 19.5333 76.85 24.4C78.95 29.2667 80 34.4667 80 40C80 45.5333 78.95 50.7333 76.85 55.6C74.75 60.4667 71.9 64.7 68.3 68.3C64.7 71.9 60.4667 74.75 55.6 76.85C50.7333 78.95 45.5333 80 40 80ZM40 72C48.9333 72 56.5 68.9 62.7 62.7C68.9 56.5 72 48.9333 72 40C72 31.0667 68.9 23.5 62.7 17.3C56.5 11.1 48.9333 8 40 8C31.0667 8 23.5 11.1 17.3 17.3C11.1 23.5 8 31.0667 8 40C8 48.9333 11.1 56.5 17.3 62.7C23.5 68.9 31.0667 72 40 72Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 4em;
	display: block;
	content: '';
	z-index: 1;
	width: 100%;
	height: 100%;
	transition: background .5s, opacity .5s;
	cursor: pointer;
}

.headerwrap.hasytvideo.init:hover::after,
.headerwrap.hasvideo:hover::after{
	background-color: #773FFF20;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="none"><path d="M30 58L58 40L30 22V58ZM40 80C34.4667 80 29.2667 78.95 24.4 76.85C19.5333 74.75 15.3 71.9 11.7 68.3C8.1 64.7 5.25 60.4667 3.15 55.6C1.05 50.7333 0 45.5333 0 40C0 34.4667 1.05 29.2667 3.15 24.4C5.25 19.5333 8.1 15.3 11.7 11.7C15.3 8.1 19.5333 5.25 24.4 3.15C29.2667 1.05 34.4667 0 40 0C45.5333 0 50.7333 1.05 55.6 3.15C60.4667 5.25 64.7 8.1 68.3 11.7C71.9 15.3 74.75 19.5333 76.85 24.4C78.95 29.2667 80 34.4667 80 40C80 45.5333 78.95 50.7333 76.85 55.6C74.75 60.4667 71.9 64.7 68.3 68.3C64.7 71.9 60.4667 74.75 55.6 76.85C50.7333 78.95 45.5333 80 40 80ZM40 72C48.9333 72 56.5 68.9 62.7 62.7C68.9 56.5 72 48.9333 72 40C72 31.0667 68.9 23.5 62.7 17.3C56.5 11.1 48.9333 8 40 8C31.0667 8 23.5 11.1 17.3 17.3C11.1 23.5 8 31.0667 8 40C8 48.9333 11.1 56.5 17.3 62.7C23.5 68.9 31.0667 72 40 72Z" fill="%23773FFF"/></svg>');
}

.headerwrap.hasytvideo.playing::after,
.headerwrap.hasvideo.playing::after{
 	opacity: 0;
}

.afbeelding_of_video,
.klantverhaalheader {
	z-index: 0;
}

.single-klant .twee_kolommen_met_quote {
	z-index: 10;
}

.afbeelding_of_video .quotesectionbg,
.klantverhaalheader .quotesectionbg {
	margin-top: 10em;
}


section.quote_in_paars .quote {
	background: var(--paars);
	color: white;
	border-radius: 1.5rem;
	padding: 4rem 6rem;
	text-align: center;
	font-size: 1.22em;
	font-style: italic;
}

section.quote_in_paars p {
	color: var(--grey);
	margin-top: 0;
}

section.overzicht_koppelingen {
	background: var(--grey);
	padding: 6em 0;
	margin-top: 6em;
}

section.overzicht_koppelingen .flexcontainer {
	flex-wrap: wrap;
	gap: 1rem;
	align-items: stretch;
}

.koppeling_item {
	width: calc((100% - 2rem) / 3);
	height: auto;
	font-weight: bold;
	text-align: right;
}
.koppeling_item svg {
	fill:var(--paars);
	height: .5em;
	width: auto;
	margin-right: .5em;
	margin-left: .25em;
	display: inline-block;
	transition: margin-right .25s;
}

a.koppeling_item:hover svg {
	margin-right:0;
}

.koppeling_inner {
	background: white;
	border-radius: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3em 4em;
	height: auto;
	margin-bottom: .25rem;
	width: 100%;
}

.koppeling_inner img {
	display: block;
	object-fit: contain;
	height: 8em;
	max-width: 100%;
	width: auto;
	display: block;
}

section.golf + section {
	margin-top: 0;
}

section.golf {
	margin-top: -1px;
	margin-bottom: -1px;
}

section.golf svg {
	display: block;
}

.inlinearrow {
	height: 1em;
	width: auto;
	margin: 0 .25em;
	top:.2em;
	animation: arrowBounce 2s ease-in-out infinite;
}

.inlinearrow:nth-of-type(1) { animation-delay: 0s; }
.inlinearrow:nth-of-type(2) { animation-delay: 0.2s; }
.inlinearrow:nth-of-type(3) { animation-delay: 0.4s; }
.inlinearrow:nth-of-type(4) { animation-delay: 0.6s; }
.inlinearrow:nth-of-type(5) { animation-delay: 0.8s; }
.inlinearrow:nth-of-type(6) { animation-delay: 1s; }
.inlinearrow:nth-of-type(7) { animation-delay: 1.2s; }
.inlinearrow:nth-of-type(8) { animation-delay: 1.4s; }
.inlinearrow:nth-of-type(9) { animation-delay: 1.6s; }
.inlinearrow:nth-of-type(10) { animation-delay: 1.8s; }
	
@keyframes arrowBounce {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(3px); }
}