.header-mobile { display: block; position: relative; z-index: 100; }

.justify-between { align-content: space-between; }

#header{
  position: relative;
   width: 100%;
     padding: 40px 0px;
     background: #FFF;

    }

.sticky-header {
  position: fixed;
  z-index: 10000;
  width: 100%; top: 0px; left: 0px;
  height: 120px;
  background: #FFF; display: block;
}

.logo_box{
  margin-top:30px;
 width: 203px;
 height: 120px;
}
.logo {
   display: block; width: 203px;  height: 120px;
   background: url("../images/logo/logo_zoeftig.gif") no-repeat; background-size: cover;
}

.sticky-header .logo_box{
 width: 120px;
 height: 60px;
   margin-top:0px;
}
.sticky-header .logo {
   display: block; width: 120px;  height: 60px;
   background: url("../images/logo/logo_zoeftig.gif") no-repeat; background-size: cover;
}

@media only screen and (max-width: 1440px) {
  #header{
     padding: 30px 0px;
    }
}


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

  #header{
     padding: 20px 0px;
    }

  .logo {
    width: 160px;
    height: 100px;
  }

}