/* Portrait */
@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
{
  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: #371F54;
	background-size: cover;
	background-size: 125%;
  }
  
  #wrapper {
	width:760px;
	/*background-color: rgba(0,0,0,0.3);*/
	margin:50px auto;
	padding:25px;
  }
  
  .logo {
	width:500px;
	height:500px;
	margin:0 auto;
  }
  
  img.logo-img {
	width:500px;
	height:500px;
	
  }
  
  form {
	margin-top:10px;
	width:720px;
	text-align:center;
  }
  
  .form-group {
	width:720px;
	padding:10px;
	color:#ffffff;
  }
  
  input {
	
  }
  
  input.form-control {
	margin:50px auto 10px auto!important;
	padding:25px 100px 25px 100px;
	width:520px;
	height:120px;
	border-radius: 25px;
	font-size:48px;
	display:block;
	text-align:center;
	color:#ffffff;
	background-color:rgba(0,0,0,0.1);
	border:solid #ffffff 5px;
  }
  
  input.btn.btn-primary {
	margin:50px auto 50px auto!important;
	padding:25px 50px;
	width:300px;
	height:120px;
	border-radius: 50px;
	font-size:48px;
	display:block;
	text-align:center;
	border:none;
  }
  
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
  font-size:48px;
  }
  
  span.invalid-feedback {
	font-size:48px;
	padding-left:20px;
	color:#ffffff;
  }
  
  .fas {
	float: left;
	margin-left: 40px;
	margin-top: -128px;
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size:54px;
    }
	
   p.registreren {
    font-size:48px;
	color:#ffffff;
   }
   
   a.registreren {
	font-size:48px;
	color:#ffffff;
	text-decoration: underline;
   }
}