body{width:100%;margin: 0px;padding: 0px;min-height: 100%;	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;}
#header{
	
	width:100%; 
	height:100px;
	float:left;
	/*position: fixed; top:0px;*/
	z-index:997;
	/*border-bottom:6px dotted #ddd;*/
}

	#logo{
		margin: 12px auto;
		width:300px;
		height:145px;
		background-image:url("https://dg.vi2mind.25h4u.com/img/logo.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	}
	#schulung-ueberschrift{
		
	margin-bottom:4px;
		
	}
	
	#lizenz-historie{
		
			float:left;	
		margin-left: 80px;		
		
	}
	
/*Menü*/
	#main-menu{
		margin-top:15px;
		margin-left: 70px;
		padding: 10px;
		font-size:20px;
		position: fixed; top:77px;
		background-color:white;
		z-index:998;

	}
	#main-menu-element{

		float:left;	
		margin-left: 80px;		
	}
	
	#main-menu-element a{ 
		color:#999999;
		font-weight:400;
	}
	
	#main-menu-element-select{
	
		float:left;
		margin-left: 80px;
	}
	#main-menu-element-select a{
		color:#111111;
		font-weight:500;
	}
	
#titel-dievideos{
	font-size:20px;
	text-align:center;
	font-weight:600;
	float: left;
	width: 100%;		
	
}


#image-login{
	background-image:url("https://education.nordwind-group.com/img/E-Learning_Hintergrund.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 	
	height:100vh;
	
}
#image-login2{
	background-image:url("https://education.nordwind-group.com/img/e-learning.png");	
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: center; 	
	height:10vw;
	position:fixed;
	width:100%;
	top:27vh;
}


#content{
	min-width:100%;
	height:85.0vh;

	float:left;

}
	#login{
		margin: auto;
		width: 300px;
		border: 0px solid;
		/*padding: 10px;*/
		text-align:left;
		/*margin-left:40%;	*/
		margin-top:50vh;
	}
	#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:5px;*/
		
	}
	
	#poweredby1 {color:#aaa;float:left;padding:10px;padding-left:25px;}
	#poweredby a{color:#fff;}
	#poweredby {color:#fff; float:right;}
	#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;
		}
		
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;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;
		margin-top:120px;
	}
	#schulung-auswahl{
		min-width:100%;	
		
		
		float:left;
	}
		#video-container{
			height:540px;
			float:left;
		}
		#video-titel-container{
			float:left;
			margin-left: 80px;
			
		}
	
		#video
		{

		}
		#titel{
			margin:10px;
			padding:10px;
			font-size:18px;
			font-weight:700;
			background-color:#fcfcfc;
			width:475px;
			height:515px;
			border:1px solid #cccccc;
			border-radius: 5px;
			float:left;
		
			
		}
		#titel-top{
			margin-top: 5px;
			
			
			font-size:30px;
			font-weight:700;
			background-color:#fff;
			/*width:700px;*/
			/*height:100px;*/
			/*background-image:url("https://education.25h4u.com/vorschau/img/Layover-Education_GRAU_link.png");*/
		}
		#status{
			margin-top: 20px;
			font-size:19px;
		}
		#status-top{
			padding-top: 10px;
			padding-bottom:10px;
			padding-left:5px;
			font-size:45px;
			font-weight:400;
			color:#ddd;
		}

#hr{
	float:left;
	width:100%;
}
#details1{padding-left:10px;padding-top:8px;font-size:25px;font-weight:400;}
#details2{padding-left:10px;padding-top:1px;font-size:18px;font-weight:400;}
#details3{padding-left:10px;padding-top:15px;font-size:18px;font-weight:400;}
#details4{padding-left:10px;padding-top:4px;font-size:18px;font-weight:400;}
#details5{padding-left:10px;padding-top:15px;font-size:18px;font-weight:600;}
#details6{padding-left:10px;padding-top:5px;font-size:18px;font-weight:500;}
#details7{padding-left:10px;padding-top:5px;font-size:18px;font-weight:500;}







hr{
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right,rgba(0,0,0,0.1),rgba(0,0,0,0.5),rgba(0,0,0,0.1));
	padding:0px;

	} 
	#ordnung{
		width:80%;
		//height:50vh;
		padding:100px;
		font-size:25px;
		
		
	}
	#pruefungsordnung{
		
		padding-left:100px;
		padding-right:100px;
		padding-top:100px;
		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) {
	#logo{	
	/*width:700px;*/
}
  #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:650px;
	  height:78px;
	  height:78px;
	  background-size:contain;
	  background-position:left;
	  margin-left:15px;
	
  }
    #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;
	  float:left;
  }
  #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;
  }
}