/* Login */

.Login{
  position:relative;
  width:100%;
   margin:0px auto;
  margin-top: 50px;
  margin-bottom:0px;
  height:100%;
 
  background-image:url('../img/background/login/login_max.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.Login .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}


.Login .element{
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
 /*  background:white;*/

}

.Login .element .content{
  position:relative;
  margin:50px 80px  auto;
  width:500px;
  float:right;
  height:350px;
  /* background:white;*/
  }

.Login .element .content font{
 position:relative;
 padding: 30px 213px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element .content hr{

  position:relative;
  width:350px;
  margin:30px 0 0 80px;
  margin:30px 0 0 80px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element .content_Form{

 margin:30px;
}

.Login .element .content input[type=text]{

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content input[type=submit] {

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content textarea{

  width:450px;
  height:283px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}


/* Registrierung */

.Login .element_R{
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
  /* background:white;*/

}

.Login .element_R .content_R{
  position:relative;
  margin:50px 70px  auto;
  width:500px;
  float:left;
  height:350px;
  /* background:white; */
  }

.Login .element_R .content_R font{
 position:relative;
 padding: 30px 150px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element_R .content_R hr{

  position:relative;
  width:350px;
  margin:30px 0 0 50px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element_R .content_R input[type=text]{

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R input[type=submit] {

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R textarea{

  width:450px;
  height:283px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login_logo{
 position:relative;
  width:100px;
  height:100px;
  top: -600px;
  left: 40%;

}

.Login .element .content .mobil{
	display:none;
}

@media only screen and (max-width: 1030px) {


.Login{
  position:relative;
  width:100%;
   margin:0px auto;
  margin-top: 50px;
  margin-bottom:0px;
  height:100%;
  background-image:url('../img/background/login/login_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Login .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}


.Login .element{
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
 /*  background:white;*/

}

.Login .element .content{
  position:relative;
  margin:50px 80px  auto;
  width:500px;
  float:left;
  height:250px;
  /* background:white;*/
  }

.Login .element .content font{
 position:relative;
 padding: 30px 170px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element .content hr{

  position:relative;
  width:310px;
  margin:30px 0 0 50px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element .content_Form{

 margin:30px;
}

.Login .element .content input[type=text]{

  width:350px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content input[type=submit] {

  width:350px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content textarea{

  width:350px;
  height:283px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}


/* Registrierung */

.Login .element_R{
  width: 50%;
  float:right;
  height: 500px;
  position:relative;
  margin: 0 auto;
  /* background:white;*/

}

.Login .element_R .content_R{
  position:relative;
  margin:50px -10px  auto;
  width:500px;
  float:right;
  height:350px;
  /* background:white; */
  }

.Login .element_R .content_R font{
 position:relative;
 padding: 30px 90px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element_R .content_R hr{

  position:relative;
  width:320px;
  margin:30px 0 0 10px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element_R .content_R input[type=text]{

  width:350px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R input[type=submit] {

  width:350px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R textarea{

  width:350px;
  height:283px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login_logo{
  position:relative;
  width:100px;
  height:100px;
  margin:0 auto;
  /*top: -400px;*/
  left: 40%;

}
	
	
}

@media screen and (min-width: 640px) and (max-width: 799px) {


.Login{
  position:relative;
  width:100%;
   margin:0px auto;
  margin-top: 50px;
  margin-bottom:0px;
  height:100%;
  background-image:url('../img/background/login/login_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.Login .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}


.Login .element{
  
  width: 100%;
  float:left;
  height: 100%;
  position:relative;
  margin: 0 auto;
  

}

.Login .element .content{
  position:relative;
  width:100%;
  height:100%;
  margin: 0 auto;
    
  }

.Login .element .content font{
  position:relative;
  font-size:36px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;
  text-align: center;
  margin: 0 auto;
  top:10px;
  left:110px;
  
}

.Login .element .content hr{

  position:relative;
  width:230px;
  margin:10px 0 0 45px;
   background-color: white;
  height: 1px;
  border:0;
  margin:0 auto;
  top:10px;
}

.Login .element .content_Form{
  width:300px;
  overflow:hidden;
  height:auto;
  margin: -15px auto;
}

.Login .element .content input[type=text]{

  width:300px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content input[type=submit] {

  width:300px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content textarea{

  width:300px;
  height:283px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content .mobil{
	display:inline;
	
}

.Login .element .content .mobil p{
  position:relative;
  width:280px;
  margin:0 auto;
  font-size:11px;
  color:white;
  line-height:1.2;
  font-weight:400;
  left:10px;
	
}


/* Registrierung */

.Login .element_R{
  display:none;
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
  /* background:white;*/

}

.Login .element_R .content_R{
  position:relative;
  margin:50px 70px  auto;
  width:500px;
  float:left;
  height:350px;
  /* background:white; */
  }

.Login .element_R .content_R font{
 position:relative;
 padding: 30px 150px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element_R .content_R hr{

  position:relative;
  width:350px;
  margin:30px 0 0 50px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element_R .content_R input[type=text]{

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R input[type=submit] {

  width:485px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R textarea{

  width:450px;
  height:283px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login_logo{
  position:relative;
  width:100px;
  height:100px;
  top: -400px;
  left: 40%;

}
	
	
}

@media screen and (min-width: 350px) and (max-width: 639px) {


.Login{
	
  position:relative;
  width:100%;
   margin:0px auto;
  margin-top: 50px;
  margin-bottom:0px;
  height:100%;
  
  background-image:url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.Login .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
}


.Login .element{
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
 /*  background:white;*/

}

.Login .element .content{
  position:relative;
  margin:50px 30px  auto;
  width:500px;
  float:left;
  height:350px;
  /* background:white;*/
  }

.Login .element .content font{
 position:relative;
 padding: 30px 120px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element .content hr{

  position:relative;
  width:230px;
  margin:10px 0 0 45px;
   background-color: white;
  height: 1px;
  border:0;
}

.Login .element .content_Form{

 margin:-20px auto;
}

.Login .element .content input[type=text]{

  width:300px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content input[type=submit] {

  width:300px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content textarea{

  width:300px;
  height:283px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content .mobil{
	display:inline;
	
}

.Login .element .content .mobil p{
	
  
  margin-left:30px;
  margin-top:100px;
  font-size:11px;
  color:white;
  line-height:1.2;
  font-weight:400;
	
}


/* Registrierung */

.Login .element_R{
  display:none;
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
  /* background:white;*/

}

.Login .element_R .content_R{
  position:relative;
  margin:50px 70px  auto;
  width:500px;
  float:left;
  height:350px;
  /* background:white; */
  }

.Login .element_R .content_R font{
 position:relative;
 padding: 30px 150px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element_R .content_R hr{

  position:relative;
  width:350px;
  margin:30px 0 0 50px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element_R .content_R input[type=text]{

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R input[type=submit] {

  width:485px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R textarea{

  width:450px;
  height:283px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login_logo{
  position:relative;
  width:100px;
  height:100px;
  top: -400px;
  left: 40%;

}
}

@media screen and (min-width: 0px) and (max-width: 349px) {


.Login{
  
  position:relative;
  width:100%;
  margin:0px auto;
  margin-top: 50px;
  margin-bottom:0px;
  height:100%;
  
  background-image:url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color:;
}

.Login .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
}


.Login .element{
  width: 100%;
  /*float:left;*/
  height: 500px;
  /*position:relative;*/
  margin: 0 -50px auto;
 /*  background:white;*/

}

.Login .element .content{
  /*position:relative;*/
  /*margin:50px 30px  auto;*/
  width:80%;
  float:left;
  height:350px;
   background:;
  }

.Login .element div.content font{
 display:none;
 position:fixed;
 width:0px;
 
 height:20px;
   background:red;
}

.Login .element div.content hr{
  display:none;
  margin:15px 0 0 -10px;
  position:relative;
  width:150px;
  background-color: white;
  height: 1px;
  border:5;
}

.Login .element .content_Form{

 margin:-20px auto;
 background-color: ;
}

.Login .element .content input[type=text]{

  width:100%;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  pa*/dding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content input[type=submit] {

  width:100%;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content textarea{

  width:250px;
  height:283px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  padding:15px 0 0 55px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element .content .mobil{
	display:inline;
	
}

.Login .element .content .mobil p{
	
  
  margin-left:5px;
  margin-top:100px;
  font-size:11px;
  color:white;
  line-height:1.2;
  font-weight:400;
	
}


/* Registrierung */

.Login .element_R{
  display:none;
  width: 50%;
  float:left;
  height: 500px;
  position:relative;
  margin: 0 auto;
  /* background:white;*/

}

.Login .element_R .content_R{
  position:relative;
  margin:50px 70px  auto;
  width:500px;
  float:left;
  height:350px;
  /* background:white; */
  }

.Login .element_R .content_R font{
 position:relative;
 padding: 30px 150px;
 margin: 0 auto;
 float: center;
 /* background: white; */
}

.Login .element_R .content_R hr{

  position:relative;
  width:350px;
  margin:30px 0 0 50px;
  background-color: white;
  height: 1px;
  border:0;
}

.Login .element_R .content_R input[type=text]{

  width:450px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R input[type=submit] {

  width:485px;
  height:40px;
  background:white;
  border:0;
  color:black;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login .element_R .content_R textarea{

  width:450px;
  height:283px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  padding:15px 0 0 35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.Login_logo{
  position:relative;
  width:100px;
  height:100px;
  top: -400px;
  left: 40%;

}
	
	
}