@import "./common/common.less";
@import "./main-css.less";


.topslider {
  .swiper-button-next, .swiper-button-prev, .swiper-pagination, .swiper-scrollbar {
    display: none;
  }
}

/*
.swiper-slide {
  .swiper-slide__contentbox {
    display: none;

    .start & {
      display: block;

      &.closed{
        display: none;
      }
    }
  }
}
*/

a.button {
  text-decoration: none;
}

.ressort-header {
  .ressort-header__topline {
    font-size:      40px;
    font-weight:    400;
    text-transform: uppercase;

  }

  h1 {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.section__header {
  padding: 0;
}

.event-card {
  position: relative;

  .event-card__image {
  }

  .event-card__datebox {
    top:    20px;
    bottom: auto;
  }

  .event-card__content {
    .event-card__category {
      font-size: 0.8rem;
    }

    h3 {
      font-weight:        bold;
      -webkit-box-orient: vertical;
      display:            -webkit-box;
      -webkit-line-clamp: 4;
      overflow:           hidden;
      text-overflow:      ellipsis;
    }
  }
}

.search-form {
  .search-form__main-search, .search-form__sidebar-trigger {
    position: relative;

    &:before {
      position:         absolute;
      inset:            0;
      content:          '';
      z-index:          -2;
      background-color: var(--color-foreground);
    }

    &:after {
      position:         absolute;
      inset:            1px;
      content:          '';
      z-index:          -1;
      background-color: var(--color-background);
    }
  }

  .search-form__main-search {
    input {
      border-color: var(--color-foreground);
    }
  }
}

.filter-list {
  border-color: var(--color-foreground);

  .filter-list__group {

    .filter-list__group-header {
    }

    &--location {

    }

    &--category {
      display: none;
    }

    &--theme {
      display: none;
    }
  }
}

.filter-select select {
  background-color: var(--color-background);
}


@media (max-width: @breakpoint1) {
}

@media (min-width: @breakpoint1) {
}

@media (min-width: @breakpoint2) {
}

@media (min-width: @breakpoint3) {
}

@media (min-width: @breakpoint4) {
}

@media (min-width: @breakpoint5) {
}