@charset "UTF-8";
/* CSS Document */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	background: url(img/verlauf.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #666;
}
img {
  width: 100%; 
  height: auto;
}

.container {
	background: #fff;
	width: 95%;
	max-width: 75em;
	margin: auto;
}

.header {
	max-width: 100%;
	max-height: 400px;
}
.navigation {
	max-width: 100%;
	height:3em;
	background-color: #024b83;
}
.content {
	margin: 2em auto;
	max-width: 50em;
	background: #fff;
    *zoom: 1;
}
.content:before, .content:after { 
    content: ""; 
    display: table; 
}
.content:after { 
    clear: both; 
}
.row {
    clear:both;
    width:100%;
    *zoom: 1;
}
.row:before, .content:after { 
    content: ""; 
    display: table; 
}
.row:after { 
    clear: both; 
}
.eins {
	width: 220px;
	height: auto;
	float: left;
	margin-right: 2.5em;
	}
.zwei {
	width: 300px;
	height: auto;
    float:left;
	/*clear: left;*/
	margin-right: 2.5em;	
}
.drei {
	/*width: 375px;*/
	float: left;
	margin-right: 1.5em;
}
.vier {
	max-width: 65%;	
}
.map-frame{
    width:100%;
}
.eins img, .zwei img {
	max-width: 100%;
	  }	
.footer {
	width: 100%;
	background-color: #e1e2e3;
		
}
.address {
	margin: 0 auto;
	padding: 2em 0;
	max-width: 50em;
	line-height: 1.5rem;
	color: #2f55a6;
}
h1 {
	font-size: 1.8rem;
	font-weight:normal;
	color: #2f95a6;
	line-height: 2.2rem;
}
h2 {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5rem;
	color: #2f55a6;
}
p {
	font-size: 1.2rem;
	line-height: 1.7rem;
}
ul {
	line-height: 1.5rem;
}

li content, a content {
	list-style-type: square; 
	line-height: 1.5rem;
}

a:link {
	text-decoration: none;
	color:#2f55a6;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
@media screen and (max-width: 600px) {
body {
	font-size: 90%;
}
.content {
	padding-left: 1em;
	padding-right: 1em;
}
img {
	max-width: 100%;	
}
.vier {
	max-width: 75%;	
}
.address {
	padding-left: 1em;
	padding-right: 1em;	
}
}


@media screen and (max-width: 400px) {
body {
	font-size: 80%;
}  
	
.vier {
	max-width: 100%;	
}
}