@import "styles";

#pageHeaderMobile{
  min-height: 24px;
}

#pageHeader{
  .pageLogo{
    float: right;
    max-width: 220px;
    margin: 0 auto;
    padding: 24px 32px
  }
}

a{
  color: $zrk-blue;
  text-decoration: none;
  @include transition-property(color);
  @include transition-duration(0.5s);

  &:hover{
    color: $viola;
  }
}

ul li::before{
  color: $zrk-blue;
}

#infoServiceNavpoint .navi-popup a::before{
  background: $viola;
}

#service-phone .servicePopup{
  background: $zrk-blue;
}

footer#pageFooter{
  margin-top: 26px;
}

#contentWrapper{
  min-height: inherit;
}

footer#pageFooter{
  .sitemap{
    .inner{
      ul{
        li{
          @include breakpoint($mobile-m){
            width: 50%;
            float: left;
          }
        }
      }
    }
  }
  /* css to switch #footerBottom*/
  #footerBottom {
    clear:both;

    a{
      text-decoration: none;
    }
  }
  .partners {
    padding-bottom:40px;
    @include breakpoint($mobile-m){
      padding-bottom:0;
    }
  }
}