.pageHeader {
  background: #ffffff;
}
.pageHeader .logoBox a {
  display: block;
  text-indent: -9999px;
}
.pageHeader .topNavLine {
  position: absolute;
  top: 23px;
  right: 210px;
}
.pageHeader .topNavLine .languageSelector {
  float: right;
  margin-left: 20px;
  display: block;
}
.pageHeader .searchNav {
  position: absolute;
  top: 15px;
  right: 29px;
}
@media only screen and (min-width: 901px) {
  .pageHeader {
    z-index: 1000;
  }
  .pageHeader .logoBox {
    height: 110px;
    width: 190px;
/*    background-image: url("../../img/rehau/logoDesktop.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logoDesktop.png.xhtml?ln=Rehau");
    background-position: 25px 18px;
    background-repeat: no-repeat;
    content: "";
  }
  .pageHeader .logoBox a {
    height: 110px;
    width: 190px;
  }
  .pageHeader .topNavLine {
    left: 190px;
  }
  .pageHeader .teaserNav {
    position: absolute;
    right: 0;
    top: 57px;
    left: 190px;
  }
  .pageHeader .teaserNav .menu_sections {
    float: right;
    margin-right: 20px;
  }
  .pageHeader .teaserNav .menu_sections .sections .section > a {
    line-height: 35px;
    min-height: 38px;
  }
  .pageHeader .teaserNav .menu_sections .sections .section > a .level1 {
    line-height: 1.1;
  }
  .pageHeader .teaserNav .menu_sections .sections .section .sub_sections {
    left: -190px;
    width: auto;
    right: 0;
  }
}
@media only screen and (min-width: 901px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 901px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 901px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 901px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 901px) and (min-device-pixel-ratio: 2), only screen and (min-width: 901px) and (min-resolution: 192dpi), only screen and (min-width: 901px) and (min-resolution: 2dppx) {
  .pageHeader .logoBox {
    /*background-image: url("../../img/rehau/logo/logoDesktop@2x.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logo/logoDesktop@2x.png.xhtml?ln=Rehau");
    background-size: 150px auto;
    background-position: 25px 18px;
  }
}
@media only screen and (min-width:581px) and (max-width:900px) {
  .pageHeader .logoBox {
    height: 120px;
    width: 220px;
    /*background-image: url("../../img/rehau/logo/logoTablet.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logo/logoTablet.png.xhtml?ln=Rehau");
    background-position: 30px 22px;
    background-repeat: no-repeat;
    content: "";
  }
  .pageHeader .logoBox a {
    height: 120px;
    width: 220px;
  }
  .pageHeader .topNavLine {
    left: 220px;
    top: 20px;
  }
  .pageHeader .topNavLine .languageSelector {
    display: none;
  }
  .pageHeader .topNavLine .metaNav {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .pageHeader .topNavLine .metaNav li {
    display: none;
  }
  .pageHeader .topNavLine .metaNav li.showForTablets {
    display: inline;
  }
  .pageHeader .searchNav #searchterm {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .pageHeader .teaserNav {
    bottom: 0;
  }
  .pageHeader .teaserNav .menu_sections {
    width: 100%;
  }
  .pageHeader .teaserNav .menu_sections .sections {
    margin-right: 0;
  }
  .pageHeader .teaserNav .menu_sections .sections .section > a {
    line-height: 60px;
  }
  .pageHeader .breadcrumb {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width:581px) and (max-width:900px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width:581px) and (max-width:900px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width:581px) and (max-width:900px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width:581px) and (max-width:900px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width:581px) and (max-width:900px) and (min-device-pixel-ratio: 2), only screen and (min-width:581px) and (max-width:900px) and (min-resolution: 192dpi), only screen and (min-width:581px) and (max-width:900px) and (min-resolution: 2dppx) {
  .pageHeader .logoBox {
    /*background-image: url("../../img/rehau/logo/logoTablet@2x.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logo/logoTablet@2x.png.xhtml?ln=Rehau");
    background-size: 177px auto;
    background-position: 30px 22px;
  }
}
@media only screen and (min-width:581px) and (max-width:767px) {
  .pageHeader .topNavLine {
    right: 30px;
  }
  .pageHeader .topNavLine .metaNav {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .pageHeader .topNavLine .metaNav li {
    display: none;
  }
  .pageHeader .topNavLine .metaNav li.showForTablets {
    display: inline;
  }
  .pageHeader .searchNav {
    top: 60px;
  }
}
@media only screen and (max-width: 580px) {
  .pageHeader {
    padding-left: 0;
    padding-right: 0;
  }
  .pageHeader .logoBox {
    height: 75px;
    width: 150px;
    /*background-image: url("../../img/rehau/logo/logoMobile.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logo/logoMobile.png.xhtml?ln=Rehau");
    background-position: 15px 15px;
    background-repeat: no-repeat;
    content: "";
  }
  .pageHeader .logoBox a {
    height: 75px;
    width: 150px;
  }
  .pageHeader .topNavLine {
    right: 14px;
    left: 120px;
    top: 25px;
  }
  .pageHeader .topNavLine .languageSelector {
    display: none;
  }
  .pageHeader .topNavLine .metaNav li {
    padding-left: 13px;
    display: none;
  }
  .pageHeader .topNavLine .metaNav li.showForMobile {
    display: inline;
  }
  .pageHeader .topNavLine .metaNav li a {
    /*background: url(../../img/rehau/sprite20px.png) no-repeat;*/
    background: url("/javax.faces.resource/img/rehau/sprite20px.png.xhtml?ln=Rehau") no-repeat;
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    text-indent: -9999px;
    background-position: -50px -200px;
  }
  .pageHeader .topNavLine .metaNav li.loginIcon a {
    background-position: -50px -200px;
  }
  .pageHeader .topNavLine .metaNav li.loginIcon a:hover {
    background-position: -50px -240px;
  }
  .pageHeader .topNavLine .metaNav li.contactIcon a {
    background-position: -50px -280px;
  }
  .pageHeader .topNavLine .metaNav li.contactIcon a:hover {
    background-position: -50px -320px;
  }
  .pageHeader .topNavLine .metaNav li.smartphoneSearchIcon {
    display: block;
  }
  .pageHeader .topNavLine .metaNav li.smartphoneSearchIcon a {
    background-position: 0px -120px;
  }
  .pageHeader .topNavLine .metaNav li.smartphoneSearchIcon a:hover {
    background-position: -40px -160px;
  }
  .pageHeader .topNavLine .metaNav li.smartphoneSearchIcon.active a {
    background-position: -40px -160px;
  }
  .pageHeader .searchNav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
  }
  .pageHeader .searchNav.smartphoneActive {
    display: block;
  }
  .pageHeader .searchNav #searchterm {
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pageHeader .searchNav #searchbutton {
    display: none;
  }
  .pageHeader .teaserNav {
    position: relative;
    height: auto;
  }
  .pageHeader .breadcrumb {
    display: none;
  }
}
@media only screen and (max-width: 580px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 580px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 580px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 580px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 580px) and (min-device-pixel-ratio: 2), only screen and (max-width: 580px) and (min-resolution: 192dpi), only screen and (max-width: 580px) and (min-resolution: 2dppx) {
  .pageHeader .logoBox {
    /*background-image: url("../../img/rehau/logo/logoMobile@2x.png");*/
    background-image: url("/javax.faces.resource/img/rehau/logo/logoMobile@2x.png.xhtml?ln=Rehau");
    background-size: 116px auto;
    background-position: 15px 15px;
  }
}