<turbo-stream action="update" target="results"><template><div data-search-target="results" data-filter='{"query":"rucksack 45l"}' class="mt-3">
    <div class="items row g-1 g-md-2 row-cols-2 row-cols-md-5">
      

<div class="col">

  <div class="product card h-100 shadow-sm" data-controller="product" data-product-id-value="4704183">
    <div class="position-absolute w-100 pt-2 pe-2 text-end">
      <div role="button" class="h5 favorite text-shadow" data-action="click->product#toggleFavorite">
        <i class="bi bi-heart-fill text-light fs-3"></i>
        <i class="bi bi-heart-fill text-danger fs-3"></i>
      </div>
    </div>
    <a href="/products/4704183?cs=6880149&amp;query=rucksack+45l" rel="nofollow" target="_blank" class="d-block rounded">
      <img class="rounded w-100 h-100" alt="Mountain Hardwear Crag Wagon 45l Rucksack" width="263" height="197" loading="lazy" src="https://ik.imagekit.io/enabee/22lines-proxy/https%3A%2F%2Fstatic.bergzeit.de%2Fout%2Fpictures-imago%2Fgenerated%2Fproduct%2F92%2F78%2F1200x1200%2F5049757-001_pic1.jpg?ik-sdk-version=ruby-2.2.1&amp;tr=w-263,h-197,fo-center,cm-pad_resize,dpr-2.0,rt-auto,l-image,i-ik_canvas,bg-00000003,w-526,h-394,l-end&amp;ik-s=ccb61770fd5657d4db17af29fcaab01e1aca1062&amp;ik-t=1778075711" />
    </a>

    <div class="card-body d-flex flex-column p-1 p-md-2">
      <a href="/products/4704183?cs=6880149&amp;query=rucksack+45l" rel="nofollow" class="h6 fw-bolder card-title text-body" target="_blank">
        Mountain Hardwear Crag Wagon 45l Rucksack
      </a>

      <div class="d-flex justify-content-between my-2 mt-auto">
        <div>
          <small>ab</small>
          <div class="h4 mb-0 text-success text-nowrap">
            229,95 €
          </div>
        </div>

        <div>
          <a href="/products/4704183?cs=6880149&amp;query=rucksack+45l" class="btn btn-outline-primary px-md-4" target="_blank">
            <h6 class="mb-0">
              Zum <br> Angebot
            </h6>
          </a>
        </div>
      </div>
    </div>
  </div>

</div>


<div class="col">

  <div class="product card h-100 shadow-sm" data-controller="product" data-product-id-value="4701944">
    <div class="position-absolute w-100 pt-2 pe-2 text-end">
      <div role="button" class="h5 favorite text-shadow" data-action="click->product#toggleFavorite">
        <i class="bi bi-heart-fill text-light fs-3"></i>
        <i class="bi bi-heart-fill text-danger fs-3"></i>
      </div>
    </div>
    <a href="/products/4701944?cs=6880149&amp;query=rucksack+45l" rel="nofollow" target="_blank" class="d-block rounded">
      <img class="rounded w-100 h-100" alt="Evoc Hydro Pro 1.5 + 1.5l Rucksack" width="263" height="197" loading="lazy" src="https://ik.imagekit.io/enabee/22lines-proxy/https%3A%2F%2Fstatic.bergzeit.de%2Fout%2Fpictures-imago%2Fgenerated%2Fproduct%2F08%2F8e%2F1200x1200%2F5050652-002_pic1.jpg?ik-sdk-version=ruby-2.2.1&amp;tr=w-263,h-197,fo-center,cm-pad_resize,dpr-2.0,rt-auto,l-image,i-ik_canvas,bg-00000003,w-526,h-394,l-end&amp;ik-s=39cc2eda86aaba7a41d6c0d8f1bb0c13616f4c33&amp;ik-t=1778075711" />
    </a>

    <div class="card-body d-flex flex-column p-1 p-md-2">
      <a href="/products/4701944?cs=6880149&amp;query=rucksack+45l" rel="nofollow" class="h6 fw-bolder card-title text-body" target="_blank">
        Evoc Hydro Pro 1.5 + 1.5l Rucksack
      </a>

      <div class="d-flex justify-content-between my-2 mt-auto">
        <div>
          <small>ab</small>
          <div class="h4 mb-0 text-success text-nowrap">
            99,95 €
          </div>
        </div>

        <div>
          <a href="/products/4701944?cs=6880149&amp;query=rucksack+45l" class="btn btn-outline-primary px-md-4" target="_blank">
            <h6 class="mb-0">
              Zum <br> Angebot
            </h6>
          </a>
        </div>
      </div>
    </div>
  </div>

</div>

    </div>

  <div class="mt-4 d-flex justify-content-between px-1 px-md-0">
  
</div>

</div>
</template></turbo-stream>