/*Logo Start Anfang*/
.LogoOben {
	position: relative;
    overflow: hidden;
	display: flex; 
    justify-content: center; 
    align-items: center;
}
.Beta {
	top: 6;
	position: flex;
    overflow: hidden;
	display: flex; 
    justify-content: center; 
    align-items: center;
}
/*Logo Start Ende*/


/*BoxTS1 Anfang*/
div#BoxTS1 {
	position: relative;
}

.BoxBildTS1 {
	width: 69%;
	height: 60%;
	opacity: 0.5;
}

.BoxTextTS1 {
	position: absolute;
	top: -6;
	width: 67%;
	height: 420px;
	padding: 20px;
	color: #fff;
	font-family:  Palatino Linotype;
}
/*BoxTS1 Ende*/


/*BoxIMP Anfang*/
div#BoxIMP {
	position: relative;
}

.BoxBildIMP {
	width: 68%;
	height: 1250px;
	margin-left:10;
	opacity: 0.5;
	bottom:0;
}

.BoxTextIMP {
	position: absolute;
	top: -6;
	width: 67%;
	height: 420px;
	padding: 20px;
	color: #fff;
	font-family:  Palatino Linotype;
}
/*BoxIMP Ende*/


/*BoxDatenschutz Anfang*/
div#BoxDS {
	position: relative;
}

.BoxBildDS {
	width: 68%;
	height: 3440px;
	margin-left:10;
	opacity: 0.5;
	bottom:0;
}

.BoxTextDS {
	position: absolute;
	top: -6;
	width: 67%;
	height: 420px;
	padding: 20px;
	color: #fff;
	font-family:  Palatino Linotype;
}
/*BoxDatenschutz Ende*/


/*BoxViewer Anfang*/
div#Viewer {
	position: relative;
}

.BoxBildViewer {
	width: 68%;
	height: 3100px;
	margin-left:10;
	opacity: 0.5;
	bottom:0;
}

.BoxTextViewer {
	position: absolute;
	top: -6;
	width: 65%;
	height: 420px;
	padding: 20px;
	color: #fff;
	display:flex;
	text-align: center;
	justify-content: center;
	font-family:  Palatino Linotype;
}
/*BoxViewer Ende*/



/*ButtonFormular Anfang*/
div#BoxB1 {
	position: relative;
}

.BoxTextB1 {
	position: absolute;
	top: -6;
	height: 420px;
	padding: 20px;
	color: #fff;
	display:flex;
	font-family:  Palatino Linotype;
	margin-top:-110;

}
/*ButtonFormular Ende*/


/*Button2Formular Anfang*/
div#BoxB2 {
	position: relative;
}

.BoxTextB2 {
	position: absolute;
	top: -6;
	height: 420px;
	padding: 20px;
	color: #fff;
	display:flex;
	text-align: center;
	justify-content: center;
	font-family:  Palatino Linotype;
	margin-top:-421;
	margin-left:34%;
}
/*Button2Formular Ende*/

/*Button2Formular Anfang*/
div#BoxB3 {
	position: relative;
}

.BoxTextB3 {
	position: absolute;
	top: -6;
	height: 420px;
	padding: 20px;
	color: #fff;
	display:flex;
	text-align: center;
	justify-content: center;
	font-family:  Palatino Linotype;
	margin-top:-421;
	margin-left:68%;
}
/*Button2Formular Ende*/


/*ButtonStyle Amfang*/
.button1 {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button1 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button1:hover span {
  padding-right: 25px;
}

.button1:hover span:after {
  opacity: 1;
  right: 0;
}
/*ButtonStyle Ende*/


/*BoxFormular Anfang*/
div#BoxF1 {
	position: relative;
}

.BoxBildF1 {
	width: 30%;
	height: 400px;
	margin-left:10;
	opacity: 0.5;
	bottom:0;
}

.BoxTextF1 {
	position: absolute;
	top: -6;
	height: 420px;
	padding: 21px;
	color: #fff;
	display:flex;
	font-family:  Palatino Linotype;
}
/*BoxFormular Ende*/


/*BoxFormular2 Anfang*/
div#BoxF2 {
	position: relative;
}

.BoxBildF2 {
	width: 30%;
	height: 400px;
	margin-left:34%;
	margin-top:-417px;
	opacity: 0.5;
	bottom:0;
}

.BoxTextF2 {
	position: absolute;
	top: -6;
	width: 37%;
	height: 300px;
	padding: 20px;
	color: #fff;
	display:flex;
	font-family:  Palatino Linotype;
	margin-left:34%;
	margin-top:-417px;
}
/*BoxFormular2 Ende*/


/*BoxFormular3 Anfang*/
div#BoxF3 {
	position: relative;
}

.BoxBildF3 {
	width: 30%;
	height: 400px;
	margin-left:67.5%;
	margin-top:-417px;
	opacity: 0.5;
	bottom:0;
}

.BoxTextF3 {
	position: absolute;
	top: -6;
	width: 37%;
	height: 300px;
	padding: 20px;
	color: #fff;
	display:flex;
	font-family:  Palatino Linotype;
	margin-left:67.5%;
	margin-top:-417px;;
}
/*BoxFormular3 Ende*/


/*Button2Style Amfang*/
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  margin-top:143%;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
/*Button2Style Ende*/


/*Regeln Anfang*/
.accordion {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: red;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion:hover {
	background-color: #eee;
}

.accordion1 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #01DF01;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel a{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: black;
	display:flex;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel p{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: #01DF01;
	display:flex;
	cursor: pointer;
	padding: 18px;
	font-size: 20;
	width: 100%;
	display:flex;
	text-align: center;
	justify-content: center;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel p1{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: #0080FF;
	display:flex;
	cursor: pointer;
	padding: 18px;
	font-size: 20;
	width: 100%;
	display:flex;
	text-align: center;
	justify-content: center;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel p2{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: #FF4000;
	display:flex;
	cursor: pointer;
	padding: 18px;
	font-size: 20;
	width: 100%;
	display:flex;
	text-align: center;
	justify-content: center;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel p3{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: #FE2EF7;
	display:flex;
	cursor: pointer;
	padding: 18px;
	font-size: 20;
	width: 100%;
	display:flex;
	text-align: center;
	justify-content: center;
	border: none;
	outline: none;
	transition: 0.4s;
}
.panel p4{
	background-color: #eee;
	font-size:18;
	font-weight: 900;
	color: #B40431;
	display:flex;
	cursor: pointer;
	padding: 18px;
	font-size: 20;
	width: 100%;
	display:flex;
	text-align: center;
	justify-content: center;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion1:hover {
	background-color: #ccc;
}

.panel {
	padding: 0 18px;
	opacity: 0.8;
	background-color: #eee;
	display: none;
	overflow: hidden;
} 

.accordion2 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #0080FF;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion2:hover {
	background-color: #ccc;
}

.accordion3 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #FF4000;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion3:hover {
	background-color: #ccc;
}
.accordion4 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #FE2EF7;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion4:hover {
	background-color: #ccc;
}
.accordion5 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #01A9DB;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion5:hover {
	background-color: #ccc;
}
.accordion6 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: #B40431;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
.active, .accordion6:hover {
	background-color: #ccc;
}
.accordion7 {
	background-color: #eee;
	font-size:20;
	font-weight: 900;
	color: red;
	display:flex;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
/*Regeln Ende*/



/*Arbeit Anfang*/
.ArbeitBild {
	top: -6;
	margin: 50;
	padding: 20px;
	display: flex;
	background-color: #3a3a3a;
	color:white;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
	text-align: center;
	justify-content: center;
	font-family:  Palatino Linotype;
	font-size: 100px;
}

.ArbeitText {
	position: static;
	top: -6;
	display: flex;
	color: #ffffff;
	text-align: center;
	justify-content: center;
	font-family:  Palatino Linotype;
	font-size: 100px;
}
/*Arbeit Ende*/



/*Navigation Anfang*/
.topnav {
	background-image: linear-gradient(to top, #ff4275 0%, #ff0044 50%);
	overflow: hidden;
}

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 23px;
}

.topnav a:hover {
	background-color: #5533ff;
	color: white;
}
.topnav a.active {
	background-color: #5533ff;
	color: white;
}
.botnav {
	background-image: linear-gradient(to top, #9e9e9e 0%, #727272 50%);
	overflow: hidden;
}
.botnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 10px 16px;
	text-decoration: none;
	font-size: 17px;
}

.botnav a:hover {
	background-color: #ddd;
	color: black;
}

.botnav a.active {
	background-color: #00d6d6;
	color: white;	
}
/*Navigation Ende*/



/* HintergrundGenerell Anfang*/
.hintergrund {
	background: url("/Dateien/Bilder/Start2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;  
}
/* HintergrundGenerell Ende*/

/* HintergrundMC Anfang*/
.hintergrundMC {
	background: url("../Dateien/Bilder/HintergrundMinecraft.png") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;  
}
/* HintergrundMC Ende*/

/* HintergrundGames Anfang*/
.hintergrundGames {
	background: url("/Dateien/Bilder/HintergrundGames.jpg") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;  
}
/* HintergrundGames Ende*/

/* HintergrundArma Anfang*/
.hintergrundArma {
	background: url("../Dateien/Bilder/HintergrundArma.png") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;  
}
/* HintergrundArma Ende*/

/* HintergrundLoL Anfang*/
.hintergrundLoL {
	background: url("../Dateien/Bilder/HintergrundLoL.png") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;   
}
/* HintergrundLoL Ende*/

/* HintergrundCS Anfang*/
.hintergrundCS {
	background: url("../Dateien/Bilder/HintergrundCS.png") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;     
    background-size: cover;  
}
/* HintergrundCS Ende*/



/*Text Teamspeak Join Now Anfang*/
div#TextHintergrund {
position: relative;
}

div#TextHintergrund div.FarbeHintergrund {
width: 1070px;
height: 420px;
background-color: #000;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}

div#TextHintergrund div.TextNormal {
position: absolute;
top: -0;
width: 1000px;
height: 160px;
padding: 20px;
color: #fff;
font-family:  Palatino Linotype;
}
/*Text Teamspeak Join Now Ende*/



/*footer Anfang*/
.Footer{
	position:fixed;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(to top, #9e9e9e 0%, #727272 50%);
	color: white;
	left:0;
	height: 3.5em;
}
.Footer a4{
	bottom:17;
	position: absolute;
	right: 20px;
}
.Footer a2{
	bottom:17;
	position: absolute;
	left: 10px;
}
.Footer a7{
	bottom:17;
	position: absolute;
	left: 100px;
} 
.Footer a3{
	position: relative;
	bottom: -4;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15;
} 
.Footer a5{
	position: relative;
	bottom: -5;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15;
} 
/*footer Ende*/



/*noLink Anfang*/
.noLink {
  color:white;
  text-decoration: none;
}
/*noLink Ende*/



/*MC Anfang*/
 /* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: absolute;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
	background-image: linear-gradient(to top, #727272 0%, #9e9e9e 50%);
  min-width: 90px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 13px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;
} 
/*MC Ende*/