.SearchForm {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: var(--spaces);

  input[type=search] {
    margin: 0;
    padding: var(--spaces);
    border: none;
    border-radius: 0;
    color: var(--clr-black);
    outline: none;
  }

  button {
    background-color: var(--clr-white);

    svg {
      fill: var(--clr-primary);
    }
  }
}

.flowpack-searchplugin-search {
  .Headline {
    margin-top: var(--spaces);
  }

  ol,
  li {
    padding-left: 0;
  }

  ol {
    padding: var(--spaces);
    background-color: var(--clr-greyLightest);
  }

  li {
    margin-bottom: calc(var(--spaces) / 2);
    padding: var(--spaces);
    background-color: var(--clr-white);
    color: var(--clr-black);
    transition: all 300ms ease-in-out;

    p {
      margin: calc(var(--spaces) / 2) 0;
    }
  }

    li:hover {
      background-color: rgba(255, 255, 255, 0.8);
    }

  a,
  em {
    font-weight: 700;
  }

  .breadcrumb {
    a {
      font-weight: 400;
      text-decoration: underline;
      color: var(--clr-black);
    }
  }
}

.neos-widget-paginator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}