/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=text],input[type=button],input[type=submit],input[type=password],select{vertical-align:middle}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}


html.mx_logged_in {
margin-top:0 !important;
}

.mx_logged_in #topwrapper, .mx_logged_in #menu{
top:52px;
}

.mx_logged_in #menu .container-bar {
top: 69px;
}

body {
margin:0;
padding:0;
color: #5f5e5e;
line-height: 1.450;
}

body, p, td, td p {
 font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, ul {
margin:0;
padding-bottom:10px;
}

h1 {
color:#5f5e5e;
font-weight:bold;
font-size:28px;
padding-bottom:15px;
	 font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
	text-transform: uppercase;
}

h2 {
color:#5f5e5e;
font-weight:bold;
font-size:24px;
	 font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;


}

h3 {
color:#5f5e5e;
font-weight:bold;
font-size:20px;
	line-height:35px;
	 font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;

}

h1::before, #about h2::before {
content: "";
display: block;
width: 100px;
height: 5px;
margin: 0 0 30px 0;
background:#ccc;
/*background: rgb(31,24,58);
background:linear-gradient(90deg,rgba(0,85,160) 25%,rgba(0,157,224) 50%,rgba(120,190,32));*/

}

/* maatwerk blokjes*/

.klikblokjes ul {
  list-style: none;   /* standaard bolletjes weg */
  margin: 0;
  padding: 0;
}

.klikblokjes ul li a {
  display: block;               
  position: relative;           
  padding: 14px 40px 14px 16px; 
	margin:4px;
  background: #e8e8e8;            
  color: #000;                  
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  transition: background 0.2s ease, color 0.2s ease;
}

.klikblokjes ul li a:hover,
.klikblokjes ul li a:focus {
  background: #cbac96;  
  color: #fff;
}

.klikblokjes ul li a::after {
  content: "\f105"; /* → pijltje */
  font-family: 'Line Awesome Free';
  font-weight: 900;
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background: #000;   /* zwart blokje */
  color: #fff;        /* wit pijltje */
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.klikblokjes ul li a:hover::after,
.klikblokjes ul li a:focus::after {
  color: #fff;
}
/* einde maatwerk blokjes*/



#cta h3::before, #blogheader h2::before {
    content: "";
    display: block;
    width: 100px;      /* lengte van het streepje */
    height: 5px;       /* dikte van het streepje */
    margin: 0 auto 30px auto;  /* centreren en afstand naar de h3 */
    background: #ccc;  /* kleur van het streepje */
}

h1[style*="center"]:before {
margin: 0 auto 30px auto;
}

h1[style*="right"]:before {
margin: 0 0 30px auto;
}

*:active, *:focus { 
outline: 0; 
} 

a{
color:#868e7e;
text-decoration:none;
transition: all 0.8s ease;
}

a:hover {
color:#868e7e;
}

input[type=text], input[type=email],input[type=button],input[type=submit],input[type=password], textarea {
-webkit-appearance: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
line-height:36px;
padding:0 10px;
border: solid 1px #DDDDDD;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
filter: none;
}

select{
border: solid 1px #DDDDDD;
height:36px;
padding:0 10px;
}

textarea {
line-height:20px;
padding: 10px;
resize: none;
}

.button, input[type=submit],button {
display:inline-block;
color:#FFFFFF;
background-color:#868e7e;
padding:10px 17px;
font-size:15px;
font-family:"Open Sans";
font-weight:600;
transition: all 0.8s ease;
}

input[type=submit],button {
cursor:pointer;
border:none;
line-height:20px;
}

input[type=button] {
cursor:pointer;
}

.button.outline {
    background-color: transparent;
    color: #fff;
    padding: 8px 15px;
    border: solid 1px #fff;
}

.button:after {
content:"\f061";
font-family:'Line Awesome Free';
font-weight:bold;
padding-left:6px;
position:relative;
top:0;
}

a.button:hover, input[type=submit]:hover, button:hover {
color:#FFFFFF!important;
background-color:#ccc;
}

.button.outline:hover {
color:#FFFFFF!important;
background-color:#868e7e !important
}

#content img[style*="left"], #content img[align="left"] { margin: 0 20px 10px 0; }
#content img[style*="right"], #content img[align="right"] { margin: 0 0 10px 20px; }

#content img {
max-width:100%;
height:auto;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

td {
vertical-align:top;
}

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

ul.tick li:before {
content:"\f058";
font-family:'Line Awesome Free';
font-size: 24px;
padding-right:8px;
background: linear-gradient(to right, #868e7e 5%, #5FB748 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position:relative;
top:2px;
}

p[style*="left"] {
font-family: 'PT Serif', serif;
font-style: italic;
font-size:18px;
}

p.small {
font-size: 12px;
color: #666;
}

blockquote {
    width: 100%;
    margin: auto;
    margin-bottom: 35px;
    position: relative;
    padding: 30px;
    /* padding-bottom: 0; */
    background: #cbac96;
    color: #fff;
    background-clip: padding-box;
    border: solid 2px #cbac96;
    font-size: 20px;

}
blockquote:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px; /* !importanté */
    border-radius: inherit; /* !importanté */
    /*background: linear-gradient(to right, #1f183a, #5FB748 90%);*/
}

#headerwrapper {
background-image:url(../images/default-business.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
position:relative;
}

#header {
/*background: rgb(31,24,58);
background:linear-gradient(90deg,rgba(0,85,160,.79) 25%,rgba(0,157,224,.79) 50%,rgba(42,169,156,.79));*/
height:auto;
padding:0 40px; 
}

.progress-container {
  width: 100%;
  height: 4px;
  background: #ccc;
  display:none;
  position:absolute;
  bottom:0;
  left:0;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #00730c;
  width: 0%;
}

#topwrapper.stick .progress-container {
display:block;
}

#topwrapper {
position:fixed;
top:0;
left:0;
width:100%;
height:95px;
transition: all 0.7s ease;
padding:0 20px;
z-index:88;
pointer-events:none;
	background: rgba(255, 255, 255, 0.87);
}

#topwrapper.stick {
background-color: #FFFFFF;
border-bottom: 2px solid #ccc;
 /* border-image-source: linear-gradient(45deg, rgba(0,85,160,.79) 25%,rgba(0,157,224,.79) 50%,rgba(120,190,32,.79));*/
  border-image-slice: 1;
}

#payoffwrapper {
max-width:1300px;
margin:0 auto;
min-height:300px;
padding: 80px 30px;
padding-top:190px;
text-align:left;
color:#FFFFFF;
}

#payoffwrapper p {
font-size:36px;
font-weight:bold;
padding-bottom:5px;
}

#payoffwrapper ul {
padding: 0;
margin: 0;
float: left;
font-size:14px;
}

#payoffwrapper ul li { display: inline; }

#payoffwrapper ul li a {
width:auto;
color:#CCCCCC;
text-decoration: none;
float: left;
}

#payoffwrapper ul li a:after {
content:"›";
padding-left:10px;
padding-right:10px;
}

#payoffwrapper ul li a:hover span {
text-decoration:underline;
}

#logo {
/*background-image:url(../images/blob-shape-white.svg);
background-position:center bottom;
background-repeat:no-repeat;
background-size:100% auto;*/
float:left;
width:15%;
padding:20px 20px 60px 0;
pointer-events: initial;
}

#logo img {
width:100%;
max-width:220px;
height:auto;
display:block;
}

#logo img.white {
display:block;
}

#logo img.color {
display:none;
}

#topwrapper.stick #logo img.white {
display: none;
}

#topwrapper.stick #logo img.color {
display: block;
}

#topwrapper.stick #logo {

}

#nav {
float:left;
width: 73%;
text-align:center;
pointer-events: initial;
}

#icons {
float:right;
pointer-events: initial;
}

.icon-phone {
float:left;
width : 42px;
height : 42px;
margin-top : 25px;
margin-right: 15px;
border-radius : 46px;
border : #424f38 solid 2px;
color:#424f38;
text-align:center;
position:relative;
}


.icon-phone a {
color:#424f38;
text-decoration:none;
}

.icon-phone i {
font-size:24px;
line-height:42px;
position:absolute;
top:-2px;
left:6px;
}

.icon-phone i.la-envelope {
top:-3px;
left:7px;
}

.icon-menu {
float:right;
width : 65px;
height : 65px;
margin-top : 15px;
border-radius : 46px;
border : #424f38 solid 2px;
}

.icon-menu-hide {display:none;}
#topwrapper.stick .icon, #topwrapper.stick .icon-phone a {
    color: #424f38;
}
#topwrapper.stick .icon, #topwrapper.stick .icon-phone {
    border-color: #424f38;
}
.container-bar {
display : inline-block;
cursor : pointer;
padding-top : 8px;
padding-left : 11px;
}

.bar1, .bar2, .bar3 {
width : 34px;
height : 3px;
background-color : #424f38;
margin : 9px 2px;
transition : 0.4s;
}

.change .bar1 {
transform : rotate(-45deg) translate(-10px,7px);
width : 35px;
background-color : #424f38 !important;
}

.change .bar2 {
opacity : 0;
background-color : #424f38!important;
}

.change .bar3 {
transform : rotate(45deg) translate(-9px,-7px);
width : 35px;
background-color : #424f38 !important;
}

#topwrapper.stick .icon, #topwrapper.stick .icon-menu {
border-color:#424f38;
}

#topwrapper.stick .icon, #topwrapper.stick .icon a{
color:#424f38;
}

#topwrapper.stick .bar1, #topwrapper.stick .bar2, #topwrapper.stick .bar3,
#menu.stick .bar1, #menu.stick .bar2, #menu.stick .bar3 {
background-color:#424f38;
}

#menu {

}

#contentwrapper {
width:100%;
height:auto;
background-image:url(../images/blob-shape-grey.svg);
background-position: right -300px top -200px;
background-repeat:no-repeat;
background-size: 800px 100%;
}


#content {
width:100%;
max-width:1300px;
margin:0 auto;
padding: 60px 30px;
}

#column {
    float: left;
    width: 72%;
}

#aside {
    display: block;
    float: left;
    width: 28%;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 130px;
    left: 0;
    padding-left: 35px;
}
.review-wrapper {
  position: relative;
  width: auto; /* past zich aan scherm aan */
  margin: 0 auto 12vw; /* marge onderaan responsive */
}


/* HTML: <div class="tooltip">This is a Tooltip with a gradient or solid coloration and with border radius </div> */
#review {
  color: #fff;
  font-size: 18px;
  max-width: 28ch;
  text-align: center;
}
#review {
  --b: 3em; /* tail dimension */

  --p: 50%;  /* main position (0%:left 100%:right) */
  --r: 1.2em; /* the radius */
    width: 100% !important;
  padding: 1em;
  border-radius: var(--r) var(--r) min(var(--r),100% - var(--p) - var(--b)/4) min(var(--r),var(--p) - var(--b)/4)/var(--r);
  background: #b3afac; /* the main color */
  position: relative;
}


#review:before {
  content: "";
  position: absolute;
  top: 100%;
  left: clamp(var(--b)/-2,var(--p) - 3*var(--b)/4,100% - var(--b));
  width: var(--b);
  aspect-ratio: 1;
  background: inherit;
  --g:#000 calc(100% - 1px),#0000;
  -webkit-mask: 
    radial-gradient(circle closest-side at 12% 88%,var(--g)),
    radial-gradient(20% 20% at 52% 55%,var(--g)),
    radial-gradient(25% 25% at 75% 0,var(--g));
}


.review-wrapper img.portrait {
  position: absolute;
  bottom: -200px;              /* positie schaalt mee */
  left: 3%;
  width: clamp(100px, 22%, 175px); /* min 100, max 175, schaalbaar */
  height: auto;
  border-radius: 100%;
  border: solid 0.4em #cbac96; /* border schaalt mee */
  z-index: 5;
		width: 159px;
}

.review p:first-of-type {
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-size: 17px;
}

.review p:first-of-type:before {
  content:"“";
  font-family: 'PT Serif', serif;
  font-size:42px;
  line-height:22px;
  padding-left:42px;
  padding-right:15px;
  position:relative;
  top:10px;
}

.review p:first-of-type:after {
  content:"”";
  font-family: 'PT Serif', serif;
  font-size:42px;
  line-height:0;
  position:relative;
  top:25px;
  padding-left:15px;
}

.review h3 {
  color:#FFFFFF;
  padding-bottom:0;
}

img.portrait {
  display:block;
  border-radius:100%;
  border: solid 3px #cbac96;
}





#sidemenu {
background-color:#FFFFFF;
padding:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
margin-bottom:30px;
text-align:center;
}

#sidemenu i {
padding-bottom:15px;
}

#sidemenu i.la-filter, #aside i.la-filter {
font-size:60px;
background: linear-gradient(to bottom, #5FB748 5%, #868e7e 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-top:20px;
}

#sidemenu i.la-folder-open {
font-size:60px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Safari 3-8 */
transform: rotate(-90deg);
background: linear-gradient(to right, #868e7e 5%, #5FB748 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#sidemenu p {
font-size:24px;
font-weight:bold;
letter-spacing:-0.5px;
}

#sidemenu ul {
text-align:left;
list-style-type:none;
padding:0;
margin:0;
}

#sidemenu ul li a, .mx_webshop_filter strong {
display:block;
text-transform:uppercase;
color:#5f5e5e;
font-weight:bold;
font-size:15px;
}

.mx_webshop_filter strong {
display:inline;
}

#sidemenu ul li a:hover {
color:#868e7e;
}

#sidemenu ul li a:before, .mx_webshop_filter strong:before {
content:"\f061";
font-family:'Line Awesome Free';
font-weight:bold;
padding-right:5px;
}

#bottomcontentwrapper {
width:100%;
height:auto;
background-image: url(../images/streepjes.svg);
background-size: contain;
position:relative;
overflow:hidden;
}

.bg-bottom {
position:absolute;
width:53%;
height:110%;
top:-20px;
right:0;
background: linear-gradient(
      rgba(255,255,255, 0.3), 
      rgba(255,255,255, 0.3)
    ),
    /* bottom, image */
    url(../images/bg-bottom-business.jpg);
background-size:cover !important;
background-position:center right !important;
border-bottom-left-radius:10% 100% ;
border-top-left-radius: 20% 100%;
z-index:1;
}

#bottomcontent {
width:100%;
max-width:1300px;
margin:0 auto;
padding: 60px 30px 30px 30px;
position:relative;
z-index:2;
}

#bottomcontent-inner {
width:75%;
}

#bottomcontent-inner > p {
max-width:45%;
}

#prices {
display: flex;
flex-wrap: wrap;
}

.price {
float:left;
width:31.33%;
margin-right:3%;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
border: solid 2px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #1f183a,
#B10265);
background-origin: border-box;
background-clip: content-box, border-box;
margin-bottom:35px;
}

.price:nth-of-type(3) {
margin-right:0;
}

.price .inner {
height:100%;
background-color:#FFFFFF;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-khtml-border-radius: 24px;
border-radius: 24px;
padding:20px;
padding-bottom:40px;
text-align:center;
position:relative;
}

.price h3, .price h4 {
padding-bottom:0;
}

.price h4 {
position:absolute;
bottom:10px;
left:0;
width:100%;
font-size:36px;
color:#868e7e;
}
/* Container voor alle leden */
#members {
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
}

/* Elke member kaart - card styling voor alle schermen */
.member {
  width: 24%;
  margin: 0.5%;
  margin-bottom: 35px;
  background-color: #fff;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Effect bij hover */
.member:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}


/* Afbeelding */
.member img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* Naam + functie */
.member .description {
  padding: 5px 15px;
}

.member h3 {
  font-size: 23px !important;
  line-height: 18px;
  margin-top: 19px;
  margin-bottom: 15px !important;
  color: #868e7e;
}

.member p {
  font-size: 16px;
  line-height: 20px !important;
}

/* Footer met iconen */
.member .footer {
  background-color: #868e7e;
  padding: 15px 10px 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* Links in de footer */
.member .footer a {
  color: #fff;
  text-align: center;
  flex: 1;
}

/* Iconen styling */
.member .footer i {
  font-size: 36px;
  color: #fff;
  transition: color 0.3s ease;
}

/* Hover effect */
.member .footer a:hover i {
  color: #ddd;
}

/* =========================
   Responsive aanpassingen
   ========================= */

/* Tablet: 2 kolommen */
@media screen and (max-width: 1024px) {
  .member {
    width: 48%;
    margin: 1%;
  }
}

/* Mobiel: 1 kolom */
@media screen and (max-width: 600px) {
  #members {
    justify-content: center;
  }

  .member {
    width: 100%;
    margin: 0 0 25px 0;
  }

  .member h3 {
    font-size: 20px !important;
    line-height: 22px;
  }

  .member p {
    font-size: 15px;
    line-height: 20px !important;
  }

  .member .footer i {
    font-size: 30px;
  }
}

/* Mobiele card-styling */
@media screen and (max-width: 600px) {
  .member {
    border-radius: 14px;
    overflow: hidden; 
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  /* Subtiele hover/touch effect */
  .member:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  }
}


/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 110px;
  background-color: #333333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 13px 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -55px;
  font-size: 14px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Hover op de hele kaart */
.member a {
  display: block;
}

.member a:hover {
  background-color: #868e7e;
  color: #fff;
  opacity: 1.0 !important;
}

.member a:hover h3,
.member a:hover p {
  color: #fff; /* tekst wit bij hover */
}
#left {
    float: left;
    width: 64%;
    padding-right: 2%;
    position: relative;
}
#members-item {
    margin-bottom: 20px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: left;
}
/*.member {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
border: solid 2px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg,rgba(0,85,160,.79) 50%,rgba(42,169,156,.79));
background-origin: border-box;
background-clip: content-box, border-box;
margin-bottom:35px;
}

.member .inner {
height:100%;
background-color:#FFFFFF;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-khtml-border-radius: 24px;
border-radius: 24px;
padding:20px;
padding-bottom:0;
text-align:center;
position:relative;
}

.member img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-khtml-border-radius: 100%;
border-radius: 100%;
margin-bottom:10px;
}

.member h3 {
padding-bottom:0;
}

.member i {
font-size:28px;
line-height:40px;

/*background: linear-gradient(to bottom, #868e7e 5%, #5FB748 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding:0 10px;
}*/

#counter {
padding-top:15px;
display: flex;
flex-wrap: wrap;
}

.counter {
float:left;
width:31.33%;
margin-right:3%;
margin-bottom:35px;

/*border: solid 2px transparent;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg,rgba(0,85,160,.79) 50%,rgba(42,169,156,.79));
background-origin: border-box;
background-clip: content-box, border-box;*/
text-align:center;
font-weight:700;
text-transform:uppercase;
}

.counter:nth-of-type(3) {
margin-right:0;
}

.counter .inner {
background-color:#FFFFFF;
padding:40px 20px;
text-align:center;
height:100%;
}

.counter span {
font-size:52px;
color:#cbac96;
	    font-weight: 900;
}

#ctawrapper {
width:100%;
height:auto;
}

#cta {
width:100%;
max-width:820px;
margin:0 auto;
padding: 60px 30px;
text-align:center;
}
#footerwrapper {
  width: 100%;
  background-color: #e8e8e8;
  position: relative;
  overflow: hidden; /* zorgt dat de img netjes binnen de footer blijft */
}

.footer-img {
  height: 100%;
  width: auto;
  object-fit: contain;
  position: absolute;
  right: 0;
  bottom: 0;

  /* Fade naar links */
  -webkit-mask-image: linear-gradient(to right, transparent 3%, black 73%, black 80%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: right;
  -webkit-mask-size: cover;
  
     mask-image: linear-gradient(to right, transparent 3%, black 73%, black 80%);
    mask-repeat: no-repeat;
    mask-position: right;
    mask-size: cover;
}

#footer {
width:100%;
max-width:1300px;
margin:0 auto;
padding: 60px 30px 0 30px;
color:#444444;
display: flex;
flex-wrap: wrap;
}

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

#column-1 a {
color:#444444;
}

#column-1 a::before {
    content: "\f061";
    font-family: 'Line Awesome Free';
    font-weight: bold;
    padding-right: 6px;
    position: relative;
    top: 0px;
	transition: all 0.3s ease;
}

#column-1 a:hover::before {
    padding-right: 2px;
	padding-left:4px;
}
#column-1, #column-2, #column-3 {
float:left;
width:33%;
}

#column-1 {
width:33%;
}

#column-3  i {
font-size:23px;
position:relative;
top:2px;
}

#google-reviews {
background-color:#FFFFFF;
width:272px;
display:inline-block;
padding:15px;
padding-top:20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
}

#google-reviews a {
display:block;
color:#5f5e5e;
}

#google-reviews img {
display:block;
width:60px;
height:auto;
float:left;
margin-right:10px;
margin-top:-5px;
} 

#google-reviews i, #google-reviews span {
color: #FF9900;
font-size:24px;
}

#google-reviews span {
font-size:20px;
}

#copy {
font-size:12px;
padding:20px;
color: #959595;
}

#bottomwrapper {
width:100%;
height:auto;
background: #f4eee9;
/*background: linear-gradient(90deg,rgba(0,85,160,.79) 25%,rgba(0,157,224,.79) 50%,rgba(42,169,156,.79));*/
}

#bottom {
width:100%;
max-width:1300px;
margin:0 auto;
padding: 15px 30px;
text-align:center;
}

#bottom a {
display:inline-block;
width:40px;
height:40px;
background-color: #FFFFFF;
margin:0 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
}

#bottom i {
font-size:32px;
line-height:40px;
background: linear-gradient(to bottom, #868e7e 5%, #5FB748 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#bottom a:hover i {
background: linear-gradient(to bottom, #0055A0 5%, #0055A0 95%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.mx_pagination ul, .mx_pagination li {
border:none !important;
float:none !important;
text-align:center;
}

.mx_pagination li {
display:inline-block;
-webkit-border-radius: 20px !important;
-moz-border-radius: 20px !important;
-khtml-border-radius: 20px !important;
border-radius: 20px !important;
}

.mx_pagination li a{
background-color:#F2F2F2;
-webkit-border-radius: 20px !important;
-moz-border-radius: 20px !important;
-khtml-border-radius: 20px !important;
border-radius: 20px !important;
width:34px;
height:34px;
line-height:34px;
color:#5f5e5e;
padding:0 !important;
}

.mx_pagination li.mx_current a {
    background-color:#868e7e !important;
	color:#FFFFFF;
}

.clear {
clear:both;
}

.mx_news_category_item:nth-of-type(1) .mx_news_category_image a {
background-color:#5FB748!important;
}


.mx_news_category_item:nth-of-type(3n) .mx_news_category_image a {
background-color:#0055A0!important;
}


.mx_news_category_item:nth-of-type(1) .mx_news_category_content .button.outline {
	color:#5FB748!important;
	border:solid 2px #5FB748!important;
}

.mx_news_category_item:nth-of-type(1) .mx_news_category_content .button.outline:hover {
color:#FFFFFF!important;
	background-color:#5FB748!important;
}

.mx_news_category_item:nth-of-type(3n) .mx_news_category_content .button.outline {
	color:#0055A0!important;
	border:solid 2px #0055A0!important;
}

.mx_news_category_item:nth-of-type(3n) .mx_news_category_content .button.outline:hover {
color:#FFFFFF!important;
	background-color:#0055A0!important;
}

h2#show-filters {
display:none;
}

@media screen and (max-width: 1240px) {
#bottomcontent-inner {
width:90%;
}
	
	

} /* end mediaquery */

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

#icons {
width:185px;
}
	
		.footer-img {display:none;
	}
	

} /* end mediaquery */

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

#content {
    padding: 60px 20px;
}

} /* end mediaquery */

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

#column {
width:100%;
}

#aside {
display:none;
}

#aside.category {
display:block;
padding-right: 0 !important;
width:100%;
position:relative;
top:inherit;
background-color: #FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
box-shadow: 0px 0px 6px 0px rgba(153,153,153,0.4);
margin-bottom:35px;
padding:10px 20px !important;
}

#sidemenu {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom:0;
padding:0;
display:none;
}

#sidemenu i {
display:none;
}

h2#show-filters {
display:block;
padding:0;
position:relative;
cursor:pointer;
}

h2#show-filters i{
font-size:40px !important;
top:0;
right:0;
padding-top:0 !important;
position:absolute;
}

#sidemenu ul {
padding-bottom:20px;
padding-top:20px;
}

#header {
padding:0 30px;
}

#logo {
width:180px;
padding:12px 20px 60px 0;
}

#contentwrapper {
background-position: right -300px top -200px;
background-repeat:no-repeat;
background-size: 600px 600px;
}


#payoffwrapper {
padding-left:0;
padding-right:0;
}

#footer {
padding:0;
}

#column-1, #column-2 {

}

#column-1, #column-2, #column-3 {
width:50%;
padding: 40px 20px 0 20px;
}

#column-3 {
width:100%;
}
} /* end mediaquery */

@media screen and (max-width: 860px) {
.price p:nth-of-type(2) {
display:none;
}
	

	
	

} /* end mediaquery */

@media screen and (max-width: 750px) {
.bg-bottom {
    width: 38%;
}
	#review { display: none;}
	.review-wrapper img.portrait {display:none;}

#bottomcontent-inner {
    width: 100%;
}

.counter {
font-size:14px;
}

.counter span {
font-size:34px;
}

} /* end mediaquery */

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

#topwrapper {
padding:0 20px;
}

.price {
width:100%;
}

} /* end mediaquery */

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

#icons {
  
}

#mx_webshop_logged_in_status {
display:none;
}

#payoffwrapper p {
    font-size: 26px;
	}
	
h1, h2 {
font-size: 22px;
       
}

.counter {
width:100%;
}

.counter .inner {
padding:5px 20px 15px 20px;
}

#column-1, #column-2, #column-3 {
width:100%;
}

#google-reviews {
width:223px;
padding:10px;
padding-top:13px;
}

#google-reviews img {
width:50px;
margin-top:-2px;
} 

#google-reviews i {
font-size:20px;
}

#google-reviews span {
font-size:16px;
}

} /* end mediaquery */

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

    #logo {
          width: 140px;
        padding: 27px 20px 60px 0;

    }

#icons {
   width: 161px;
}
	.icon-phone
 {
   
    margin-right: 4px;
	}
	

#mx_webshop_summary {
display:none;
}

} /* end mediaquery */