/*
Theme Name: New
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Kudu Concepts
Author URI: https://www.kuduconcepts.be
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.22.7.1557730637
Updated: 2019-05-13 06:57:17

*/

body{letter-spacing: 0px !important;}
#main-content{
	z-index: 700;
	position: relative;
}
footer{
	z-index: 800;
	position: relative;	
}

.tel-sec .et_pb_module.et_pb_blurb {
    transform: translateX(150px);
    transition: .5s all ease;
}
.tel-sec .et_pb_module.et_pb_blurb:hover {
    transform: translateX(0);
}

.Aligner {
  display: flex;
	display: -ms-flexbox;
 display: -webkit-flex;
  justify-content: center;
	flex-wrap: wrap;
    flex-direction: column;
	text-align:left;
	float: none !important;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
	display: flex;
	float: none !important;
  align-self: flex-end;
	margin-top: auto;
}

.hs_phone .hs-fieldtype-intl-phone.hs-input select{
    width: 100px !important;
    padding-top: 6px;
    font-size: 11px;
    padding-left: 2px !important;
    letter-spacing: 0px;
}

.hs_phone .hs-fieldtype-intl-phone.hs-input input {
    width: 100% !important;
}

.hs_phone .hs-fieldtype-intl-phone{
	display: flex;
}

.hs-intent ul li:nth-child(3),.hs-intent ul li:nth-child(4){
	display: none !important;
}

.hs_submit{
	margin-top: 10px;
	cursor: pointer;
}

.hs-button{
		cursor: pointer;
}

.hs-form input[type=checkbox]{
	position: relative;
}

.hs-form input[type=text],.hs-form  input[type=password],.hs-form  input[type=tel],.hs-form  input[type=email],.hs-form  input.text,.hs-form  input.title,.hs-form  textarea,.hs-form  select {
    width: 100%;
font-family: 'source sans';
    color: #591f1e !important;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 1.45em;
	font-size: 16px;
	padding: 15px;
    border: 1px solid #591f1e;
    background-color: transparent;
	margin-bottom: 0px;
	    border-radius: 0px  !important;
}
.hs-form  label {

    color: #591f1e !important;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 1.45em;
	font-size: 16px;
	padding: 15px;

    font-weight: 400;
	color: #f0eae5 !important;
    padding-left: 5px;
	line-height: 1.6em;
}

.legal-consent-container .field{
	margin-bottom: 0px !important;
}

.hs-form ::-webkit-input-placeholder { /* Edge */
  color: #1f1f1f;
}

.hs-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1f1f1f;
}

.hs-form ::placeholder {
  color: #1f1f1f;
}
.hs-form textarea{
	background-color:transparent;
	border: none !important;
	padding-left: 20px;
	padding-top: 25px;
	font-size: 15px;
	height: 120px;
		border: 1px solid #1f1f1f !important;
		margin-bottom: 6px;

}
.hs-form input[type="text"], input[type="email"]{
	background-color:transparent;
	height: 44px;
	border: none;
	    color: #591f1e !important;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 1.45em;
	font-size: 16px;
	padding: 15px;
    border: 1px solid #591f1e !important;
	padding-left: 20px;
	font-size: 15px;
}
.hs-form input[type="email"]{
	margin: 0 !important;
}

.hs-form fieldset{
	max-width: 760px !important;
}

.hs-form fieldset{
	max-width: 100% !important;
padding-bottom: 8px !important;
}

.hs-form fieldset .hs_email input{
	width: 100% !important;
}

.legal-consent-container label{
	display: flex;
}

.hs-form fieldset .field{
	padding-bottom: 0px !important;
	margin-bottom: 8px !important;
}

ul.inputs-list{ padding-left: 0px !important}
ul.inputs-list li label{margin-left: 0px !important;padding-left: 0px !important;}
.legal-consent-container .hs-form-booleancheckbox-display>span{margin-left: 0px !important;padding-left: 0px !important; padding-top: 5px; font-size: 13px !important; padding-left: 10px !important;}
ul.inputs-list input{margin-left: 0px !important;padding-left: 0px !important;}
.entry-content ul{
	padding-bottom: 0px !important;
}
.legal-consent-container ul.inputs-list{
	list-style: none !important;
}

.inputs-list a, .inputs-list a.visited{
	color: #1f1f1f !important;
	text-decoration: underline;
}
label.hs-error-msg{
	color: red !important;
}
label span{
    color: #591f1e !important;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 1.45em;
	font-size: 16px;
	font-weight: 300;
}

.hs-form fieldset .field.hs_intention{
	background-color: #F5F5F5;
	padding: 12px 24px !important;
		border-radius: 12px;
}
.hs-form fieldset .field.hs_preferences{
	background-color: #f8f8f8;
	padding: 12px 24px !important;
		border-radius: 12px;
}
.hs-dependent-field .hs-field-desc{
	font-size: 10px !important;
	font-weight: 500;
}
.no-list.hs-error-msgs.inputs-list{
	padding-left: 0px !important;
}

.hs-error-msg{
	font-size: 11px !important;
}


.hs-button{
	font-size: 14px;
    background-color: #781214;
    font-family: 'source sans';
    font-weight: 600;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	color:#fff !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    border-width: 1px;
    border-color: #781214;
	padding: 16px 24px !important;
    border-style: solid;

	-webkit-transition: all 300ms ease-in ;
		 -moz-transition: all 300ms ease-in ;
		 -o-transition: all 300ms ease-in ;
		 transition: all 300ms ease-in ;

	
}

.hs-button:hover{
	color:#781214 !important;
	background-color: transparent !important;
	border: 1px solid #781214 !important;
}


.hs-form input.text:focus, .hs-form input.title:focus, .hs-form input[type=text]:focus,.hs-form  select:focus, .hs-form textarea:focus {
	color: #5B723D !important;

}

.hs_recaptcha{
    transform: scale(0.001);
    display: block;
	visibility: hidden;
    height: 1px;
    width: 1px;
}

.hs-button:focus {
	background-color: transparent;
	color: #000;
}


.hs-form [type="checkbox"],.hs-form  [type="radio"]{
    height: 20px !important;
    width: auto !important;
    flex-grow: unset !important;
	flex-basis: unset !important;
}

.hs-form fieldset.form-columns-1{
	padding-bottom: 0px !important;
}



.hs-dependent-field .field{
	padding-bottom: 0px !important;
}
.hs-form input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select{
	font-size: 14px;
	margin: 0 !important;
	line-height: 1em;
	border: 1px solid #591f1e !important;
}
.hs-form input[type=text],.hs-form  input[type=password],.hs-form  input[type=tel],.hs-form  input[type=email],.hs-form  select{
height: 44px;
}

.hs-form select{
	height: 44px;
}

.hs-fieldtype-intl-phone select{
	padding: 4px;
	font-size: 12px;
}

.input textarea{ width: 100% !important; }
.input ul{
	list-style: none;
	display: flex;
	  display: flex;
  flex-wrap: wrap;
}

.input ul li {
	padding-right: 8px;
	width: 50%;
  flex: 50%;
}
.hs-form-checkbox label{
	display: flex;
}
.hs-form-checkbox{
	margin-top: 4px;
}

.hs-form-checkbox label input[type=checkbox]{
	margin-top: 0px !important;
}
.hs-form input[type="checkbox"]{
	margin-right: 16px;
}
.hs-form input[type="checkbox"]:after {
    width: 16px;
    height: 16px;
    content: "";
    background-color: #fff;
    z-index: 1;
    position: absolute;
    top: 2px;
    left: 0px;
	border-radius: 2px;
    border: 1px solid #5B723D !important;
}

.hs-error-msgs li::marker{
	display: none;
	content: '';
}

.hs-form fieldset .legal-consent-container .inputs-list{
	padding-left: 0px !important;
}

.hs_intention .inputs-list{
	padding-left: 0px !important;
}
.hs-dependent-field .hs_intention{
	/*border-bottom: 1px solid #333;*/
	padding-bottom: 8px !important;
}
fieldset .hs_message.hs-message{
	padding-top: 8px !important;
}
.legal-consent-container{
	padding-top: 8px;
}

form fieldset .hs_preferences{
	background-color: rgba(255,255,255,0.4);
	border-radius: 4px;

    padding: 12px !important;
}

form fieldset .hs_preferences .input{
		padding-bottom: 12px !important;
}

form fieldset .hs_preferences .input ul{padding-left: 0px !important;}

form fieldset .hs_preferences .hs-field-desc{
	font-size: 13px;
}


@media all and (max-width: 980px) {
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	  flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}

	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}

	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}

	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
}
#logo-header{

	    -webkit-transition: width  0.5s ease-in-out;
    -moz-transition: width  0.5s ease-in-out;
    -o-transition: width  0.5s ease-in-out;
    transition: width  0.5s ease-in-out;
	width: 76px;
}
.et-fixed-header #logo-header{
	width: 40px;
}
header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
header {
    transition: background 0.5s;
    transition-delay: 0.2s;
}
header {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
}

#main-header .container{
	background-color: #fff !important;
	border-radius: 12px !important;
	margin-top: 12px !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
	width: 100% !important; 
}

#main-header{
	padding-left: 80px !important;
	padding-right: 80px !important;
}
@media screen and (max-width: 980px){
	#main-header{
		
		    background-color: transparent !important;
	margin-left: 0px !important;
	margin-right: 0px !important;

	padding-left: 48px !important;
	padding-right: 48px !important;
	}	
		#main-header .container{
margin-top: 0px !important;
	border-radius: 12px !important;

	padding-left: 16px !important;
	padding-right: 16px !important;
	}
	.et_header_style_left #et-top-navigation .mobile_menu_bar{
		padding-bottom: 12px;
	}
	.et_header_style_left #logo{
		max-width: 140px;
	}
	.et_fixed_nav #main-header{
		position: fixed !important;
		
	}
	.red .mobile_menu_bar:before{
		color: #fff !important;
	}
}

@media screen and (max-width: 1100px){
	.et_header_style_left #logo{
		max-width: 140px;
	}
	#main-header{
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}
@media screen and (max-width: 767px){
	#main-header{
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-top: 8px !important;		
	padding-left: 8px !important;
	padding-right: 8px !important;
	}	

		.et_header_style_left #logo{
		max-width: 140px;
	}
}



h2 em{
	color: #ED1C24;
	font-style: normal !important;
}

h3 em{
	color: #ED1C24;
	font-style: normal !important;
}

h4 em{
	color: #ED1C24;
	font-style: normal !important;
}

p strong{
	font-weight: 500 !important;
}

#main-header .button-style a{
	border-radius: 30px;
	background-color: #ED1C24;
	color: #fff !important;
	padding: 12px 24px !important;
	margin-bottom: 14px;
}

.et_header_style_left #et-top-navigation {
        padding: 14px 0 0 0 !important;
    }

body .et-fixed-header #top-menu li.button-style>a, body .et-fixed-header #top-menu li.button-style>a{
        color: #fff !important;
    }

.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before{
	color: #f9f9f7 !important;
}

.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar{
	background-color: #cc623c !important;
	border-radius: 2px 2px 2px 8px;
}

body header .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu{
	background-color: #f9f9f7 !important;
}


.et_pb_menu .et-menu>li {
    padding-left: 28px;
    padding-right: 28px;
}

.accordion-section-title button.accordion-trigger{
	height: unset !important;
}


.et_fixed_nav.et_show_nav #page-container {
        padding-top: 0px !important;
    }

.hs_error_rollup .hs-main-font-element{
	display:  none !important;
}


/*** NEW DIVI 5 CSS */

.my-parallax-wrapper {
  position: relative;
  overflow: hidden;
  height: 500px; /* hoogte van de sectie */
width: 100%;
	border-radius: 24px;
}

.my-parallax .et_pb_image_wrap {
  position: absolute;
  top: 0 !important;       /* override Divi inline styles */
  left: 0;
  width: 100%;
  height: 110%;             /* groter dan wrapper voor parallax */
  margin: 0 !important;     /* reset margin */
  padding: 0 !important;    /* reset padding */
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}

.my-parallax-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.my-square-parallax-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;          /* breedte van de container of sectie */
  aspect-ratio: 1 / 1;  /* altijd vierkant */
		border-radius: 24px;
}


.my-square-parallax-wrapper .et_pb_image_wrap {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 120%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.my-square-parallax-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}


.my-long-parallax-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;          /* breedte van de container of sectie */
  padding-bottom: 200%;
		border-radius: 24px;
}

@media screen and (max-width: 768px)
{
	.my-long-parallax-wrapper {
  padding-bottom: 40vw;
		min-height: 340px;
}
	
}

.my-long-parallax-wrapper .et_pb_image_wrap {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.my-long-parallax-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}

@media screen and (min-width: 1920px){
	.my-parallax .et_pb_image_wrap {
		  height: 110%; /* groter dan wrapper voor parallax beweging */
	}
	.my-long-parallax-wrapper .et_pb_image_wrap {
		  height: 120%; /* groter dan wrapper voor parallax beweging */
	}
	.my-square-parallax-wrapper .et_pb_image_wrap {
		  height: 120%; /* groter dan wrapper voor parallax beweging */
	}
}


@media screen and (min-width: 2400px){
	.my-parallax .et_pb_image_wrap {
		  height: 120%; /* groter dan wrapper voor parallax beweging */
	}
	.my-square-parallax-wrapper .et_pb_image_wrap {
		  height: 130%; /* groter dan wrapper voor parallax beweging */	
	}
}

@media screen and (min-width: 4000px){
	.my-parallax .et_pb_image_wrap {
		  height: 130%; /* groter dan wrapper voor parallax beweging */
	}
	.my-square-parallax-wrapper .et_pb_image_wrap {
		  height: 140%; /* groter dan wrapper voor parallax beweging */		
	}
}

@media screen and (min-width: 5000px){
	.my-parallax .et_pb_image_wrap {
		  height: 140%; /* groter dan wrapper voor parallax beweging */
	}
	.my-square-parallax-wrapper .et_pb_image_wrap {
		  height: 150%; /* groter dan wrapper voor parallax beweging */		
	}
}

/* Zorg dat de rij als grid functioneert */

@media screen and (min-width: 981px){
.row-special {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr); /* 12 kolommen grid */
  gap: 1rem; /* optioneel */
	position: relative;
}

/* Eerste kolom */
.col1 {
  grid-column: 2 / span 7; /* start bij kolom 2 (1/12 van links), 7 kolommen breed */
  z-index: 2; /* boven de tweede kolom */
  display: flex !important; /* Divi zet modules soms als block, dat is prima */
	grid-row: 1/2;
}

/* Tweede kolom */
.col2 {
  grid-column: 7 / span 6; /* start bij kolom 7, 6 kolommen breed */
  z-index: 1; /* onder de eerste kolom */
  display: flex !important; /* Divi zet modules soms als block, dat is prima */
	grid-row: 1/2;
}	
}




/* resto onderdeel */


.img-food .et_pb_main_blurb_image{
  position: relative;
  overflow: hidden;
  width: 100%;border-radius: 24px;
	margin-bottom: 0px !important;
}

.img-food.img-top-1  .et_pb_main_blurb_image{
	aspect-ratio: 4/3;
}

.img-food.img-top-2  .et_pb_main_blurb_image{
	aspect-ratio: 4/3;
}

.img-food.img-top-3  .et_pb_main_blurb_image{
	aspect-ratio: 291/391;
}

.img-food .et_pb_main_blurb_image span {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.img-food .et_pb_main_blurb_image span img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}

.img-food .et_pb_blurb_container{
	position: absolute;
	bottom: 6px;
	left: -1px;
	    z-index: 999;
}


.img-food .et_pb_blurb_container h4{
	display: flex;
	padding: 20px 20px;
	background-color: #fff;
	border-radius: 0px 24px 0px 24px	
}

.img-food h4::before {
content: "";
    position: absolute;
    top: -24px;
    left: 0px;
    background: #fff;
    --r: 24px;
    width: 31px;
    height: 40px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}

.img-food h4::after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: -30px;
    background: #fff;
    --r: 24px;
    width: 30px;
    height: 50px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}

/* scope naar jouw column wrapper (.col2 zoals in jouw html) */
.col2 .img-food {
  position: relative;
  overflow: hidden;
 transition: opacity 700ms ease-in-out; /* fade duration */
}

/* overlay image-lagen (2 per slot) */
.pp-img-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 700ms ease-in-out;
  will-change: opacity;
  pointer-events: none;
}

/* zichtbare laag */
.pp-img-layer.visible { opacity: 1; z-index: 1; }

/* fade voor bestaande h4 */
.img-food .et_pb_module_header {
  transition: opacity 700ms ease-in-out;
  opacity: 1; /* init zichtbaar */
  z-index: 99;
}


#map{
	border-radius: 24px !important;
}

/* aanbod op plein publiek $$:*/

.img-aanbod .et_pb_main_blurb_image{
  position: relative;
  overflow: hidden;
  width: 100%;border-radius: 24px;
	margin-bottom: 0px !important;
}


.img-aanbod .et_pb_main_blurb_image{
	aspect-ratio: 291/391;
}

.img-aanbod .et_pb_main_blurb_image span {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.img-aanbod .et_pb_main_blurb_image span img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}

.img-aanbod .et_pb_blurb_container{
	position: absolute;
	bottom: 6px;
	left: -1px;
	    z-index: 999;
}


.img-aanbod .et_pb_blurb_container h4{
	display: flex;
	padding: 20px 20px;
	background-color: #fff;
	border-radius: 0px 24px 0px 24px	
}

.img-aanbod h4::before {
content: "";
    position: absolute;
    top: -24px;
    left: 0px;
    background: #fff;
    --r: 24px;
    width: 31px;
    height: 40px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}

.img-aanbod h4::after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: -30px;
    background: #fff;
    --r: 24px;
    width: 30px;
    height: 50px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}




.my-image-c{
  position: relative;
  overflow: hidden;
  width: 100%;          /* breedte van de container of sectie */
		border-radius: 24px;
}

.my-image-c-1 {height: 688px;  /* altijd vierkant */	}
.my-image-c-2{height: 100%;}
.my-image-c-3{height: 100%;}
.my-image-c-4{height: 100%;}
.my-image-c-4 img{object-position: 10% 0%;}
	
	
.my-image-c .et_pb_image_wrap {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.my-image-c img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}







.img-sales .et_pb_main_blurb_image{
  position: relative;
  overflow: hidden;
  width: 100%;border-radius: 24px;
	margin-bottom: 0px !important;
}

.img-sales  .et_pb_main_blurb_image{
	aspect-ratio: 4/3;
}
.img-sales .et_pb_main_blurb_image span {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%; /* groter dan wrapper voor parallax beweging */
  margin: 0 !important;
  padding: 0 !important;
}

.img-sales .et_pb_main_blurb_image span img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* afbeelding vult het vierkant, behoudt verhouding */
  display: block;
}

.img-sales .et_pb_blurb_container{
	position: absolute;
	bottom: 6px;
	left: -1px;
	    z-index: 999;
}

.img-sales .et_pb_blurb_container h4{
	display: flex;
	padding: 20px 20px;
	background-color: #F8F8F8;
	border-radius: 0px 24px 0px 24px	
}

.img-sales h4::before {
content: "";
    position: absolute;
    top: -24px;
    left: 0px;
    background: #F8F8F8;
    --r: 24px;
    width: 31px;
    height: 40px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}

.img-sales h4::after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: -30px;
    background: #F8F8F8;
    --r: 24px;
    width: 30px;
    height: 50px;
    border-bottom-left-radius: var(--r);
    mask: radial-gradient(var(--r) at 100% 0, #0000 100%, #000 calc(100% + 1px)) 0 0 / var(--r) var(--r) no-repeat, linear-gradient(#0000 var(--r), #000 0);
}

.tabs ul.et_pb_tabs_controls:after{
  display: none;
}
.tabs ul.et_pb_tabs_controls.clearfix {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #1C2F1A;
}
.tabs ul.et_pb_tabs_controls li a {
    border: 1px solid #1C2F1A;
    padding: 17.5px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    min-width: 202px;
}
.tabs ul.et_pb_tabs_controls li a:before {
  content: '';
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
  background: url(/wp-content/uploads/2025/10/Image-1.svg) center/ contain no-repeat;
}
.tabs ul.et_pb_tabs_controls li:nth-child(2) a:before {
    background: url(/wp-content/uploads/2025/10/Image-2.svg) center/ contain no-repeat;
}
.tabs ul.et_pb_tabs_controls li {
    background: transparent !important;
    border: 0;
}
.tabs ul.et_pb_tabs_controls li.et_pb_tab_active a{
    background:#ED1C24 !important;
    border-color:#ED1C24;
	color: #fff !important;
}
.tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before{
    filter: invert(100%) !important;
    -webkit-filter: invert(100%) !important;
}

.tabs .et_pb_tab {
    padding: 40px 0 0 0;
}
.tabs .et_pb_tab {
    padding: 40px 0 0 0;
}

.my-image-c-1{
  position: relative;
  overflow: hidden;
}

.my-image-c-2 .et_pb_image_wrap {
  position: absolute;
  top: 0 !important;       /* override Divi inline styles */
  left: 0;
  width: 100%;             /* groter dan wrapper voor parallax */
  margin: 0 !important;     /* reset margin */
  padding: 0 !important;    /* reset padding */
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}

.my-image-c-2 .et_pb_image_wrap img{
  width: 100%;
  height: 100% !important;             /* groter dan wrapper voor parallax */

}

.et_pb_all_tabs{display: none !important;}

/* Basisstijl van je menu */
#main-header .container{
  background-color: white;
	  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Actieve toestand wanneer over .white sectie */
#main-header.red .container{
  background-color: #ed1c24 !important;
  color: white; /* optioneel als je tekst wilt aanpassen */
	  transition: background-color 0.3s ease, color 0.3s ease;
}

#main-header.red #top-menu li.current_page_item>a{
  color: white !important; /* optioneel als je tekst wilt aanpassen */
	  transition: background-color 0.3s ease, color 0.3s ease;
} 
.logo_container img, #top-menu li.button-style>a, #top-menu li.current_page_item>a{
	  transition: background-color 0.3s ease, color 0.3s ease;
}

#main-header.red .logo_container img{
    filter: invert(100%) !important;
    -webkit-filter: invert(100%) !important;
	  transition: background-color 0.3s ease, color 0.3s ease;
}

#main-header  #top-menu li.button-style>a{
 border: 1px solid #ed1c24;

}
#main-header.red #top-menu li.button-style>a{
 border: 1px solid #fff;	

}

/* Algemene pijlen-styling (bolvormig, wit, geen border) */
  .slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: #ffffff;
    border: none;            /* geen rand */
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none;        /* geen schaduw (optioneel) */
    cursor: pointer;
    z-index: 5;
  }

  /* Left / right posities */
  .slick-prev { left: 12px; }
  .slick-next { right: 12px; }

  /* SVG in knop op volledige grootte passend maken */
  .slick-prev svg, .slick-next svg {
    width: 18px;
    height: 18px;
    display: block;
  }

  /* Slick dots (optie) — zichtbaar op mobiel */
  .slick-dots { bottom: 8px; }

  /* Op desktop verbergen we de slider-controls (safety) */
  @media (min-width: 768px) {
    .slick-prev, .slick-next, .slick-dots {
      display: none !important;
    }
  }

  /* Optioneel: kleine hit-area uitbreiding zonder zichtbare rand */
  .slick-prev::after, .slick-next::after {
    content: "";
    position: absolute;
    inset: -6px; /* vergroot klikgebied */
    border-radius: 50%;
  }


form .hs-form-booleancheckbox label{padding: 0px !important;}



.box{
	cursor: pointer;
}

.box:before{
	content: "";
	border-radius: 999em;
	width: 12px;
	height: 12px;
	background-color: #fff;
	position: absolute;
	left: 8px;
	top: 8px;
	
}

.box.active:after,
.box:hover::after
{
	content: "";
	border-radius: 999em;
	width: 8px;
	height: 8px;
	background-color: #974E3E;
	position: absolute;
	left: 10px;
	top: 10px;
	
}

.box:hover
{
	border-color: #974E3E; 
	
}

.box.active {
	background-color: #974E3E;
	font-weight: 500;
}



.box.active .et_pb_text_inner p{
	color: #fff !important;
	font-weight: 500;
}


.et_pb_row.row1,
.et_pb_row.row2,
.et_pb_row.row3 {
  display: none;
}

.et_pb_row.row1.active,
.et_pb_row.row2.active,
.et_pb_row.row3.active {
  display: flex;
}