body{
	font-family: 'PT Sans Narrow', sans-serif;
	padding-top: 50px;
	font-size:20px;
}
h1, h2, h3, h4, h5{
	font-family: 'Dosis', sans-serif;
}
h1{
	color:#003c68;
}
h2{
	color:#0ad0d2;
}
h3{
	color:#003c68;
}
a{
	color:#003c68;
}
a:hover{
	color:#0ad0d2;
}



.content-blau{
	background-color: #003c68;
	padding:30px;
	color:#ffffff;
}
.content-weiss{
	background-color: #fff;
	padding:30px;
	padding-bottom:15px;
}
.content-tuerkis{
	background-color: #0ad0d2;
	padding:30px;
	color:#ffffff;
}

.trennstrich-tuerkis{
	height:5px;
	background-color:#0ad0d2;
	margin-top:30px;
	margin-bottom:30px;
}
.trennstrich-blau{
	height:5px;
	background-color:#003c68;
	margin-top:30px;
	margin-bottom:30px;
}



.responsiveMap {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(122,122,122,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(122,122,122,1);
	box-shadow: 0px 0px 5px 0px rgba(122,122,122,1);
}

.responsiveMap iframe,
.responsiveMap object,
.responsiveMap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.responsiveVideo {
	position: relative;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
	margin-bottom:30px;
}

.responsiveVideo iframe,
.responsiveVideo object,
.responsiveVideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}