<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aprikosen-ganz-bio-500-g-19081">
          <img alt="Aprikosen ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10441/file/small-ce2103902a4facda907335571213c599.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10441/file/medium-6af271eafc136fa72c023f4a8c4c66fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10441/file/large-ea2721740bd02752854928dd2269af2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10441/file/medium-6af271eafc136fa72c023f4a8c4c66fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/aprikosen-ganz-bio-500-g-19081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aprikosen ganz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.18 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19081-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bkOUfu4Du9G5fBWQbNktOKoHb68STeFZu6mPg2qHnrfjq0VMSUeM_gmCog4_6iZ5u0aexKpRlreAtGT7bGeNHg" />
    <input value="19081" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aprikosen-ganz-entsteint-275-g-19082">
          <img alt="Aprikosen ganz entsteint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10490/file/small-96361ef372ca83c32ce34c0dafa3964f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10490/file/medium-9b4b64c6a32218faf27dde748fc5a234.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10490/file/large-6b6f36331e10dcbbcf34fd20f70ef9bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10490/file/medium-9b4b64c6a32218faf27dde748fc5a234.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/aprikosen-ganz-entsteint-275-g-19082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aprikosen ganz entsteint, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19082-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xw0JxtO7u4kXIO95ZdJh2Qyf5ZjtKPnFEIQM2OkC5iZK5dj0dP-MpqfeWOc24WqYHd4U81U0jisrmeeg7-L1jw" />
    <input value="19082" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aprikosen-ganz-entsteint-500-g-19083">
          <img alt="Aprikosen ganz entsteint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/small-95fd59e851e0bd11994d23a507dd5acc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-74199dd5a0b317505490464896d8eeb8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/large-f790a5dfaac0b44e8c0a024d00a68775.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-74199dd5a0b317505490464896d8eeb8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/aprikosen-ganz-entsteint-500-g-19083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aprikosen ganz entsteint, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.38 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19083-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RxWYORW_HKrQfi4fooie5DLa6HWuD_9KYVFZX5V2vpbK_UkLsvsrhWCAmYHxu5WlI5sZHhYTiKRaTLInk5atPw" />
    <input value="19083" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aprikosen-large-200-g-19084">
          <img alt="Aprikosen large" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/small-a4a3158601f9c5b35bd16f1600b7ea75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-e10c29cc8967e09c6988e4b16e9bed5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/large-ef189eb8a3cd1f9cab00bd1e4c3f671e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-e10c29cc8967e09c6988e4b16e9bed5b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/aprikosen-large-200-g-19084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aprikosen large, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.40 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19084-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XGvyONm_wZtrkkBACpBE1cric_OT4XHPHfXitNLigyPRgyMKfvv2tNts995Zo0-U26OCmCv9BiEm6AnM1AKQig" />
    <input value="19084" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aronia-beeren-bio-150-g-19085">
          <img alt="Aronia Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/small-1b39834a652d08ce8862e7b8019a67fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-67fcf00894a5fb8d74498eaaeab93489.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10445/file/large-c7e1db2ced947eb566856cdaffb4e36e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10445/file/medium-67fcf00894a5fb8d74498eaaeab93489.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/aronia-beeren-bio-150-g-19085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aronia Beeren Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.33 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19085-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7NcLveOzVwKVShGFoL3C2PLyXK6xSSFTLQKTRfevnjFhP9qPRPdgLSW0phvzjsmZ47OtxQlVVr0WH3g98U-NmA" />
    <input value="19085" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bananen-chips-bio-120-g-19086">
          <img alt="Bananen-Chips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/small-04c378171f097ae150ef29e59ae7032c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-0404c3a8f9543d65e53831010fd07b1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10442/file/large-db81277f57c9dafe17cf66fdd8d78b35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10442/file/medium-0404c3a8f9543d65e53831010fd07b1b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/bananen-chips-bio-120-g-19086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bananen-Chips Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.92 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19086-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1M3WdXs947OkWEv8meso4-UyRx2uk424BURP5fK2huZZJQdH3HnUnBSm_GLK2COi9HO2dhaP-lY-WaSd9FaVTw" />
    <input value="19086" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/birnen-325-g-19087">
          <img alt="Birnen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/small-18ad988caa910b50f6cf7dd7302c9312.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-3d330a01b578feeb4fb77dd367137099.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/large-fd91fd2490d74da044265e7610ea7cf3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-3d330a01b578feeb4fb77dd367137099.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/birnen-325-g-19087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birnen, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.43 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19087-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gr63hQ5CGgnnjCpQwffweYP6q7B_z2VcZyu26-zQRHyXVma3qQYtJldync6SxPs4krta28fTErJcNl2T6jBX1Q" />
    <input value="19087" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cashew-bio-200-g-19088">
          <img alt="Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10467/file/small-8f05ce65e8c586184d01847e6fe53297.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10467/file/medium-c99478e45a7ce47bd68df7feb8cb7885.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10467/file/large-edb7ffbf74be4bf1e603478d65a5014d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10467/file/medium-c99478e45a7ce47bd68df7feb8cb7885.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/cashew-bio-200-g-19088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19088-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u9X2VMfBRPDWfynoujiBJRkvX7L1ls3IuipZK-zafMs2PSdmYIVz32aBnnbpC4pkCG6u2U2KuiaBN7JT6jpvYg" />
    <input value="19088" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cashews-bio-400-g-19089">
          <img alt="Cashews Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10466/file/small-c945de12cf27e29c246a59991615f06c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10466/file/medium-c18847943404dfa3ab1735f80bef7030.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10466/file/large-4ed86f34aa341ff409279b5572654502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10466/file/medium-c18847943404dfa3ab1735f80bef7030.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/cashews-bio-400-g-19089">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.88 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19089-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GMmpQw2yZbul-566oo-rAx6cft4JbatdqMAz9aWnhFeVIXhxqvZSlBUFKSTxvKBCD92PtbFx3LOT3diNo0eX_g" />
    <input value="19089" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cashews-gerostet-200-g-19090">
          <img alt="Cashews geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/small-96d6900a164b6fe2d42addef33392159.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-6e60dc0c469788ffc0744b671165d825.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/large-042ef49657a629f69f7f19be035be6fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-6e60dc0c469788ffc0744b671165d825.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/cashews-gerostet-200-g-19090">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashews geröstet, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19090-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Q1jL8O3RnyTceYIAGJiKBcipSoptElHRjIp28XmCTVo5bIdZPNxUyOPUZZTUWlpBmNUQZGoPql9L8KjwwYanA" />
    <input value="19090" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chia-samen-bio-250-g-19091">
          <img alt="Chia Samen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10469/file/small-bae3c75bd1f9f67d459dbd33a335f789.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10469/file/medium-f3968334d20485a5a820fba42ac1cd05.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10469/file/large-cb0319fa286aeb41fa64cc580c0628a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10469/file/medium-f3968334d20485a5a820fba42ac1cd05.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/chia-samen-bio-250-g-19091">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chia Samen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19091-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jP64ZpKV-CKQHhMA27rtMK-bmg9vKiSTHTDkx_px654BFmlUNdHPDSDgpJ6IieZxvtprZNc2U30mLQ-__JH4Nw" />
    <input value="19091" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cranberries-ganz-gez-bio-200-g-19092">
          <img alt="Cranberries ganz gez. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/small-d7d1e62fdc289a5bc81ccfcf534372f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-8b06e8d774e2a847d0f369fdd2ddef1c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10444/file/large-96bccf6eaa77c439d3543c11c0b0ac60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10444/file/medium-8b06e8d774e2a847d0f369fdd2ddef1c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/cranberries-ganz-gez-bio-200-g-19092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberries ganz gez. Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.45 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19092-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eswdzmMNgU_8FDPX7eUS4ABb46CjvKgbHnVPEOzdw3n3JMz8xEm2YEzqhEm-1hmhERoSyxug3_UlaKRo6j3Q0A" />
    <input value="19092" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cranberries-halb-ungezuckert-bio-200-g-19093">
          <img alt="Cranberries halb ungezuckert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10461/file/small-f6510b680c21fb100f0a43e8f69a8f3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10461/file/medium-1a0f712418f8983e27c64af55e3b9a2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10461/file/large-db78af6159ad50cb7f8c004ab44587e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10461/file/medium-1a0f712418f8983e27c64af55e3b9a2f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/cranberries-halb-ungezuckert-bio-200-g-19093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberries halb ungezuckert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19093-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oyWSyYGWZrbdX3W6ZNIi5qt9aejJQqZxvm8x3ceNb-MuzUP7JtJRmW2hwiQ34SmnujyYg3Fe0Z-FctqlwW18Sg" />
    <input value="19093" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/datteln-entsteint-bio-200-g-19094">
          <img alt="Datteln entsteint Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/small-43e97e4016f5011beafcfd15b89ea053.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-ce2af3a513ee535baebc3226f226df3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/large-769743a54d2a0838c6ca5039f5516daf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-ce2af3a513ee535baebc3226f226df3c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/datteln-entsteint-bio-200-g-19094">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln entsteint Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.45 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19094-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TfSxJVzcgbDplC9pRgJ08DPyAd7cVNQUC7O7FAq4DLXAHGAX-5i2n1lqmPcVMX-xIrPwtWRIo_owrlBsDFgfHA" />
    <input value="19094" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/datteln-entsteint-konv-200-g-19095">
          <img alt="Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/small-0d921ce182c0d0cfb4c448bb685700cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-8c234d91f293267dd01469ef7b899563.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/large-d97a9c2c414dcc4ddab62243314f333f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-8c234d91f293267dd01469ef7b899563.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/datteln-entsteint-konv-200-g-19095">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln entsteint konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.35 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19095-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G28Xcoz996X4BKUtqeTaHwnf-wJwDe4gKOONVvvRqPKWh8ZAK7nAikj6ErP619FeGJ4KacgRmc4T_mYu_TG7Ww" />
    <input value="19095" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/datteln-entsteint-konv-1-kg-19096">
          <img alt="Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/small-b5f610a876764e798f9380008b78975a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-7bfcc9d30b7c9ceac4fe6057ee254fd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/large-7d412e76027897a1f192b9d8cf735846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-7bfcc9d30b7c9ceac4fe6057ee254fd5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/datteln-entsteint-konv-1-kg-19096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln entsteint konv., 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.39 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19096-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MtqcctVkmKlGF_0NYCDgmUZjywpzuORRnt-5YQ6h5t5I7tDbBGlTRXm6Gpms4jDdFh-R5HSlH99ZpWdgtqUMg" />
    <input value="19096" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/datteln-medjool-bio-250-g-19097">
          <img alt="Datteln Medjool Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/small-12c0f8471a34828049a128e16ff41762.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-4e8f37772590b5df128b8188d350558c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/large-c9644655bcbde3c7210644b136bfbb47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-4e8f37772590b5df128b8188d350558c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/datteln-medjool-bio-250-g-19097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln Medjool Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.68 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19097-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="apsgwjWodbcUQMPqjLchi_u4RnnCG0cVPUimfpu14g_nc_HwkuxCmKS-dHTfhCrK6vm3EnoHMPsGVU0GnVXxpg" />
    <input value="19097" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/exotic-fruits-mischung-175-g-19098">
          <img alt="Exotic Fruits-Mischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/small-baa105ef6292db31b14911aa586c9f69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-433d99e474d868ce6d2910a39c33d080.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/large-77704867abb894080c07a5f6b168c598.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-433d99e474d868ce6d2910a39c33d080.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/exotic-fruits-mischung-175-g-19098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exotic Fruits-Mischung, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.03 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19098-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQL9K-ilEnYUpMPLSf3tmVibo20wfPcQALU5IA1lZ6QY6iwZT-ElWaRadFUazubYSdpSBohggP47qNJYC4V0DQ" />
    <input value="19098" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/feigen-protoben-bio-1-kg-19099">
          <img alt="Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10450/file/small-be819fa95e8f3ec67e1f54a848d562b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-38598204740a9340793d139bb345c865.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10450/file/large-86eea9c9a6fc0416d8afce1eb80b076f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10450/file/medium-38598204740a9340793d139bb345c865.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/feigen-protoben-bio-1-kg-19099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feigen Protoben Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.29 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19099-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vlOlNyEYhz5uPrzhwrt_wg-Yl-4lGFM-uSFkCBPdRn4zu3QFhlywEd7AC3-RiHSDHtlmhZ0EJNCCPI9wFT1V1w" />
    <input value="19099" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Foriginalbeans%3Fformat%3Dturbo_stream%26page%3D76">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/feigen-protoben-bio-250-g-19100">
          <img alt="Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/small-23b15eb13637c16db6341ed9df924ce8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-8f68acb6515449b5175b2e5489d2bf8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10452/file/large-ba30ccae5de8ac762941b31d122a1739.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10452/file/medium-8f68acb6515449b5175b2e5489d2bf8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/feigen-protoben-bio-250-g-19100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feigen Protoben Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19100-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KQYcDUZhfcXJEcxcUGczezxuEAqwj66wkkRgvyqBXzqk7s0_4SVK6nnve8IDVDg6LS_hYQiT2V6pWYvHLGFMkw" />
    <input value="19100" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;520 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/originalbeans?format=turbo_stream&amp;page=77">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>