header{
    height:120px;
}
header > a{
    position:absolute;
    top:20px;
    left:20px;
}
#hamburger{
    display:block;
    position:absolute;
    top:85px;
    left:87vW;
    width:35px;
    height:27px;
    border-radius:4px;
    background-color:rgba(255,255,255,0.8);
}
#hamburger:after{
    position:absolute;
    top:3px;
    left:3px;
    content: " ";
    display:block;
    height:4px;
    width:30px;
    border-top:4px solid #808080;
    border-bottom:4px solid #808080;
}
#hamburger:before{
    position:absolute;
    top:18px;
    left:3px;
    content: " ";
    display:block;
    height:1px;
    width:30px;
    border-bottom:4px solid #808080;
}
header h1{
    font-size:2.2rem;
    line-height:2.0rem;
}
header h1 span{
    font-size:0.7em;
    letter-spacing:1px;
}
header nav{
    width: 100vW;
    position:fixed;
    left:0px;
    height:100vH;
    background-color:rgba(0,0,0,0.7);
    z-index: 10000;
    transition:all 1s;
    margin-left:-110vW;
}
header nav.aktiv{
    margin-left:0px;
}
header nav a{
    padding:4px 15px;
    font-size:2rem;
    color:#fff;
    display:block;
    text-align:left;
}
header nav a:first-of-type{
    margin-top:20vH;
}
section{
    margin-top:140px;
    min-height:calc(100vH - 295px);
    border-radius:0px;
}
footer nav{
    padding:0px 5px;
    text-align:left;
}
footer nav a{
    font-size:0.7rem;
    padding:0px 6px;
    vertical-align: top;
}
form{
    width:88vW;
}
form article,form article > aside{
            display:block;
            width:95%;
}
label,label.m{
    display:block;
}
form article aside:first-of-type select{
    width:98%;    
}
div.row{
    width:95%;
    padding-left:0%;
    line-height:20px;
}
input[type=range]{
    width:75%;
    vertical-align: middle;
}
input,textarea{
    width:90%;
}