* {
  font-family: Roboto, Arial, sans-serif;
  margin: auto;
}

body {
	background-color: rgb(30,30,30); /* Das ist ein dunkles Grau, hintergrund */
	color: white;
}

/* Der Block hier ist für den weißen Rand drumherum */
html { 
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height: 99%;
	border: solid;
	border-width: 2.5px;
	border-color:white;
}

.platz {
	position: absolute;
	height: 100px;
	background-color: rgb(0,100,200); /* Jeder Platz ist erstmal blau */
	width: 100px;
	border: solid;
	border-color: rgb(180, 180, 180); /* helleres grau, rand um Plätze */
	border-radius: 20px;
}

.LR1 {
	position: absolute;
	top: 200px;
	left: 320px;
	right: 50px;
	height: 100px;
}

.PR {
	position: absolute;
	top: 350px;
	left: 320px;
	right: 50px;
	height: 100px;
}

.LR2 {
	position: absolute;
	top: 500px;
	left: 320px;
	right: 50px;
	height: 100px;
}

.Leinwand { /* um den Rand zu erzeugen wird eine oberer-rand verwenden und angerundet */
	position: absolute;
	font-size: 30px;
	top: 50px;
	left: 405px;
	width: 950px;
	text-align: center;
	border-top: solid;
	border-radius: 90px;
	border-width: 5px;
}

.Reservierung {
	position: absolute;
	top: 5%;
	width: 95%;
	height: 80%;
}

.vorstellung {
	position: relative;
	top: 5px;
	left: 50px;
	width: 1400px;
	height: 231.5px;
}

.buttons{ /* hält die 2 buttons "reservieren" und "return" zusammen */
	position: absolute;
	bottom: 90px;
	left: 760px;
	width: 280px;
	border-radius: 10px;
	color: white;
	border-width: 3px;
	border-color: rgb(180, 180, 180);
}

#ret {
	position: absolute;
	right: 0%;
	height: 50px;
	width: 130px;
	border-radius: 10px;
	color: white;
	border-width: 3px;
	background-color: rgb(30,30,150);
	font-size: 18px;
	border-color: rgb(180, 180, 180);
}

#btn {
	position: absolute;
	left: 0%;
	height: 50px;
	width: 130px;
	border-radius: 10px;
	color: white;
	font-size: 18px;
	border-width: 3px;
	background-color: rgb(30,30,150);
	border-color: rgb(180, 180, 180);
}

#VorstellungÜberschrift{
	position: relative;
	color: silver;
	font-size: 75px;
	left: 8%;
	width: 500px;
	top: 70%;
	text-align: center;
}

#tvorstellung{ 
	position: relative;
	border: solid;
	border-color: white;
	color: silver;
	font-size: 50px;
	background-color: rgb(140, 15, 15);
	border-width: 3px;
	left: 40%;
	top: 120%;
	width: 500px;
	height: 300px;
	text-align: center;
}

#startseite {
	position: absolute;
	padding-top: 7.5px;
	padding-bottom: 10px;
	left: 0px;
	right: 0px;
	text-align: center;
	color: whitesmoke;
	border-bottom: solid;
	border-bottom-width: 1px;
}

#covers {
	position: absolute;
	width: 500px;
	height: 750px;
	left: 10%;
	top: 14%;
}