* {
  box-sizing: border-box;
}

body {
  background-image:url(https://www.decay-of-today.de/bilder/bgnewblackglitch.gif); position: static; background-repeat:repeat-y;  
  background-color: 000000;
  background-attachment:fixed;
  text-align:center;
  background-position: center;
  background-position: top;
  background-size:cover;
  
  font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
  font-size: 12px;
  color: #FFFFFF; 
  
}

#alles {
margin-left: auto;
margin-right: auto;
width: calc(100% / 2);
text-align:center;

 
}

h1,h2,h3,h4,h5,h6 {	font-family: 'Gochi Hand', cursive;
}

p {	
 font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
color: #FFFFFF; 
  display: inline;
  font-size: x-large;
  white-space: normal;
}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; text-color: red; }

a:active { text-decoration: none; }

@font-face {
    font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
}


.center {
  margin-left: auto;
  margin-right: auto;
}



h2 {
  color: #FFFFFF; 
  font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
  font-size: x-large;
}

h1 {
  color: #FFFFFF; 
 font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
  font-size: xx-large;
}

ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#Menue
{
	top: 0px;
	width: 100%;
	height: 80px;
	background-color: black;
	position: fixed;
	
}

.AlleElemente
{
	//width:100%;
	//height: 100%;
	//background-color: green;
	//float: center;
	//text-align: left;
}

.EinElement
{
	
	margin:5px;
    width: auto;
	height: 50%;
	top: 50px;
	margin-top: 25px;
	
    text-align: center;
	
	line-height: 50px;
   
    display: inline-block;
	
	//background-color: blue;
	
	
	position: static;
	
	
}



.EinElementLogo
{
	
	margin:5px;
    width: auto;
	height: 90%;
	top: 0px;
	
	left: 50px;
    text-align: center;
	
	line-height: 80px;
   
    display: inline-block;
	
	position: absolute;
	
	//background-color: blue;
	
	
	
}

#Nichts
{
	
	width: 100%;
	margin-left: auto;
margin-right: auto;
margin-top: 80px;

}
#Bug {
margin-left: auto;
margin-right: auto;

  text-align:center;
	

}

#impressum
{
	//background-color: black;
	background
	height: auto;
	width: 100%;
	
}


#impressum p
{
	
	font-size: 14px;
}

#leaderboard {
	
	width: 100%;
	height: 100%;
	position: fixed;
	
}

#SCs {


margin-left: auto;
margin-right: auto;

  width: 100%;


box-sizing: border-box;

 
}

#Event {

margin-left: auto;
margin-right: auto;

display: inline-block;

background-color: black;
  
}

#EventIMG {
	
//background-color: yellow;

float: left;

	

}

#EventIMGR {

	
//background-color: red;

}

#Event_Name {

	
//background-color: green;

}

#Event_Datum {

	
//background-color: purple;
	

}

#Event_Beschreibung {

	
//background-color: gray;

}

#Event_Beschreibung p{

	font-family: "KellySlab";
    src: url("fonts/KellySlab-Regular.ttf");
color: #FFFFFF; 
  display: inline;
  font-size: 18px;
  white-space: normal;

}





#beschreibung {
margin-left: auto;
margin-right: auto;
  color: #FFFFFF; 
   word-wrap: break-word;
   width: calc(100% / 1);
   
   text-align:center;

 
}

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 

.movie {
    max-width:800px;
}