@charset "utf-8";
/* CSS Document */

* {font-family: din-2014-narrow, sans-serif;
font-style: normal;}

.vlek{
	background-image: url("../images/vlek.png");
	background-position: center;
	background-repeat: no-repeat;
}

#naamFoto{
	width: 200px;
}

.menuitem{
	text-align: center;
	background-color: #F9EAE7;
	width: 150px;
	height: 50px;
	border: 1px solid white; 
}

.row, .d-flex{
	margin-bottom: 25px;
}

.quote{
	font-size: 1.2rem;
	text-align: center;
	color: #00587C;
	display: block;
	font-weight: 800;
	background-image: linear-gradient(to left, #C5A14E , #E3C88C);
}

.welkom{
	color: #005C9C;
	background-color: #ABD5CC;
}


.script{
	font-family: swister, sans-serif;
	font-size: 2rem;
	color: #00587C;
}
.blauw{
	color: #00587C;
	font-weight: bolder;
}

h2{
	font-weight: 800;
}

h3{
	color: #005C9C;
}

h4, h5{
	color:#24AB9C;
}

.kader1{
	background-color: #FCF4F2;
	height: 30vh;
}

.kader3{
	background-color: #FCF4F2;
}

.kader4{
	padding: 0;
}

	.subkader4{
		background-color: #FCF4F2;
		text-align: center;
	}

.kader5{ 
	padding:0 5 0 5;
}

.kader6{
	/*background-color: #D5EAE5;*/
	padding: 0;
}



.licht{
	color: #005C9C;
	background-color: #FCF4F2;
	text-align: right;
}

.lichtcenter{
	color: #005C9C;
	background-color: #FCF4F2;
	text-align: center;
}

.donker{
	color: #005C9C;
	background-color: #ABD5CC;
	text-align: left;
}

.witKader {
	/*height: 30vh;*/
	border: 15px white solid;
}

.prijs{
	color: #BF9517;
		font-weight: bolder;
}

.contact p, label{
	font-size: 1.5rem;
	padding-left: 50px;
	
}

.first{
	padding-top: 50px;
	font-weight: 800;
}

.footer{
	background-color: #00587C;
	text-align: center;
	color:white;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.inputveld{
	width: 100%;
	display: block;
}

.vlek{
	background-image: url("../images/structuur/achtergrondbanner.png");
	height: 400px;
	color:#005C9C;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0.2rem;
	
}
.top{
	color:#005C9C;
	font-size: 1.5rem;
	font-weight: 800;
}

.zwevendblokje{
	position: fixed;
	z-index: 1;
	right: 5%;
	top: 95%;
}


@media (min-width: 768px) { 

	.zwevendblokje{
		right: 2%;
		top: 90%;
	}

 }


a{
	color: #005C9C;
}