body {
    font-Family: Arial, Helvetica, sans-serif;
    font-size:100%;
    padding:0;
    background-color:#FFF;
    /*max-width:1200px;*/
    margin:auto;
    text-align:center;
}
header {
    display:block;
    max-width:99%;
    margin-top:4px;
    margin-left:auto;margin-right:auto;
    height:115px;
    min-width:225px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('../img/headerLogo_Mobile.jpg');
    overflow:hidden;
}

nav {
    width:100%;
    vertical-align: top;
    padding-top:0.5em;
    display:inline-block;
    clear:both;
}
nav .mobilebutton {
    display:none;
    font-size:2em;
    margin:0;padding:0;
}
nav .mobilebutton a {
    text-decoration:none;
    font-weight:bolder;
    color:#000;
}
nav ul {
    list-style:none;
}
nav .mainnav {
    padding-top:0.5em;
}
nav .mainnav ul {
    margin:0;
    padding:0;
    list-style: square;
}
nav .mainnav ul li {
    display:inline-block;
    min-width:48px;
    padding: 0.5em 1.5em 0.5em 1.5em;
    background-color:#FFF;
    transition:background 0.2s;
    -webkit-transition: background 0.2s; 
}
nav .mainnav ul li.mnla {
    border-right:1px solid #000;    
}
nav .mainnav ul li a {
    font-weight:bold;
    text-decoration:none;
    color:#000;
}

nav .mainnav ul li .active {
    border-bottom:1px solid #000;
}

nav .mainnav ul li:hover {
    background:rgb(65, 224, 78);
}
footer {
    padding-top:2em;
    font-size:0.7em;
    text-align:center;
}

article {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
}
.prod {
    vertical-align:top;
    display:inline-block;
    max-width:200px;
    margin:1em;
    padding:1em;
    border:2px solid #16a40c ;
    border-radius:25px;
    text-align:center;
}


.prod h1 {
    font-size:1em;
    font-weight:bolder;
}
.prod img {
    border:1px solid rgb(160, 159, 159);
    border-radius:80px;
}
.bezug{
    vertical-align: top;
    display: inline-block;
    max-width: 200px;
    margin: 1em;
    padding: 1em;
    border: 2px solid #16a40c;
    border-radius: 25px;
    text-align: center;
}
.bezug h1 {
    font-size:1em;
    font-weight:bolder;
}
.bezug img {
    display:block;
    margin-left:auto;margin-right:auto;
    margin-top:1em;margin-bottom:1em;
    max-width:200px;
    max-height:200px;
    border:1px solid rgb(160, 159, 159);
    border-radius:80px;
}
.impr{
    vertical-align: top;
    display: inline-block;
    max-width: 500px;
    margin: 1em;
    padding: 1em;
    border: 2px solid #16a40c;
    border-radius: 25px;
    text-align: center;
}
.impr h1 {
    font-size:1em;
    font-weight:bolder;
    padding:0;
    margin:0;
}
/* Normal */
@media screen and (min-width:1063px){
    header {
        background-image:url('../img/headerLogo.jpg');
        height:225px;
    }
}
/* Mobile */
@media screen and (max-width:760px) {
    body {
        font-size:70%;
    }
    nav .mobilebutton {
        display:block;
    }
    nav .mainnav {
        display:none;
        height:auto;
    }
    nav .mainnav ul li {
        display:block;

    }
    nav .mainnav ul {
        padding: 0.5em;
    }

}