/* Erstmal OK ------------------------------------------------------------------------------------------------------------ */

/* Allgemein ------------------------------------------------------------------------------------------------------------- */
@font-face {
	font-family: Movie ;
	src: url("../schriften/filmgoer.otf") ;
}

@font-face {
	font-family: Text ;
	src: url("../schriften/coolvetica.otf") ;
}

body {
	background-color: #111111 ;
	color: white ;
	margin: 0 ;
}

section#Head {
	position: fixed ;
	width: 100% ;
	z-index: 3;
	top: 0px;
}

h1 {
	font-family: Movie, Arial, Verdana ;
	font-size: 7.4em ;
	color: #ffffff ;
	letter-spacing: 0.3rem ;
	color: #ffffff ;
	text-shadow: 0.2rem 0.2rem 2px #dd0000 ;
	text-align: center ;
	font-weight: normal ;
	background-image: url("../bilder/kinosaal.jpg") ;
	height: 8.5rem ;
	margin-top: 0 ;
}

a {
	text-decoration: none ;
	color: #ffffff ;
}

/* h4 - Willkommen ------------------------------------------------------------------------------------------- */
h4 {
	font-family: Text, Arial, Verdana ;
	letter-spacing: 0.2rem ;
	font-weight: normal ;
	color: black ;
	position: fixed ;
	z-index: 3 ;
	background-image: linear-gradient(#999999, #eeeeee, #999999, #333333) ;
	top: 6.5rem ;
	width: 100% ;
	text-align: center ;
	padding-top: 0.5rem ;
	padding-bottom: 0.5rem ;
	font-size: 1.5rem ;
}

#body {
	display: flex ;
	justify-content: center ;
	margin-top: 15rem ;
}

/* Formular -------------------------------------------------------------------------------------------------------------- */
table {
	margin: 0 auto ;
	border-spacing: 0px ;
	border: solid 1px #eeeeee ;
}

th {
	font-family: Text, Arial, Verdana ;
	background-image: linear-gradient(#ff0000 2%, #600000, #ff0000, #600000, #ff0000) ;
	font-size: 1.8rem ;
	height: 2.5rem ;
	letter-spacing: 0.2rem ;
	text-shadow: 0.2rem 0.2rem 4px #000000 ;
	width: auto ;
	font-weight: normal ;
}

td {
	font-family: Text, Arial, Verdana ;
	background-image: linear-gradient(#111111 2%, #222222, #333333, #222222, #111111) ;
	font-size: 1.8rem ;
	letter-spacing: 0.2rem ;
	height: 2.5rem ;
	padding-left: 1rem ;
	padding-right: 1rem ;
}

label {
	float: right ;
}

input {
	display: flex ;
}

#login { /* Anmelden */
	display: block ;
	font-family: Text, Arial, Verdana ;
	width: 100% ;
	height: 2.8rem ;
	background-image: linear-gradient(#22dd22 2%, #006000, #00dd00, #006000, #22dd22) ;
	color: white ;
	text-shadow: 0.2rem 0.2rem 4px #000000 ;
	/* font-weight: bold ; */
	font-size: 1.8rem ;
	letter-spacing: 0.2rem ;
	border: solid 1px #111111 ;
	font-weight: normal ;
	border-radius: 0 ;
	margin: 0 auto ;
}

#Form {
	padding: 0 ;
	height: 2.5rem ;
}

#PwFalsch {
	color: red ;
	font-weight: bold ;
	text-align: center ;
	background-image: linear-gradient(#111111, #111111, #111111, #111111, #111111) ;
	height: 1.5rem ;
}

#PwVergessen {
	text-align: center ;
	background-image: linear-gradient(#777777 2%, #aaaaaa, #eeeeee, #aaaaaa, #777777) ;
	color: black ;
	height: 1.4rem ;
}

#PwVergessen a {
	color: black ;
	font-size: 1.5rem ;
	letter-spacing: 0.2rem ;
}

#leerzeile {
	height: 0.2rem ;
	background-image: linear-gradient(#111111, #111111, #111111, #111111, #111111) ;
}