html{
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body{
    position: relative;
    font-family: 'Open Sans', sans-serif;
	background-color: #808080;
    margin: 0;
    padding-bottom: 42px;
    min-height: 100%;
}

.leftbound,
leftbound:hover:not(.active) {
    float: left;
}

.rightbound,
rightbound:hover:not(.active) {
    float: right;
}

.menuimg {
    margin-right: 30px;
}

li a {
    display: block;
    text-align: center;
    text-decoration: none;
}
li div a{
    padding: 14px 16px;
}

li a:hover:not(.active):not(.menuimg):not(.menubtn) {
    background-color: #111;
}

.active {
    background-color: #FF0000;
}

script{
    position: fixed;
}

.google-maps {
    position: relative;
    padding-bottom: 50%; /* This is the aspect ratio*/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
}

.text,
.google-maps,
.wrapper,
p,
.produktliste{
    margin: 10px auto;
    max-width: 1200px;
}

footer {
    position: absolute;
    bottom: 0;
    margin: 0;
	left: 0;
	right: 0;
    width: 100%;
    height: 42px;
    padding: 0px;
    background: #F33;
    border-color: #8a9da8
}

.footer_link{
    color: white
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.menudesktop{
    position: sticky;
    top: 0px;
    width: 100%;
    z-index: 1;
    list-style-type: none;
    overflow: hidden;
    background-color: #333;
    padding: 0;
    margin: auto;
}

.menumobile{
    position: sticky;
    top: 0px;
    z-index: 1;
    list-style-type: none;
    overflow: hidden;
    background-color: #333;
    padding: 0;
    margin: auto;
    display: none;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.logo{
    height: 50px;
}

.logo_eyach{
    height: 50px;
    padding: 3px;
}

a:link{
    color: white;
    text-decoration: none;
}

a:visited{
    color: white;
    text-decoration: none;
}

a:hover{
    color: lightgray;
    text-decoration: none;
}

a:active{
    color: black;
    text-decoration: none;
}

@media (max-width : 610px) {
    .menumobile {display:block;}
    .menudesktop {display:none;}
}

#content { display: none;}