@font-face {
	font-family: 'Open Sans Regular';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url(../Fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Open Sans Bold';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../Fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
}

body,html {
	margin:0px;
	padding:0px;
}

body {
	font-family:"Open Sans Regular";	
	color:#575757;
}

h1 {
	text-align: left;
	margin-top:0px;	
	color:#175a4a;
}

a {
	color:#575757;	
}

img {
	border:0px;
}

#wrapper {
	max-width:800px;
	width:100%;	
	margin:0 auto;
}

#header {
	position:relative;
	width:100%;	
}

#logo {
	width:100%;
	text-align:center;	
	position:absolute;
	bottom:-30%;
}

#logo img{
	width:30%;
}

#content {
	margin-top:80px;	
}

.box {
	width:40%;
	float:left;	
	padding-left:5%;
	padding-right:5%;
	text-align: justify;
}

.mapsplan {
	margin-top:30px;	
	margin-bottom:30px;
}

.trenner {
	margin-top:15px;
	margin-bottom:15px;	
}

.trenner img {
	width:100%;
	height:1px;	
}

.pdficon {
	clear:both;
	float:left;
	width:30px;	
}

.pdficon img {
	width:100%;	
}

.downloadbeschreibung {
	font-size:18px;
	float:left;
	margin-left:10px;
	margin-top:8px;
}

.mobiletrenner {
	display:none;	
}

.facebook {
	bottom:-30%;
	right:10px;
	position:absolute;
	display:block;
	width:6%;
}

.facebook img {
	width:100%;	
}

.zumcafe{
	 display: block;
    background-color: #FFFFFF;
    padding-left: 40px;
    font-family: "Open Sans Bold";
    margin: 0 auto;
    font-size: 16px;
    bottom: -30%;
    width: 17%;
    background-color: #585657;
    padding: 15px 3px 14px 3px;
    background-repeat: no-repeat;
    background-size: 20px;
    text-decoration: none;
    background-image: url(../img/arrow-grey.jpg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
    background-size: 13px;
    left: 10px;
    text-align: left;
    margin: 0px;
    position: absolute;
   
}
.zumcafe span{
	
    color: #FFF;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    padding-left: 30px;
}

.newsletter {
	width:100%;	
	background-color:#175a4a;
	margin-top:20px;
	margin-bottom:20px;
	color:#FFFFFF;
	padding-left: 5%;
    padding-right: 5%;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:20px;
	text-align: justify;
}

.newsletter h1 {
	color:#FFFFFF;	
}

.newsletter input[type=text] {
	width:50%;
	border:1px solid #FFFFFF;
	background-color:#d0d0d0;
	padding:10px;
	font-family: "Open Sans Bold";
	font-size:14px;
	color:#575757;
	box-sizing:border-box;
	float:left;
}

.newsletter input[type=submit] {
	width:140px;
	border:1px solid #FFFFFF;
	background-color:#d0d0d0;
	padding:10px;
	font-family: "Open Sans Bold";
	font-size:14px;
	color:#575757;
	box-sizing:border-box;
	float:left;
	height:40px;
	margin-left:10px;
	background-image:url(../img/arrow.png);
	background-position:110px center;
	background-repeat:no-repeat;
	text-align:left;
	cursor:pointer;
}

.error {
	width:100%;
	text-align:center;
	padding:10px;
	color:#FFFFFF;
	background-color:#6C0001;	
	box-sizing:border-box;
}

.success {
	width:100%;
	text-align:center;
	padding:10px;
	color:#FFFFFF;
	background-color:#007715;	
	box-sizing:border-box;
}

.cleardiv {
	clear:both;
	height:0px;
}

.footer{
	display:none;
}

@media only screen and (max-width: 800px) {
	.zumcafe {
		background-position: 5px 12px;
		background-size: 9px;
		padding: 9px;
	}
	.zumcafe span{    padding-left: 15px;}
}


@media only screen and (max-width: 650px) {
	.zumcafe{display: none;}
	.box {
		width:90%;
	}
	
	#logo {
		bottom:-50%;
	}
	
	#logo img{
		width:50%;
	}
	
	.mobiletrenner {
		display:inline-block;	
	}
	
	.newsletter input[type=text] {
		width:100%;
	}
	
	.newsletter input[type=submit] {
		margin-left:0px;
		margin-top:10px;
	}
	
	.facebook {
		bottom:-50%;
	}
	
	.footer{
		display:block;
		position: fixed;
		bottom: 0px;
		width:100%;
		background-color: #175a4a;
		padding: 20px 5%;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		font-size: 1.3em;
	}
	
	.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
		color: #fff;
		text-decoration: none;
	}
	
	
	.footerwrap{
		margin-top:80px;
	}
	
}