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

/* grundlegende Einstellungen */
* {margin:0px; padding:0px}

body {
	background-color: #ffffff;
	hyphens: auto;
}


.logo {
	text-align: center;
}

h1 {
	font-family: raleway;
	color: #fe0000;
	font-size: 3.5em;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 0.7em;
}

h2 {
	font-family: raleway, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #006990;
	font-size: 3em;
	font-weight: 600;
	text-align: center;
	margin-top: 0.5em;
	padding-bottom: 0.2em;
}

.dl1 {
	background-color: #ffffff;
}

hr {
	
	border:solid #006890 1px;
}

.vid {
	padding-bottom: 3em;
	text-align: center;
}



/* Footer */
footer {
	background-color: #ffffff;
	padding-top: 3em;
	padding-bottom: 2em;
	text-align: center;
}

footer p {
	font-family: raleway, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #006890;
}

footer img {
	height: 50pt;
}



/* mediaqueries */
@media screen and (max-width: 1300px) {
	
	h2 {
		margin-top: 0.8em;
		padding-bottom: 3em;
	}

	
}


@media screen and (max-width: 1100px) {
	
	.logo img {
		width: 90%;
	}
	
	h2 {
		margin-top: 0.2em;
		padding-bottom: 1em;
	}
	
	h1 {
		margin-top: 1em;
	}
	
}

@media screen and (max-width: 700px) {
	
	.logo img {
		width: 90%;
	}
	
	.vid video {
		width: 90%;
	
	}
}

@media screen and (max-width: 420px) {

	.vid video {
		width: 80%;
	}
	
	h1 {
		font-size: 2em;
		letter-spacing: 0.05em;
		margin-top: 0.6em;
	}

	h2 {
		font-size: 2em;
		margin-top: 0.5em;
		margin-bottom: -3em;
	}
}