html{
font-size: 100%; /* Browserstandard: 16px */
}
	
body,td,th {
	font-family: 'Roboto', sans-serif;
	
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.m1a {
	font-size: 1.2em;
	color: #000066;
	
}
.m1a:link {
	text-decoration: none;
	padding: 9px 9px 12px 9px;
}
.m1a:visited {
	text-decoration: none;
	color: #000066;
}
.m1a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #2184C5;
	padding: 9px 9px 12px 9px;
}
.m1a:active {
	text-decoration: none;
	color: #000066;
}
	
.ca {
	font-size: 1.0em;
	color: #FFFFFF;
}
.ca:link {
	text-decoration: none;
}
.ca:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.ca:hover {
	text-decoration: underline;
	color: #616161;
}
.ca:active {
	text-decoration: none;
	color: #FFFFFF;
}
h1 {
	font-size: 1.8em;
	color: #EE0B0E;
}
h2 {
	font-size: 1.1em;
	color: #666;
	line-height: 1.1em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1.1em;
}
	.schrift2blue1 {font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 2.5em;
	color:#2184C5;
		
}
.main {
	max-width: 2000px;
	min-width: 350px;
}
/* header fuer Menu1024 und 2xfloatcontainer LogoMenu und hero */	
.header_menu_logo {
	width: 100%;
}
.menu_hg100 {
	width: 100%;
	height: 80px;
	position: fixed;
	margin: auto;
	background-color: hsla(0,0%,100%,0.69);
	border-bottom: 1px solid #000066;
}	
.menu_1024 {
	max-width: 1024px;
	margin: auto;
	
}	
.logo {
	max-width: 110px;
	text-align: right;
		float: left;
}
.img_logo {
	width: auto;
	max-height: 70px;
	margin-top: 5px;
		
}	
.menu {
	width: 100%;
	height: 79px;
	text-align: right;
	line-height: 79px;
	color: #000066;
	font-size: 1em;
	display:block;
}	
	.menu_mobi {
	display:none;

}	
.hamburger
{
	width: 35px;
	height: 35px;

}	

	
.hero {
	width: 100%;
	margin: auto;
}	
.bild_desk {
	width: 100%;
	margin: auto;
	display:block;
}
.bild_mobi {
	width: 100%;
	margin: auto;
	display:none;
}	
.img_hero {
	max-width: 100%;
	margin: auto;
}	
	/* Kiste max 1024 Rand fuer MOBILE * * * * * * * * */
.max1024 {
   max-width:1048px;
   min-height:45px;
 margin: auto;
   
}
.content {
	max-width: 100%;
	margin: 0px 12px 0px 12px;
	padding-top: 20px;
	padding-bottom: 20px;	
}
	.hg_bild2 {
	width: 100%;
	padding: 50px 0 50px 0;
	margin: auto;
	background-attachment: fixed;
	background-image: url(../images/hg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;   
}


.max1024_hg {
	max-width: 1048px;
	margin: auto;
	background-color: hsla(0,0%,100%,0.74);
	padding-top: 20px;
}
	.content_leistung {
	max-width: 100%;
	margin: 0px 12px 0px 12px;
	padding-top: 5px;
	padding-bottom: 20px;	
}
	
/* Textboxen Zweier flexibel * * * * * * * * */
.zweier_1{
	width: 46%;
	float: left;
	font-weight: 300;
	line-height: 20px;
padding-left: 4%;
	color: #000066;
}

.zweier_2 {
	width: 46%;
	margin: 0 0 0 4%;
	float: left;
	font-weight: 300;
	line-height: 20px;
	color: #000066;
}
.liste {
	max-width: 100%;
	line-height: 26px;
	margin: auto;
	padding: 0px 0px 0px 20px;
	 
}
	.sch_ueliste{ 
	color: #000066; 
font-weight: 600; 
	font-size: 1.2em;
	}

.anfrage {
	text-align: center;
	padding-bottom: 80px;
	padding-top: 80px; 
}
.anfrage_a {
	font-size: 2.0em;
	color: #000066;
	border: 2px solid #000066;
	border-radius: 15px;
	padding: 15px;
	
	
}
.anfrage_a:link {
	text-decoration: none;
}
.anfrage_a:visited {
	text-decoration: none;
	color: #000066;
}
.anfrage_a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #2184C5;
	border: 2px solid #000066;
	border-radius: 15px;
	padding: 15px;
}
.anfrage_a:active {
	text-decoration: none;
	color: #000066;
}
.footer {
	max-width: 100%;
	margin: auto;
	font-size: 1.0em;
	line-height: 1.6em;
	text-align: center;
	padding: 30px 0px 30px 0px;
	color: #FFFFFF;
	background-color: #000066;
	border-top: 3px solid hsla(0,2%,82%,0.87);
}	
.strich1 {
	width: 98%;
	margin: auto;
	line-height: 1px;
	color: hsla(0,0%,100%,1);
	height: 2px;
	border-bottom: 1px solid #FFFFFF;
}
	
	
.clear{ 
clear: both; 
}
	
@media screen and (max-width: 900px) {
.menu {
	display:none;
}	
	.menu_mobi {
	width: 100%;
	height: 60px;
	text-align: right;
	line-height: 60px;
	display:block;

}
.menu_hg100 {
	height: 60px;
	
}	
.hamburger
{
	width: 22px;
	height: 22px;

}	

.img_logo {
	width: auto;
	max-height: 50px;
	margin-top: 5px;
		
}	
.bild_desk {
	display:none;
}
.bild_mobi {
		display:block;
}		
	
	}	
	
	@media screen and (max-width: 650px) {

.bild_desk {
	display:none;
}
.bild_mobi {
		display:block;
}	
/* 10 Zweier - Box Modell flexibel float bei 600* * * * * * * * */
.zweier_1, .zweier_2 {
	width: 100%;
	margin: auto;
	text-align: center;

}

.zweier_1{
	padding-left: 0%;
	
}


.sch_ueliste{ 
	display:none;
	}

	}