/*
 * Visual
 */

/* Desktop + base */
.visual1, .visual2, .visual3 {
	background-size:		cover;
	background-repeat:		none;
	background-position:		center center;
}

.visual1 {
	background-image:		url(./images/Header-1a-new.jpg);
	height:				318px;
}

.visual2 {
	background-image:		url(./images/visual2.jpg);
	height:				320px;
	position:			relative;
}

.visual2 .h2 {
	width:				100%;
	text-align:			center;
	color:				#fff;
	position:			absolute;
	left:				0;
	bottom:				20px;
}

.visual3 {
	background-image:		url(./images/Header-1b-new.jpg);
	height:				680px;
}

.text1, .text2, .text3, .text4 {
	display:			block;
	padding-top:			30px;
	color:				inherit;
}

.text1:hover, .text1:focus, .text1:active, .text2:hover, .text2:focus, .text2:active {
	text-decoration:		none;
	color:				inherit;
}

.text1, .text2, .text4 {
	overflow:			hidden;
	height:				202px;
}

.text1 a, .text2 a {
	color:				inherit;
}

.text1 {
	background:			#f9da00;
}

.text2 {
	background:			#dad7d7;
}

.text3 {
	padding-bottom:			10px;
}

.text4 {
	background:			#EEE;
}

.text4 h2 {
	color:				#666666;
}

.text4 a {
	display:			inline-block;
	width:				40px;
	height:				40px;
	margin-right:			10px;
	border-radius:			20px;
	background:			#bfbfbf;
	line-height:			40px;
	text-align:			center;
	color:				#fff;
	font-size:			20px;
}

.text4 a:hover {
	text-decoration:		none;
	background:			#459e93;
}

.search-box {
	height:				478px;
	background:			#459e93;
}

.search-box .select-box {
	margin-bottom:			20px;
}

.stappenplanBlok {
	padding: 50px;
	background: #fada45;
	min-height: 320px;
}

/* .stappenplanBlok h2 {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 20px;
} */

.stappenplanBlok .btn {
	font-size: 18px;
	font-weight: 600;
	text-transform: none;
	text-align: left;
	background: #0b695f;
	border-color: #0b695f;
	padding: 10px 15px;
}

.stappenplanBlok .btn-right {
	background: #10474a;
	border-color: #10474a;
	margin-top:10px;
}

.stappenplanBlok .btn:hover {
	background: #10474a;
	border-color: #10474a;
}

.stappenplanBlok .btn-right:hover {
	background: #0b695f;
	border-color: #0b695f;
}




@media screen and (min-width: 1200px) {

.bg.search {
	background:		url(./images/bg-home-large-new.jpg) center top no-repeat #EEE;
}

}

/* Mobile */
@media screen and (max-width: 767px) {
	.text1, .text2, .text3, .text4 {
		height:				auto;
		padding-bottom:			10px;
	}

	.stappenplanBlok {
		padding: 25px;
	}

	.stappenplanBlok h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.stappenplanBlok .btn {
		width: 100%;
		line-height:24px;
	}

	.stappenplanBlok .btn-right {
		float: none;
		margin-top: 10px;
	}

}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
}

/* Small desktop */
@media screen and (min-width: 992px) and (max-width: 1199px) {
}