html, body{
     margin:0;
     height:100%;
     background-color: #074c9b;
     font-family: Helvetica,Sans-serif;
     letter-spacing:1px;
     color:#fff;
     background: #bdc3c7;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(-45deg, #bdc3c7, #2c3e50);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(-45deg, #bdc3c7, #2c3e50);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 .background-image {
     position: fixed;
     left: 0;
     right: 0;
     width:100%;
     height:100%;
     z-index: 1;
     display: block;
     background-image: url('background.jpg');
     background-size:cover;
     -webkit-filter: blur(3px);
     -moz-filter: blur(3px);
     -o-filter: blur(3px);
     -ms-filter: blur(3px);
     filter: blur(3px);
}
 .wrapper{
     width:100%;
     margin:auto;
     position:relative;
}
 @media screen and (min-width: 1024px) {
     .content{
         width:100%;
    }
     .wrapper{
         width:1024px;
    }
}
 #header{
     width:100%;
     position:fixed;
     top:0;
     height:75px;
     background-color:#074C9B;
     border-bottom:3px solid #074C9B;
     z-index:666;
}
 #header img{
     padding:8px;
     display: block;
     width:60px;
     height:60px;
}

 .firmenname{
     font-size: 30px;
     margin: auto;
     margin-top: auto;
     position: relative;
     width: 300px;
     margin-top: -56px;
     text-align: center;
}
 .container{
     font-size:10px;
     color:#fff;
     width:100%;
     min-height:100%;
     z-index:3;
     position:relative;
     display:block;
}
 .registerform{
     width:80%;
     max-width:500px;
     margin:auto;
     margin-top:80px;
     position:relative;
}
 label{
     display: block;
     padding: 0 6px 3px;
}
 input{
     font-size: 1.1em;
     padding: 12px 15px;
     width:100%;
     max-width:470px;
     color: #666459;
     margin-bottom:20px;
     background: #efeee6;
     border: 1px solid #fff;
     border-radius: 2px;
     outline: 0;
}
 @media screen and (max-width: 729px) {
     .registerform{
         width:90%;
    }
     input{
         font-size: 1.1em;
         padding: 12px 15px;
         max-width: 89%;
    }
     #header img{
         margin-top: 9px;
         width: 45px;
         height: 45px;
    }
     .firmenname{
         font-size: 18px;
         margin: auto;
         margin-top: auto;
         position: relative;
         width: 300px;
         margin-top: -42px;
         text-align: center;
    }
}
 button{
     font-size: 1.1em;
     padding: 12px 15px;
     width:40%;
     color: #666459;
     margin-bottom:30px;
     background: #EFEFEF;
     border: 1px solid #fff;
     border-radius: 2px;
     outline: 0;
}
 button:hover{
     color: #fff;
     background: #074C9B;
     cursor:pointer;
}
 .outer {
     display: table;
     position: absolute;
     height: 100%;
     width: 100%;
}
 .middle {
     display: table-cell;
     vertical-align: middle;
}
 .inner {
     margin-left: auto;
     margin-right: auto;
     margin-top:200px;
}
 .content{
     width:85%;
     max-width:984px;
     padding:20px;
     background-color:white;
     margin:auto;
     position:relative;
     border-radius:2px;
     min-height:200px;
     opacity: 0.9;
     color:#444;
     font-size:13px;
     line-height:18px;
}

.logo{
  width: 60px;
  height: 60px;
}

 #footer{
     width:100%;
     position:relative;
     height:50px;
     background-color:#074C9B;
     z-index:666;
     border-top:3px solid #074C9B;
     text-align:center;
}

.footer-link{
      color:#fff;
}

 #footer span{
     font-size:13px;
     display:block;
     margin-top:15px;
}