html, body, h1{
	margin:0;
	padding:0;
}
body{
	color:#333;
	background-color:#e8e8e8;
	text-align:left;
}
body > header {
	background-color: #2281bb;
	color:#fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
}
body > header > .container {
	padding: 0 0 0 100px;
	box-sizing: border-box;
	background: url(./wusel_lineart_invert.png) no-repeat 0 0;
	background-size: auto 100px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:100px;
	position:relative;
}
body > header a[href*="fachschaft.info"]{
	position:absolute;
	display:block;
	width:100px;
	left:0;
	top:0;
	bottom:0;
}
.container {
	max-width: 1000px;
	margin: 0 auto;
	/*outline: 1px solid yellow;*/
}
body > header h1{
	display:block;
	width:100%;
	font-family: 'Trebuchet MS',Arial,Sans-serif;
}
body ul{
	padding:0 0 0 1em;
	margin:1em 0;
}
body ul li{
	margin:.25em 0;
}
@media only screen and (max-width: 768px) {
	h1{font-size:30px;}
}
@media only screen and (max-width: 420px) {
	h1{font-size:20px;}
}