/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.content-search {
  position: relative; }

.search-mobile #result-header-input {
  display: none !important; }

.content-search,
.search {
  position: relative;
  z-index: 2; }
  .content-search #result-global-input.show-results,
  .search #result-global-input.show-results {
    height: 270px; }
    @media (min-width: 480px) {
      .content-search #result-global-input.show-results,
      .search #result-global-input.show-results {
        height: 300px; } }
    @media (min-width: 981px) {
      .content-search #result-global-input.show-results,
      .search #result-global-input.show-results {
        height: 350px; } }
  .content-search #result-header-input.show-results,
  .search #result-header-input.show-results {
    height: 300px; }
    @media (min-width: 981px) {
      .content-search #result-header-input.show-results,
      .search #result-header-input.show-results {
        height: 400px; } }
  .content-search #result-global-input.show-results,
  .content-search #result-header-input.show-results,
  .search #result-global-input.show-results,
  .search #result-header-input.show-results {
    width: 100%;
    background-color: var(--white);
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    border-radius: 30px;
    overflow-y: scroll; }
  .content-search #result-global-input .search-item,
  .content-search #result-header-input .search-item,
  .search #result-global-input .search-item,
  .search #result-header-input .search-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 10px;
    border-bottom: 1px solid var(--medium-grey); }
    @media (min-width: 480px) {
      .content-search #result-global-input .search-item,
      .content-search #result-header-input .search-item,
      .search #result-global-input .search-item,
      .search #result-header-input .search-item {
        padding: 10px 20px; } }
    .content-search #result-global-input .search-item .item-left,
    .content-search #result-header-input .search-item .item-left,
    .search #result-global-input .search-item .item-left,
    .search #result-header-input .search-item .item-left {
      display: flex;
      align-items: center;
      gap: 10px; }
      @media (min-width: 981px) {
        .content-search #result-global-input .search-item .item-left,
        .content-search #result-header-input .search-item .item-left,
        .search #result-global-input .search-item .item-left,
        .search #result-header-input .search-item .item-left {
          gap: 20px; } }
      .content-search #result-global-input .search-item .item-left .product-img,
      .content-search #result-header-input .search-item .item-left .product-img,
      .search #result-global-input .search-item .item-left .product-img,
      .search #result-header-input .search-item .item-left .product-img {
        width: 80px;
        height: 80px;
        border: 1px solid var(--medium-grey);
        padding: 5px 5px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .content-search #result-global-input .search-item .item-left .product-img img,
        .content-search #result-header-input .search-item .item-left .product-img img,
        .search #result-global-input .search-item .item-left .product-img img,
        .search #result-header-input .search-item .item-left .product-img img {
          position: relative;
          z-index: 1;
          max-height: 100%;
          width: auto; }
        .content-search #result-global-input .search-item .item-left .product-img .background,
        .content-search #result-header-input .search-item .item-left .product-img .background,
        .search #result-global-input .search-item .item-left .product-img .background,
        .search #result-header-input .search-item .item-left .product-img .background {
          -webkit-clip-path: polygon(0 20%, 75% 0, 100% 100%, 0% 100%);
                  clip-path: polygon(0 20%, 75% 0, 100% 100%, 0% 100%);
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 0;
          width: 72px;
          height: 66px;
          background-color: var(--medium-grey); }
      .content-search #result-global-input .search-item .item-left .article-number,
      .content-search #result-header-input .search-item .item-left .article-number,
      .search #result-global-input .search-item .item-left .article-number,
      .search #result-header-input .search-item .item-left .article-number {
        margin-bottom: 5px; }
      .content-search #result-global-input .search-item .item-left h3,
      .content-search #result-header-input .search-item .item-left h3,
      .search #result-global-input .search-item .item-left h3,
      .search #result-header-input .search-item .item-left h3 {
        margin: 0 0 5px 0; }
        .content-search #result-global-input .search-item .item-left h3 a,
        .content-search #result-header-input .search-item .item-left h3 a,
        .search #result-global-input .search-item .item-left h3 a,
        .search #result-header-input .search-item .item-left h3 a {
          text-decoration: none;
          background: transparent; }
      .content-search #result-global-input .search-item .item-left .suggestion-price,
      .content-search #result-header-input .search-item .item-left .suggestion-price,
      .search #result-global-input .search-item .item-left .suggestion-price,
      .search #result-header-input .search-item .item-left .suggestion-price {
        display: flex;
        align-items: center;
        gap: 20px; }
        .content-search #result-global-input .search-item .item-left .suggestion-price strong,
        .content-search #result-global-input .search-item .item-left .suggestion-price small,
        .content-search #result-header-input .search-item .item-left .suggestion-price strong,
        .content-search #result-header-input .search-item .item-left .suggestion-price small,
        .search #result-global-input .search-item .item-left .suggestion-price strong,
        .search #result-global-input .search-item .item-left .suggestion-price small,
        .search #result-header-input .search-item .item-left .suggestion-price strong,
        .search #result-header-input .search-item .item-left .suggestion-price small {
          display: inline-block; }
    .content-search #result-global-input .search-item .item-right .btn,
    .content-search #result-header-input .search-item .item-right .btn,
    .search #result-global-input .search-item .item-right .btn,
    .search #result-header-input .search-item .item-right .btn {
      padding: 1.15em; }
  .content-search #result-global-input .suggestion .term-info,
  .content-search #result-header-input .suggestion .term-info,
  .search #result-global-input .suggestion .term-info,
  .search #result-header-input .suggestion .term-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--medium-grey);
    padding: 15px 20px; }
    .content-search #result-global-input .suggestion .term-info p,
    .content-search #result-header-input .suggestion .term-info p,
    .search #result-global-input .suggestion .term-info p,
    .search #result-header-input .suggestion .term-info p {
      margin: 0; }
  .content-search #result-global-input .show-all-results-div,
  .content-search #result-header-input .show-all-results-div,
  .search #result-global-input .show-all-results-div,
  .search #result-header-input .show-all-results-div {
    display: block; }
  .content-search #result-global-input .show-all-results,
  .content-search #result-header-input .show-all-results,
  .search #result-global-input .show-all-results,
  .search #result-header-input .show-all-results {
    width: 100%;
    padding: 15px 20px;
    text-decoration: underline; }
    .content-search #result-global-input .show-all-results span,
    .content-search #result-header-input .show-all-results span,
    .search #result-global-input .show-all-results span,
    .search #result-header-input .show-all-results span {
      font-weight: bold; }
  .content-search .search-result,
  .search .search-result {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px; }

/*# sourceMappingURL=search.css.map */