/* Add here all your css styles (customizations) */

@import url('/fonts/css/roboto.css');
@import url('/fonts/css/roboto-condensed.css');

body {
	font-family: Roboto, "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1 {
	font-family: 'Roboto' !important;
	font-style: normal;
	font-weight: 300;
	color: black;
	line-height: 150%;
	text-align:center;
}

#logo {
	margin:5em auto;
}

.btn, .btn-default,
.btn:hover, .btn-default:hover,
.btn:active, .btn-default:active {
	background-color:black;
	color:white;
	border:none;
}

@media (max-width: 1170px) {
	h1 {
		font-size: 6em;
		font-weight: 100;
	}
}
@media (max-width: 970px) {
	h1 {
		font-size: 5em;
		font-weight: 300;
	}
}
@media (max-width: 750px) {
	h1 {
		font-size: 4em;
		font-weight: 300;
	}
}
@media (max-width: 540px) {
	#logo {
		margin:5em auto 0.5em;
	}
	h1 {
		font-size: 3em;
		font-weight: 300;
	}
}


@media (min-width: 1171px) {
	h1 {
		font-size: 7em;
		font-weight: 100;
	}
}

.backstretch {
	opacity:.35;
	X-display:none;
}
.copyright-space {
	color:black !important;
}
#imprint table {
	margin:0 auto 5em;
}
#imprint table td {
	padding:0 2em;
	vertical-align:top;
}
@media (max-width: 750px) {
	#imprint {
		text-align:center;
	}
	#imprint table,
	#imprint table tbody,
	#imprint table tr,
	#imprint table tr td {
		display:block;
		width:100%;
		margin:0;
	}
}


/* ANIMATION */
/*
@keyframes fadeIn {
	from { opacity: 0.8; }
	to { opacity: 0.35; }
}
.backstretch {
	animation: fadeIn 3s infinite alternate;
}
h1 {
	text-shadow:0 0 10px #fff;
}
*/


h1#DSGVO {
	padding-top: 0;
	font-size: 30px;
	text-align: left;
	font-weight: 300;
}