body{width:100%;margin: 0px;padding: 0px;min-height: 100%;	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;}
#header{
	background-color: white; 
	width:100%; 
	height:100px;
	float:left;
}

	#logo{
		margin-top:0px;
		margin-left:25px;
		width:680px;
		height:78px;
		background-image:url("https://education.25h4u.com/vorschau/img/Logo_FHA_CMYK.png");
		 background-repeat: no-repeat, no-repeat;
		float:left;
	}
		#logo-25h{
		margin-top:7px;
		/*margin-left:25px;*/
		width:215px;
		height:75px;
		background-image:url("https://education.25h4u.com/vorschau/img/25h-logo.png");
		 background-repeat: no-repeat, no-repeat;
		float:left;
		margin-left:50px;
	}	
		#logo-sennheiser{
		margin-top:-8px;
		/*margin-left:25px;*/
		width:367px;
		height:75px;
		background-image:url("https://education.nordwind-group.com/img/sennheiser-logo.png");
		 background-repeat: no-repeat, no-repeat;
		float:left;
		margin-left:50px;
	}		
	#lizenz-historie{
		
			float:left;	
		margin-left: 80px;		
		
	}
	
/*Menü*/
	#main-menu{
		margin-top:25px;

		background-color:white;
		z-index:998;
	}
	#main-menu-element{

		float:left;	
		margin-top: 18px;
		margin-left: 50px;		
	}
	#main-menu-element a{ 
		color:#999999;
		font-weight:400;
	}
	#main-menu-element-select{
	
		float:left;
		margin-top: 8px;
		margin-left: 50px;	
			padding:9px;
			background-color:#fcfcfc;
			border:1px solid #cccccc;
			border-radius: 5px;
	

		
	}
	#main-menu-element-select a{
		color:#111111;
		font-weight:500;
	}
	#filter-menu-element{

		float:left;	
		margin-left: 15px;		
	}
	#filter-menu-element a{ 
		color:#999999;
		font-weight:400;
	}
	#filter-menu-element-select{
	
		float:left;
		margin-left: 15px;		
	}
	#filter-menu-element-select a{
		color:#111111;
		font-weight:500;
	}	
	
#titel-dievideos{
	font-size:20px;
	text-align:center;
	font-weight:600;
	float: left;
	width: 100%;		
	
}
#content{
	min-width:100%;
	height:85.0vh;
	background-color: #fff;
	background-image:url("https://education.25h4u.com/vorschau/img/login-backround.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	float:left;

}
	#login{
		margin: auto;
		width: 300px;
		border: 0px solid;
		padding: 10px;
		text-align:left;
		margin-left:40%;	
	}
	#login-schrift{
		color:#fff;
		font-size:60px;
		font-weight:700;
		margin-top:35px;		
	}
	#registrierung{
		margin: auto;
		width: 90%;
		border: 0px solid;
		padding: 10px;
		text-align:left;
	}
	#registrierung-schrift{
		color:#fff;
		font-size:25px;
		font-weight:700;
		margin-top:10px;
		padding-left:20px;
		width:200px;
		//width:20%;
		/*min-width:200px;*/
		float:left;
			
	}
	#registrierung-text{
		color:#fff;
		font-size:20px;
		font-weight:700;
		margin-top:1px;
		width:28%;
		float:left;
		
	}	
	#registrierung-lizenztext{
		color:#fff;
		font-size:20px;
		font-weight:700;
		margin-top:1px;
		width:100%;
		float:left;
		
	}
	#registrierung-text input, #registrierung-text select {
		  width: 100%;
		  padding: 12px 20px;
		  margin: 8px 0;
		  display: inline-block;
		  border: 1px solid #ccc;
		  border-radius: 4px;
		  box-sizing: border-box;
		  font-size:18px;
		  opacity: 0.8;
		}
	
	
	
	@media (max-width: 1200px) {
		#registrierung-lizenztext,#registrierung-text{
			
			width:100%;
		}
	}
	
	#benutzername-schrift,
	#kennwort-schrift{
		color:#fff;
		font-size:35px;
		margin-top:15px;
	}
	
	#kennwort-text,
	#benutzername-text{
		margin-top:5px;
		margin-bottom:20px;
		
	}
	
	#poweredby a{color:#fff;}
	#poweredby {color:#fff;}
	#pwfalsch{
		background-color:#fff;
		color:#d71503;
		font-size:14px;
		font-weight:800;
		padding:10px;
		border-radius: 4px;
		
	}
	input, select {
		  width: 100%;
		  padding: 12px 20px;
		  margin: 8px 0;
		  display: inline-block;
		  border: 1px solid #ccc;
		  border-radius: 4px;
		  box-sizing: border-box;
		  font-size:20px;
		  opacity: 0.8;
		}
	input[type=submit] {
		  width: 100%;
		  background-color: #fff;
		  color: #222;
		  padding: 10px 12px;
		  margin: 8px 0;
		  border: 2px solid #ccc;
		  border-radius: 4px;
		  cursor: pointer;
		}
	input[type=submit]:hover {
			background-color: #aaa;
		}
	#button,#button-kauf,#button-bestanden{
			/*width:50%;*/
			float:left;
			height:55px;

			
		}
	#button a, #button-kauf a ,#button-bestanden a{
			background-color:#852741;
			width: 166px;
		  background-color: #fff;
		  color: #444;
		  padding: 10px 12px;
		  margin: 8px 0;
		  border: 2px solid #ccc;
		  border-radius: 4px;
		  cursor: pointer;
		  font-size: 16px;
		  font-weight:500;
			display:block;		
			background-image: url(../img/navigation-right-2.png);
			background-repeat: no-repeat;
			background-position: 164px;
		}	
	#button a{
	
			background-image: url(../img/navigation-right-2.png);
			background-repeat: no-repeat;
			
		}
	#button-kauf a{
	
			background-image: url(../img/login-key.png);
			background-repeat: no-repeat;
			
			
		}
	#button-bestanden a{
	
			background-image: url(../img/common-file-check.png);
			background-repeat: no-repeat;
			
			
		}		
		
	#button a:hover, #button-kauf a:hover, #button-bestanden a:hover{
			background-color: #aaa;
		}		
	input[type=button] {
		  width: 100%;
		  background-color: #fff;
		  color: #222;
		  padding: 10px 12px;
		  margin: 8px 0;
		  border: 2px solid #ccc;
		  border-radius: 4px;
		  cursor: pointer;
		  font-size: 16px;
		  
		}
	input[type=button]:hover {
			background-color: #aaa;
		}		
	input[type="checkbox"] {
  /*display:none;*/
 		  width: 50px;

		  color: white;
		  padding: 14px 20px;
		  margin: 8px 0;
		  border: 0px solid #ccc;
		  border-radius: 4px;
		  float:left;
		  margin-left:60px;
		  font-size:25px;

}
	input[type="checkbox"] + label {
	  position: relative;
	  display: inline-flex;
	  cursor: pointer;
	  font-family: sans-serif;
	  font-size: 24px;
	  line-height: 1.3;
}

input[type="checkbox"] + label:before {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
}

input[type="checkbox"] + label:after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
}

input[type="checkbox"]:checked + label:before {
  background-color: #2b8718;
}

input[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
}
		



#footer{width:100%;height:40px;background-color: #000;float:left;float:left;position: fixed; bottom:0px;}

	#poweredby{
		float:right;
		color:#aaa;
		padding:10px;
		font-size:14px;
	}
	
	#header-text{
				
		padding-top:11px;
		padding-right:21px;
		float: right;
		text-align:right;
		color:black;
		font-size:38px;
		font-weight:600;
		background-color:white;
		
		
		}
	#header-einstellungen
	{
		padding-top:10px;
		padding-right:21px;
		float: right;
		width:100%;
		text-align:right;
		color:black;
		background-color:white;
	}
		a {
		  text-decoration: none;
		  color:black;
		}
		
	#content-main{
		min-width:100%;
		float:left;
		padding-bottom:50px;
	}
	#schulung-auswahl{
		min-width:100%;	
		
		
		float:left;
	}
		#video-container{
			height:540px;
			float:left;
		}
		#video-titel-container{
			float:left;
		}
	
		#video
		{

		}
		#titel{
			margin-top: 5px;
			margin-left: 80px;
			padding:10px;
			font-size:30px;
			font-weight:700;
			background-color:#fff;
			width:600px;
		}
		#status{
			margin-top: 20px;
			font-size:19px;
		}

#hr{
	float:left;
	width:100%;
}
hr{
	border: 0;
	height: 5px;
	background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.8),rgba(0,0,0,0.0));
	padding:0px;

	} 
	#ordnung{
		width:80%;
		//height:50vh;
		padding:100px;
		font-size:25px;
		
		
	}
	#pruefungsordnung{
		
		padding-left:100px;
		padding-right:100px;
		padding-top:50px;
		font-size:25px;
		line-height:1.5;
		
	}
		#auswertung{
		padding-top:80px;
		padding-left:120px;
		padding-bottom:30px;
		font-size:25px;
		float:left;
	}
.durchgestrichen { text-decoration:line-through; }


.rot {color:#d71503;	float:left;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;}
	
	.rot-status {color:#d71503;	
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;}
	
.rot-frage{color:#d71503;	float:left;
	
	
	margin-right:10px;}
	
.gruen{color:#1d9908;	float:left;
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;}
	
	.gruen-frage{color:#1d9908;	float:left;

	margin-right:10px;}
	
	.gruen-status{color:#1d9908;	
	margin-left:10px;
	padding-left:10px;
	margin-right:10px;}
	
.pruefung-frage{
	height:20px;
}



#auswertung-frage{
	
}
#auswertung-antwort{
	/*float:left;
	margin-left:10px;
	padding-left:10px;*/
	display:flex;
}

#frage{
	
	
	width:80%;
	float:left;
}
.container{
	width:100%;
	float:left;
	margin-top:25px;
	margin-bottom:5px;
}
#pruefung{
	margin-top:20px;
	padding-left:100px;
	padding-right:100px;
	float:left;
	font-size:20px;
	width:80%;
	float:left;	
	
}
#content-main-pruefung{
	width:100%;
	float:left;
	min-height:0.8vh;
}


#details{
	font-size:22px;
	
	
}

@media (max-width: 991px) {
  #header-text{
	  width:100%;
	  font-size:30px;
	  padding-right:10px;
	}
  #pruefungsparameter{
	  margin-top:50px;
	 
  }
    #poweredby{
	  font-size:14px;
	  height:30px;
  }
    #content-main{
	  margin-top:50px;
  }
    video{
	  width:100%;
  }
    #titel{
	  margin-left:10px;
  }
}

@media (max-width: 759px) {
    #header-text{
	  width:100%;
	  font-size:30px;
	  padding-right:5px;
  }
    #pruefungsparameter{
	  margin-top:50px;
  }
    #poweredby{
	  font-size:14px;
	  
  }
    #footer{
	  height:40px;
  }
    #pruefung{
	  padding-left:20px;
  }
    #content-main{
	  margin-top:50px;
  }
    video{
	  width:510px;
  }
    #video-container{
	height: auto;
  }
    #titel{
	  margin-left:5px;
	  width:510px;
  }
    #logo{
	  width:680px;
	  height:78px;
	  height:78px;
	  background-size:contain;
  }
    #pruefungsordnung{
	  padding-top:70px;
	  padding-left:30px;
	  
  }
    #auswertung{
		padding-top:60px;
		padding-left:10px;
		font-size:20px;
  }
}


@media (max-width: 479px) {
    #header-text{
	  width:100%;
	  font-size:20px;
	  padding-right:1px:
  }
    #pruefungsparameter{
	  margin-top:50px;
  }
  #poweredby{
	  font-size:14px;
	  
  }
  #footer{
	  height:40px;
  }
  #pruefung{
	  padding-left:10px;
  }
  #content-main{
	  margin-top:50px;
  }
  video{
	  width:400px;
	  
  }
  #video-container{
	height: auto;
  }
  #titel{
	  margin-left:1px;
	  width:400px;
  }
  #logo{
	  width:680px;
	  height:50px;
	  background-size:contain;
  }
  #pruefungsordnung{
	  padding-top:50px;
	  padding-left:10px;
	  
  }
  #auswertung{
		padding-top:60px;
		padding-left:10px;
		font-size:20px;
  }
}