body{
background-image:url(../images/bg/bg_body_mobile.jpg)
}

#container{
margin:130px 0 85px 0
}

#menu{
float:none;
width:100%;
height:auto;
margin:0 auto 1em auto;
padding:0;
box-sizing:border-box
}

.menudiv{
float:left;
width:49%;
margin:0 .5% 10px .5%;
box-sizing:border-box;
}

a.menu,a.menuactive{
box-sizing:border-box;
margin:0;
width:100%;
height:50px;
padding:0;
font-size:10pt;
text-align:center;
box-shadow:none;
align-items:center;
justify-content:center
}

a.menu:hover,a.menuactive{
background-image:none
}

h1{
font-size:40px;
}

h2{
font-size:30px;
}

#header{
position:relative
}

#logo{
width:200px;
height:auto;
position:absolute;
left:15px;
top:0;
margin:0;
padding:0;
float:none
}

#logo img,#lotti_head img{
width:100%
}

#lotti_head{
position:absolute;
top:15px;
right:15px;
width:80px
}

#top{
float:none;
width:100%;
text-align:center;
padding:0;
margin:10px 0 0 0;
position:absolute;
top:70px;
left:0;
right:0
}

#lotti{
display:none
}

#container{
width:100%;
padding:20px;
box-sizing:border-box
}


#unterstuetzung{
margin:0 auto 1em auto;
float:none;
}

.oeffnungszeiten tr:first-child td{
padding:10px 5px 5px 5px;
}
.oeffnungszeiten tr:last-child td{
padding:5px 5px 10px 5px;
}

.oeffnungszeiten td{
padding:5px;
vertical-align:top;
}

.oeffnungszeiten td:nth-child(1){
min-width:0;
}

.oeffnungszeiten td:nth-child(2){
min-width:150px;
}

#genusstraum,#fondue-waerchstatt{
margin:2em 0 0 0;
}

#genuss_kooperation{
top:-40px;
left:-15px
}

#genuss_title,#fondue_title{
position:static;
}

.mobile_break{
display:block;
height:.25em;
}

#fondue-menue{
max-width:200px;
margin:1em auto 3em auto;
}