*{padding:0;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;box-sizing:border-box;}
html,
body{
	margin:0;
	padding:0;
	font-family: 'Josefin Sans', 'Helvetica', 'Arial', sans-serif;
	font-style: normal;
 	font-weight: 300;
	color:#000000;
	height:100%;
}
.logo {
	max-width: 300px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 170px;
	padding-bottom: 100px;
	text-align: center;
}
.datenschutzerklaerung .logo {
	padding-top:15px;
	padding-bottom: 40px;
}
h1 {
	font-weight: 400;
	font-size: 1.1em;
	padding-bottom: 20px;
	padding-top: 20px;
}
h2 {
	font-weight: 300;
	font-size: 1.1em;
	padding-bottom: 20px;
}
h3 {
 	font-weight: 300;
	font-size: 1em;
	padding-top: 10px;
}
img {
	max-width: 100%;
	height: auto;
}
a.tel,
a.mail,
a.link {
	color:#000000;
	text-decoration:none;
}
a.mail:hover,
a.link:hover {
	text-decoration:underline;
}
.container {
/*	min-height: calc( 100vh - 2em );*/
	min-height: 100vh;
	padding:50px;
}
.footer-nav a {
	color:#000000;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	font-size:0.8em;
}
.footer-nav strong {
	padding-left:15px;
	padding-right:15px;
	font-size:0.8em;
}
.footer-nav a:hover {
	text-decoration:underline;
}
.footer-nav {
	height:3em;
	opacity:0.5;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.footer-nav ul li {
	display:block;
}
.text {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding-bottom:3em;
	font-size:1.5em;
}
.text.datenschutzerklaerung {
	font-size:1em;
	text-align:left;
}
/* MEDIA */
@media only screen and (min-width:950px) {
	.impressum .logo {
		padding-top:150px;
	}
}
@media only screen and (max-width:950px) {
	.text {
		font-size:1.2em;
	}
	.text.datenschutzerklaerung {
		font-size:1em;
		text-align:left;
	}
	.container.datenschutzerklaerung {
		padding:20px;
	}
}

@media only screen and (max-width:600px) {
	.text span {
		display:block;
	}
	.text span.dot {
		display:none;
	}
	.spacer {
		width:100%;
		height:1em;
	}
	.logo {
		max-width:250px;
	}
	.container.datenschutzerklaerung {
		padding:15px;
	}
}

@media only screen and (max-height:900px) {
	.logo {
		padding-top: 150px;
		padding-bottom: 60px;
	}
}
@media only screen and (max-height:800px) {
	.logo {
		padding-top: 110px;
		padding-bottom: 60px;
	}
	
}
@media only screen and (max-height:700px) {
	.logo {
		padding-top: 30px;
		padding-bottom: 60px;
	}
}
@media only screen and (max-height:400px) {
	.logo {
		padding-top: 15px;
		padding-bottom: 40px;
		max-width:220px;
	}
	
}
@media only screen and (max-width:600px) {
	.logo {
		max-width:220px;
	}
	.container {
		padding:30px;
	}
}
@media only screen and (max-width:480px) and (max-height:500px){
	.logo {
		padding-top: 0;
	}
}