@font-face {

  font-family: Lato-Light;

  src: url(../fonts/Lato-Light.ttf);

}



:root {

  --input-padding-x: 1.5rem;

  --input-padding-y: .75rem;

}

.companyLogo
{
  height: 50px;
}


body {

  line-height: 0.5!important;
  background: #013c76;

  background: linear-gradient(to right, #0062E6, #33AEFF);

  font-family: Lato-Light;

}



#bg {

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  width: 100vw;

  background: url(../img/mpl_Hintergrund.png) no-repeat center center fixed;


  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  filter: brightness(0.4);

  z-index: 1;

}



#pw-vergessen {

  color: grey;

  text-decoration: underline;

}



.card-body > .d-flex > .logo-link > img, .card-body > .d-flex > .logo-link {

  max-height: 60px;

  max-width: 200px;

  display: block;

}



.card {

  z-index: 5;

}



.card-signin {

  border: 0;

  border-radius: 0;

  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);

}



.card-signin .card-title {

  margin-bottom: 2rem;

  font-weight: 300;

  font-size: 1.5rem;

}

.card-signin{

}

#error-container {
  line-height: 18px;
}

.card-signin .card-body {

  padding: 2rem;

  -webkit-box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.75);

  box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.75);

  border: 1px solid black;

}



.sub-title {

  text-align: center;

}



.form-signin {

  width: 100%;

}



.form-signin .btn {

  font-size: 80%;

  border-radius: 0.7rem;

  letter-spacing: .1rem;

  font-weight: bold;

  padding: 0.5rem 1.5rem;

  transition: all 0.2s;

  background-color: #013c76;
  
  border-color: #013c76;

  width: auto;

}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #013c76;
    border-color: #013c77;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #013c76;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem #013c76;
}




.form-label-group {

  position: relative;

  margin-bottom: 1rem;

}



.form-label-group input {

  height: auto;

  border-radius: 0;

}



.form-label-group>input,

.form-label-group>label {
line-height: 1.5!important;
  padding: var(--input-padding-y) var(--input-padding-x);

}



.form-label-group>label {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  margin-bottom: 0;

  /* Override default `<label>` margin */

  line-height: 0.5;

  color: #495057;

  border: 1px solid transparent;

  border-radius: .25rem;

  transition: all .1s ease-in-out;

}



.form-label-group input::-webkit-input-placeholder {

  color: transparent;

}



.form-label-group input:-ms-input-placeholder {

  color: transparent;

}



.form-label-group input::-ms-input-placeholder {

  color: transparent;

}



.form-label-group input::-moz-placeholder {

  color: transparent;

}



.form-label-group input::placeholder {

  color: transparent;

}



.form-label-group input:not(:placeholder-shown) {

  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

  padding-bottom: calc(var(--input-padding-y) / 3);

}



.form-label-group input:not(:placeholder-shown)~label {

  padding-top: calc(var(--input-padding-y) / 3);

  padding-bottom: calc(var(--input-padding-y) / 3);

  font-size: 12px;

  color: #777;

}



.btn-google {

  color: white;

  background-color: #ea4335;

}



.btn-facebook {

  color: white;

  background-color: #3b5998;

}



.vh100 {

  height: 100vh;

}



/* Fallback for Edge

-------------------------------------------------- */



@supports (-ms-ime-align: auto) {

  .form-label-group>label {

    display: none;

  }

  .form-label-group input::-ms-input-placeholder {

    color: #777;

  }

}



/* Fallback for IE

-------------------------------------------------- */



@media all and (-ms-high-contrast: none),

(-ms-high-contrast: active) {

  .form-label-group>label {

    display: none;

  }

  .form-label-group input:-ms-input-placeholder {

    color: #777;

  }

}