html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif; 
	color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
}

::placeholder {
	color: #ccc;
}

@media(orientation: landscape) {
	body {
		background: url('/assets/wappen.svg') no-repeat, linear-gradient(126deg, #3F2452 0%, #0D0710 100%) 0% 0% no-repeat padding-box;
		background-attachment: fixed;
		background-position: 25% center;
	}
}

@media(orientation: portrait) {
	body {
		background: url('/assets/wappen.svg') no-repeat, linear-gradient(126deg, #3F2452 0%, #0D0710 100%) 0% 0% no-repeat padding-box;
		background-attachment: fixed;
		background-position: center 5%;
	}
}

#header {
	text-align: right;
	border-bottom: 1px solid #666;
}

#header > a, #header a:visited {
	text-decoration: none;
	display: inline-block;
	padding: 1em;
	color: #aaa;
}

#header > a:hover {
	background-color: #ccef;
}

#content {
	margin: 5em auto;
	width: 80%;
	background-color: #68a7;
	padding: 2em;
	border-radius: 1em;
}

input:not([type="image" i]), input:not([type="submit"]) {
	border: 1px solid #C4C4C4;
	border-radius: 0.5em;
	padding: 0.5em;
	height: 2.5em;
	max-width: 30em;
	min-width: 20em;

	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input:not([type="image" i]):focus {
	color: #eee;
}

input:not([type="image" i]):active {
	color: #eee;
	border: none
}