#section .form-control{
    width:250px;
    height:35px;
}
#section form {
  padding-top: 100px;
  position: relative;
  width: 60%;
  border: solid;
  background: aliceblue;
  box-shadow: 10px 10px 20px 1px;
  margin: 2%;
}
.input{
    width:250px;
    height:35px;
    border-radius: 7px;
    box-shadow:0px 0px 5px rgb(128, 128, 128);  
    font-size: 12px;
    position: relative;
}
#tabEmail{
    margin-left: 200px;   
}

#tabEmail dt ,#tabEmail dd{
    margin: 5px;
}
#tabEmail dl #tabEmail dd {
    display: inline;
    margin: 0;
  }
  #tabEmail dl #tabEmail dd:after{
    display: block;
    content: '';
  }
  #tabEmail dl #tabEmail dt{
    display: inline-block;
    min-width: 100px;
  }
.invalid{
    
    position: relative;
    right: 30px;
    top: 1px;
    width: 24px;
    height: 24px;
  
}   
.valid{ 
    content: '';
    position: relative;
    right: 32px;
    top: 1px;
    width: 24px;
    height: 24px;
    background: url(./../images/valid.jpg);
    background-size: cover;
    z-index: 1000;
}
.btn-default{
  width: 299px;
  height: 55px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 10px 10px 20px;
  font-size: 22px;
  
}
button[type=submit]:focus{
    background-color: rosybrown;
}
button[type=submit]:hover{
    opacity: 0.8;
}
/* .meldung{
    width: 300px;
    height: 150px;
    position: relative;
    background-color: skyblue;
    box-shadow:0px 0px 5px rgb(128, 128, 128); 
    z-index: 1000;
} */

#overlay{
    position: fixed;
    top: 0;
    left: 0;
    background-color: slategray;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

/* Animation für den p text in html im nav */
/* p {
    animation-duration: 1s;
    animation-name: slidein;
  }
  
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  } */