html {
  height: 100%;

  body {
    font-family: @body--font-family;
    height: 100%;
    letter-spacing: @default--letter-spacing;
    position: relative;

    & > header,
    & > main {
      visibility: hidden;
    }
    
    &.fonts-ready {
      & > .sk-wave {
        display: none;
      }
      & > header,
      & > main {
        visibility: visible;
      }
    }

    &.no-scroll {
      overflow: hidden;
    }

    &[class*="checkout"],
    &[class*="customer-account"] {
      background-color: @champagne-25;
    }

    .page-wrapper {
      display: flex;
      flex-direction: column;
    }

    .content-beyerdynamic {
      background-color: @white;
      display: block;
      position: relative;
      padding-top: @default--space * 5;
      flex: 1;
    }
  }
}

*:focus {
  outline: 0;
}

.ecms-widget-content {
  overflow: hidden;
}

.beyerdynamic-widget-1,
.beyerdynamic-widget-5,
.beyerdynamic-widget-11,
.ecms-carousel-widget-directive {
  span.cke_widget_wrapper {
    display: block;
  }
}

main#maincontent {
  position: relative;

  .category-view {
    display: none;
  }

  &.sidenav-active {
    .backdrop;
  }
}

// BUGFIX FOR PROBLEM IN TESTREPORTS
.catalog-product-view {
  #product-test-reports {
    overflow: hidden;
  }
}
