.catalog-category-view {

  nav {
    &[class='superfilter'] {
      background-image: url('./images/header_conf.jpg');
    }

    &.superfilter {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding: 60px 0;

      // If you add new background images then you have to add the same images
      // in _layered-navigation.less (search for '.column.sidebar')

      &.category-1467 {
        background-image: url('./images/header_conf.jpg');
      }
      
      &.category-1464 {
        background-image: url('./images/header_category_hah.png');
      }
    
      &.category-1448 {
        background-image: url('./images/header_category_mp.png');
      }

      .lt-md({
        display: none;
      });

      h1 {
        .h2;
        margin-bottom: @gutter--width;
        color: @white;
      }

      .container-fluid {
        .reset-padding-lr();
      }

      // dont display some elements for the first demo
      .block-title, .block-subtitle, .filter-options-title {
        display: none;
      }

      .nav {
        text-align: right;
        margin-bottom: @gutter--width;

        ul {
          li {
            display: inline-block;

            a {
              display: block;
              color: @white;
              text-decoration: none;
              height: 40px;
              line-height: 40px;
              padding: 0 @gutter--width;

              &:hover:not(.active),
              &:active:not(.active) {
                background: @champagne-25;
                color: @champagne;
              }

              &.active {
                background: @champagne;
              }
            }
          }
        }
      }

      .content {
        section {
          display: none;

          &.active {
            display: flex;
          }
        }
      }
    }
  }
}
