/* CSS Document */

#sliderwrapper .mx_buttons {
position:absolute;
}

#sliderwrapper img {
width:100%;
display:block;
}

#sliderwrapper.stick {
margin-top:57px;
}

#contentwrapper.stick #content {
margin-top:0;
}



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

#reviews {
    width: 100%;
    max-width: 1240px;
    padding: 0 20px 40px 20px;
    margin: 0 auto;

    /* Flexbox voor gelijke hoogte */
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* vervangt margin-left bij #reviews-right */
}

#reviews-left {
    flex: 0 0 33%;
    padding: 40px;
    color: #606060;
    background-color: #f4faf9;
    border-radius: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* optioneel */
}

#reviews-right {
    flex: 0 0 65%;
    background-size: cover;
    background-position: center;
    background-image: url(https://mx-5867.cdn.maxicms.nl/uploads/Block/image/1/stb4525.jpg);
		  -webkit-mask-image: 
    linear-gradient(to right, transparent, black 20%, black 80%, transparent),
    linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
  mask-image: 
    linear-gradient(to right, transparent, black 20%, black 80%, transparent),
    linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	
}
@media screen and (max-width: 918px) {
    #reviews {
        flex-direction: column;
    }

    #reviews-left {
        flex: 0 0 100%;
        margin-left: 0;
	
    }
	
	
    #reviews-right {
        flex: auto;
        margin-left: 0;
		 height: 380px;
        background-size: cover;
        background-position: center;
    }
}

.logos {
padding-top:20px;
}

.logo {
float:left;
width:33.3%;
height:auto;
text-align:center;
margin-top:80px;
padding:0 15px;
}

.logo:nth-of-type(4) {
clear:left;
}

.logo img {
width:100%;
max-width:200px;
height:auto;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-filter: grayscale(1) opacity(.8);
filter: grayscale(1) opacity(.8);
}

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

#blog {
width:100%;
max-width:1240px;
padding: 40px 20px;
margin:0 auto;
}

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

#reviews-left {

}

#reviews-right {

}

.logo {
float:left;
width:50%;
height:auto;
text-align:center;
margin-top:60px;
}

.logo:nth-of-type(4) {
clear:none;
}

.logo:nth-of-type(3), .logo:nth-of-type(5) {
clear:left;
}

} /* end mediaquery */

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

.block {
padding-bottom: 60px;
}

.block img {
    margin-bottom: 15px;
}

#blocks p:first-of-type {
font-size:14px;
}

#reviews-left {

}

#reviews-right {

}

} /* end mediaquery */

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

#sliderwrapper.stick {
margin-top:0;
}

} /* end mediaquery */

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

#blocks {
margin-top:25px;
}

.block {
width:100%;
margin-right:0;
}

#blocks p:first-of-type {
font-size:16px;
}

#reviews-left {

}

#reviews-right {

}

} /* end mediaquery */