/*Eigen CSS */
:root {
	--woodstock-green: #C0C300;
	--woodstock-gray: #666666;
}
body {  }


nav.navbar { border-bottom: 1px solid #AAAAAA; background-color: #FFFFFF; }
.btn { margin-bottom: 10px; }
.accordion .btn {margin-bottom: 0px; color: var(--woodstock-gray); font-weight: bold; }
.accordion .fa { color: var(--woodstock-green); font-size: 1.7em !important; }
.btn-own { border: 1px solid #DC6A1E; color: #DC6A1E; background-color: #ffffff; }
.btn-own:hover { color: #FE8C3F; border: 1px solid #FE8C3F; }
.groen { color: var(--woodstock-green) !important; }
.gray  { color: var(--woodstock-gray) !important; }
.bg-groen { background-color: var(--woodstock-green) !important; color: #ffffff !important;}
.h3 { font-size: 20px; }
.opsomming li { margin-bottom: 10px; }
.video-container { position:relative; padding-bottom: 56.25%;, height:0; }
.video-container-vert { position:relative; padding-bottom: 177.83%;, height:0; }
.video-container iframe { position: absolute; top:0; left:0; width:100%; height:100%; }
.video-container-vert iframe { position: absolute; top:0; left:0; width:100%; height:100%; }

section { padding: 30px 0; }
section#voordelen { background-color: #f9f9f9; }
section#schuimbeton-kosten { background-color: var(--woodstock-green);color: #ffffff; }

.voordelen h3 { color: var(--woodstock-green); padding-left: 20px; }
.voordelen h4 { color: #676767; padding-left: 67px; font-weight: normal; font-size: 18px;}
.voordelen i.fa { margin: 0 20px 0 0; color: var(--woodstock-gray); }


footer { background-color: #454545; padding: 40px 0; color: var(--woodstock-green); }
footer i.fa, footer i.fab { color: var(--woodstock-green); margin-right: 15px; }
footer a { color: #cecece; margin-left: 28px;  }
footer a:hover { color: #FFFFFF; }
footer .light { color: #888888; }

section#contact .text-muted.tel a { float:right; margin-top:3px; }

abbr { text-decoration: none !important; cursor:inherit !important; }

section#knowledge-base {  }
section#knowledge-base h2 { color: var(--woodstock-green); }
section#knowledge-base h3 { padding-left: 41px; }
section#knowledge-base p.inspring { padding-left: 41px; }
section#knowledge-base p.inspring a i { color: #c0c0c0; }
section#inhoud li {background-color: #f2f2f2; padding: 12px; margin-bottom: 5px;}
section#inhoud li a { display: flex;width:100%; font-size: 1.2rem;color: #676767; background-color: #f2f2f2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path style='color: rgb(192,195,0);' fill='currentColor' d='M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center right 10px ;}
section#inhoud li a:hover { text-decoration: none; }

.pluspunten h2 { color: var(--woodstock-green) !important; font-size: 18px; font-weight: normal; }
.pluspunten h2 i.far { margin:4px 10px 20px 0; float:left;}

.btn-outline-success {
    color: var(--woodstock-green);
    border-color: var(--woodstock-green);
}
.btn-outline-success:hover {
    color: #FFFFFF;
    background-color: var(--woodstock-green);
	border-color: var(--woodstock-green);
}
.btn-success {
    background-color: var(--woodstock-green);
    border-color: var(--woodstock-green);
}
.btn-outline-success:hover {
    color: #FFFFFF;
    background-color: var(--woodstock-green);
	border-color: var(--woodstock-green);
}
/*Responsive */

@media (min-width:1200px) {
	.container{	max-width: 75%; }
}

@media (min-width:1024px) {
	.navbar-brand img { margin-right: 50px; }
	ul.navbar-nav li a { color: #343434 !important; }
	ul.navbar-nav li.lowered a { padding-bottom:25px; }
	ul.navbar-nav li { border-bottom: 1px solid transparent; margin-right:15px; }
	ul.navbar-nav li:hover, ul.navbar-nav li.active { border-bottom: 1px solid var(--woodstock-green); }
	ul.navbar-nav li.active { font-weight:bold; }
	.hidden-xs{ display: inline;}
	.visible-xs { display: none; }
	section.bars-green { border-left: 50px solid #008800; border-right: 50px solid var(--woodstock-green); }
	section.bars-gray { border-left: 50px solid #d0d0d0; border-right: 50px solid #d0d0d0; }
}

@media (max-width:1024px) {
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	img.logo { height: 60px;}
	.voordelen h3 { padding-left: 0; font-size: 16px; }
	.voordelen h4 { color: #676767; padding-left: 25px; font-size: 14px;}
	.voordelen i.fa { margin: 0 10px 10px 0; float:left; }
	footer { font-size: 12px; }
	footer a { margin-left: 0px;  }
	.hidden-xs{ display: none;}
	.visible-xs { display: inline; }
	.btn { white-space: normal !important; }
}

@media (max-width:768px) {
	.navbar-brand { float:left; margin:0; }
	p.lead { line-height: 24px; font-size: 17px; }
	footer { font-size: 10px; }
}
/* 4K resolution */
@media (min-width: 2040px) {

}