@charset "utf-8";

#background{
	background-image: url(elements/back.jpg);
	background-size: cover;
	height: 200vh;
	background-position: center;
}

.white{
	font: #fff;
}

#logo{
	width: 18vh;
	margin-top: -5vh;
}

#navbar{
	background-color: #2E3133;
	z-index: 1;
}

.kop1{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:9vh;
}

.kop2{
	color: #000;
	font-family: 'Julius Sans One', sans-serif;
	margin: 0px;
	font-size: 6vh;
}

.kop3{
	color: #000;
	font-family: 'Julius Sans One', sans-serif;
	font-size:8vh;
	margin:0px;
}

.kop4{
	color: #fff;
	font-family: 'Julius Sans One', sans-serif;
	font-size:5vh;
	font-weight: bold;
}

.grey-text{
	color: #a9b0b1;
}

.ondertitel{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.25rem;
}

.text1{
	color: #000;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;
	
}

.textbold{
	font-weight: bolder;
}

.grey-text{
	font-family: 'Open Sans', sans-serif;
}

.btn{
	background-color: #f3d63f;
	font-family: 'Open Sans', sans-serif;

}

.btn:hover{
	background-color: #dbc139;
}

.btn:focus{
	background-color: #dbc139;
}

.infobox{
	background-color: #fff;
	padding-top: 7vh;
	padding-bottom: 7vh;
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-size: 3.2vh;
}

a.grey-text:hover{
	text-decoration: underline;
}

.socialogo{
	width: 5vh
}

.socialogo:hover{
	width: 5.3vh;
}

.menubuttons > li{
	width: 15vh;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;

}

.rightbuttons > li{
	
	font-weight: normal;
}

nav ul li.active>a{
	font-weight: bold;
}


.tabs{
	background-color: rgba(0,0,0,0);
	text-align: left;
}


.tabs .tab:hover{
	font-weight: bold;
}

.tabs .tab a {
	color:#000;
	font-size: 1.2rem;

}

.tabs .tab a:hover, .tabs .tab a.active{
	color:#000;
}

.tabs .tab a.active{
font-weight: bold;
}

.tabs .indicator{
	background-color: #f3d63f;
	height: 4px;
}

.infoimg{
	border-style: solid;
	border-color: #f3d63f;
	border-width:4vh;
	margin-top: 2vh;
	margin-left: 2vh;

}

footer.page-footer{
	background-color: #2E3133;
}

input{
	color: #000;
}

textarea{
	color: #000;
}

/* label color */
   .input-field label {
     color: #000;
     opacity: 0.6;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #000;
     opacity: 1;
   }

   .input-field input[type=email]:focus + label {
     color: #000;
     opacity: 1;
   }

   .input-field input[type=tel]:focus + label {
     color: #000;
     opacity: 1;
   }

   .input-field textarea:focus:not([readonly])+label {
     color: #000;
     opacity: 1;
   }


   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   .input-field input[type=email]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }

   .input-field input[type=tel]:focus {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }

   .input-field textarea:focus:not([readonly]) {
     border-bottom: 1px solid #000;
     box-shadow: 0 1px 0 0 #000;
   }
   /* valid color */

   #yellowbutton{
   	background-color:#dbc139 ;
   }

   .parallax img {
   	max-width:100%;
   }

   .btn > a{
   	color: #fff;
   }

@media screen and (max-width: 992px) {
	.infoimg{
		margin-left: 0px;
		margin-top: 5vh;
	}

}

   }