@charset "UTF-8";
html {
	background: #222327;
}


body {
	height: 100%;
	padding: 0;
    margin: 0 auto;
	font-family: 'Lato', 'Open Sans', sans-serif, tahoma, verdana, arial, sans-serif;
	line-height: 13px;
	color: #f8f8f8;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
}

html, body { 
  background: url('../img/background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: auto;
}

textarea, input {-webkit-appearance: none; box-shadow: none !important; outline: none; }
:-webkit-autofill { color: #fff !important; }

.container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 220px;
	margin-left: -160px;
	margin-top: -110px;
	background: transparent;
	box-sizing: border-box;
	text-align: center;
}

h1 {
	color: #fff;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 24pt;
	letter-spacing: 4px;
}
h2 {
	color: #a0d7e3;
	text-transform: lowercase;
	font-weight: 900;
	font-size: 18pt;
	letter-spacing: 1px
}

ul, li {
	padding: 0;
    margin: 0;
}

li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    padding: 10px;
    background: transparent;
}