*{
    max-width:100%;
}
header{
    position: fixed;
    height:140px;
}
header figure, header.stucked figure{
    min-width:80vW;
    max-width:80vW;
    max-height:80px;
    left:10px;
}
header figure img, header.stucked figure img{
    max-height:80%;
}
header h1{
    display:none;
}
main{
    padding-top:140px;
    width:99vW !important;
    display:block;
    padding:130px 15px 30px 15px;
}
main > section, main > section > *{
    display:block;
    width:100% !important;
}
main > section > *{
    margin-bottom:15px;
    display:block;
}
main > section > article{
    display:block;
    width:100%;
}

main > section.col2 > *,main > section.col3 > *{
    width:auto;
}

.offer{
    width:auto;
}
.offer img{
    max-width:100%;
}

#tophome{
    padding-left:20px;
}
#tophome ul li{
    margin-left:10px;
    padding:4px 0px;
}






    form input,form textarea{
        min-width:95%;
    }
    form input[type=submit], form input[type=reset]{
        min-width:95%;
        width:450px;
    }


.icon-menu{
    display:block;
    position: fixed;
    top:20px;
    right:15px;
    z-index:9999;
    width:44px;
    height:40px;
    line-height:37px;
    font-size:40px;
    color:#333333;
    padding:0px;
    border:2px solid #333333;
    border-radius:5px;
    background-color:rgba(255,255,255,0.7);
}

form label:last-of-type{
    display:none;
}
#upload{
    margin-left:0px;
}


header nav{
    display:none;
}
header #burger{
    display:block;
    position:fixed;
    z-index:999;
    right:20px;
    top:10px;
    color:#666699;
    font-size:50px;
    background-color:rgba(255,255,255,0.6);
    border:0px solid #fff;
    border-radius: 10px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}
header.inaktiv figure{
    top:10px;
    left:-35px;
    height:80%;
}
body > main > figure a{
    bottom:100px;
}
body > main > article, body > main > article > aside{
    width:99% !important;
    display: block !important;
    margin: 5px auto !important;
    clear:both;
}
article.col-2 > aside{
    max-width:100%;
    margin-bottom:20px !important;
}
body > main > article > aside div figure{
    clear:both;
    float:none !important;
    text-align:center;
}

#mobilenav{
    display:block;
    position:fixed;
    top:0px;
    left:-100vW;
    z-index:10000;
    width:100vW;
    height:100vH;
    background-color:rgba(0,0,0,0.7);
    line-height:40px;
    transition:all 1s;
    padding-top:35px;
}
#mobilenav.aktiv{
    left:0px;
}
#mobilenav a{
    font-size:1.4rem;
    display:block;
}
#mobilenav li{
    border-bottom: 1px solid #C0C0C0;
    padding-left:30px;
    position:relative;
}
#mobilenav li .icon-chevron-small-down{
    position:absolute;
    right:5px;
    top:0px;
}

#mobilenav .sub{
    padding-left:50px;
}
#mobilenav .sub a{
    font-size:1.3rem;
}
#mobilenav li:hover{
    background-color:rgba(0,0,0,0.6);
}
body > footer{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas: "fleft" "fmiddle" "fright";
    grid-auto-rows: minmax(min-content, max-content);
}
#fleft{
    grid-area: fleft;
    height:auto;
}
#fmiddle{
    grid-area: fmiddle;
    height:auto;
}
#fright{
    grid-area: fright;
    position: relative;
    height:40px;
}
#fright address{
    color:inherit;
    left:15px;
    top:0px;
}
#fright img{
    display:none;
}

#dialog{
    top:0px;
    left:0px;
    width:100vW;
    height:100vH;
    z-index:1001;
    border-radius:0px;
    box-shadow:0px 0px 0px #000;
}
.close{
    top:5px;
    right:20px;
}

.thumb{
    height:100px;
    width:28vW;
}
footer{
    display:none;
}