/* Portrait */
@media only screen 
  and (min-device-width: 1281px)
  and (-webkit-min-device-pixel-ratio: 1)
{
  html {
	margin:0px;
	padding:0px;
	width:100%;
  }
  body {
	margin:0px;
	padding:0px;
	width:100%;
	background-image: url("../../Content/Application/Phone/Images/bg-login.png");
	background-color: #cccccc;
	background-size: cover;
	background-size: 100%;
  }
  
  #wrapper {
	width:760px;
	/*background-color: rgba(0,0,0,0.3);*/
	margin:10px auto;
	padding:25px;
  }
  
  .logo {
	width:200px;
	height:200px;
	margin:0 auto;
  }
  
  img.logo-img {
	width:200px;
	height:200px;
	
  }
  
  form {
	margin:0px auto;
	width:460px;
	text-align:center;
  }
  
  .form-group {
	width:400px;
	padding:10px;
	color:#ffffff;
	margin: 0 auto;
  }
  
  input {
	
  }
  
  input.form-control {
	margin:5px auto 5px auto!important;
	padding:5px 50px 5px 50px;
	width:300px;
	height:60px;
	border-radius: 25px;
	font-size:24px;
	display:block;
	text-align:center;
	color:#ffffff;
	background-color:rgba(0,0,0,0.2);
	border:solid #ffffff 2px;
  }
  
  input.btn.btn-primary {
	margin:10px auto 10px auto!important;
	width:120px;
	height:60px;
	border-radius: 50px;
	font-size:24px;
	display:block;
	text-align:center;
	border:none;
	cursor: pointer;
  }
  
    input.btn.btn-primary:hover {
	background-color:red;
	color:white;
	cursor: pointer;
  }
  
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
  font-size:24px;
  }
  
  span.invalid-feedback {
	font-size:16px;
	padding-left:20px;
	color:#ffffff;
  }
  
  .fas {
	float: left;
	margin-left: 40px;
	margin-top: -60px;
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size:32px;
    }
	
   p.registreren {
    font-size:18px;
	color:#ffffff;
   }
   
   a.registreren {
	font-size:18px;
	color:#ffffff;
	text-decoration: underline;
   }
}