body {

	margin:0px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-size:110%;
	background-color:#fff;

}

.div_fixed_header{
	top:0px;
	margin-top:0px;
	width:100%;
	position:fixed;
	height:auto;
	z-index:1;
	
}


.div_header {
	
	display:flex;
	margin:auto;
	width:50vw;
	margin-top:0px;
	margin-bottom:15px;
	padding:15px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#004976;
	border-bottom-left-radius:60px;
	border-bottom-right-radius:6px;
	color:#fff;
	text-align:right;

}

.div_header a {
	
	font-size: 1.0em;
	color:#fff;
	text-decoration:none;
	margin-right:15px;

}


.header_slogan{

	width:50%;
	text-align:left;
	font-size:1.2em;
	display:block;
	margin-bottom:10px;
	color:#fff;
	margin-left:30px;

}


.header_telefon{
	width:50%;
	text-align:right;
	font-size:1.2em;
	display:block;
	margin-bottom:10px;
	color:#fff;
	margin-left:20px;

}

.zeigmich_01 {

	display:show;

}

.zeigmich_02 {

	display:none;


}



.div_logo {

	margin-top:80px;
	background-color:#fff;
	

}

.img_logo {
	margin-top:60px;
	width:52vw;
	margin-bottom:60px;
	-webkit-filter: drop-shadow(0px 6px 2px rgba(0, 0, 0, 0.19));

}

.content_image {

	width:100%;
	margin-bottom:45px;
	border-radius: 6px;


}

.div_main_menue {

	margin:auto;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	width:50vw;
	margin-top:10px;
	margin-bottom:50px;
	

}

.main_menue_button {

	display: flex;
	align-items: center;
	justify-content:center;
	border:2px solid #b9d9eb;
	height:10.4vw;
	width:10.4vw;
	padding:10px;
	margin:1.4vw;
	color:#004976;
	background-color:#fff;
	text-decoration:none;
	border-radius:6px;
	font-size:1.1em;
	font-weight:normal;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 18px 0 rgba(0, 0, 0, 0.19);
}

.main_menue_button:hover{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
}

.invest_button {

	background-size: 80%;
	background-repeat:no-repeat; 
	background-position:center center;
	background-image:url(../images/INVEST_Logo_URL_rote_URL_RZ.png);

}


.main_menue_invert {

	border:2px solid #b9d9eb;
	color:#fff;
	background-color:#004976;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);
}



.main_content {

	margin:auto;
	width:47vw;
	margin-top:40px;
	margin-bottom:40px;
	text-align:left;
	border-bottom:1px solid #b9d9eb;
	padding:0px;
	padding-bottom:35px;
	font-size:1.1em;
}

h1, h2 {font-weight:normal;}

.main_content h2 {

	color:#004976;
	font-size:1.3em;
	margin-bottom:45px;

}

.main_content li {

	margin-bottom:15px;


}

.absatz_gross {

	margin-top:50px;
	padding-top:20px;
	border-top: 1px solid #b9d9eb;

}

.content_link{

	text-decoration:none;
	color:#004976;


}


.div_mitarbeiter_galerie {

	padding-top:15px;
	width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:top;
	border-bottom:1px solid silver;
	margin-bottom:50px;
	align-items:flex-end;




}

.ma_part_div {

	
	width:45%;

}


.ma_part_div img {

	border-radius:6px;
	width:100%;	

}


.div_flex {

	padding:10px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:top;
	background-color: #004976;
	color:#fff;
	height:auto;
	border-radius:6px;
	border-bottom-left-radius:60px;

}


.div_webfactory_us_image {
	

	width:20%;
	-webkit-filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.29));


}

.div_webfactory_us_text {
	

	width:70%;


}


.webfactory_us {

	width:100%;

}


.footer {
	
	margin:auto;
	width:50vw;
	margin-top:20px;
	
	padding:10px;
	padding-top:50px;
	background-color:#004976;
	border-top-left-radius:6px;
	border-top-right-radius:60px;
	color:#fff;
	text-align:center;
	height:200px;
	font-size:0.9em;

}

.footer a {

	color:#b9d9eb;
	text-decoration:none;
	display:inline-block;
	margin:10px;

}








@media only screen and (max-width: 1024px) {



	.div_header {
	
		margin:0;
		padding:2%;
		padding-top:4%;
		width:96%;
	}


	
	.div_logo {

		margin-top:90px;

	}


	.img_logo {
		margin-top:60px;
		width:77vw;
		margin-bottom:60px;
	}



	.div_main_menue {

	
		width:80vw;
		margin-top:10px;
		margin-bottom:60px;
	
	}



	.main_menue_button {

		border:2px solid #b9d9eb;
		height:14.6vw;
		width:14.6vw;
		padding:10px;
		margin:2.1vw;
		color:#004976;
		background-color:#fff;
		text-decoration:none;
		font-size:1.0em;
	}


	.main_menue_invert {

		border:2px solid #b9d9eb;
		color:#fff;
		background-color:#004976;

	}


	.footer {

		margin:0;
		padding:2%;
		padding-top:4%;
		width:96%;


	}


	.main_content {

		width:78vw;
		margin-top:0px;
		margin-bottom:50px;
		text-align:left;
		border-bottom:1px solid #b9d9eb;
		font-size:1.1em;
	}

	


}


@media only screen and (max-width: 800px) {


	.main_menue_button {
		margin:3vw;
		color:#004976;
		background-color:#fff;
		text-decoration:none;
		font-size:0.8em;
	}

	.main_menue_invert {

		border:2px solid #b9d9eb;
		color:#fff;
		background-color:#004976;

	}


	.header_telefon{
		width:90vw;
		font-size:1em;
	
	}


	.zeigmich_01 {
		display:none;
	}

	.zeigmich_02 {

		display:block;

	}



}

@media only screen and (max-width: 420px) {

	body {font-size:100%;}

		.img_logo {
			margin-top:30px;
			margin-bottom:30px;
			width:100vw;

		}

	.header_slogan{

		font-size:1.0em;
		display:block;
		margin-bottom:10px;
	}




	.div_main_menue {

	
		width:100vw;
		
	}


	.main_menue_button {

		border:2px solid #b9d9eb;
		height:21vw;
		width:21vw;
		padding:10px;
		margin:2vw;
		color:#004976;
		background-color:#fff;
		text-decoration:none;
		font-size:0.7em;
	}


	.main_menue_invert {

		border:2px solid #b9d9eb;
		color:#fff;
		background-color:#004976;

	}



	.main_content {

		width:88vw;



	}

	.ma_part_div {

	
		width:98%;
		margin-bottom:20px;
		text-align:center;

	}


	



}