@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	overflow-x: hidden;
    overflow-y: visible;
}
.background {
	position:fixed;
}
.background img{
	width:100%;
	height:100vh;
}
h2, h3 {
	margin:0px;
}
span, h1, h2, h3, h4, h5, h6, h7, h8, p, button {
	font-family:"Open Sans";
	font-weight:400;
	text-decoration:none;
}
h1, h2, h3 {
	font-size:15px;
	font-weight:500;	
}
span, p {
	font-size:12px;
}
a {
	text-decoration:none;
	color:#2e59d4;
	font-weight:600;
}
button {
	font-family:"Open Sans";
	font-size:12px;
	font-weight:500;
	text-decoration:none;
	color:#000;
	border:none;
	background-color:transparent;
}
button:focus, button:hover, button:active {
	color:#d4a52e;
	background-color:#fff;
}
.container {
	background-size:cover;
	min-height:100vh;
}

.inGrid {
	padding-left:15%;
	padding-right:15%;
}
.row {
	padding-bottom:15px;
	height:auto;
	position:relative;
	overflow:auto;
}

img {
	width:auto;
	height:100%;
}
.title {
	margin-top:-45px;
}
.innertitle {
	background-color:#2e59d4;
	color:#ebeef5;
	width:13em;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0.2em;
	text-align:center;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.under {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.header{
	overflow:hidden;
}
.header img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.headerPic {
	height:150px;
	margin-top:-120px;
}
.headerPic img {
	border-radius: 10px;
	z-index: 999;
	position: absolute;
    height: 180px;
}
.filter {
	opacity:0.75;
	text-align:center;	
}
.topfilter button {
	color:#d4a52e;
}
.topfiter button:hover, .topfilter button:active, .topfilter button:focus {
	text-decoration:underline overline;
}
.topfilter {
	Padding-bottom:0px !important;
}
.topfilter .filterTekst {
	padding-bottom:0px;
}
.filter a{
	margin-right:10px;
}
.filterTekst {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#ebeef5;
	padding-left:20px;
	padding-right:20px;
}
.product {
	width:31%;
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .99);
	opacity:0.9;
	height:auto;
	float:left;
	margin:0.5em;
	position:relative;
}
.product img, .pageproduct img, .pageproduct video {
	height:auto;
	margin:0.5em;
	max-height:50vh;
	max-width:94%;
}
.undertitle {
    text-align: center;
    left: 0.8em;
	right:0.8em;
    width: auto;
    background-color: #2e59d4;
    z-index: 999;
    position: absolute;
    padding: 0.1em;
    padding-left: 1em;
    padding-right: 1em;
    color: #ebeef5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 0;
}
.voorstel {
	background-color:#ebeef5;
	height:auto;
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(235, 238, 245, .7);
}
.LowerVoorstel {
	width:45%;
	padding:0.5em;
	padding-left:2.5%;
	padding-right:2.5%;
	float:left;
}
.LowerVoorstel img {
    height: 150px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:1em;
}
.innerProduct {
}
.tekst {
	border-top:1.5px solid #d4a52e;
	padding-top:1em;
}
.picTestimonial {
	height:auto;
	width:auto;
	padding:0.5em;
	margin:1em;
	float:left;
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(235, 238, 245, .7);
}
.picTestimonial img {
	height:8em;
	float:left;
}
.inactive .infoTestimonial {
	display:none;
}
.active .infoTestimonial {
	display:block;
}
.infoTestimonial {
	width:100%;
	height:auto;
}

.picTestimonial.active img {
	margin-right:1em;
}
.picTestimonial .topundertitle {
	margin-top:-0.5em;
}

/*---------------Filter opdrachten--------------*/
.bedrijfsnaam {
display:none;
}
/*-----------------andere pagina's------------*/
.intro {
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .7);
	padding-top:15px;
}
.intro p {
	max-width:50em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.pageinnertitle {
	background-color:#2e59d4;
	color:#ebeef5;
	width:30em;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0.2em;
	text-align:center;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.pageproduct {
	width:auto;
	max-width:31%;
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .7);
	height:auto;
	float:left;
	margin:0.5em;
	position:relative;

}
.innervoltooid span {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 18px;
    color: #ebeef5;
    font-weight: 500;
    padding: 1em;
    margin-top: 15px;
}
.bedrijfsinfo {
	background: rgb(235, 238, 245); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .7);

}
/*--------------Responsive----------------*/
   @media only screen and (max-width:768px){
		.product {
			width:100%;
		}
		.picTestimonial img {
			height:5em;
		}
		.headerBanner {
			margin-left:-200px !important;
		}
   }
    @media only screen and (min-width:768px) and (max-width:960px){
        /* styles for browsers larger than 960px; */
		.product {
			width:46%;
		}
		.headerBanner {
			margin-left:-90px !important;
		}
    }
	@media only screen and (max-width:768px){
	.LowerVoorstel {
		width:100%;
	}
	}
	@media only screen and (max-width:1280px) and (min-width:1080px){
	}
	@media only screen and (min-width:970px) and (max-width:1080px){
	.headerBanner {
		margin-left:-100px !important;
	}
	}