/*
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}
#logo{
	
}

#headImage{
	height: 75%;
}

*/
body{
	background-color: #00a0c6;
}

#mainContent{
	background-color: white;
	padding: 3%;
	border: 1%;
}

#logo{
	padding: 3%;
	width: 200%;
}

#title{
	font-size: 400%;
	color: #FF7F00;
}

#subTitle{
	font-size: 200%;
	color: #00a0c6;
}

#subTitle2{
	font-size: 200%;
	color: #FF7F00;
}
#text1{
	font-size: 150%;
	color: #00a0c6;
}

#text2{
	font-size: 150%;
	color: #FF7F00;
}

#text3{
	font-size: 150%;
	color: #00a0c6;
}

#textFoot{
	font-size: 150%;
	color: #00a0c6;
}

#telefonNummern{
	font-size: 200%;
	color: #FF7F00;
}

#footer{
	color: #00a0c6;
}

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

#mainContent{
	background-color: white;
	padding: 12%;
	border: 1%;
}


   #title{
		font-size: 200%;
	}

	#subTitle{
		font-size: 100%;
	}

	#subTitle2{
		font-size: 100%;
	}
	#text1{
		font-size: 75%;
	}

	#text2{
		font-size: 75%;
	}

	#text3{
		font-size: 75%;
	}

	#textFoot{
		font-size: 75%;
	}

	#telefonNummern{
		font-size: 100%;
	}

}

hr{
	color:  #FF7F00;
	border-color:  #FF7F00;
}