.result-count {
  font-weight: bold;
  text-align: center;
}

.export-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
}

.result-pagination{
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
}

.result-pagination .result-pagination-pages{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.result-pagination .result-pagination-page{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.result-pagination-pages > li {
  background-color: var(--color-primary);
  border: 1px solid var(--color-secondary);
}

.result-pagination-pages li a {
  display: block;
  padding: 2px 8px;
}

.result-pagination-pages > li:focus,
.result-pagination-pages > li:hover {
  background-color: var(--color-secondary);
}

.result-pagination-pages > li:focus a,
.result-pagination-pages > li:hover a {
  color: #ffffff;
  text-decoration: none;
}

.result-pagination-pages > li.active {
  background-color: var(--color-secondary);
}

.result-pagination-pages > li.active a {
  color: #ffffff;
}

.result-pagination .result-pagination-page.disabled {
  cursor: auto;
  pointer-events: none;
}

.result-pagination .result-pagination-page.selected {
  background-color: var(--color-secondary);
  color: #ffffff;
}

.result-pagination-bottom {
  margin-top: 30px;
}

.result-pagination-top {
  margin-bottom: 30px;
}

.result-back{
  text-align: center;
}

.results .headline,
.results .headline-mods {
  display: none;
}

.results .sort {
  display: inline-block;
}

.results .button-sort {
  all: unset;
  cursor: pointer;
}

.results .button-sort:focus,
.results .button-sort:hover {
  all: unset;
  cursor: pointer;
  outline: 1px dotted var(--color-text);
}

.results .row,
.results .row-mods {
  align-items: flex-start;
  column-gap: 10px;
  display: grid;
  row-gap: 5px;
}

.results .row .basket,
.results .row-mods .basket {
  grid-column: 2;
  grid-row: 1 / span 5;
}

.results .row {
  grid-template-columns: 1fr max-content;
}

.results .sub-row {
  font-size: 12px;
}

.results .sub-row .lists{
  display: flex;
}

.results .sub-row .lists ul li::after {
  content: ";";
  margin-right: 4px;
}

.results .sub-row .lists ul:last-of-type li::after {
  content: "";
}

.results .row .basket,
.results .row-mods .basket {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (min-width: 768px) {
  .results .headline,
  .results .headline-mods {
    font-weight: bold;
  }

  .results .headline,
  .results .headline-mods {
    align-items: center;
    display: grid;
    gap: 10px;
  }

  .results .headline,
  .results .row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 34px;
  }

  .results .headline-mods,
  .results .row-mods {
    grid-template-columns: 2fr 1fr;
  }

  .results > div:first-child {
    word-break: break-all;
  }

  .results > div + div {
    hyphens: auto;
  }

  .results .sub-row {
    grid-column: 1 / span 5;
  }

  .results .row .basket,
  .results .row-mods .basket {
    grid-column: unset;
    grid-row: unset;
  }
}

@media (min-width: 1024px) {
  .result-count {
    font-size: 20px;
  }
}