/* CSS Document */

#headertext {
width:100%;
max-width:1180px;
padding:80px 40px 0 40px;
margin:0 auto;
text-align:center;
color:#FFFFFF;
}

#headertext h1 {
color:#FFFFFF;
}

#headertext h1:before {
display:none;
}

#content {
max-width:1200px;
background-color:#EEEEEE;
padding:0;
  display: flex;
  flex-wrap: wrap;
}

#content-left {
float:left;
width:70%;
padding:30px;
padding-bottom:0;
}

#content-left h2, #content-left a, #content-left strong {
color: var(--third-color);
}

#content-left ul li {
padding-bottom: 15px;
}

#content-right {
float:left;
width:30%;
background-color:var(--primary-color);
color:#FFFFFF;
text-align:center;
padding: 40px;
position:relative;
}

#content-right i{
font-size:34px;
margin-bottom:15px;
}

#content-right h3 {
text-transform:uppercase;
color:#FFFFFF;
font-size:18px;
}

#progress {
position:absolute;
bottom:0;
width:0;
height:6px;
background-color:#ffffff8a;
z-index:500;
left:0;
}

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

#aside {
width:100%;
max-width:1240px;
padding:0 20px;
margin:0 auto;
padding-top:80px;
}

#aside-left {
float:left;
width:48%;
}

#aside-right {
float:left;
width:48%;
margin-left:4%;
border: solid 5px #EEEEEE;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}

#blockswrapper {
background-color:var(--bg-color);
margin-top:80px;
padding-top:50px;
}

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

.block {
float:left;
width:25%;
text-align:center;
padding:0 30px 30px 30px;
}

.block img{
filter: var(--third-color-filter);
}

.block h5 {
padding-top:10px;
}

.block a {
color:var(--body-color);
}

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

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

.mx_news_block_image {
background-image:url(../layout/sfeer-nieuws-home.jpg);
}

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

#content-left, #content-right {
width:100%;
}

} /* end mediaquery */

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

.block {
width:50%;
}

.block:nth-of-type(3) {
clear:left;
}


} /* end mediaquery */

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

.block {
padding-left:0;
padding-right:0;
}

#headerwrapper {
padding-bottom:100px;
}

#aside {
padding-top:40px;
}

#aside-left {
width:100%;
}

#aside-right {
width:100%;
height:40vw;
margin-left:0;
}

} /* end mediaquery */

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

.block {
width:100%;
}

} /* end mediaquery */