.mobile {
  position: absolute;
  width: 100%;

  background-color: #000;

}
.mobile div {
  display: none;
  margin-top:42px;
}
.mobile button {
  position: relative;
  float:right;
  margin-right:30px;
  border: 0;
  text-indent: -9000px;
  overflow: hidden;
  background: rgba(0,0,0,1) url("https://www.genueser-schiff.de/external/siteimages/menuicon/icon_menu.png") 0 0 no-repeat;
  background-size: cover;
  border: 0px solid #ddd;
  border-radius: 0px;
  /*background-size: 80%;*/
  width: 41px;
  height: 41px;
  outline: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.mobile button.expanded {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  border: 0;
}

.mobile ul{
    float:right;
    margin:0 4px 0 0;
  border:0px #cc0000 solid;
}
.mobile li{

  display: inline-block;
  margin:0 2px 0 0;
  padding:0;

}
.mobile li a{
  padding:0;
  margin:0;
  border:0;
  line-height: 0;
}

.mobile a {
  display: block;
}
.mobile ul li img {
  width:41px;
}

.mobile ul li img.long {
  width:82px;
}

.mobile a {
 background: #000;
  text-align: left;
  padding: 10px 10px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.mobile a:hover,
.mobile a:active,
.mobile a:focus {
  /* background: #e7e7e7;moet anders*/
}


.mobile a.home:hover,.mobile a.home.selected,.mobile a.literatur-am-meer:hover,.mobile a.literatur-am-meer.selected{
color:#b99f1d;
}

.mobile a.zimmer:hover,.mobile a.zimmer.selected,.mobile a.arrangements:hover,.mobile a.arrangements.selected{
color:#aa5320;
}

.mobile a.ferienwohnungen:hover,.mobile a.ferienwohnungen.selected,.mobile a.business:hover,.mobile a.business.selected{
color:#6aa0bc;
}

.mobile a.essen-trinken:hover,.mobile a.essen-trinken.selected,.mobile a.freizeit:hover,.mobile a.freizeit.selected{
color:#80953c;
}


 @media screen and (max-width: 480px) {


}

@media screen and (max-width: 439px) {

 
.mobile div {
  margin-top:31px;
}
 .mobile button {
width: 30px;
height: 30px;
margin-right:0px;
}  
   

.mobile ul li img {
  width:30px;
}
.mobile ul li img.long {
  width:60px;
}

    }
