body {
    padding:0;
    margin:0;
    background:#34495e;
    font-family:Cairo;
}

#container{
    width:800px;
    background:white;
    margin-left:calc(50% - 400px);
    border-radius:6px;
    overflow:hidden;
    background:#2c3e50;
    margin-top:-50px;
}
#container nav{
    height:60px;
    width:100%;
    float:left;
    display:flex;
    margin-bottom:20px;
}
#container nav ul{
    display:flex;
    align-items:right;
    margin:0;
    padding:0;
    height:60px;
    overflow:hidden;
    width:100%;
}
#container nav ul li{
    color:white;
    margin-left:30px;
    font-size:16px;
    display:flex;
    line-height:60px;
    cursor:pointer;
}

#container section{
    width:calc(100% - 20px);
    margin:10px;
    float:left;
    color:white;
    font-size:20px;
    text-align:center;
}

#inconstruction{
    width:800px;
    height:450px;
    background-image: url(../../src/images/wartung.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left:calc(50% - 400px);
    margin-top:-50px;
}
#logo{
    width:300px;
    height:150px;
    margin-top:20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../src/images/logo.png);
    margin-left:calc(50% - 150px);
}
.darkinput{
    color: #dcdcdc;
    background-color: #141419;
    border-width: 1px;
    border-color: #333541;
    position: relative;
    font-size: 0.8125em;
    z-index: 10;
    width:100%;
    padding:1em;
    height:3em;
    outline:0;
    margin:1em;
}

.darkbutton{
    outline:0;
    border:0;
    height: 1.8em;
    background:#ffde00;
    color:black;
    line-height: 1.8em;
    padding: 0 1em;
    font-size: 1.2em;
    cursor: pointer;
    transition: background 0.4s;
    text-align:center;
}
.darkbutton.deactive{
    opacity:0.5;
}
.darkbutton:hover{
    background:#fff;
    color:black;
}
.darkbutton.deactive:hover{
    background:#ffde00;
    color:black;
}

#fregister{
    background:#ffde00;
    color:black;
    padding:10px;
    text-align: center;
    position: fixed;
    left:10px;
    bottom:10px;
    cursor:pointer;
    transition: all 0.4s;
}
#fregister a{
    color:black;
    text-decoration: none;
    transition: all 0.4s;
}
#fregister:hover a{
    color:#ffde00;
}

#fregister:hover{
    background:black;
    color:#ffde00;
}