.browselist_upper {
  padding-bottom: 30px;

  .browse_list:not(.browse_list_alphabetic) {
    display: none;
  }
}

.browselist_lower {
  .num_results {
    display: none;
  }
}

.browse_list {
  display: block;

  li {
    display: inline-block;

    a,
    span {
      display: block;
      height: 30px;
      line-height: 27px; // wegen Schriftart...
      min-width: 30px;
      text-align: center;
      margin: 1px;
      vertical-align: middle;
    }

    a {
      @extend %button;
      padding: 0;
      text-transform: none;
    }

    span {
      color: $text;
      background: $bright;

      border: 2px solid $color-main;
      border-image: linear-gradient(to bottom, $color-accent, $color-main) 2 repeat;
    }

    &.wwe3_browsebutt_start,
    &.wwe3_browsebutt_end {
      a {
        padding: 0 10px;
      }
    }
  }

  &.alphabetic {
    li {
      a,
      span {
        height: 25px;
        line-height: 22px; // wegen Schriftart...
        min-width: 25px;
      }

      span {
        color: $text-grey;
        border-image: linear-gradient(to bottom, #e5e6d3, $grey) 2 repeat;
      }
    }
  }
}