/* reset */
* {
  margin: 0;
  padding: 0;
}

#wrapper {
  
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.menu label{
    margin-top: 0px;
}
label {
  cursor: pointer;
}
label:focus {
  outline: none;
}

.menu {
            position: fixed;
            right: 0;
            bottom: 10px;
            margin-top: 5px;
            background: #fff;
            width: 235px;
            z-index: 10;  
            transform: translate3d(240px, 0, 0);
            -webkit-transform: translate3d(240px, 0, 0);
            -moz-transform: translate3d(240px, 0, 0);
            -ms-transform: translate3d(240px, 0, 0);
            -khtml-transform: translate3d(240px, 0, 0);
            -o-transform: translate3d(240px, 0, 0);   
    
            -webkit-transition: transform 0.35s;
            -moz-transition: transform 0.35s;
            -ms-transition: transform 0.35s;    
            -khtml-transition: transform 0.35s;
            -o-transition: transform 0.35s;
            transition: transform 0.35s;
           
   
}
.menu label.menu-toggle {
    
  position: absolute;
    z-index: 50;
  right: 244px;
  width: 60px;
    bottom: 0;
  height: 60px;
  line-height: 0px;
    left: -69px;
  display: block;
  padding: 0;
  text-indent: -9999px;
  background:-webkit-url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  background:-moz-url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  background:-ms-url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  background:-khtml-url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  background:-o-url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  background:url(../images/phone_btn-01.png) 50% /50px 50px  no-repeat;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));
  -moz-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));
  -ms-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));
  -khtml-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));
  -o-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.4));

}
.menu ul li > label {
  background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;
}
.menu ul li a, .menu ul li label {
  display: block;
  text-align: center;
  padding: 0 20px;
  line-height: 60px;
  text-decoration: none;
  color: #000;
     
}
.menu ul{
    padding-top: 25px;
    list-style: none;
    line-height: 100%;
    font-family:  Amatic SC;
    text-align: center;
}
.menu img{
    padding-bottom: 20px;
}
.menu ul li a:hover, .menu ul li label:hover {
  color: #666;
}

/* hide inputs */
.menu-checkbox {
  display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.menu-toggle {
  background: none;
}
#toggle{display: none;}

/* fade in checked menu */
.menu-checkbox:checked + .menu {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
#pxphone img{display: none;}
@media screen and (max-width:870px) {
    #toggle{display: block;}
}

@media screen and (max-width:360px) {
    .menu label.menu-toggle {bottom:20px; }
    }

@media screen and (max-width:320px) {
     
    #toggle img{display: block;
    }
   #anrufen_,#fax_{
        display: inline!important;
    }
}