:root {
  --solr-primary-red: #D20A11;
  --solr-grey: #F0F0F0;
  --solr-facets-border-grey: #707070;
}

#mainContent .tx_solr.container-fluid .results-list {
  a:hover,
  a:focus {
    color: unset !important;
    transition: unset !important;
  }
}

#mainNavigation_mobile .mm-navbars_top:has(.tx-solr-autocomplete) {
  height: unset !important;
  border-bottom-color: var(--solr-primary-red);
}

#mainNavigation_mobile #desktopSearchbox_inner:has(.tx-solr-autocomplete) {
  padding-top: 4rem;

  input {
    border: none;
    padding: 0.5rem;
  }

  button {
    border: none;
    background-color: unset;

    .icon-search {
      font-size: 20px;
      margin-right: 10px;
    }

    p {
      display: none;
    }
  }

  .autocomplete-suggestion {
    padding-left: 0.5rem;
    text-align: left;
  }
}

.tx-solr-autocomplete {
  .autocomplete-selected {
    background-color: var(--solr-grey);
  }

  .autocomplete-suggestion {
    strong {
      color: var(--solr-primary-red);
    }
  }
}

/* HEADER SECTION  */
/* search input field */
#pageWrapper .tx_solr .input-group input {
  border: solid 1px var(--solr-facets-border-grey);
  border-right: none;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20d='M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: left 0.5rem center;
  background-repeat: no-repeat;
}

#pageWrapper .teaserheadersimple .header {
  padding-top: 80px;
}

#header_inner {
  background-color: white;
}

#mainContent .tx_solr.container-fluid {
  padding-top: 20px;
}

/* result bar */
.autocomplete-suggestions {
  position: absolute;
  left: 0;
  right: 0;
  width: unset !important;
}

.tx-solr-autosuggest .autocomplete-suggestion {
  padding-left: 2rem;
}

/* search button */
#pageWrapper .tx_solr .input-group .tx-solr-submit {
  background-color: var(--solr-primary-red);
  border: none;
  padding: 0.5rem 1rem !important;
  transition: all 0.5s ease-in-out;
}

/* search button text */
.tx-solr-search-form .tx-solr-submit {
  font-weight: 600;
  color: white;
}

.tx-solr-search-form {
  margin-bottom: 30px;
}

/* search facets wrapper */
.tx_solr .list-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.tx_solr .card {
  margin-top: 30px;
  margin-bottom: 60px;

  a {
    text-decoration: none;
    color: black;
    position: relative;
    display: inline-block;
  }
}

.tx_solr #facet-accordion-type {
  margin-top: 50px;
}

.tx_solr #facettype .order-1 {
  order: 1;
}

.tx_solr #facettype .order-2 {
  order: 2;
}

.tx_solr .card .facet-option {
  border: solid 1px var(--solr-facets-border-grey);
  padding: 0.5rem 1rem;

  &.active {
    background-color: var(--solr-primary-red);
    border-color: var(--solr-primary-red);
    color: white;
  }
}


/* RESULT SECTION */
.tx_solr .result-item {
  color: black;
  text-decoration: none;
  background-color: var(--solr-grey);
  padding: 2rem;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;

  .results-topic {
    font-size: 25px;
    margin-bottom: 40px;
    text-decoration: underline;
    color: var(--solr-primary-red);
    font-family: Inter, sans-serif;
  }

  .result-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
    max-width: 300px;

    .icon-sheets:before {
      font-size: 2.2rem;
    }
  }


  .result-item-head {
    margin-bottom: 2rem;
  }

  .result-path {
    color: var(--solr-facets-border-grey);
  }
}

.tx_solr .result-item.Download {
  .download-wrapper .result-item-image span:before {
    font-size: 4.063rem;
  }
}

/* PAGINATION SECTION */
.solr-pagination {
  margin-bottom: 50px;

  .pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    color: white !important;
    margin-top: 20px;

    a {
      color: white !important;
      text-decoration: none;
    }

    .page-item {
      --pagination-box-size: 30px;

      background-color: var(--solr-facets-border-grey);
      width: var(--pagination-box-size);
      height: var(--pagination-box-size);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.5s ease-in-out;

      .page-link {
        width: 100%;
        height: 100%;
        display: flex !important;
        justify-content: center;
        align-items: center;
      }
    }

    .page-link {
      transition: all 0.5s ease-in-out;
    }

    .page-item.active {
      background-color: var(--solr-primary-red);
    }
  }
}

.solr-results-empty {
  margin-bottom: 2rem;
}


@media (min-width: 576px) {
  .facet-area-main .card .list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  #mainContent .tx_solr.container-fluid {
    padding-top: 100px;
  }

  #pageWrapper .teaserheadersimple .header {
    padding-top: 50px;
  }

  .tx_solr .result-item {
    flex-direction: row;

    .result-item-head {
      width: 80%;
      margin-right: 40px;
    }

    .result-item-image {
      max-width: 20%;
    }
  }

  .solr-pagination,
  .search-resul-count,
  .tx_solr .card-title {
    font-size: 18px;
  }

  .pagination .page-item {
    --pagination-box-size: 50px;
  }

}

@media (min-width: 1200px) {
  #desktopSearchbox:has(.tx-solr-autocomplete) {
    padding-top: 1rem;

    #desktopSearchbox_inner {
      input {
        border-bottom: 1px solid var(--solr-primary-red);
        color: #000000;
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 175%;

        &::placeholder {
          color: #C0C0C0;
        }
      }

      button {
        display: flex;
        align-items: center;
        background-color: var(--solr-primary-red);
        color: white;
        border: 1px solid var(--solr-primary-red);
        padding: 0.5rem 1rem;
        transition: all 0.5s ease-in-out;

        .icon-search {
          font-size: 30px;
          margin-right: 10px;

          &::before {
            color: white;
          }
        }

        p {
          font-size: 25px;
        }
      }


      .autocomplete-suggestion {
        padding-left: 1rem;
      }
    }
  }

  .tx-solr-search-form form input,
  .tx-solr-suggest input::placeholder,
  .tx-solr-autocomplete {
    font-size: 25px;
  }

  #pageWrapper .tx_solr .input-group {
    input {
      padding: 26px 26px 26px 72px;
      background-size: 40px;
    }

    .tx-solr-submit {
      padding: 17px 23px !important;
      font-size: 25px;
    }
  }

  #pageWrapper .teaserheadersimple .header {
    padding-top: 90px;
  }

  #desktopSearchbox_inner {
    padding: 60px 0 40px 15px;
  }

  .tx-solr-autosuggest .autocomplete-suggestion {
    padding-left: 4.5rem;
  }

  .tx_solr .card .facet-option {
    font-size: 24px;

    &:hover {
      transform: scale(1.05);
    }
  }

  .tx_solr .result-item {
    margin-bottom: 90px;
  }

  .tx_solr .result-item-head {
    .results-topic {
      font-size: 24px;
    }

    .result-content,
    span {
      font-size: 18px;
    }
  }
}

@media (min-width: 1415px) {
  #desktopSearchbox:has(.tx-solr-autocomplete) {
    padding-top: unset;

    #desktopSearchbox_inner input {
      font-size: 32px;
    }
  }

  #pageWrapper .teaserheadersimple .header {
    padding-top: 60px;
  }

  #pageWrapper .tx_solr .input-group .tx-solr-submit:hover {
    background-color: #000000;
  }

  #desktopSearchbox:has(.tx-solr-autocomplete) {
    #desktopSearchbox_inner button:hover {
      background-color: #000000;
      border: 1px solid #000000;
    }
  }

  .tx_solr a.result-item:hover {
    text-decoration: none;
    color: black;

    .results-topic {
      text-decoration: none;
    }
  }

  .solr-pagination .pagination a.page-item:hover,
  .solr-pagination .pagination .page-item a.page-link:hover {
    background-color: black;
  }
}