@charset "UTF-8";
/* CSS Document */


.navbar .navbar-nav > li > a , .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

/* hamburger */ 
.navbar-light .navbar-toggler{
	border: none;
}

.navbar-toggler{
	padding: 0;
	font-size: 2.5rem;
	font-weight: 700;
}

/* --- */

.fluid-nav-wrapper{
	border-bottom: 1px solid #ffe6e6;
}

html{
	font-size: 10px;
}

body{
    font-family: "Poppins", sans-serif; 
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    background-color: white;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .action-title, .title-wrapper, a.further-link-light{
	font-family: "Geologica";
}

h1{
    font-weight: 800;
    margin-bottom: 4rem;
    font-size: 4rem;
}

h2, .bovenkopje, .stats-wrapper, button, .action-title, .vhl_hero-wrapper, .stapnummer, .inzet, .action-title-orange, .doneer-button, /*.list-head, .head-intro */
.li-nr, .module-orange a, .i-circle, .module-wrapper > .container:before, .module-inset h3, .vhl_button, .vervolg-wrapper-fluid .more-head{
    font-family: "Geologica";
}

h2{
    margin-bottom: 1.2rem;
    font-size: 4rem;
    line-height: 1.1;
    font-weight: 800;
	}

h3, .cx_title1{
    font-weight: 800;
    margin-bottom: 2rem; 
    font-size: 3rem;
    line-height: 1.2;
    }

h4{
    font-weight: 700;
    font-size: 22px;
	}

.vhl_hero-wrapper{
	font-weight: 800;
}

a, a:hover, a:active, a:focus{
    text-decoration: none;
    color: black;
    outline: none;
    }
    
p a{
    border-bottom-style: solid;
    border-bottom-width: 2px;
	}

li > p > a, p a.further-link-light {
	border-bottom-style: none;
	}

.noborder {
	border: none !important;
}

.oranje, a.oranje {
    color: #d64300;
    }
 
 a.oranje {
 	border-bottom: 1px solid;
 }
    
.bg-oranje {
	background-color: #d64300;
}

/*.green{
    color: #2D6D68;
    }
*/
.toop{
    /*color: #868180; 
    color: #736e6d;
    color: #6c6867;*/
    }

.head-bg-wrapper-opening{
    height: 70vw;
    max-height: 53rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    }

.head-bg-wrapper-opening{
height: 70vw;
  max-height: 47rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 114% 50%;
  background-size: 107%;
}



.head-activiteiten-bg-wrapper{
	height: 19vw;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	}

.break-row{
    margin-top: 4rem;
    }

/*paddings*/

.cx_content .nopadding{
    padding: 0;
    }

.padding-top-1{
    padding-top: 1rem;    
}
.padding-top-15{
	padding-top: 1.5rem;
}
.padding-top-2{
    padding-top: 2rem;
}

.padding-top-3{
    padding-top: 3rem;
}

.padding-top-4{
    padding-top: 4.5rem;
}

.padding-top-5{
    padding-top: 5rem;
}

.padding-top-55{
    padding-top: 5.5rem;
}

.padding-bottom-1{
    padding-bottom: 1rem;
}

.padding-bottom-2{
    padding-bottom: 2rem;
}

.padding-bottom-3{
    padding-bottom: 3rem;
}

.padding-bottom-4{
    padding-bottom: 4rem;
}

.padding-bottom-5{
    padding-bottom: 5rem;
}

.padding-bottom-7{
    padding-bottom: 7rem;
}

/* margins */

.margin-top-1{
	margin-top: 1rem;
}
.margin-top-2{
	margin-top: 2rem;
}

.margin-top-3{
	margin-top: 3rem;
}

/* items */

.item-pic-wrapper{
	margin-top: 1rem;
	margin-bottom: .5rem;
	overflow: hidden;
	border-radius: 2rem;
	}

.item-pic-wrapper-intro{
	margin-top: 0;
}

.vervolg-items-wrapper .item-pic-wrapper{
	border-radius: 1rem;
	margin-bottom: .7rem;
	margin-top: 0;
	}

.vervolg-item-card{
	display: block;
	background-color: white;
	padding: 1rem;
	border-radius: 1.52rem;
	margin-bottom: 3rem;
}

.vervolg-item-card .item-text-wrapper{
	margin: 0 1rem;
}

a .item-pic-wrapper-intro:after:after{
	content:"";
	position: absolute;
	background-color: purple;
	width: 10px;
	height: 10px;
	left: 10px;
	top: 10px;
	}

a:hover .item-pic-wrapper:after{
    background-color: #EF7D2C;
    }

.item-pic-wrapper img{
    width: 100%;
}

.item-text-wrapper{
   
    }
    
.highlighted-item {
	margin-bottom: 5.5rem;
}
 
 @media(max-width: 576px){
 	 .highlighted-item .item-text-wrapper{
 	padding-top: 2rem;
 }
 	
 }
    
.highlighted-item .item-text-wrapper h3{
	margin-bottom: .5rem;
	}
	
.highlighted-item .item-text-wrapper .art-meta{
	margin-bottom: 2.5rem;
	}
.highlighted-item .item-intro{
	margin-bottom: 0;
}

.text-intro{
	padding: 1.2rem 0 0 2rem;
}	

.intro-text{
   	font-size: 2.4rem;
    margin-bottom: 3.4rem;
    color: #5A6057;
    line-height: 4.3rem;
    font-weight: 300;
    }

.art-meta{
    font-size: 90%;
    /*letter-spacing: .5px;
    font-weight: 900;
    margin-bottom: .3rem;*/
    }

.art-category{
    color: #EF7D2C;
	}

.vervolg-wrapper-fluid{
	background-color: #f6f4f1;
	/* color: #665E5C; */
	padding-top: 4rem;
	padding-bottom: 4rem;
	}

.vervolg-wrapper-fluid .more-head{
	font-size: 2.4rem;
	margin-bottom: 1rem;
	font-weight: 800;
	}
	
.vervolg-items-wrapper{
    margin-top: 0;
    }

.vervolg-items-wrapper form{
	margin-top: 0;
	}

.vervolg-item-card .item-text-wrapper{
	padding-top: 1rem;
	}
	
	
.vervolg-item-card:hover{	
	color: #d64300;
	}

.vervolg-item-card > div:hover{	
	color: #d64300;
	}

.vervolg-item-card h3{
    font-size: 2rem;
    margin: 0 0 1.2rem;
    }

.vervolg-item-card .art-meta{
	margin-bottom: .3rem;
	font-size: 86%;
	}
h1 ~ .art-date{
	/* margin-top: -1.5rem; */
}

.vervolg-item-wrapper .nav-row-fake i{
	line-height: 1.9;
	text-align: center;
	}
	
/*einde items*/

.bovenkopje{
    color: #d64300;
    display: block;
    margin-bottom: -.5rem;
}

.article-head-wrapper .bovenkopje{
	margin-bottom: 0;
	}

.module-head-wrapper{
	margin-top: 3rem;
}
	
.module-head-wrapper h1{
	color: #d64300; 
	/*border-bottom-style: solid;
	border-bottom-width: 5px;
	padding-bottom: 1rem;*/
	display: inline-block;
	margin-bottom: 3.6rem;
	}	

.list-head{
   font-size: 2.5rem;
   line-height: 1.2;
   margin: 1rem 0 1.4rem;font-weight: 700;
}

.li-nr{
    border-width: .4rem;
    border-radius: 50%;
    border-style: solid;
    height: 5rem;
    width: 5rem;
    font-size: 3rem;
    line-height: 4rem;
    margin: 0 0 1rem 0;
    text-align: center;
    }

.footer{
	border-top: 1px solid #eee;
	}

.site-map{
	padding-bottom: 2rem;
	padding-top: 1rem;
	}
	
.site-map nav{
	margin-top: 1.5rem;
	}

.site-map h4{
	margin-bottom: .9rem;
	font-size: 2.4rem;
	}

.footer-mixed-bar{
	font-size: 18px;
	color:#6e7570;
	}

.footer-mixed-bar a{
	color:#4f5651;
	}

.footer-mixed-bar a:hover{
	color: black;
	}
	
.vhl_footer-section{
	margin-top: 1rem;
}
.vhl_footer-data{
	color: white;
	font-weight: bold;
	font-size: 2.3rem;
	margin-bottom: .2rem;
    display: inline-block;
}
	@media(max-width:576px){
		.footer-aanhef{
		display: block;
		text-align: center;
		margin-top: 1rem;
		}
	}

	
.contact-footer{
	font-size: 18px;
	color: #DEE6D5;
	color: #f9f3ee;
	padding: 0 0 2rem;
	text-align: center;
	}
.contact-footer .row{
	text-align: center;
}

.contact-footer .btn{
	color: white
}

.contact-footer a, .contact-footer a:hover, .contact-footer a:active, .contact-footer a:focus{
    color: white;
}

/* faq */
.faq-s-wrapper .faq-wrapper:last-of-type{
	margin-bottom: 3rem;
	}
	
.faq-wrapper{
    border-width: 2px;
    border-style: solid;  
    border-radius: 1rem;
    margin-top: 2rem;
    color: #604c4c;
    }
	
.cx_content .faq-nav-q-wrapper{
    padding: 1.2rem 0; 
	}

.faq-cont .container:last-of-type{
	margin-bottom: 6rem;
	}

.q-nav-wrapper a{
    display: block;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    color: #604c4c;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    line-height: 2;
    }


.q-wrapper{    
    font-size: 2.4rem;
    font-weight: 700;
}

.cx_content .a-wrapper{
    padding: 1.6rem 1.5rem 1.2rem 8.2%;
    border-top-width: 2px;
    border-top-style: solid;
}

/* crossmarx overschrijvingen */
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 0;
}
/* einde crossmarx overschrijvingen */

/* bootstrap overschrijvingen */
.navbar{
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 18px;
    margin-top: .8rem;
    margin-bottom: 1.6rem;
    margin-left: -2rem;
    }

.nav-link{
    padding: 0;
    margin: .5rem 1.9rem 0 0;
    color: black;
    }

nav > ul{
    font-weight: 700;
}

nav > ul > li > a{
    color: black;
    font-weight: 400;
}

.navbar-default .navbar-nav > li > button{
    margin: 2.6rem 0 0 1rem;
    border-color: #EF7D2C;
    }

.navbar-brand{
    padding: 0;
    margin-right: 3rem;
    height: 7rem;
    margin-left: .2rem;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;   
    color: black;
    border-color: transparent;
    }

.navbar .navbar-collapse .navbar-nav a:hover, .navbar .navbar-collapse .navbar-nav a:active, .navbar .navbar-collapse .navbar-nav a:focus{
	background-color: transparent;   
	border-color: transparent;
	border-bottom-color: #d64300;
	color: #d64300;
	}
	
.navbar-nav.ml-auto a{
    color: #d64300;
    font-size: 1.8rem;
    margin-left: 2.1rem;
    }
@media(max-width: 476px){
	.navbar-nav.ml-auto a{
		margin-bottom: 1.7rem;
		 margin-left: 0;
	}
}

.navbar-nav.ml-auto a:hover{
	color: black;
}

.navbar-nav i{
	margin-right: 1rem;
	} 

.nav-item.nav-link.active.vhl_button-donate {
	padding: .6rem 1.5rem;
	border-radius: .6rem;
	color: white;
	/*background-color: #4aaaff;*/
	background-color: #0058a6;
	text-align: center;
	font-size: 94%;
	margin-top: 0;
	letter-spacing: .03rem;
}
@media(max-width: 576px){
	.nav-item.nav-link.active.vhl_button-donate{
		margin-right: 0;
	}
	.navbar{
		padding-right: 0;
	}
}


.nav-item.nav-link.active.vhl_button-donate:hover, .nav-item.nav-link.active.vhl_button-donate:active{
	/* background-color: #0087ff; */
	background-color: #4aaaff;
	color: white;
}

/*hamburger*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}

.navbar-default .navbar-toggle{
    border: none;
    border-radius: 0;
}

.navbar-toggle .icon-bar{
    width: 26px;
    height: 3px;
    border-radius: 0;      
 }

.navbar-toggle .icon-bar + .icon-bar{
    margin-top: 5px;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: black;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:hover{
    background-color: white;
}

.navbar-toggle:active .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar{
    background-color: #EF7D2C;
}

/* dropdown inlog - ingelogd */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	background-color: white;
	border-color: white;
	}

.dropdown-menu{
	/*border-color: #EF7D2C;*/
	}

.navbar .navbar-right .dropdown-menu > li > a{
	margin-left: 0;
	}

.dropdown-menu > li > a:hover{
	background-color: white;
	color: black !important;
	}

/* aanpassingen voor vhl_20 jaar logo */
.navbar-expand-lg .navbar-collapse{
	margin-top: 2.15rem;
}
.navbar-brand.vhl_20_logo-wrapper{
	margin-right: 2.6rem;
	margin-left: 0;
	height: 7.4rem;
}
.navbar{
    margin-bottom: 1.2rem;
}

/*formulieren*/

.form-control{
    border-radius: 1px;
    box-shadow: none; 
    height: 42px;
    font-size: 18px;
    }

.form-control::focus{
	outline: none;
	color: #EF7D2C;
	}
	
.form-control-plaintext{
    border-radius: 1px;
    box-shadow: none; 
    min-height: 42px;
    font-size: 18px;
    }

.form-control-plaintext::focus{
	outline: none;
	}

.module-green{
 	color: #2D6D68;
	}
	
.btn-success i{
	margin-right: 1rem;
	}
	
.cx_btn-label {
	line-height: 3.6rem;
}

/*formulieren*/

/* overschrijving vaste breedte van deze velden */
.cx_input-date input[size="4"], .cx_input-datetime input[size="4"]{
	/*width: auto !important;*/
	}

@media (min-width: 541px) {
		/* algemene class voor de forms. Is een work-around. class wordt gegenereerd bij instelling labels boven de velden*/
	.cx_form:not(.cx_form-login) #cx_2:not(.btn), .cx_form:not(.cx_form-login) #cx_3:not(.btn), .cx_form:not(.cx_form-login) #cx_4:not(.btn), .cx_form:not(.cx_form-login) #cx_5:not(.btn) {
	/*	margin-left: calc(16.66666% - 22.5px);
		padding-right: 21%; */
		}
		
	.cx_form #cx_2.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_3.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_4.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_5.cx_btn-toolbar-section-paging:not(.btn) {
		margin-left: 0px;
	/*	padding-right: 40%;*/
	}
		
	#cx_4 .cx_form-control-plaintext {
    	font-size: 19px;
	}
		
	.form-horizontal .cx_paragraph-wrapper {
		padding-left: 0px;
		margin-right: 7.5px;
	}
}

@media (max-width: 576px) {
	.form-horizontal .cx_paragraph-wrapper {
		/*width: 100%;*/
	    padding-left: 15px;
	    margin-right: 7.5px;
	}
	
	.cx_content-inner .cx_title1, .cx_content-inner .cx_text {
		/*padding-left: 15px;
		padding-right: 15px;*/
	}
	
	.cx_widget-dropzone .cx_widget-button-group {
		display: table;
	}
}

.pull-left {
	margin-left: calc(16.66666% - 15px);
	padding-right: 0%;
	}
	
.pull-right {
	margin-left: 0px;
	padding-right: 36%;
	}

.btn-toolbar{
	margin-bottom: 3rem;
	}
	
.vhl-login-wrapper{
	display: block;
	margin: 5rem 0 6rem;
}

.vhl-login-wrapper h1{
	width: 390px;
	margin: 1rem auto 0;
	text-align: center;
}
	
.vhl-login-wrapper .cx_loginForm, .vhl-login-wrapper .cx_login-header, .vhl-login-wrapper .cx_content form {
	width: 390px;
	margin: 3rem auto 1rem;
	border: 1px solid  #EF7D2C;
	padding: 2.5rem 2.5rem 2.7rem;
	border-radius: 2rem;
	box-shadow: 0 0 16px 0 rgba(239,125,44,.06);
	float: none;
	}

.vhl-login-wrapper .cx_content form{
	padding-top: 3.5rem;
	}
	
.vhl-login-wrapper .cx_text {
	margin: 0;
}

.vhl-login-wrapper .cx_paragraph-wrapper, .vhl-login-wrapper .btn-toolbar, .vhl-login-wrapper .cx_btn_wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.vhl-login-wrapper a[role="button"]{
	margin-top: .8rem;
}

.vhl-login-wrapper .cx_text_wrapper, .vhl-login-wrapper .cx_text, .vhl-login-wrapper .cx_content-inner > .cx_btn-toolbar {
	width: 390px;
	margin: 0 auto 3rem;
	display: block;
	float: none;
}

.vhl-login-wrapper .cx_content .cx_btn-Email:not(.cx_btn-iconOnly), .vhl-login-wrapper .cx_content .cx_btn-Support_desk:not(.cx_btn-iconOnly), .vhl-login-wrapper .cx_content .cx_btn-OTP:not(.cx_btn-iconOnly), .vhl-login-wrapper .cx_content .cx_btn-SMS:not(.cx_btn-iconOnly) {
	margin-top: 10px;
}

.vhl-login-wrapper #cx_2:not(.btn) , .vhl-login-wrapper #cx_3:not(.btn){
	margin-left: 0;
	padding-right: 0;
}

.cx_loginForm .btn, .vhl-login-wrapper .btn {
	color: white;
	background-color: #EF7D2C;
	}

.cx_loginForm .btn:hover, .vhl-login-wrapper .btn:hover {
	background-color: #555;
	color: white;
	border-color: #555;
	}
	
.vhl-login-wrapper .btn.btn-link{
	background-color: transparent;
	color: #d64300;
	padding: 0;
	border: none;
	text-align: left;
	border-bottom: 2px solid;
	border-radius: 0;
	width: auto;
	
	}

.vhl-login-wrapper .btn.btn-link:hover{
	text-decoration: none;
	color: #555;
}
.form-horizontal .row:first-of-type .cx_text_wrapper:first-of-type{
	margin-bottom: 3rem;
	width: 74%;
	}

.form-horizontal .row:first-of-type .cx_text_wrapper:first-of-type h1{
	margin-top: 4.2rem;
	margin-bottom: 5.4rem;
	}

.form-horizontal .row:first-of-type .cx_text_wrapper:first-of-type p:first-of-type{
	font-size: 2.4rem;
	line-height: 3.6rem;
	}

input[type="text"],input[type="search"], input[type="email"], input[type="tel"]{
	transition: background .3s ease;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
	}

input::focus{
	outline: none;
	box-shadow: none;
	/*box-shadow:0 0 8px 0 rgba(0,0,0,.12);*/
	}

.form-control, select.form-control{
	border: 1px solid #c2b9b6;
	-webkit-appearance: none;
    -moz-appearance: none;
	}

select.form-control{
	background-image: url("../images/select-arrow.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	border-radius: 6px;
	padding-right: 24px !important;
	}

.form-group{
	margin-bottom: 1.6rem;
	}
	
input[type="text"],input[type="search"], input[type="email"], input[type="tel"]{
    /*background-color: #ffb9a4;*/
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: .7rem 1.3rem;
    border: #c2b9b6 1px solid;
    border-radius: 6px;
    }

.module-newsletter input[type="email"]{
	height: 52px !important;
	margin: 0 auto;
	background-color: white;
	border-color: #a30000;
	border-radius: .8rem 0 0 .8rem;
	border-right: 0;
	text-align: left;
}
.module-newsletter input[type="email"]:focus{
	color: #d64300;
	border-color: #d64300;
}

.module.module-newsletter .btn{
	height: auto;
	height: 52px;
	padding: 1.1rem 0;
	border-radius: 0 .8rem .8rem 0;
}  

.module.module-newsletter .btn:hover{
	background-color: #d64300;
	border-color: #d64300;
}

 /*radio*/
 div.cx_radiogroup label{
  	/*padding-left: 4rem;*/
  	}
 
  div.cx_radiogroup label span{
  	position: relative;
  	display: inline-block;
  	/*margin-left: 4rem;*/
  	}
 
 div.cx_radiogroup  label input[type="radio"]{
 	display: none;
 	}
 
div.cx_radiogroup label:not(.vhl_happy-label):not(.vhl_neutral-label):not(.vhl_sad-label) input[type="radio"] + span:before{
  	content: "";
  	position: absolute;
  	display: block;
  	height: 2rem;
  	width: 2rem;
  	border-radius: 50%;
  	background: white;
  	border: 3px solid #d64300;
  	left: -2rem;
  	top: .5rem;
  	}
	
div.cx_radiogroup label:not(.vhl_happy-label):not(.vhl_neutral-label):not(.vhl_sad-label) input[type="radio"]:checked + span:before{   
  	height: 2rem;
  	width: 2rem;
  	border-radius: 50%;
  	background:#d64300;
  	border: 3px solid #d64300;
  	left: -2rem;
  	top: .5rem;
 	}
 
 .cx_form-row .cx_radio-label, .cx_form-row .cx_checkbox-label{
 	padding-left: .8rem;
 	}
 
 /* einde radio */
 
  /*checkbox*/
  
  .form-horizontal .checkbox{
  	padding-top: 5px;
  	}
  	
  div.checkbox{
  	margin-bottom: .6rem;
  	}
  	
label.cx_checkbox-label:hover{
 	color: #d64300;
 	cursor: pointer;
 	}
 
.cx_checkbox-label{
  	padding-left: 1.5rem;
  	}
 
label.cx_checkbox-label span{
  	position: relative;
  	display: inline-block;
  	margin-left: 3rem;
  	padding-left: 0.8rem;
  	}
 
label.cx_checkbox-label input[type="checkbox"]{
 	display: none;
 	}
 
label.cx_checkbox-label input[type="checkbox"] + span:before{
  	content: "";
  	position: absolute;
  	display: block;
  	height: 2rem;
  	width: 2rem;
  	border-radius: 2px;
  	background: white;
  	border: 3px solid #d64300;
  	left: -2rem;
  	top: .5rem;
  	}
	
label.cx_checkbox-label input[type="checkbox"]:checked + span:before{   
  	height: 2rem;
  	width: 2rem;
  	border-radius: 2px;
  	background: #d64300;
  	border: 3px solid #d64300;
  	left: -2rem;
  	top: .5rem;
 	}
 	
 	/*einde check*/
 
.form-horizontal .form-group .control-label, label, .cx_label{
	font-size: 17px;
	letter-spacing: .1px;
	/*font-weight: 400;*/
	padding-right: 1.6rem;
	margin-bottom: .5rem;
	}

.amount-wrapper label{
	display: inline-flex;
	justify-content: center;
	padding-right: .5rem;
}

.cx_text{
	/*font-size: 84%;*/
	margin-top: 2rem;
	}

.cx_paragraph-wrapper{
	margin-bottom: 0;
}

/* aanmeldformulier */


.panel-default{
	border: none;
	padding: 0;
	box-shadow: none;
	}
	
.panel, .panel-body{
	/*border-bottom: 1px solid;*/
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	}

.form-control-static .cx_a, .form-control-plaintext .cx_a{
	display: block;
	}

/* checkbox*/

.cx_checkbox{
	/*overflow: hidden;*/
}
  
.cx_fieldlines .cx_checkbox .cx_label-inline{
	/*margin-left: 0px;*/
	/*max-width: none;*/
    margin-left: calc(2.2rem + 20px);
}
 
.cx_checkbox  input[type="checkbox"]{
 	display: none;
 	}
 
.cx_custom-checkbox {
	position: absolute;
}
/*.cx_checkbox input[type="checkbox"] + label:before{*/
.cx_checkbox input[type="checkbox"] + label + label:before{
  	content: "";
  	display: block;
  	height: 2.3rem;
  	width: 2.3rem;
  	border-radius: 3px;
  	background: white;
  	border: 3px solid #d64300;
  	margin-left: calc(-2rem - 20px);
  	float: left;
  	margin-top: .2rem;
  }
	
.cx_checkbox input[type="checkbox"]:checked + label + label:before{   
  	height: 2.3rem;
  	width: 2.3rem;
  	background: #d64300;
  	border: 3px solid #d64300;
  	content:  "\2713 ";
  	color: white;
  	line-height: 1.4rem;
  	text-align: center;
  	font-weight: bold;
  	margin-left: calc(-2rem - 20px);
  	float: left;
  	margin-top: .56rem;
 }
 

/* onderstaande regel toegevoegd om de sterretjes op Apple-devices op de goede plek te krijgen (naast het label i.p.v. eroverheen, en zonder extra ruimte aan de onderkant). AV 8-11-2022 */
.cx_label-above .cx_required-mark {
    float: right;
	position: relative;
	margin-bottom: -100px;
}

.cx_required-mark{
	color: #EF7D2C;
	}

.cx_form .cx_btn-send, .cx_form .cx_btn-send:focus{
	background-color: #EF7D2C;
	border-color: #EF7D2C;
	color: white;
	}
	
.cx_form .cx_btn-send:hover, .cx_form .cx_btn-send:not(:disabled):active{
	background-color: black;
	border-color: black;
	color: white;
	}

footer .cx_modified .cx_btn-send{
	background-color: transparent;
	border: none;
	border-radius: 0;
	height: auto;
	text-decoration: underline;
	padding: 0 5px;
	vertical-align: baseline;
	}

footer .cx_modified .cx_btn-send:hover{
	background-color: transparent;
	border: none;
	color: black;
	box-shadow: none;
	}
	
.form-control-static input[type="checkbox"]:default, .form-control-plaintext input[type="checkbox"]:default{
	border: 1px solid black;
	height: 2rem;
	width: 2rem;
	}

.form-control-static input[type="checkbox"]:checked, .form-control-plaintext input[type="checkbox"]:checked{
	background-color: black;
	}

.cx_label-right-fieldline .cx_fieldline-content, .cx_label-right-fieldline .cx_label-right{
	margin-right: 0;
	}

.cx_btn_wrapper .btn:not(.cx_btn-iconOnly){
	margin: 1rem 0 0 0;
	padding: .5rem 2rem;
	line-height: 1.2;
	}

.cx_btn_wrapper .btn:not(.cx_btn-iconOnly) .cx_label{
	padding-right: 0;
	}
	
/*velden met focus*/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus, 
select:focus,
select.form-control:focus{   
  border-color: rgba(239, 125, 2, 1);
  border-width: 1px;
  box-shadow: none;
  outline: 0 none;
  color: black;
	}

.module input[type="text"],input[type="search"]{
   background-color: #FFF7F1;
   border: none; 
   color: #EF7D2C;
   font-size: 26px;
   }

::placeholder{
    font-size: 16px;
    }
  
 .module-orange input.form-control::-webkit-input-placeholder,  .newsletter-subscribe-card input.form-control::-webkit-input-placeholder {
    color: #EF7D2C;
    }

.module input.form-control, .newsletter-subscribe-card input.form-control{
    text-align: center;
	}

.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right){
	height: 42px;
	min-width: 11rem;
	}

.module-orange ::placeholder, .module-orange input{
    color: #EF7D2C;
    }

.module-orange :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #a30000;
	}

.module-orange ::-ms-input-placeholder { /* Microsoft Edge */
  color: #a30000;
	}

.module input[name="postcode"]{
    height: 52px !important;
    font-size: 26px;
    font-weight: bold;
    margin: 0 auto;
    background-color: white;
    color: #EF7D2C;
    border: 1px solid #d64300;
    }

.module input[name="postcode"]:focus{
	color: #d64300;
	background-color: white;
	}
	
.module input[name="postcode"].form-control::placeholder{
	/* color: #d55737; */
	font-weight: normal;
	/*line-height: 1;*/
	}

.module input[name="postcode"]:active{
	color: #d55737;
	background-color: white;
}


.module-green ::placeholder, .module-green input{
    color: #2D6D68;
    }

.module-green :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #2D6D68;
}

.module-green ::-ms-input-placeholder { /* Microsoft Edge */
  color: #2D6D68;
}


/*foutmeldingen*/
.cx_field-error{
	color: red;
	font-size: 16px;
	font-weight: 400;
	}

.has-error .form-control{
	border-color: red;
	}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, 
.has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, 
.has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
	color: red;
	}
	
/*einde bootstrap overschrijven*/

/*speciefieke formulieren*/

#cx_marker_line_cx_marker_value_form-D10661 .form-control-plaintext{
	font-style:italic;
	margin-bottom: 1rem;
	}
	
.cx_paragraph-D31{
	/*border-bottom: 1px solid silver;*/
	box-shadow: none;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	}
	
.cx_page-buttons .btn:not(.cx_btn-iconOnly) {
	padding: 1rem 2rem;
}

.cx_btn-toolbar-section-paging {
	background: inherit;
}

.cx_btn-nextPage::after {
	display: none;
}

.cx_widget-dropzone .cx_btn-rotateLeft, .cx_widget-dropzone .cx_btn-rotateRight {
	display: none;
}

.cx_widget-dropzone .btn:not(.cx_btn-iconOnly) {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.cx_form-D2094.cx_form, .cx_form-D2097.cx_form {
	border-radius: 2rem;
	border: 1px solid rgba(0,0,0,0.125);
	padding: 3rem 2.5rem;
	margin: 2rem 0 3.5rem;
}

/* einde forms */

/*home*/

.opening{
    margin-top: 1rem;
    margin-bottom: 7rem
    }

.cx_content .doneer-module-wrapper{
    
    color: #d64300;
    background-color: #fff;
    padding: 1.7rem 0 .6rem;
    border-radius: 3.3rem;
    float: right;
    margin: 3.5rem 2.5rem 0 0;
    flex: 0 0 22rem;
    
    }
    	
.doneer-module-wrapper h2, .doneer-module-wrapper .doneer-title, .doneer-module-wrapper-mobile .doneer-title{
	font-size: 2.5rem;
	line-height: 1.1;
	margin-bottom: 1.4rem;
	font-size: 2.7rem;
	font-weight: 800;
	}
	
.freq-wrapper{	
	text-align: left;
	}	

.doneer-module-wrapper .amount-wrapper input[type="radio"], .freq-wrapper input[type="radio"]{
	display: none;
	}

.doneer-form .amount-wrapper{
	padding: 0;
}

.amount-row{
	margin: 0 2%;
}

.doneer-form .amount-wrapper label{
	position: relative;
	font-weight: 800;
	font-size: 2.3rem;
	height: 5.6rem;
	width: 5.6rem;
	line-height: 5.6rem;
	cursor: pointer;
	z-index: 1;

	
	color: #000;
	text-align: center;
	margin: 0 0 1rem;
	}
	
.doneer-form .amount-wrapper label span{
	font-size: 68%;
	}
	
.doneer-form .amount-wrapper label:before{
	position: absolute;
	content:"";
	height: 5.6rem;
	width: 5.6rem;
	border-radius: 50%;
	z-index: -1;
	background-color: white;
	top: 0;
	left: 0;
	border: 1.5px solid;
	color: #000;
	}

.doneer-form .amount-wrapper input[type="radio"]:checked + label{
	color: white;
	}

.doneer-form .amount-wrapper input[type="radio"]:checked + label::before{
	background-color: #d64300;
	border-color: #d64300;
	
	}

.doneer-form .freq-wrapper-row{
	margin: 1.4rem 0;
	}

.doneer-form .freq-wrapper label{
	position: relative;
	margin-left: 3rem;
	cursor: pointer;
	font-size: 1.7rem;
	color: #000;
	}

.doneer-form .freq-wrapper label:before{
	position: absolute;
	background-color: white;
	/* border: 3px solid white; */
	border: 3px solid;
	border-radius: 50%;
	content:"";
	height: 1.7rem;
	width: 1.7rem;
	left: -2.6rem;
	top: .5rem;
	color: #000;
	}

.doneer-form .freq-wrapper input[type="radio"]:checked + label{
	color: #d64300;
	}

.doneer-form .freq-wrapper input[type="radio"]:checked + label::before{
	border: 1.5px solid black;
	background-color: #d64300;
	color: white;
	border: 1.5px solid #d64300;
	}

.doneer-form{
	padding-left: .2rem;
	padding-right: .2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
	}

.doneer-form input[type="text"]{
	text-align: center;
	font-size: 2.3rem;
	font-weight: 800;
	/* border: none;*/
	height: 3.6rem;
	line-height: 3.6rem;
	border: 2px solid;
	color: #d64300;
	}

.doneer-form input[type="text"]:focus{
	background-color: black;
	color: white;
	font-weight: bold;
	border: none;
	}

.doneer-form input[type="text"]::placeholder{
	color: #EF7D2C;
	text-align: center;
	}

/* doneerformulier op eigen pagina */

.cx_form-D2097{
	width: 75%;
	}

.cx_form-D2097 .cx_btn-toolbar{
	padding-left: 14px;
	margin-top: 1rem;
	}

.cx_form-D2097 .cx_form-control-group{
	padding-left: 8px;
	}

.cx_form-D2097 #cx_2{
	padding: 2.2rem 2rem .4rem 2.6rem;
	background-color: #fff4f4;
	border-radius: 1.7rem;
	margin-bottom: 2.3rem;
}

input[name="form:D10648"]{
	height: 52px !important;
	border-color: #d64300;
	color: #d64300;
	font-weight: 700;
	font-size: 2.5rem;
}

input[name="form:D10648"] .form-control::placeholder{
	color: #d64300;
}

.cx_title1:has(+ .cx_text){
	margin-top: 4rem;
	font-weight: 800;
	margin-bottom: 1.6rem;
	font-size: 4rem;
	color: #d64300;
}

.cx_text .head-intro{
	width: 75%;
	margin-top: 2rem;
	font-size: 2.2rem;
}

.cx_form-D2097 ~ .cx_text:last-of-type{
	margin-bottom: 5rem;
	width: 75%;
	margin-left: 1.5rem;
}

@media(max-width: 768px){
	.cx_form-D2097, .cx_form-D2097 ~ .cx_text:last-of-type, .cx_text .head-intro{
	width:100%;
	}
	.cx_form-D2097 .cx_btn-toolbar{
	padding-left: 0;
	margin-top: 1rem;
	}
	.cx_form-D2097 ~ .cx_text:last-of-type{
	margin-left: 0;
	}
}
/* //////// einde doneer-mudule //////// */

.module-orange .form-control:focus, .module-orange .form-control, .newsletter-subscribe-card .form-control{
	color: #d64300;
	box-shadow: none;
	outline: none;
	border: 1px solid #d64300;
	background-color: white;
	height: 5rem !important;
}

.newsletter-subscribe-card .form-control{
	border: 1px solid #d64300;
}

.newsletter-subscribe-card .btn{
	background-color: #d64300;
	color: white;
}


.newsletter-subscribe-card .btn:hover{
	color: #d64300;
	background-color: white;
	border-color: #d64300;
}

.module-orange .form-control::placeholder{
	color: grey;
	}

.text-opening{
    position: relative;
    }
  
 .vhl_hero-wrapper-flat{
 	font-size: 7rem;
    color: #d64300;
    line-height: 1;
    font-weight: 800;
    font-family:"geologica";
    padding: 3.5rem 0 3rem;
 }
 @media(max-width:576px){
	 .vhl_hero-wrapper-flat{
		font-size: 4.4rem;
		padding: 2.3rem 0 1.6rem;
		font-weight: 700;
		line-height: .96;
	}
}
    
.text-opening h1, .vhl_hero-wrapper{
	position: relative;
    font-size: 7rem;
    color: #d64300;
    line-height: 1;
    font-weight: normal;
	background-color: white;
    border-radius: 0 16rem 0 0;
	margin-top: -8.5rem;
	margin-bottom: 5rem;
	padding-top: 4.5rem;
	padding-right: 7.8rem;
	font-weight: 700;
	}

@media(max-width:1100px){
	.text-opening h1{
		font-size: 5.2rem;
		padding-top: 2.5rem;
	}
}

.text-opening h1:before, .vhl_hero-wrapper:before{
	position: absolute;
	content:"";
	background-color: white;
	height: 10rem;
	width: 1000px;
	left: -1000px;
	top: 0;
	}

.hoofdvraag-wrapper{
    height: 100%;
    }
    
@media(max-width: 768px){
	.hoofdvraag-wrapper{
    margin-bottom: 2rem;
    }
}
  
.hoofdvraag-wrapper .title-wrapper{
   	/*padding-bottom: 1rem;
   	border-bottom-width: 1px;
   	border-bottom-style: solid;*/
   	display: inline-block;
	font-weight: 800;
	font-size: 2.8rem;
	line-height: 1.14;
	color: #595452;
	}
	@media(max-width: 768px){
	.hoofdvraag-wrapper .title-wrapper{
		margin-bottom: 6vw;
		font-weight: 700;
		font-size: 2.4rem;
		}
}

.antwoord-wrapper .title-wrapper{
	font-weight: 800;
	font-size: 2.8rem;
	line-height: 1.25;
	margin-bottom: .8rem;
	}

.antwoord-wrapper{
    color: #595452; 
    padding-bottom: .5rem;
    }

.antwoord-wrapper p{
	margin-bottom: 2.9rem;
	}

.antwoord-wrapper a{
   color: #d64300;
   /* font-family: "geologica"; */
   font-weight: 600;
}

@media(max-width: 576px){
.antwoord-wrapper a{
	margin-bottom: 1rem;
	display: block;
}
}
	@media(max-width: 768px){
	.antwoord-wrapper .title-wrapper{
		margin-bottom: 2rem;
		font-weight: 700;
		font-size: 2.4rem;
		}
	}
/* ordering */

.shopping-bag-counter{
	color: black;
	display: inline-block;
	margin-right: 0.7rem;
	/*font-size: 120%;*/
	}

.stappen-wrapper{
    margin-bottom: 2rem;
    }

.stap{
    position: relative;
    width: 12.1rem;
    height: 12.1rem;
    display: inline-block;
    border: 3px solid #EF7D2C;
    border-radius: 50%;
    }

.stap:last-of-type{
    margin-right: -7rem;
	}

.stap img{
    width: 100%;
    border-radius: 50%;
    height: 100%;
    }

.stapnummer{
    position: absolute;
    bottom: -2.2rem;
    left: calc(50% - 5rem);
    border-radius: 50%;
    color: white;
    /* background-color: #EF7D2C; */
    width: 4rem;    
    height: 4rem;
    text-align: center;
    line-height: 2;
    }

.stappen-text a.further-link{
    background-color: #EF7D2C;
    }

.stappen-text-wrapper{
	font-size: 90%;
	margin-top: 2rem;
	color: #EF7D2C;
	margin-left: 1.8rem;
	}

.stappen-pics-fluid-wrapper{
	background: #fff4f4;
	padding-top: 2rem;
	padding-bottom: 2.6rem;
	}

.stap-pic-wrapper{
	width: 86%;
	  margin: 0 auto;
	  border-radius: 2rem;
	  background-color: white;
	  padding: 3%;
	  text-align: center;
	  overflow: hidden;
	}

.stappen-pics-wrapper > div > div:after{
	/*color: white;
	color: #EF7D2C;*/
	font-weight: 700;
	margin: 1.5rem auto 2rem;
	text-align: center;
	width: 90%;
	display: block;
	font-size: 2rem;
	}

.stappen-pics-wrapper > div > div:nth-child(1):after{
	content:"U wordt opgehaald";
	
	}

.stappen-pics-wrapper > div > div:nth-child(2):after{
	content:"Samen naar de zaal";
	}

.stappen-pics-wrapper > div > div:nth-child(3):after{
	content:"Een drankje";
	}

.stappen-pics-wrapper > div > div:nth-child(4):after{
	content:"Genieten van de voorstelling";

	}

.stap-pic-wrapper img{
	margin: 0 auto;
	border-radius: 1.5rem;
	}

/*.stappen-pics-wrapper > div:nth-child(2):before{
	position: absolute;
	background-color: #EF7D2C;
	width: 46rem;	
	height: 20rem;
	border-radius: 9rem;
	content:"";
	left: 0rem;
	left: 8rem;
	bottom: -4rem;
	z-index: -1;
	}

.stappen-pics-wrapper > div:nth-child(1):before, .stappen-pics-wrapper > div:nth-child(3):before{
	position: absolute;
	background-color: #EF7D2C;
	width: 31rem;	
	height: 21rem;
	border-radius: 30rem;
	content: "";
	top: -3.2rem;
	}

.stappen-pics-wrapper > div:nth-child(1):before {
	left: 6.6rem;	
	width: 37rem;
	}

.stappen-pics-wrapper > div:nth-child(3):before{
	left: -2rem;
	}
*/

.stap-in-list{
	margin-bottom: 4rem;
	}

.stats{
    padding-top: 3.4rem;
    padding-bottom: 4rem;
    color: #d64300;
	}
	
.stats-fluid, .regio-fluid, .maak-het-mogelijk-fluid{
	background-color: #fff4f4;
}

.regio-fluid{
	padding-bottom: 4rem;
}

.stats-wrapper{
    line-height: 1;
    }

.stats-wrapper .getal{
    font-size: 2.9rem;
	font-family: "geologica"; 
    font-weight: 800;
    color: black;
    letter-spacing: .4px;
    }

.doneer-button{
    width: 14rem;
    height: 14rem;
    border-width: .6rem;
    border-color: white;
    border-style: solid;
    border-radius: 50%; 
    display: block;
    padding-top: 2.4rem;
    margin: -3.6rem 2.5vw 0 0;
    text-align: center;
    background-color: #EF7D2C;
    float: right;
    color: white;
    }

a.doneer-button:hover, a.doneer-button:active, a.doneer-button:focus{
    color: #EF7D2C;
    background-color: white;
    border-color: #EF7D2C;
	}

.doneer-button div:first-of-type{
    font-size: 2.9rem;
    line-height: 3.5rem;
	}
	
.doneer-button div:last-of-type{
    font-size: 9.6rem;
    line-height: .3;
    text-align: center;
}


.index-news-wrapper{
	border-bottom: 1px solid #eee;
}

.item-intro.item-intro-index{
	font-size: 19px;
	margin-bottom: 2rem;
}

.text-intro h3{
	/* margin-bottom: 1rem; */
}

.ervaringen-wrapper{
	background-color: white;
	/* background-color: #fff7f7; */
	}
	
.ervaringen-bg-wrapper{
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: calc(100% - 1rem);
    background-position: top center;
    border-radius: 2rem;
    overflow: hidden;
    }


.citaat-section-wrapper .bovenkopje{
   
    }

.ervaring-pic-wrapper{
    width: 100%;
    border-radius: 5px;
    }

.ervaring-pic-wrapper img{
    width: 100%;    
    }

.citaat-row{

	}

.citaat-row:before{
/*	content:'';
    background-color: white;
    
    top: 0;
    left:-1000px;
    height: 16rem;
    width: 1000px;
    position: absolute; */
	}
	
.citaat-wrapper{
    position: relative;
    }

.citaat-row .citaat-wrapper{
	padding-top: 4rem;
}

.aanhalingstekens-wrapper{
	font-size: 8rem;
	font-weight: 800;	
	line-height: .5;
	}

.gastenboek-page .citaat-row, .gastenboek-page .citaat-row:before {
	background-color: transparent;
	}
 
.citaat-wrapper:before{
    /*content:'„';
    color: black;
    top: 1.8rem;
    left: 0;
    height: 6rem;
    width: 8rem;
    font-size: 11rem;
    line-height: 1rem;
    position: absolute;*/
    }

.citaat-date{
	font-size: 90%;
	}

.citaat-wrapper p{
    margin: 2rem 0 1.5rem;
	}

.citaat-sub{
    /*color: #979291;
    color: #736e6d;*/
    font-weight: 600;
	}

.citaat-row .citaat-wrapper a{
    padding: 1.7rem 0;
    text-align: center;
    display: inline-block;
    }

.gastenboek-list .pagination-wrapper{
	margin: 0;
	}

.gastenboek-list .pagination-wrapper-bottom{
	margin: 2rem 0 0 0;
	}

.gastenboek-list .citaat-wrapper{
	/*background-color: #F9F6F4;*/
	padding: 7.6rem 0 3.2rem 0;
	margin-top: 1rem;
	border-bottom: #D8DCD3 1px solid;
	}

.gastenboek-list .citaat-wrapper:before{
	top: -1.7rem;
	left: 2.4rem;
	font-size: 13.3rem;
	width: 6rem;
	height: 10rem;
	line-height: 0;
	text-align: center;
	color: black;
	}

.gastenboek-list .citaat-wrapper p{
    margin: 1rem 0;
	}

.explanation-paragraph{
	text-align:center;
	width:60%;
	margin:0 auto 2rem;
	}

.explanation-paragraph.explanation-align-left{
	text-align: left;
	margin-left: 0;
}

.explanation-paragraph.head-intro{
	text-align:left;
}

/*aan de onderkant van de pagina's*/

.module-wrapper{
    background-color: #F9F6F4;
   /* font-size: 84%;*/
    position: relative;
    padding-bottom: 4.6rem;
    /* margin: 1rem 0 3rem; */
    }
   
.module-reservation-wrapper{
    background-color: #F9F6F4;
    color: #d64300;
    position: relative;
    padding: 4rem 0 3.5rem;
    margin-top: 2rem;
    min-height: 29rem;
    }

.module-reservation-wrapper h2{
	margin-bottom: 2rem;
	}

/* .module-wrapper > .container, .module-reservation-wrapper > .container > div > .container > .row > div, .activiteiten-info .container{
    position: relative;
    }        
*/
/* .module-wrapper > .container:before, .module-reservation-wrapper > .container > div > .container > .row > div:before{
    position: absolute;
    height: 6rem;
    width: 6rem;
    left: .8rem;
    border-radius: 50%;
    content: "i";
    
    background-color: #F9F6F4;
    text-align: center;
    line-height: 5rem;
    font-size: 3rem;
    font-style: italic;
    font-family: 'Sanchez';
    }
   */ 
.module-wrapper > .container:before {
	top: -3rem;
}

.module-reservation-wrapper > .container > div > .container > .row > div:before{
	left: -1.8rem;
	top: -6rem;
	}

.activiteiten-info  > .container:before{
	top: -6rem;
	left: -2.4rem;
	}
	
.activiteit-main-pic-wrapper{
	overflow: hidden;
	}

.activiteit-main-pic-wrapper img{
	width: 100%;
	}

.act-info-wrapper{
	background-color: #fbf7f6;
	color: #EF7D2C;
	color: #d55737;
	padding: 3.1rem 4rem 2.7rem;
	position: relative;
	margin-top: 2rem;
	border-radius: .7rem;
	line-height: 1.35;
	}

.act-info-wrapper:before{
	position: absolute;
	content: "i";
	text-align: center;
	border-radius: 50%;
	height: 5rem;
	width: 5rem;
	top: -2rem;
	left: 2rem;
	background-color: #fbf7f6;
	font-family: 'Sanchez';
	font-size: 3rem;
	font-style: italic;
	}

.vacatures{
	margin-top: 1.5rem;
	}
	
.vacature{
    display: flex;
	justify-content: space-between;
	flex-direction: column;
    padding: 2rem;
    height: 100%;
    background-color: white;
    border-radius: 1.5rem;
    }

.vacature-content{
	margin-top: .6rem;
	}
	
.vacature p{
	margin-bottom: .4rem;
	}

.vacature .btn{
    background-color: #d64300;
    color: #FFF;
    border: 1px solid;
    margin-top: 1.8rem;
    padding: .376rem 2.1rem;
    width: 100%;
    }

.vacature .btn:hover{
    background-color: #EF7D2C;
    color: white;
    border: transparent solid 1px;
    }

.vacature .btn:active{
	background-color: white;
    color: #EF7D2C;
}
.vacature i{
    	margin-right: 1rem;
    	text-align: center;
    	width: 2.4rem;
    	font-weight: 400;
    	}
	
.btn i{
    margin-right: 1.1rem;
    width: auto;
    }

.btn i.fa-smile-plus{
    margin-left: 1.1rem;
    margin-right: 0;
    width: auto;
    }

.vacature .btn i{
    margin-right: 1rem;
    }

.subtitle{
	margin-top: -1rem;
	font-size: 2rem;
	color: #5A6057;
	}

/* /////////// modules / special rows /////// */


.module{
    padding-bottom: 6rem;
    }

.module-orange{
    background-color: #EF7D2C;
    color: white;
    }

.module-clay{
	background-color: #fbf7f1;
}

.module-pink-light{
	background-color:#fbf1f1;
}

.module-newsletter, .module-regio, .module-plein, .module-cadeau, .newsletter-subscribe-card{
    position: relative;
}

.activiteiten-zoeker-wrapper.module-regio::before, .module-regio::before, .module-newsletter::before, .module-plein::before, .module-cadeau::before, .newsletter-subscribe-card::before{
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 1rem;
    left: calc(50% - 3.1rem);
    height: 6.2rem;
    width: 6.2rem;
    border-radius: 50%;
    background-size: 53%;
    background-repeat: no-repeat;
    background-position: center;    
    }

.newsletter-subscribe-card:before{
	background-color: #fff7f7;
	background-image: url("../images/icon-newsletter-orange.svg");
    background-size: 57%;
}

.module-regio:before{
    /* background-image: url("../images/icon-regio-white.png"); */
    background-image: url("../images/icon-regio-stone.svg");
    background-size: 57%;
    /* background-color: #fbf7f1; */
    top: 1rem;
}

.module-newsletter:before{
    background-image: url("../images/icon-newsletter-stone.svg");
    background-color: #fbf1f1;
}

.activiteiten-zoeker-wrapper.module-regio::before{
	/* background-image: url("../images/icon-regio-black.png"); */
	top: .7rem;
}

.module-cadeau::before{
/*	background-image: url("../images/cadeau-icon-stone.svg"); */
	background-image: url("../images/cadeau-icon-black.svg");
	background-image: url("../images/cadeau-icon-orange.svg");
	background-size: 55%;
	background-color: white;
}

/* .newsletter-subscribe-card{
	background-color: #FFF0F0;
	background-color: #fff7f7;
	color: #EF7D2C;
	padding: 5.5rem 4rem 3.3rem;
	border-radius: 2rem;
}

*/

@media(max-width: 576px){
	.newsletter-subscribe-card{
		margin-top: 6rem;
	}
}

.newsletter-subscribe-card h2{
	margin-bottom: 1.8rem;
}

/* module regio  */

.module-regio{

	/* color: #d64300; 
	border: 1px solid;
	*/
	padding-top: 3.5rem;
	
}

.module-regio-homepage{
		border-radius: 3rem;
		/*box-shadow: #ffe4e4 1rem 3rem 3rem 1rem;*/
		box-shadow: #ffe9e9 1rem 3rem 3rem 1rem;
		margin-bottom: 2rem;
		color: #82241c;
		color: black;
		/* border: 1px solid #fbc0a5; */
}

.module-regio h2{
	margin-bottom: .5rem;
	
}

.module-regio .btn:hover{
	background-color:  #EF7D2C;
	color: #FFF7F1;
	}

.module-regio .form-control::placeholder{
	/* color: #d55737; */
	}


/* module newsletter  */ 

.module-newsletter{
 	padding-top: 3rem;
}

/* module-plein */

	
.module-plein{
    padding-top: 3rem;	
	background-color: #f6f4f1;
	color: #a01f15;
	}

.module-plein::before{
	background-image: url("../images/plein-icon.svg");
	background-color: #f6f4f1;
	background-size: 62%;
}

.module-plein .nav-row{
	margin-bottom: 0;
	margin-top: 3.6rem;
}

.plein-head{
	
}

.plein-head .bovenkopje{
	color: #a01f15;
	}
	
.plein-head h1{
	/*margin: 0 0 4.2rem 0;
	font-size: 4rem;
	line-height: 1.1; */
}

.plein-pay-off-wrapper{
	font-size: 2.2rem;
	line-height: 1.18;
	font-weight: 600;
	margin: 1rem 0 0;
	letter-spacing: .2px;
	color: #a01f15;
	text-align: center;
	
}
	@media(max-width: 576px){
		.plein-pay-off-wrapper{
		font-size: 2.2rem;
		font-weight: 700;
		letter-spacing: .14px;
		padding: 0 10%;
		margin-top: .5rem;
		margin-bottom: 1.5rem;
		text-align: center;
	}
}

.plein-features{
	margin: 2.5rem 0 0;
	padding: 0 2rem;
	}

.row .plein-features:nth-of-type(2){
	border-right: 1px solid;
	border-left: 1px solid;
}

.plein-features span{
	font-weight: 700;
	/*color:  #EF7D2C;*/
	letter-spacing: .6px;
}

.module-plein-pic-wrapper{
	margin: 1rem 0 2rem;
}
	
.module-plein-pic-wrapper img{
    /*max-width: 48rem;*/
    width: 100%;
    height: auto;
    }

.module-plein .btn-default, .module-plein .btn-default:hover{
	margin: 0 auto;
	display: inline-block;
	padding-left: 3rem;
	padding-right: 3rem;
	line-height: 4rem;
	letter-spacing: .3px;
	}

/*
.cadeau-ad a:hover .btn-default{
	background-color: white;
	color: #EF7D2C;
	border-color: white;
	box-shadow: none;
	}
*/

.module-cadeau{ 
	padding-top: 3rem
}

.module-cadeau.module .btn{
	color: white;
	background-color: #d64300;
	border: none;
}

.module-cadeau .btn:hover{
	background-color: #EF7D2C;
	color: white;
	border: none;
}

.cadeaubon-pic-wrapper{
	margin-top: 1.7rem;
}

.cadeaubon-text-wrapper{
	margin: 1.5rem 0 4.5rem;
}


.module-cadeau a{
	color: black;
	}

.module-cadeau a:hover{
	color: #d64300;
}

.cadeaubon-ad h1{
	margin-bottom: 1rem;
	}

/* footer */
.module-black-brown{
	background-color:#5e5954;
	color: white;
	margin-left: -15px;
	margin-right: -15px;
	padding: 5rem 0 3rem;
	}
	
.module-wrapper h2{
    padding: 0 0 2rem;
    /*border-bottom: 2px solid;
    margin-bottom: 2rem;*/
    display: inline-block;
    }
    
.module-inset ul li{
    margin-bottom: 2rem;
    }

.postcode-checker-row{
	background-color: #f9edea;
	margin-bottom: 2.6rem;
}

.postcode-field-wrapper{
	padding-right: 0;
}

.search-button-wrapper{
	padding-left: 0;
}

.activity-results-wrapper{
	margin-top: 4rem;
}

/* buttons en links */

.nav-row{
    margin-top: 3rem ;
    margin-bottom: 6rem;
    }
    
.article-text-wrapper .nav-row{
	/* kleinere marge op de gastenboek-pagina tussen de knop en de reacties */
    margin-bottom: 0;
}

.nav-row a{
	display: inline-flex;
	align-items: center;
	}

.nav-row-fake{
	margin-top: 1rem;
    padding-bottom: 2rem;
    color: #d64300;
    font-weight: 600;
    letter-spacing: .2px;
}

.fa-plus{
    margin-right: 1.7rem;
    text-align: center;
   
    }

/*.nav-row-fake span i{
	color: #EF7D2C;
	}*/

.nav-row-fake span i.fa-plus-circle{
	margin-right: 1.3rem;
	}

.vervolg-items-wrapper .nav-row-fake span i.fa-plus-circle{
	margin-right: 1.1rem;
	}

.fa-arrow-left{
    margin-right: 1.7rem;
    font-size: 87%;
    }

.fa-arrow-right{
    margin-left: 2.5rem; 
    }
    
.fa-arrow-circle-right{ 
	margin-left: 1.8rem; 
	}

.nav-row a[href="/inschrijven"] i{
	margin-left: 1.1rem;
	margin-right: 0;
}


.highlighted-item .nav-row-fake{
	margin-top: 3rem;
	}
	
.inline-block-link{
    display: inline-block;
    width: 100%;
    }
.inline-block-link:hover{
	color: #d64300;
	}

.cx_form-control-group{
	margin-bottom: 1rem;
	}

/* button */

button {
    text-align: center;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 2.8rem;
    font-size: 1.6rem;
    line-height: 1.1;
    height: 4.8rem; /*42px*/
    text-transform: lowercase;
    }
	
.btn, .vhl_button, .btn-default, .btn:not(.cx_btn-iconOnly){
    background-color: #d64300;
    color: #FFF;
    height: 4.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.5rem;
	font-size: 19px;
	font-weight: 500;
	text-transform: lowercase;
	padding: 0 2.4rem;
	font-family:"Geologica";

    }

.vhl_button, .btn:hover, .btn-default:hover, .btn:focus, .btn:hover{
	background-color: #EF7D2C;
	border-color: #EF7D2C;
	color: #FFF;
	}

 /* //// inschrijven ///// */

.btn-toolbar{
	margin-top: 1rem;
	padding-left: 15px;
}

.cx_form-P2113{
 	margin-top: 3rem;
 }

.cx_form-P2113  .cx_btn-explanation, .cx_form-P2113 .cx_btn-clear{
 	background-color: transparent;
 	color: #d64300;
 	border: none;
 }

.cx_form-P2113 .card{
 	border-radius: 2rem;
 	margin-bottom: 2rem;
 	padding: 1rem 2rem;
 }


.cx_form-P2113 .cx_content-fw > .cx_content-inner .cx_grid-row{
	margin-left: 0;
}

/* //// einde inschrijf-form //// */

.card-header{
	border-bottom: none;
	font-weight: 700;
	font-size: 2.5rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: transparent;
}

@media(max-width: 476px){
	.cx_form-P2113 .card{
		padding: 1vw 1vw;
	}
	.card-header{
		font-weight: 500;
		font-size: 2rem;
		padding: 1.25rem 1.25rem;
		border-radius: 1rem;
	}
	.cx_form .cx_card .cx_content-inner .cx_text{
		padding-left: 0;
		padding-right: 0;
	}
}

/*kleurvarianten buttons*/


.module .btn{
	color: white;
	height: 5.3rem;
	margin: 0 auto;
	letter-spacing: .15px;
	padding: 0 9%;
	}

.nav-row button{
    background-color: #d64300;
    color: white;
    border-color: #d64300;
    height: 5rem;
    }

.nav-row button:hover{
    color: white;
    background-color: #EF7D2C;
    border-color: #EF7D2C;
    }

.pagination-wrapper #btn-toon_meer{
	background-color: white;
	font-size: 1.9rem;
	height: 60px;
	border-radius: 1.5rem;
	margin-bottom: 1.5rem;
	}

.pagination-wrapper #btn-toon_meer:hover{
	background-color: white;
	border: none;
	color: #EF7D2C; 
	}

.doneer-module-wrapper .btn{
	/* border: solid 2.5px white;
	color: white; */
	border: solid 2.5px #d64300;
	color: #FFF;
	background-color: #d64300;
	box-shadow: none;
	line-height: 1rem;
	width: 100%;
	border-radius: 3rem;
	}

.doneer-module-wrapper .btn:hover{
	/*background-color: white;
	color: #000;
	border-color: white;
	color: #EF7D2C; */
	background-color: black;
	color: #fff;
	box-shadow: none;
	border-color: black;
	}

.module-orange .btn, .module-orange .btn-default{
    border: none;
    background-color: #ac4e39;
    color: white;
    }

.module-orange .btn:hover, .module-orange .btn-default:hover{
    border-color: #d55737;
    background-color: #d55737;
    color: white;
    }

.cart .further-link-light{
	/* margin-left: .6rem;
	padding: 1.6rem 2.3rem; */
	}

.cart .further-link-light:hover i{
	background-color: transparent;
	color: #EF7D2C;
	}

/*
a.green-link, span.green-link{
    font-size: 84%;
    color: #2D6D68;
    }
*/

.i-circle{
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    line-height: 2.2rem;
    text-align: center;
    font-style: italic;
    margin: 1rem 1rem 0 0;
    }

a.further-link{
    color: #FFF7F1;
    box-shadow:0 0 8px 0 rgba(0,0,0,.12);
    padding: 0 1.4rem;
    font-size: 1.7rem;
    display: inline-block;
    line-height: 44px;
    height: 48px;
    }

a.further-link-light{
    /*border: 1px solid; 
    padding: 0 2.1rem; 
    font-size: 92%; 
    height: 5.4rem;*/
    font-size: 110%;
    letter-spacing: .3px;
    font-weight: 600;
    /*
    background-color: #ffeeef; */
    }

a.further-link-light:hover{
	color: #d64300;
	}


	
a.further-link-light .fa-arrow-circle-right{
	margin-left: 1.55rem;
}

a.further-link-light .fas{
	font-weight: 400;
}
	
.module-green a, .module-orange a{
    color: #FFF7F1;
    }

.q-nav-wrapper i.fa-plus{
    margin-right: 0;
	}


/*actie-inzet*/

/* rond */

.cx_content .actie-wrapper{
    margin: 0 2rem;
    position: relative;
    padding: 3rem 1rem 4rem 2rem;
    display: flex;
    /*font-size: 18px;*/
    text-align: left;
    background-color: white;
    min-height: 25rem;
    width: calc(100% - 2rem);
   
    }

.actie-wrapper-left{
    width: 20rem;
    align-self: center;
    }
    
.foto-bubble{
	width: 19rem;
	height: 19rem;
	border: solid 3px;
	border-radius: 1.5rem;
	overflow: hidden;
	}

.foto-bubble img{
	width: 100%;
	}

.actie-wrapper-right{
    align-self: center;
    padding-left: 1rem;
    }

.actie-wrapper h2{
	font-size: 2.7rem;	
}
.actie-wrapper p{
    padding-bottom: 1.6rem;
    display: flex;
    margin-bottom: auto;
    }

.actie-wrapper .far{
    margin-left: .8rem;
    margin-top: .1rem;
    font-size: 92%;
    }
	
.actie-link-fake{
 /*   color: white;
    padding: .12rem 1.35rem .4rem 1.3rem; */
    }
    
.call-to-action-row{
	margin-bottom: 2rem;
}



.call-to-action-row .actie-wrapper, .action-cards-wrapper .actie-wrapper{
	background-color: transparent;
	flex-direction: column;
	/* border: 1px solid; */
	border-radius: 2rem;
	padding: 1.8rem 1.8rem 2.3rem;
	margin: 0 0;
	box-shadow: #ffe4e4 1rem 1.2rem 3rem;
	}

.call-to-action-row .actie-wrapper{
	background-color: #fff;
}
	
.call-to-action-row .actie-wrapper-left, .call-to-action-row .actie-wrapper-right{
	width: 100%;
	}

.call-to-action-row .actie-wrapper-left{
	margin-bottom: 2.3rem;
}

.call-to-action-row .actie-wrapper-right{
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-left: 0;
	}

.call-to-action-row .inline-block-link{
	display: flex;
	height: 100%;
}

@media(max-width: 576px){
	.call-to-action-row .actie-wrapper-right{
		padding: 0 3% 1.5rem 3%;
	}
}

.call-to-action-row .actie-wrapper .foto-bubble, .call-to-action-row .actie-wrapper .foto-bubble img{
	height: auto;
	border-radius: 1.1rem;
	}

.call-to-action-row .actie-wrapper .foto-bubble{
	margin: 0 auto;
	width: 100%;
	border-width: 0;
	}

.action-title-orange{
    background-color: #EF7D2C;
    color: white;
    border: none;
    text-align: center;
    font-size: 3rem;
    width: 23rem;
    height: 23rem;
    border-radius: none;
    line-height: 96%;
    padding-top: 6rem;
    }

.module-orange .action-title-orange{
	border-color: white;
    border-width: 5px;
    border-style: solid;
	}

.module-orange .actie-link-fake, .oranje .actie-link-fake{
    background-color: white;
    color: #d64300;
    }
  
  
.oranje .actie-link-fake{
    color: white;
    /* background-color: #EF7D2C;
    background-color: black; */
    }
    
a .actie-wrapper:hover{
	color: black;
	/*box-shadow:0 0 11px 0 rgba(0,0,0,.07);*/
	
	}

a .actie-wrapper .actie-link-fake{
	color: #d64300;
    background-color: transparent;
    
    padding: 0;
    font-weight: 600;
}

a .actie-wrapper:hover .actie-link-fake{
    color: black;
    background-color: transparent;
    }

	
.actie-vriendenloterij .foto-bubble img{
    height: auto;
    width: 90%;
    margin-top: 6rem;
    }

.actie-vriendenloterij .foto-bubble{
	background-color: white;
	}

.action-total-wrapper{
    width: 29rem;
    height: 29rem;
    position: relative;
    float: left;
	}

.action-cards-wrapper{
	margin-top: 2rem;
}

.action-card-wrapper{
	padding-bottom: 2.8rem;
}

.action-card{
	overflow: hidden;
	color: #d64300;
    display: block;
    /* border: 1px solid; */
    padding: 1.5vw .4vw .4vw;
    border-radius: 2rem;
   /* text-align: center; */
}

.action-card:hover{
	color: black;
}
	
.action-card .action-title{
    font-size: 2.7rem;
    line-height: 1.1;
    margin-bottom: 1.1rem;
    font-weight: 700;
}

.action-cards-wrapper .action-card-image-wrapper{
	border-radius: 1.1rem;
	border: none;
	width: 100%;
	height: auto;
}

.action-cards-wrapper .action-card{
	border: 1px solid;
	border-radius: 2rem;
	padding: 1.8rem;
}



@media(min-width: 576px){
.action-card-content{
	padding: 2rem 0 0;
	text-align: center;
	}
}
@media(max-width: 576px){
.action-card-content{
	padding: 1.7rem 1rem 2rem 1rem;
	}
	
.vervolg-item-card{
	margin-bottom: 2rem;
	}	
}

.action-card-image-wrapper{
	text-align: center;
	margin: 0 auto .6rem;
	height: 20rem;
	width: 20rem;
	overflow: hidden;
	border-radius: 50%;
	/* border: 6px solid; */
	border: 3px solid;
}

.action-card-image-wrapper img{
	height:100%;
	min-width:100%;
	max-width:none;
	margin:0 -100%;
}
	
.why-strip{
	background-color: #F7E7DF;
	background-color: #f5f1eb;
	padding: 5rem 0;
	/*color: #604c4c;
	color: #a30000;*/
	}

.why-strip h3{
	text-align: center;
	font-size: 4.2rem;
	font-weight: 800;
}

.cx_content .why-wrapper{
	font-size: 90%;
	padding: 2rem 0;
	}

.why-wrapper li{
	list-style-type: none;
	margin-top: 1rem;
	}

.why-wrapper i{
	font-size: 4rem;
	margin-bottom: 1rem;
	}

.actie-wrapper-strip{
	background-color: #fcf5f5;
	background-color: #fff8f8;
}

.actie-wrapper-strip .actie-wrapper{
	background-color: transparent;
	}

.actie-wrapper-strip .actie-wrapper p{
	min-height: auto;
	}

.bg-grey{
    /* background-color: #D8DCD3;
    background-color: #f9f3ee; */
    background-color: #f5f5f5;
	}



/*detail item*/

.article-wrapper{
	padding-bottom: 4rem;
	margin-top: 1rem;
}

.article-head-wrapper{
    padding-top: 3rem;
    margin-bottom: 3.5rem;
}

.article-head-wrapper h1{
        margin-top: 0;
        margin-bottom: 1.4rem;
        line-height: 1.2;
    }	

.head-intro{
	margin-top: -1rem;
	}
	
.item-intro, .head-intro{
    font-size: 2.2rem;
    margin-bottom: 4rem;
    }

.article-intro-wrapper:has(header){
	margin-bottom: 3rem;
}

.head-intro-overzicht.head-intro{
	margin-bottom: 5.2rem;
}


/*.article .item-intro:first-letter, .head-intro:first-letter, .article .item-intro p::first-letter{
    font-size: 36px;
   	font-weight: 800;
    margin-right: .2rem;
    }
*/


/*correctie voor action in articles*/
.foto-bubble img{
	margin: 0;
	}

/*einde correctie*/

.article-text-wrapper > p{
	margin-bottom: 2rem;
	}

.article-text-wrapper > p:last-of-type{
	margin-bottom: 4rem;
	}
	
.article-social-wrapper{
    padding-top: 3.1rem;
	}

.article-social-wrapper a{
    display: block;
   background-color: black;
    color: white;
    font-size: 2.5rem;
    margin: 2rem auto;
    width: 4rem;
    height: 4rem;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    line-height: 1.6;
    }
    
/* toegevoegd op 15-1-2024 t.b.v. de zwarte bolletjes die de social media-iconen vervangen. AV */
.article-social-wrapper .zwart-bolletje {
    /*background-color: black;*/
    border: 6px solid black;
    margin: 2rem auto;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    }

.overview-head{
	border-bottom: 1px solid;
	margin-bottom: 2rem;
	}

b + p{
    margin-top: 2rem;
}

.partner-cards{
    min-height: 31rem;
    position: relative;
    margin: 1.5rem .2rem 1rem .2rem;
    padding: 3rem 2rem 0;
    border: 1px solid #d64300;
    border-radius: .8rem;
    color: #d64300;
	}


.partner-cards img{
    width: 100%;
    }

.partner-cards-footer{
    position: absolute;
    bottom: 2.1rem;
    left: 1.8rem;
    width: calc(100% - 3.6rem);
    text-align: center;
    font-size: 110%;
    padding-top: 1rem;
}

.persoonskaart-wrapper{
	border-top: 1px solid #ffe4d1;
	padding-top: 3rem;
	}


.persoonskaart{
    border: 1px solid #d64300;
    border-radius: 2rem; 
    padding: 2.5rem 2rem 3rem;
    margin-bottom: 1rem;
    background: white;
    text-align: center;
    height: 100%;
    }

.persoonskaart-pic-wrapper{
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    /*border: 2px solid #EF7D2C;*/
    background-color: #d64300;
    text-align: center;
    display: block;
    margin: 0 auto 2rem;
    overflow: hidden;
    }

.persoonskaart-pic-wrapper img{
    width: 100%;
    min-height: 100%;
    }

.persoonskaart-functie{
   	font-size: 82%;
	
	line-height: 1.1;
	letter-spacing: .4px;
    }

.persoonskaart-naam{
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: .8rem;
    }

.persoonskaart .btn, .persoonskaart .btn:hover{
	border-radius: .2rem;
	padding: 0;
	/*height: 28px;*/
	height: auto;
	background-color: white;
	/*border-color: #EF7D2C;
	border-width: 1px;*/
	border: none;
	color: #d64300;
	box-shadow: none;
	
	}

.person-wrapper{
	margin-top: 2rem;
}

.person-wrapper:last-of-type{
	margin-bottom: 4.5rem;
	}

.module-inset .persoonskaart{
    margin: 0 0 3rem;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 20px;
    }

.module-inset .persoonskaart .persoonskaart-pic-wrapper{
    width: 8rem;
    height: 8rem;
    position: relative;
    float: left;
    display: block;
    top: 0;
    left: 0;
    margin-right: 1rem;
    }

.module-inset .persoonskaart .persoonskaart-text-wrapper{
    float: left;
    
    }

.persoonskaart-inzet{
    margin: 4.5rem 42% 4.5rem -18%;
    padding: 2rem 2rem 2rem;
    font-size: 88%;
    background-color: #fffdfd;
    /*box-shadow:0 0 12px 0 rgba(0,0,0,.12);*/
    }
.persoonskaart-inzet .persoonskaart-pic-wrapper{
    left: 2rem;
    }
.persoonskaart-inzet .persoonskaart-text-wrapper{
    width: 43%;
    float: left;
    padding-top: 5rem
    }

.persoonskaart-inzet a{
    color: #EF7D2C;
}

.persoonskaart-inzet .citaat-wrapper{
    border: none;
    padding: 0rem 0 0;
    color: #EF7D2C;
    margin: 2.5rem 0 0 0;
    width: 57%;
    float: left;
    background-color: #fffdfd;
    }

.persoonskaart-inzet .citaat-wrapper:before{
    top: -8.5rem;
    left: -1rem;
    line-height: 0;
    }

.persoonskaart-inzet .citaat-wrapper p{
    margin-bottom: 1.2rem;
}

/* footer */

.statements-link-wrapper a{
	display: inline-block;
 	vertical-align: middle;
 	padding: 0 1rem;
	}

.logo-wrapper img{
    height: 4.5rem;
    margin-right: 1rem;
    margin-top: 1rem;
	}

.footer-social a{
    font-size: 140%;
    margin: 1rem .8rem 0;
    }

/* /////// activiteiten //////////// */

#activiteiten_to_be_replaced{
	margin-top: 4rem;
}

.vhl_activiteit-explain-fluid{
	background-color: #fff4f4;
	/* background-color: #f5f1eb; */
	margin-top: -1rem;
	}


.info-wrapper{
	/*background-color: #fbf7f6;
	color: #EF7D2C;
	color: #d55737; 
	padding: 1.6rem 2.8rem 2.4rem; */
	color: #bd4627;
	position: relative;
	margin: 4.4rem 0 4.2rem;
	line-height: 1.4;
}

.info-wrapper i{
	font-size: 124%;
	margin-bottom: 1.6rem;
}

@media(max-width: 467px){
	.info-wrapper .row > div{
		margin-bottom: 2.6rem;
	}
}	

.vhl_activiteit-explain-fluid .info-wrapper{
	border: 1px solid;
	border-radius: 2.6rem;
	padding: 2rem 3.9rem 2.8rem;
	margin: 0 0 5.5rem;
}

.vhl_activiteit-explain-fluid .info-wrapper .row > div{
	padding: 1rem;
}

.activiteiten-zoeker-wrapper{
	text-align: center;
	margin-top: 1.5rem;
	background-color: #fff4f4;
	}

.activiteiten-zoeker-wrapper.module-regio{
	color: black;
	}

.activiteiten-zoeker input[name="postcode"], .regio-zoeker input[name="postcode"] {
	color: #d55737;
	color: #a30000;
	border-radius: .84rem 0 0 .84rem;
	border: 1px solid #d64300;
	border-right: none;
	}

.activiteiten-zoeker input[type="text"].form-control:focus{
    border: 1px solid #EF7D2C;
    color: #EF7D2C;
    font-weight: 700;
}
	
.activiteiten-zoeker .btn, .regio-zoeker .btn{
    background-color: #d64300;
    color: white;
    line-height: 1;
    height: 52px;
    border-radius: 0 .86rem .86rem 0;
    border: 1px solid #d64300;
    margin: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    }

.activiteiten-zoeker .btn:hover, .regio-zoeker .btn:hover{
    color: white;    
    background-color: #EF7D2C;
	border-radius: 0 .86rem .86rem 0;
    border: 1px solid #EF7D2C;
    margin: 0;
    }

.no-result{
	margin: .5rem auto 6rem;
	padding: 1rem 10vw 0;
}
	
.cx_content .postcode-viewer{
	margin-right: .8rem;
	color: #d55737;
	}

	
.postcode-viewer, .activity-count{
	font-size: 2.4rem;
	font-weight: bold;
	}
	
.activity-counts{
	text-align: left;
}

.post-code-result{
	/*text-align: right;*/
}

.activity-count{
	border-left: 2px solid;
	padding-left: 1.6rem;
	padding-right: .4rem;
}

.pagination-wrapper{
    color: #EF7D2C;
	}

.pagination-wrapper a{
    display: inline-block;
    margin: 0 .3rem;
    padding: 0 .8rem;
    color: #EF7D2C;
    }

a.next-prev-arrow-wrapper{
    padding: 0 0;
    margin: 0 0;
}

.pagination-wrapper a:active{
    color: black;
    }

.cx_content .activiteit-in-list{
    
    border-bottom: 1px solid; 
    padding: 1.2rem 1rem 2.5rem;
    }

.activiteit-in-list:hover{
    color: #EF7D2C; 
    }

.activiteit-list{
	margin: 1rem auto 3rem !important;
	}

.activiteit-list .btn{
    background-color: #EF7D2C;    
    color: white;
    border: none;
    line-height: 1;
    padding: 1.4rem 2.2rem 0;
    height: 52px;
    margin-top: 1.5rem;
    }

/*.activiteit-list .activiteit-in-list:last-of-type{
	border-bottom: none;
}*/

/*.activiteit-in-list:hover .activiteit-cat{
    background-color: #EF7D2C; 
    }
  */ 
 .activiteit-list .pagination-wrapper #btn-toon_meer{
 border-top: none;
 }
 
.activiteit-cat{
    padding: .16rem .68rem .43rem;
	margin-right: 1.696rem;
	border: 1px solid;
/*	line-height: 1; 
	font-variant: all-small-caps;
*/
	display: inline-block;
	margin-bottom: .7rem;
	font-size: 90%;
	letter-spacing: .4px;
    }
	
.article-head-wrapper .activiteit-cat{
	/*margin-bottom: 3.5rem;*/
	}

.article-head-wrapper i{
	margin-right: 1.6rem;
	text-align: center;
	width: 2rem;
	display: inline-block;
	}

.activiteit-in-list i{
	margin-right: .8rem;
	text-align: center;
	width: 2rem;
	display: inline-block;
	}

.activiteiten-tijdstip i.fa-clock{ 
	margin: .1rem 1.6rem 2.6rem 0;
	display: inline-block;
	}
	
.activiteiten-tijdstip{
    font-size: 84%;
    }

.activiteiten-tijdstip span{
    margin-right: .2rem;
	}

.activiteit-titel h4{
	margin: .2rem 0 1.8rem;
	}
	
.activiteit-titel h3{
    margin: 1.6rem 0 1rem;
	}

.activiteiten-pag .pagination-wrapper button{
	display: block;
	width: 100%;
	background-color: #fbf7f6; 
	border: none;
	/*background-color: #EF7D2C;*/
	/*background-color: white;
	border: 1px solid  #fbf7f6;
	border-radius: 0;*/
	color: black;
	/*color: #EF7D2C;*/
	height: 50px;
	line-height: 40px;
	}

.activiteiten-pag .pagination-wrapper button:hover{
	background-color: #EF7D2C;
	color: white;
	border: 1px solid  #EF7D2C;
	}

.activiteit-omschrijving{
	padding-bottom: 2rem;
	border-bottom: 1px solid #D8DCD3;
	}
	
.activiteit-externe-link a {
	color: #EF7D2C;
	border-bottom: none;
}

.naarwinkelmand-link{
	line-height: 4.6rem;
	display: inline-block;
	}
	
.naarwinkelmand-link .fa-shopping-bag{
	margin-right: 1rem;
	}
	
/* beslispad reserveringen */

	
.path-question-wrapper .path-explanation{
	margin-bottom: 2rem;
	color: black;
	}

.path-question-wrapper h4{
	margin-bottom: .5rem;
	}

.path-explanation{
	margin-bottom: 2rem;
	}

.path-button-wrapper-back{ 
	font-size: 84%;
	margin: 2rem 0 1rem;
	}

.path-button-wrapper-back a{
	color: black;
	cursor: pointer;
	}

.path-question-wrapper input{
	margin: 0 1rem 1.5rem 0;
	border-color: #EF7D2C;
	text-align: center;
	}
/*
#email-submit button{
	background-color: #EF7D2C;
	color: white;
	}
*/

#email-submit button:hover{
	background-color: #EF7D2C;
	color: #FFF;
	}

.path-question-wrapper-wrapper input::placeholder{
	color: #EF7D2C;
	}

.path-button-wrapper .btn-default{
	
	color: #FFF;
	margin-right: 1.5rem;
	}
	
/* - - - - responsive - - - */

/*ipad*/

@media (min-width: 1026px){
		.md-go{
		display: none;
		}
	}

@media (max-width: 1025px){  	
    
    
    .nav.navbar-nav.navbar-right{
    	margin-right: 0;
    	}
    	
    .navbar-default .navbar-nav > li > a{
    	margin: 0 0 0 2.1rem;
    	padding: .5rem 0;
    	}
    	
     .navbar-right{	
    	border-top: 2px solid #EF7D2C;
    	padding-top: 0;
    	}
    
    .navbar-nav.navbar-right > li > a{
    	line-height: 3.3rem;
    } 
    	
    .nav.navbar-nav.navbar-right > li:first-of-type > a{
    	margin-left: 2.1rem;
    	margin-right: 3rem;
    	}
    
    .text-opening h1{
    	font-size: 6vw;
    	line-height: 98%;
    	padding-top: 3rem;
    	margin-bottom: 2.5rem;
    	padding-right: 5vw;
    	}
   
    .stap{
        width: 11.5rem;
        height: 11.5rem;
        margin-right: .1rem;
        }
    
    .stap-pic-wrapper{
    	width: 80vw
    	}
    .stappen-pics-wrapper > div > div:after{
    	margin: 1rem auto 3rem;	
    }
    
 
    

    
    .stappen-wrapper{
    	margin-top: 2rem;
		}
	
	 .activiteiten-tijdstip{
     	width: 100%;  
     	float: left;
    	}
    
    .activiteiten-tijdstip > div{
        display: inline-block;
    	}
    
    .activiteiten-tijdstip > *{
    	font-size: 18px;
    	}
    
    .activiteit-in-list .activiteiten-tijdstip i.fa-clock{
    	margin-bottom: 1rem;	
    	}
    .naarwinkelmand-link{
    	margin-top: 1.5rem;
    }
    .naarwinkelmand-link .fa-arrow-right{
		margin-right: 0;
		}
    
	.cx_form{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		}
	
	.cx_loginForm{
		width: 390px;
		margin: 3rem auto;
		}
	}

/* 
29-06-2022
uniforme lijstweergave van activiteit 
deze vervangt de oude lijstweergaves 
*/

.vhl_strip.vhl_activity-list-item {
  background-color: transparent;
  color: #555;
  padding: 1.4rem;
  display: flex;
  margin-bottom: 2.1rem; 
	border: 1px solid #d7d7d7;
	border-radius: 1.6rem;
}

.vhl_strip.vhl_activity-list-item:hover {
  color: #d64300;
  border-color: #d64300;
}



  .vhl_strip.vhl_activity-list-item.vhl_genre-button {
  	padding: 1.6rem 0 0 0;
    margin-top: .16rem;
    margin-bottom: 0; }
  .vhl_strip.vhl_activity-list-item .vhl_card-image-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative; 
  	border-radius: .9rem;
  	display: flex;
  }
    
    
  .vhl_strip.vhl_activity-list-item .card-body {
    flex: 3;
    padding: .4rem 1.5rem; }
    
    
  .vhl_strip.vhl_activity-list-item .vhl_card-title {
  	line-height: 110%;
    font-size: 2.5rem;
    margin-bottom: .16rem; 
	margin-bottom: 0;
	font-weight: 700;
	font-style: normal; }
  .vhl_strip.vhl_activity-list-item .category {
    padding: 0 .75rem;
    margin-right: 1.696rem;
    border: 1px solid;
    /*line-height: 1;*/
    display: inline-flex;
    margin-bottom: .4rem;
    font-size: 86%;
    /*font-variant: small-caps;*/
    letter-spacing: .4px; 
  	align-items: center;
  }
  .vhl_strip.vhl_activity-list-item .activity-info-wrapper {
    margin-top: 1.11rem;
    /*line-height: 1.6;*/
    }
    .vhl_strip.vhl_activity-list-item .activity-info-wrapper i {
      margin-right: 1.12rem;
      width: 1.92rem;
      display: inline-block;
      text-align: center; }
  .vhl_strip.vhl_activity-list-item .activity-message-wrapper {
    color: white; }
    .vhl_strip.vhl_activity-list-item .activity-message-wrapper i {
      margin-right: .8rem; }
    .vhl_strip.vhl_activity-list-item .activity-message-wrapper div {
        padding: .33rem 1.3rem .43rem;
		display: inline-block;
		min-width: 45%;
		font-size: 92%;
		margin-top: .4rem;
 }
    .vhl_strip.vhl_activity-list-item .activity-message-wrapper .activity-message-alert {
      background-color: #fc0303; }
    .vhl_strip.vhl_activity-list-item .activity-message-wrapper .activity-message-progress {
      background-color: #1e68c1; }
    .vhl_strip.vhl_activity-list-item .activity-message-wrapper .activity-message-succes {
      background-color: #57c410; }

.vhl_strip.vhl_activity-list-item .filter-button {
  font-size: 90%;
  border: 1.5px solid;
  border-radius: 0rem;
  padding: .368rem 1.12rem .368rem 1.12rem;
  text-align-last: center;
  margin: 0 .64rem 1.28rem 0;
  display: inline-flex;
  font-family: inherit;
  font-variant: small-caps;
  font-weight: 500;
  text-transform: none;
  line-height: inherit;
  height: auto;
  align-items: center;
}

.filter-button {
  font-size: 90%;
  border: 1.5px solid;
  border-radius: 0rem;
  padding: .368rem 1.12rem .368rem 1.12rem;
  text-align-last: center;
  margin: 0 .64rem 1.28rem 0;
  display: inline-flex;
  font-family: inherit;
  font-variant: small-caps;
  font-weight: 500;
  text-transform: none;
  line-height: inherit;
  height: auto;
  align-items: center;
}


.vhl_strip.vhl_activity-list-item .filter-button.hide {
  background-color: #d55737;    
  color: white;
}
.vhl_strip.vhl_activity-list-item .filter-button.show {
  background-color: #57c410;    
  color: white;
}

@media (max-width: 576px) {
    	.vhl_strip.vhl_activity-list-item{
    		display: block;
    	}
    	.vhl_strip.vhl_activity-list-item .vhl_card-image-wrapper {
        height: auto;
        margin-bottom: 20px;
        flex: auto;
    	}
    .vhl_strip.vhl_activity-list-item .card-body{
    	padding: .4rem .5rem;	
    }
    }



/* einde nieuw activiteit-lijst-item */



@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu > li > a{
		padding: 1.5rem 0 1.5rem 4.8rem;	
	}
	.ervaringen-bg-wrapper{
		height: 45rem;
	}
}

 /* mobile */

@media (max-width: 576px) {

	.dropdown-menu{
		border: none;
	}
	.dropdown-menu.show .dropdown-item{
		margin-left: 4.4rem;
	}


	/* .module-plein mobile */
	
.module-plein{
	padding-bottom: 5rem;
}

.plein-head h2, .ervaringen-head-wrapper h1{
	font-size: 3.4rem;
	line-height: 1.1;
}
	
	/* einde .module-plein mobile */
	
    .activiteit-cat{
    	margin: 0 0 1rem 0;
    	}
    	
    body{
        font-size: 19px;
        line-height: 1.5;
    	}
    
    .desktop-only{
        display: none;
    	}
    
    h1{
        margin-bottom: 1.8rem;
    	}
    
    h2{
    	font-size: 2.7rem;
    	font-weight: 700;
    }	
    	
    h3{
        margin-bottom: 2rem;
        font-size: 2.5rem;
        line-height: 1.16;
    	}
    
    .bovenkopje{
    	margin-top: 0;
    	}
    
    /* bootstrap overschrijven */
    
    .navbar{
    	font-size: 19px;
    }
    .navbar-brand{
        height: 5.5rem;
    	}
    
    .navbar-right{	
    	padding-top: 1rem;
    }
     
    .navbar-nav{
    	padding-top: 1.5rem;
    	padding-bottom: .5rem;
    }
    
    .nav.navbar-nav.navbar-right > li:first-of-type > a{
    	margin-left: 2.1rem;
    	margin-right: 0;
    }
    
    .navbar-nav.navbar-right > li > a{
    	line-height: 5.5rem;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link{
    	padding: .5rem 0;
    }
    	
    .list-unstyled{
        margin-bottom: 2rem;
    }  
    
    .navbar-default .navbar-nav > li > button{
        margin: 3rem 0 0 0;
    	}
    	
   .navbar-collapse.in{
   		border-bottom: 2px solid silver;
   		padding-bottom: 1rem;
		}
	
	.navbar-nav.ml-auto{
		border-top: 1px solid #EF7D2C;
		margin-top: 2rem;
		padding-top: 3rem;
	}
	
	.nav-item.dropdown{
		margin-bottom: 1rem;
	}
	
    
    /*text-centreren op mobile*/  
    .col-text-center, .text-xs-center, .xs-text-center {
        text-align: center;    
       }
    
    .xs-text-right{
    	text-align: right;
    	}
    
    .text-xs-just{
        text-align: justify;
        }
    
    .xs-padding-top-1{
        padding-top: 1rem;
    	}
    
    .xs-padding-top-2{
        padding-top: 2rem;
    	}
    
    .xs-padding-top-3{
        padding-top: 3rem;
    	}
    
    .xs-padding-top-4{
        padding-top: 4rem;
    	}
    
    .xs-padding-bottom-1{
        padding-bottom: 1rem;
    	}
    
    .xs-padding-bottom-2{
        padding-bottom: 2rem;
    	}
    
    .xs-padding-bottom-3{
        padding-bottom: 3rem;
    	}
    
    .xs-padding-bottom-4{
        padding-bottom: 4rem;
    	}
    
    .xs-padding-0{
        padding: 0;
    	}
    
    .xs-margin-top-3{
        margin-top: 3rem;
    	}
    	
     .xs-margin-bottom-1{
        margin-bottom: 1rem;
    	}
    
     .xs-margin-bottom-2{
        margin-bottom: 2rem;
    	}
    
    .xs-margin-bottom-3{
        margin-bottom: 3rem;
    	}
    	
    .xs-margin-top-4{
        margin-top: 4rem;
    	}
    
    .nav-row-border{
    	margin-top: 3rem;
		}
    
    /*surrounding*/
    
    .logo-wrapper img{
        width: 6rem;
        height: auto;
    	}
    
    .footer-social{
        padding-bottom: 3rem;
    	}
    
    .site-map{
    	padding-bottom: 0;
    	line-height: 1.7;
    	}
    .contact-footer{
    	padding: 3rem 1rem 2rem;
    }
    
    /*home*/
    
    .opening{
        margin-top: 2rem;
        margin-bottom: 0;
        }
        
	.head-bg-wrapper-opening{
		height: 25vh;
		}
	
	 .head-bg-wrapper{
        background-position: 40% 0;
        background-position: 0 0;
        }
        
		
    .vhl_hero-wrapper{
        font-size: 9.6vw;
        line-height: 1.1;
        margin: 0 -7.5px 4.1vw 0;
        padding: 6.7vw 10px 0;
        border-radius: 0 0 0 0;
        z-index: 1;
    	}
    	
    .hoofdvraag-wrapper a.further-link-light{
    	
    }	
    
    .text-opening h1:before{
    	display: none;
    	}
    
    .hoofdvraag-wrapper h3{
    	margin-top: .5rem;
    	font-size: 2.3rem;
    	line-height: 1.2;
    	font-weight: 700;
    	margin-bottom: 2.4rem;
    	}
        
    .antwoord-wrapper a.further-link{
    	width: 100%;
    	line-height: 46px;
    	text-align: center;
    	height: 52px;
    	line-height: 50px;
    	}
    	
    .antwoord-wrapper{
    	text-align: left;
    	margin: 2rem 0 2rem 0;
    	}
    .antwoord-wrapper h3{
    	font-size: 2.3rem;
    	}
    .zo-werkt-het-links-wrapper{
    	margin: 1rem 0 2rem;
    }
    
    .zo-werkt-het-links-wrapper .further-link-light{
    	display: inline-block;
    	color: #EF7D2C;
    	border: 1px solid;
    	padding: 1rem .6rem;
    	margin-bottom: 1rem;
    	font-size: 1.76rem;
    	line-height: 1.5;
    }
    
     .zo-werkt-het-links-wrapper .further-link-light i{
     	margin-left: 1rem;
     }
    
    .plein-head{
    	margin-bottom: 2rem;
    	}
    	
    .plein-image-wrapper{
		margin-left: 0;
		margin-top: 1rem;
		padding-left: 0;
		padding-right: 0;
		}
		
	.plein-features{
		text-align: center;
	}
	.plein-features p{
	margin: 1.5rem 2rem;
	}
	
	.module-regio, .module-cadeau{
		padding-bottom: 5rem;
	}
	
	.module-regio-homepage{
		box-shadow: none;
		margin-bottom: 0;
		padding-bottom: 3rem;
	}
	
    .module-regio::before, .module-newsletter::before, .plein-intro-wrapper::before, .module-cadeau::before{
    	
    	}
    .module-regio::before{
    	top: 1.4rem;
    }	
    .stappen-wrapper{
        margin: 3rem 0;
    	}
    
    .stap{
        height: 20vw;
        max-height: 100%;
        width: 20vw;
        margin-top: 4rem;
        display: inline-block;
        margin-right: 1vw;
        }
    
    .stappen-pics-wrapper > div:after{
    	height: 3.2rem;
    	line-height: 2.1;
    	}
    
     .stappen-pics-wrapper > div:nth-child(1)::after{
		bottom: 7vw;
		left: -1rem;
		}
    	
    .stappen-pics-wrapper > div:nth-child(2)::after{
		/*bottom: 3.7vw;*/
		left: -5vw;
		}
	
	.stappen-pics-wrapper > div:nth-child(3)::after{
		left: -.5rem;
		bottom: 7vw;
		}
	
	.stappen-pics-wrapper > div:nth-child(4)::after{
		bottom: 6.2vw;
		left: -10rem;
		}
		
	.stappen-pics-wrapper > div:nth-child(1){
		margin-left: -8vw;
		}

	.stappen-pics-wrapper > div::before{	
		height: 64vw;
		border-radius: 10vw;
		width: 20vw;
		}
		
	.stappen-pics-wrapper > div:nth-child(1):before{
		width: 48vw;
		height: 64vw;
		left: 11vw;
		top: 16vw;
		}

	.stappen-pics-wrapper > div:nth-child(2):before{
		width: 50vw;
		left: 7vw;
		height: 59vw;
		top: 7vw;
		}
		
	.stappen-pics-wrapper > div:nth-child(3):before{
		width: 48vw;
		height: 64vw;
		left: 11vw;
		top: 16vw;	
		}
 
 	.stappen-pics-wrapper > div:nth-child(4):before{
 		display: none;
 		}
 
 
    .ervaringen-bg-wrapper{
    	border-radius: 0 0 0 0;
    	background-size: 100%;
    	}
	
	.citaat-section-wrapper h1{
		margin-bottom: 0;
	}

    	
    .stapnummer{
        height: 7vw;
        width: 7vw;
        line-height: 7vw;
        top: -7vw;
        left: -1vw;
        }

    .doneer-module-wrapper-mobile{
    		/* color: white;
     background-color: #EF7D2C; */
    	padding-top: 3.5rem;
    	padding-bottom: 3.8rem;
    }
    
    .doneer-module-wrapper-mobile h3{
    	margin-bottom: 1.2rem;
    	line-height: 1.1;
    	font-size: 3rem;
    	}
    	
   .cx_content .doneer-module-wrapper{
    	float: none;
    	margin: 1rem auto;
    	width: 76vw;
    	padding: 5vw 0 6vw 0 ;
    	border: 1px solid;
    	flex: 0 1 auto;
    }
	.doneer-module-kopje{
  		font-weight: 700;
  		margin-bottom: .5rem;
  		display: inline-block;
	}
  .doneer-form .amount-wrapper{
  		padding-left: 2vw;
  		padding-right: 18vw;
   		}
  		
  .doneer-form .amount-wrapper label::before{
  		height: 18vw;
  		width: 18vw;
  		/* left: -1.5vw; */
  		}
  
  .doneer-form .amount-wrapper label{
  		height: 18vw;
  		width: 18vw;
  		line-height: 18vw;
  		font-size: 7vw;
  		padding-left: 0;
  		}
  
    .doneer-module-wrapper h2{
    	font-size: 3.3rem;
    	line-height: 1.1;
    	}
    	
	.doneer-form .freq-wrapper-row{
		padding-left: 2rem;
		}
	
    .citaat-section-wrapper{
    	margin-top: 0;
    	}
    	
    .ervaringen-bg-wrapper{
    	background-size: cover;
    	}
    	
    .ervaringen-head-wrapper h1{
    	margin-top: 2.5rem;
    	color: black;
    	text-shadow: none;
    	line-height: 1.1;
    	padding-left: 0;
    	}
    
    .article .item-intro, .item-intro, .head-intro{
    	font-size: 2.1rem;
    	margin-bottom: 2.5rem;
    	line-height: 1.4;
   		}
    
    .cx_content .head-intro-overzicht{
    	margin-bottom: 2.5rem;
    	}
    
    .item-intro-margin{
		margin-top: 1rem;
		}
    
     .article-head-wrapper h1{
        line-height: 1.1;
    	font-size: 3.5rem;
    	}
    
    .article .article-head-wrapper h1{
    	line-height: 1.1;
    	font-size: 3.5rem;
    	}
    
    .article-social-wrapper{
        padding-top: 0;
        padding-bottom: 3rem;
        font-size: 80%;
    	}
    
   .article-social-wrapper a{ 
       float: left;
       margin: 0 2rem 0 0  
    	}

	.vervolg-wrapper-fluid{
		padding-top: 2.5rem;
		}
	
	.vervolg-items-wrapper .nav-row-fake i{
		line-height: 1.4;
		}
		
    .action-total-wrapper{
        float: none;
        margin: 2rem auto;
    	}
  
    .action-cards-wrapper a{
    	padding: 1rem;
    	}
    	
    .action-card p{
        margin: 0 0 0 0;
        text-align: center;
        }
    
    .call-to-action-row .actie-wrapper .foto-bubble{
    	width: 100%;
    	margin-bottom: 1rem;
    }
        
    .why-strip h3{
    	font-size: 2.5rem;
    	}
    
    .cx_content .why-wrapper{
    	padding: 1rem 0;
    	text-align: center;
    	}
    .ervaringen-head-wrapper{
        height: auto;
        border-radius: 0;
        }
    
    .stats-wrapper .getal{
    	font-size: 2.5rem;
    	}
    
 	.cx_content .citaat-wrapper{
        margin: 0 0 1.6rem 0;
 		}
    
    .citaat-wrapper:before{
    	top: 1rem;
    }
    
    .gastenboek-list .citaat-wrapper{
		padding: 5.4rem 1.5rem 2rem 1.5rem;
		padding: 5.4rem 0 2rem 0;
		margin: 1rem 0;
		
		}
	
	.gastenboek-list .citaat-wrapper:before{
		top: -1rem;
		font-size: 11.3rem;
		width: 6rem;
		height: 10rem;
		left: 0rem;
		line-height: 0;
		text-align: center;
		color: black;
		}
    
    .vervolg-items-wrapper h3{
        margin-top: .5rem;
        margin-bottom: .5rem;
    	}
    
    .vervolg-items-wrapper .item-pic-wrapper{
    	height: auto;
    	padding-right: 0;
    	}
    	
    .vervolg-items-wrapper > div{
		overflow: hidden;
		font-size: 1.9rem;
    	}
    
     .nav-row-fake{
        padding: 0;
    	}
    
    
    .nav-row{
        margin-bottom: 3.5rem;
		text-align: center;
		}
	
	.nav-row a{
		border-radius: 0;
		}
		
	.article-text-wrapper .nav-row a {
		border: none;
	}

     .nav-row-fake a, .nav-row a{
        width: auto; 
        display: inline-block;
        }
    
      .nav-row-fake a i, .nav-row a i{
        display: inline-block;
        margin-left: 1.2rem;
        /*line-height: 20px;*/
        }
  
  	.nav-row a .fa-arrow-left{
  		margin-left: 0;
  		margin-right: 1rem;
  		}
	 
	 .explanation-paragraph{
		width:100%;
		text-align: left;
		}
		
	 .activity-results-wrapper{
	 	margin-top: 3rem;
	 	}
	 	
	 .cx_content .post-code-result{
		text-align: center;
		border-right: none;
		padding: 0;
		}
		
	.cx_content .activity-counts{
		padding: 0;
		text-align: center;
		}
		
	.postcode-viewer, .activity-count{
		font-size: 130%;
		margin: 0;
		border-left: none;
		padding-left: 0;
		}
	
	.postcode-viewer{
		display: block;
		text-align: center;
	}
	 /* activiteiten weergave */
 
 .activiteit-main-pic-wrapper{
		margin-left: -30px;
		margin-right: -30px;
		}
	
	.cx_content .activiteit-in-list{
 		padding: 1.2rem 0 2.5rem 0;
 		}
 		
 	.activiteit-titel h4{
 		line-height: 1.2;
 		}
 		
	.activiteit-in-list .activiteiten-tijdstip i.fa-clock{
		display: none;
		}
	
	.activiteit-in-list .activiteiten-tijdstip{
		margin-bottom: 1.5rem;
		padding-left: 0;
		margin-left: -4px;
		}
	
	.activiteit-in-list .activiteiten-tijdstip .activiteit-aanvang {
		margin-left: 1rem
		}

	.activiteit-omschrijving{
		border-bottom: none;
		padding-bottom: 0;
		}
	
	.activiteiten-info  > .container:before{
		left: 0;
		}

	.module-wrapper{
		margin-top: 3rem;
		}
	
    /* forms */
    .cx_form{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}
		
    .cx_content .form-horizontal{
		margin-left: 0;
		margin-right: 0;
		padding: 0 8.33333%;
		}
    
    .cx_content .cx_text_wrapper{
    	padding-left: 15px;
    	padding-right: 15px;
    	}
    
    .form-horizontal .row:first-of-type .cx_text_wrapper:first-of-type{
		margin-bottom: 2rem;
		width: 100%;
		}
		
    .form-horizontal .cx_paragraph, .btn-toolbar{
    	width: 100%;
    	padding-left: 15px;
    	padding-right: 15px;
    	margin-left: 0;
    	}
    	
    .form-horizontal .checkbox, .form-horizontal .radio{
    	min-height: 3.2rem;
    	}
    	
    div.cx_radiogroup label{
    	padding-left: 0;
    	}
    	
    div.cx_radiogroup label span{
    	margin-left: .55rem;
    	}	
    	
    .btn, .btn-default, .cx_btn_wrapper .btn:not(.cx_btn-iconOnly){
        min-width: 100%;
        display: inline-block;
        height: 50px;
        /*margin-left: auto;*/
        margin-right: auto;
        line-height: 1.3;
        font-size: 20px;
        }
        
    footer .btn, .vacatures .btn, .path-question-wrapper .btn, .doneer-form .btn{
    	margin-left: auto;
    }
        
    .btn:not(.cx_btn-iconOnly){
    	font-size: 19px;
    	}
    	
    .cx_form .btn, .cx_form .btn-default{
    	width: auto;
    	}
    	
 	.btn-toolbar > .cx_btn_wrapper{
 		width: 100%;
 		text-align: center;
 		}
 		
 	.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right){
 		height: 50px;
 		line-height: 50px;
 		}
 		
	.cx_loginForm{
		width: 80%;
		margin: 3rem auto;
		}
	
	.cx_loginForm .btn{
		width: 100%;
		margin-top: 2rem;
		}
  
  /* actions*/
  
    .cx_content .actie-wrapper{
        margin: 4vw auto 6vw;
        padding: 0 0 3rem 0;
        width: 100%;
        text-align: center;
        flex-direction: column;
    	}
    	
   	.actie-wrapper-left{
   		width: 100%;
   		padding: 0;
   		margin-bottom: 2.5rem;
   		}
    	
    .three-balls-wrapper > div{
    	height: 5.6vw;
    	width: 5.6vw;
    	border-width: 1vw;
    	}
    	
    .call-to-action-row .actie-wrapper{
		margin: 3rem 0 0;
		padding: 2rem;
		background-color: white;
		}
    	
    .actie-wrapper-right{
        width: 100%;
        /* padding: 2rem; */
        /*text-align: center;*/
    	}
    	
     .actie-wrapper-right p{
     	padding: 0 0;
     	}
     	
    .actie-wrapper-right i.fas{
        margin-left: 1rem;
        }
    
    .foto-bubble{
        margin: 2.6rem auto 0;
        width: 60vw;
        height: 60vw;
        
    	}
    
    .actie-wrapper p{
    	margin-bottom: 1.6rem;
    	min-height: auto;
    }
    
    .actie-link-fake {
		padding: .7rem 3rem 1rem 3rem;
	}
	
    .actie-vriendenloterij .foto-bubble img{
   	 	margin-top: 10.5vw;
    }
    
    .actie-wrapper-big .action-card-orange{
   		position: relative;
   		left:0;
    }
	
	.action-card .action-title{
        text-align: center;
    	}
	
	.three-balls-wrapper{
		display: none;
	}
	
	.why-wrapper li{
		margin-bottom: 3rem;
		}
			
	.why-strip{
		padding-bottom: 0;
		}
   
	.module-inset p{
    	padding: 0 2rem;
    	}

	.module-inset ul{
    	padding: 2rem 4rem 0;    
		}
		
	.module-inset ul li{
    	margin-bottom: 2rem;
    	padding: 0 1rem;
    	}
  
	.footer-social a{
        margin: 3rem 2rem 0;
        display: inline-block;
        }
        
    .site-map nav{
    	margin-bottom: 4.2rem;
    	}

    .stats{
        padding: 1rem 0 2rem 0;
        border-top: none;
        margin: 0 auto;
        /* width: 86%; */
        }
    
    .stats-wrapper{
        width: 47%;
        margin: 3rem 0 2rem 0;
        padding-left: 0;
    	}
    
    .q-wrapper{
    	font-size: 2.2rem;
    	font-weight: 400;
    	padding-right: 10px;
    	}
    
    .q-nav-wrapper a{
    	height: 3rem;
    	width: 3rem;
    	line-height: 2.3rem;
    	border-width: 2px;
    	}
    
    .cx_content .a-wrapper{
    	padding: 1.6rem 1.6rem 1.6rem 1.6rem;
    	}
    
    /*correcties op groottes en ruimtes op mobile*/
    .article-head-wrapper .nav-row{
    	padding-top: 0;
    	}
    
    .break-row{
    	margin-top: 2rem;
    	}
    
    .module h2{
    	margin-top: 2.5rem;
    	}
    
    .module-head-wrapper{
    	margin-bottom: 0;
    	margin-top: 1rem;
    	}
    	
     .module-head-wrapper h1{
     	font-size: 3.4rem;
     	margin-bottom: 2.2rem;
     	}
     	
    .action-cards-wrapper a{
    	margin-bottom: 1rem;
    	}
        
    .intro-text{
        margin-bottom: 2rem;
        padding: 0 16px;
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        }
        
    .head-intro{
    	margin-top: 1rem;
    	}
    	
   .vervolg-items-wrapper .item-text-wrapper{
       
    	}
    
   .module-plein-wrapper .btn-default, .btn-default:hover{
    	line-height: 43px;
    	}
    	
   .cadeaubon-pic-wrapper{
		margin: 1rem 0 0;
		}
   
    
    	
    .persoonskaart-inzet{
    	margin: 7rem 1rem 4.6rem 1rem;
    	padding-bottom: 2rem;
    	}
    
    .persoonskaart{
    	margin: 1rem auto 2rem;
    	}

    	
    .persoonskaart-naam{
    	margin-bottom: 1.3rem;
    	}
    
    .persoonskaart-contact{
    	/*font-size: 1.8rem;*/
    	}	
    	
    .persoonskaart .btn, .persoonskaart .btn:hover{
		border-radius: .2rem;
		padding: .2rem .7rem .4rem;
		height: auto;
		line-height: 1;
		margin: 0 auto 0 auto;
		font-size: 1.8rem;
		}
		
	.persoonskaart-pic-wrapper{
		position: relative;
		height: 40vw;
		width: 40vw;
	
		}    
    
    }
   

@media (min-width: 576px) {
    .mobile-only{
        display: none;
    }
}

.vhl_faq-btn.collapsed > i.fa-minus {
	display: none;
}

.vhl_faq-btn > i.fa-plus {
	display: none;
}

.vhl_faq-btn.collapsed > i.fa-plus {
	display: inline-block;
}

/* COOKIE BAR */
.cookie-bar{
	display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    color: white;
    z-index: 10000;
    padding: 30px;
}
.cookie-bar-content{
	display: table;
	margin: auto;
}
.cookie-bar-content span{
	margin: 0 7.5px;	
}
.cookie-bar-content .btn-ok{
    background-color: #EF7D2C;    
    color: #FFF7F1;
    border-color: #EF7D2C;
    border: 1.3px solid #EF7D2C;
    padding: .1rem 1.1rem;
    line-height: 1;
    display: inline-block;
}
.cookie-bar-content .btn-ok:hover, .btn-ok:active, .btn-ok:focus{
	color: #EF7D2C;
    background: #FFF7F1;
    border: 1.3px solid #FFF7F1;
}
.cookie-bar-more-link{
	text-decoration: none;
	color: white!important;
}

.honing {
	display: none;
}


/* 
*	
*	CUSTOM radio 
*
*/

/*     				SMILE 				*/

.vhl_smile-group{
	padding-top: 0;
	line-height: 28px;
}
.vhl_smile-group label{
/*	margin-right: 15px; */
}
.vhl_smile-group label input{
	display: none;
}
.vhl_smile-group label .cx_radio-label,
.vhl_smile-item{
    float: left;
    width: 30px;
    height: 35px;
    display: block;
    font-size: 35px;
    line-height: 35px;
    position: relative;
}
td .vhl_smile-item{
	margin: auto!important;
}
.vhl_smile-group label .cx_radio-label::after,
.vhl_smile-item::after{
	display: table;
	position: absolute;
	left: 0;
	opacity: 0.5;
}
.vhl_smile-group:hover label input:checked + .cx_radio-label::after{
	opacity: 0.5;
}
.vhl_smile-group label .cx_radio-label:hover::after,
.vhl_smile-group:hover label input:checked + .cx_radio-label:hover::after,
.vhl_smile-group label input:checked + .cx_radio-label::after,
.vhl_smile-item::after{
	opacity: 1;
}
.vhl_smile-group .vhl_neutral-label .cx_radio-label::after,
.vhl_neutral::after{
	font-family: "Font Awesome\ 5 Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	content: "\f11a";
}
.vhl_smile-group .vhl_happy-label .cx_radio-label::after,
.vhl_happy::after{
	font-family: "Font Awesome\ 5 Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	content: "\f118";
}
.vhl_smile-group .vhl_sad-label .cx_radio-label::after,
.vhl_sad::after{
	font-family: "Font Awesome\ 5 Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	content: "\f119";
}
.vhl_smile-group label .cx_radio-label::before,
.vhl_smile-item::before{
	font-family: "Font Awesome\ 5 Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: table;
	font-weight: 900;
	content: "\f111";
	opacity: 0;
	position: absolute;
    left: 0;
}
.vhl_smile-group .vhl_neutral-label .cx_radio-label::before,
.vhl_neutral::before{
	color: yellow;
}
.vhl_smile-group .vhl_happy-label .cx_radio-label::before,
.vhl_happy::before{
	color: #42ff00;
}
.vhl_smile-group .vhl_sad-label .cx_radio-label::before,
.vhl_sad::before{
	color: #ff7171;
}
.vhl_smile-group:hover label input:checked + .cx_radio-label::before{
	opacity: 0.5;
}
.vhl_smile-group label .cx_radio-label:hover::before,
.vhl_smile-group:hover label input:checked + .cx_radio-label:hover::before,
.vhl_smile-group label input:checked + .cx_radio-label::before,
.vhl_smile-item::before{
	opacity: 1;
}

/* 				Beschikbaar 			*/

.vhl_beschikbaarheid-group label input{
	display: none;
}
.vhl_beschikbaarheid-group label .cx_radio-label,
.vhl_beschikbaarheid-item{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    padding: 0 5px;
    height: 50px;
    line-height: 1;
    text-align: center;
    border: 1px solid #333;
}
.vhl_yes-item,
.vhl_beschikbaarheid-group .vhl_yes-label input:checked + .cx_radio-label,
.vhl_beschikbaarheid-group .vhl_yes-label .cx_radio-label:hover{
	background: #42ff00!important;
}	
.vhl_no-item,
.vhl_beschikbaarheid-group .vhl_no-label input:checked + .cx_radio-label,
.vhl_beschikbaarheid-group .vhl_no-label .cx_radio-label:hover{
	background: #ff7171!important;
}
.vhl_unknown-item,
.vhl_beschikbaarheid-group .vhl_unknown-label input:checked + .cx_radio-label,
.vhl_beschikbaarheid-group .vhl_unknown-label .cx_radio-label:hover{
	background: yellow!important;
}
.vhl_beschikbaarheid-group:hover .vhl_unknown-label input:checked + .cx_radio-label{
	background: rgba(255, 255, 0, .3);
}
.vhl_beschikbaarheid-group:hover .vhl_unknown-label input:checked + .cx_radio-label:hover{
	background: rgba(255, 255, 0, 1);
}
.vhl_beschikbaarheid-group:hover .vhl_no-label input:checked + .cx_radio-label{
	background: rgba(255, 113, 113, .3);
}
.vhl_beschikbaarheid-group:hover .vhl_no-label input:checked + .cx_radio-label:hover{
	background: rgba(255, 113, 113, 1);
}
.vhl_beschikbaarheid-group:hover .vhl_yes-label input:checked + .cx_radio-label{
	background: rgba(66, 255, 0, .3)
}
.vhl_beschikbaarheid-group:hover .vhl_yes-label input:checked + .cx_radio-label:hover{
	background: rgba(66, 255, 0, 1)
}

/* toevoeging AV*/
footer .text-center .row {
    display: block;
}
/* einde toevoeging AV*/