#sfeerwrapper {
height:800px;
}

#sfeer {
padding-left:20px;
padding-right:20px;
}

#contentwrapper {
width:100%;
height:auto;
/*background-image:url(../images/flowers-bg-body.jpg);
background-size:100% auto;
background-repeat:no-repeat;
background-position:top center;*/
}

#blockwrapper {
padding-top:40px;
padding-bottom:40px;
}

.block {
float:left;
width:49%;
height:auto;
overflow:hidden;
margin-right:2%;
margin-bottom:25px;
-webkit-border-radius: 25px 0px 25px 0px;
-moz-border-radius: 25px 0px 25px 0px;
-khtml-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;
}

.block:nth-of-type(2n) {
margin-right:0;
}

.block .image {
    float: left;
    width: 50%;
    background-position: center center;
    background-size: cover;
    transition: transform 0.3s ease, opacity 0.3s ease; /* Voeg een smooth transition toe */
}

.block .image:hover {
    transform: scale(1.1); /* Schaal de afbeelding een beetje groter bij hover */
    opacity: 0.8; /* Maak de afbeelding iets transparanter bij hover */
}




.block .description {
float:left;
width:50%;
height:100%;
position:relative;
background-color:#374c72;
color:#FFFFFF;
padding:60px 22px 100px 22px;
text-align:center;
}

.block:nth-of-type(2) .description {
background-color:#a5c62f;
}

.block:nth-of-type(3) .description {
background-color:#8682bd;
}

.block:nth-of-type(4) .description {
background-color:#ffd100;
}

.block .description .brand {
display:none;
/*background-color:#FFFFFF;
padding-top:30px;
padding-bottom:10px;
position:absolute;
bottom:0;
left:0;
width:100%;*/
}

.block .description .brand img {
display:block;
width: auto;
max-height:40px;
margin:0 auto;
  position: relative;
  top: 50%;
 -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block .description p i {
font-size:24px;
}

.block .description h3 {
font-weight:400;
}

.block .description p em{
font-weight:300;
}

/* maatwerk*/

#project-home {
/*padding:0 80px !important;*/
}

#project-home .project {
width:100%;
	background-color:#f6f6f6;
}

/*#project-home .owl-nav {
top:37% !important;
width:100%;
}*/
#project-home  .owl-nav { position:absolute; top:-40px; width:70px; right:20px;}

#project-home .owl-prev {
color: #cccccc;
    
    width: 32px;
    height: 32px;
    padding-top: 1px;
	padding-left:5px;
    border: solid 1px #EAEAEA;
    display: inline-block;
    cursor: pointer;
    transition: all 0.7s ease;
	
}

#project-home .owl-next {
color: #cccccc;
  
    width: 32px;
    height: 32px;
    padding-top: 1px;
	padding-left:5px;
    border: solid 1px #EAEAEA;
    display: inline-block;
    cursor: pointer;
    transition: all 0.7s ease;

}
#project-home .owl-dot span {
    width: 13px;
    height: 13px;
    background: #EAEAEA;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#project-home .owl-dot.active {
	background:#ffffff;
}
#project-home .owl-dot:hover span{background:#DDD}

#project-home .owl-dots {
  display: flex; /* gebruik flexbox */
    justify-content: center; /* centreer de inhoud horizontaal */
    align-items: center; /* centreer de inhoud verticaal */
	margin-bottom:20px;
		
}

#project-home .owl-dot{display:inline-block;zoom:1;*display:inline; 
padding:2px; 
border:solid 1px #EAEAEA;
margin:5px 3px; 
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-khtml-border-radius: 100%;
border-radius: 100%;
}




#uspwrapper {
width:100%;
height:auto;
background-color:#92B6B42B;
}

#usps {
width:100%;
max-width:1190px;
margin:0 auto;
color:#333;
}

#usps ol {
margin:0;
padding:0;
list-style-type:none;
counter-reset: my-badass-counter;
display:block;
} 

#usps ol li {
width:25%;
display:block;
float:left;
padding:35px 20px;
}

#usps ol li:before {
content: "0" counter(my-badass-counter) ".";
counter-increment: my-badass-counter;
display:block;
color:#333;
font-size:26px;	
font-family: "Poppins", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#a5c62f;
line-height:25px;
}

#usps li h3 {
text-transform:uppercase;
font-size:18px;
}

#usps li a {
color:#FFFFFF;
font-style:italic;
text-decoration:underline;
}

#latestwrapper {
width:100%;
max-width:1190px;
margin:0 auto;
padding: 50px 0;
}

#latestwrapper h2 {
text-align:center;
}

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

#contentwrapper {
background-size:auto 75%;
}

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

} /* end mediaquery */

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

#usps ol li {
width:50%;
}

} /* end mediaquery */

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

.block .image {
width:100%;
}

.block .description {
width:100%;
padding-top:40px;
}

.block .description i {
transform: rotate(-90deg);
}

#usps ol li {
width:100%;
}

} /* end mediaquery */