.page-header {
  .container-fluid;
  .col-double-gutter();

  background-color: @white;
  display: flex;
  height: @header--height;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;

  > .row {
    height: 100%;
    width: 100%;
  }

  .header {
    height: 100%;
  }
}

.ecms-active {
  .page-header {
    width: ~"calc(100vw - 100px)";
  }
}

// QUICKFIX FOR DEMO AT BEYERDYNAMIC
// THE Z-INDEX IS KILLING THE ECMS CONFIG CONTAINER
.ecms-active {
  .page-header {
    z-index: 10 !important;
  }
}
