:root{
	--color-background:#ffffffcc;
	--color-background-error:#ffbec3cc;
	--color-text:white;
	--color-text-error:#FF0059;
}
@font-face {
    font-family: 'DIN Light';
    src: url('../fonts/DINNextLTPro-Light.eot');
    src: url('../fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Light.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Light.woff') format('woff'),
        url('../fonts/DINNextLTPro-Light.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	padding:0;
	margin:0;
}
body{
	background-color:black;
	background-image:url('../images/disco_party_visual.png');
	background-size:cover;
	font-family:'DIN Light','Arial',sans-serif;
	color:var(--color-text);
}
#logo{
	width: 23%;
	margin:0% 0% 7%;
}
.gb {
	position: absolute;
}
.gb.left {
	width: 12%;
	top: -4%;
	left: 11%;
}
.gb.middle {
	width: 10%;
	top: -3%;
	right: 17%;
}
.gb.right {
	width: 18%;
	top: -3%;
	right: 0%;
}
form{
	display:none;
}
form,#feedback{
	/* min-height:100vh; */
	text-align:center;
	margin:3% auto;
	padding:4%;
	max-width:800px;
	font-size:1em;
	line-height:1.5em;
}
form p {
	margin-bottom: 60px;
}
h1{
	font-weight:normal;
	font-size:3.25em;
	line-height:1.2em;
	margin:0% 0% 7%;
}
label {
	text-align: left;
	font-size:0.8em;
	display:block;
}
p#ul,ul{
	text-align:left;
}
hr{
	border:none;
	border-bottom:1px solid;
}
#vorname, #plus1 {
	margin-top: 15px;
}
#email {
	margin-bottom: 60px;
}
input{
	font-family:'DIN Light','Arial',sans-serif;
	font-size:20px;
	width:100%;
	background-color: rgba(255, 255, 255, 0.5);
	color: white;
	border:none;
	padding:2% 2.5% 1.5% 2.5%;
	outline:none;
	border-radius: 10px;
}
::-webkit-input-placeholder{
	color:white;
}
::-moz-placeholder{
	color:white;
}
::-ms-placeholder{
	color:white;
}
::placeholder{
	color:white;
}
::-moz-placeholder{
	opacity:1
}
::-webkit-input-placeholder{
	opacity:1
}
::-moz-placeholder{
	opacity:1
}
:-ms-input-placeholder{
	opacity:1
}
input.error{
	/* border: 1px solid #FF0059; */
	box-shadow: inset 0 0 0 1px #FF0059;
}
input.error::placeholder{
	color:var(--color-text-error);
}
button{
	display:inline-block;
	font-family:'DIN Light','Arial',sans-serif;
	font-size:20px;
	background-color: #787EBC;
	color: white;
	border:none;
	outline:none;
	text-decoration:none;
	margin-top: 60px;
	margin-bottom: 30px;
	padding:2% 8% 1.5% 8%;
	border-radius: 10px;
}
button:hover {
	cursor:pointer;
	background-color:#7B55E4;
	transition: 0.5s;
}
div#error{
	color:var(--color-text-error);
}
/* Mobile */
@media only screen and (max-width: 600px){
	#logo{
		width: 30%;
		/* margin:0% 0% 7%; */
	}
	h1{
		/* font-weight:normal; */
		font-size:2.75em;
		/* line-height:1.2em; */
		/* margin:0% 0% 7%; */
	}
	form,#feedback{
		/* min-height:100vh; */
		/* text-align:center; */
		/* margin:3% auto; */
		/* padding:4%; */
		/* max-width:800px; */
		font-size:15px;
		/* line-height:1.5em; */
	}
	form p {
		margin-bottom:45px;
	}	
	input{
		/* font-family:'DIN Light','Arial',sans-serif; */
		font-size:15px;
		width:100%;
		/* background-color: rgba(255, 255, 255, 0.5); */
		/* color: white; */
		/* border:none; */
		padding:15px 20px 12px 20px;
		/* outline:none; */
		/* border-radius: 10px; */
	}
	#email {
		margin-bottom:45px;
	}	
	button{
		/* display:inline-block; */
		/* font-family:'DIN Light','Arial',sans-serif; */
		font-size:15px;
		/* background-color: #787EBC; */
		/* color: white; */
		/* border:none; */
		/* outline:none; */
		/* text-decoration:none; */
		margin-top:30px;
		/* margin-bottom: 30px; */
		padding:15px 45px 12px 45px;
		/* border-radius: 10px; */
	}
}