<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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/wildkaffee-medium-bohnen-bio-fairtrade-220-g-18566">
          <img alt="Wildkaffee Medium Bohnen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/small-c1e3adf7f3542786fc8f264ba1180387.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-fadbf7b09b02924dba5553c16f4c9ca5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/large-12ea8469e8b888a77f4d28313d6b83a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-fadbf7b09b02924dba5553c16f4c9ca5.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">Kaffa</p>
          <a href="/products/wildkaffee-medium-bohnen-bio-fairtrade-220-g-18566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lrJx02kCWPvSsvEwQEl6yQnTOnyT14_5vvnRTNsJ-J32xudjoGObgtWGRFWutAs2f98oVQFULmBlI0MDk7UYkQ" />
    <input value="18566" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/wildkaffee-medium-gemahlen-bio-fairtrade-220-g-18567">
          <img alt="Wildkaffee Medium gemahlen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10202/file/small-a8660cf49cc05009a16db9e9aa1fbea6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-514f285b3fe3c7a1b8faa79ac7b7257d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10202/file/large-1109df4d5f58c43064028957e7baa878.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10202/file/medium-514f285b3fe3c7a1b8faa79ac7b7257d.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">Kaffa</p>
          <a href="/products/wildkaffee-medium-gemahlen-bio-fairtrade-220-g-18567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium gemahlen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TU-OnMkbEt7AoXlsO6m7W_arN9LOZaqkJy6Ho2dzFVYtOxgsAHrRp8eVzAnVVMqkgKcl-1zmCz389BXsL8_1Wg" />
    <input value="18567" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/pizzoccheri-300-g-18568">
          <img alt="Pizzoccheri" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/small-5675c331b347771846db88edbdf45d22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-e43fef6e2ed285994a430ee460acca25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/large-5dc1f6592b287e77a85de3a611abb6ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-e43fef6e2ed285994a430ee460acca25.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">Kornhaus</p>
          <a href="/products/pizzoccheri-300-g-18568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzoccheri, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yv0iQNEUxu1lU-UFILjeus7xSrBMvLvkHXaisvo9kTYCibTwGHUFlGJnUGDORa9FuP1Ymd4_Gn3GrDD9soFxOg" />
    <input value="18568" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lafinestra-alge-dulse-bretagne-bio-50-g-18569">
          <img alt="LaFinestra Alge Dulse Bretagne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/small-c3a0244ea00f544dc8988febf3ec7627.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-eaaff3703bc67786d583f3cec1f77fc8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/large-760a3acdfb7ee5c40b87e3cda5442fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-eaaff3703bc67786d583f3cec1f77fc8.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">LaFinestraSulCielo</p>
          <a href="/products/lafinestra-alge-dulse-bretagne-bio-50-g-18569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LaFinestra Alge Dulse Bretagne Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NSp13nK97phhSILSDUPGoNg8DKi6T9ZTBJi5wICMWcRVXuNuu9wt4WZ8N7fjvrdfrjAegSjMd8rfQiuPyDC5yA" />
    <input value="18569" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/kirschen-in-zartbitterschokolade-bio-50-g-18570">
          <img alt="Kirschen in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11186/file/small-7805f040745240872a6b914f451b8efa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11186/file/medium-61c63ff689464c8f4367c893a53a62aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11186/file/large-ec2066aa5889a059b4d513d9f9034c3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11186/file/medium-61c63ff689464c8f4367c893a53a62aa.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">Landgarten</p>
          <a href="/products/kirschen-in-zartbitterschokolade-bio-50-g-18570">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirschen in Zartbitterschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DUYS9hZRYLV2389G5L8YVjRnCPv5vus3tMfH1cCu2NFtMoRG3zCjzHHreiMKQmmpQmsa0ms9Sq5vHVWaiBI43Q" />
    <input value="18570" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/beeren-in-dreierlei-schokoladen-bio-50-g-18571">
          <img alt="Beeren in dreierlei Schokoladen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9221/file/small-88003b50523937b7b989c54998608314.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9221/file/medium-d0a55fad632db21029dfbbbfb6e7501d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9221/file/large-076ede64ca8555c40d72ae8adb196fbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9221/file/medium-d0a55fad632db21029dfbbbfb6e7501d.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">Landgarten</p>
          <a href="/products/beeren-in-dreierlei-schokoladen-bio-50-g-18571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren in dreierlei Schokoladen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oe2ROCEIPmRdXoI4h80IKzZhrgllqqBEqJ4j-UKpNZfBmQeI6Gn9HVpqN11pMHnUQG28IPcpAd1zRLG2ChXVmw" />
    <input value="18571" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/knabber-mix-original-bio-50-g-18572">
          <img alt="Knabber Mix Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11411/file/small-33b0ed49b0a201eb4680657e03ce02e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11411/file/medium-463cc1d465dc05643944c1f35914ae91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11411/file/large-6185be0b7b7555b4af8548c5fbb37d94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11411/file/medium-463cc1d465dc05643944c1f35914ae91.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">Landgarten</p>
          <a href="/products/knabber-mix-original-bio-50-g-18572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knabber Mix Original Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aAHWJ_W5Xk-0ZczR1Q5drFYiWvN2DwDvUj9D2Lc_iM4IdUCXPNidNrNRebQ78yxTIC5I2uSMoXaJ5dGX_4Nowg" />
    <input value="18572" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/mandeln-wurzig-bio-50-g-18573">
          <img alt="Mandeln Würzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11412/file/small-bc0dfff7165c6017c10b88f18e2152f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11412/file/medium-6a523acb6180f2e35ecc730d14430ac8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11412/file/large-47356cdb572f867e4367a83785a15a21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11412/file/medium-6a523acb6180f2e35ecc730d14430ac8.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">Landgarten</p>
          <a href="/products/mandeln-wurzig-bio-50-g-18573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Würzig Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWMRlD1Jg-3UjSeicTe-o4h6c4kGw3irR12MOKj3cCylF4ck9ChAlNO5ksefys9c_nZhoJRA2TKchx534EuQIA" />
    <input value="18573" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/dorrkastanien-bio-250-g-18574">
          <img alt="Dörrkastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10420/file/small-ea031bac75071b613d42aadf313a070e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10420/file/medium-760dc56e80ef44ffd465cec2f5b4b4f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10420/file/large-f7da9898b43a3adf7b3b366850421abd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10420/file/medium-760dc56e80ef44ffd465cec2f5b4b4f1.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">LaPinca</p>
          <a href="/products/dorrkastanien-bio-250-g-18574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dörrkastanien 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-18574-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sp-a4KyV3XGtusGgAaYyZBnNrMZLBK6dhC_U3EnxL5DS6wxQZfQeCKqOdMXvW0Obb8G-79mHDwRf9UaTAU3PnA" />
    <input value="18574" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/kastanien-creme-bio-350-g-18575">
          <img alt="Kastanien Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10421/file/small-c514745135390a906543b6f6d869f440.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10421/file/medium-1a55e108521ef7c145a28717359838e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10421/file/large-68001cad2c743ded13d428f96e67a383.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10421/file/medium-1a55e108521ef7c145a28717359838e5.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">LaPinca</p>
          <a href="/products/kastanien-creme-bio-350-g-18575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanien Creme Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JoZSHjpRXUYpMH7eJ9HmR1uwMzUPCZUxReZYp--klN9G8sSu8zCePy4Ey7vJLJe4LbwhHJ2KNKiePMropxh00w" />
    <input value="18575" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/kastanien-gekocht-bio-210-g-18576">
          <img alt="Kastanien gekocht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10419/file/small-7261c331b51fabd645d8b4cea54f4324.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10419/file/medium-bb44ab66a00f5af2f0c8e2761926fcfb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10419/file/large-16410babc66c8889c4c2515b1c39ad9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10419/file/medium-bb44ab66a00f5af2f0c8e2761926fcfb.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">LaPinca</p>
          <a href="/products/kastanien-gekocht-bio-210-g-18576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanien gekocht Bio, 210 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 4.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ffzhZ90Vp-2JKdkQAosjpUtGj7R6qVXrYcgNEfK05wodiHfXFHRklI4dbHXsdlJaPUqdnegq9HK6Ep9euggHBg" />
    <input value="18576" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/penne-di-castagne-bio-400-g-18577">
          <img alt="Penne di Castagne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10066/file/small-ab9bfa1dce5593cac43140f0d3df294b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10066/file/medium-0c50e5e88b2226ac20509670dca4360f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10066/file/large-3cf641cd2f6d251e55c8ab83a87c8b72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10066/file/medium-0c50e5e88b2226ac20509670dca4360f.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">LaPinca</p>
          <a href="/products/penne-di-castagne-bio-400-g-18577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Penne di Castagne Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zuAGMxKTD0aJfcSHccKmoJ0vumQJlIePUwGlaS5PGzmulJCD2_LMP45JceKfP9df6yOoTZsXJhaI2zcmZvP7NQ" />
    <input value="18577" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/honig-biber-s-80-g-18578">
          <img alt="Honig Biber S" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11110/file/small-f13813f7950c475870fea359b290d4f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11110/file/medium-9309dd7867c5930a6cdb7ffd36194bfa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11110/file/large-a41416302ba932890df4c8d3d19faecb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11110/file/medium-9309dd7867c5930a6cdb7ffd36194bfa.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">Leibacher</p>
          <a href="/products/honig-biber-s-80-g-18578">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Biber S, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ory7Z_PqBiUzZy5z-tYhpxx0hFdtyNUqHQ5IZ8rIF1HCyC3XOovFXDRTmxYUK1BYaniWfv9LdLPG1NoognT3XQ" />
    <input value="18578" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-punch-700-ml-18579">
          <img alt="LeSirupier Besser als Punch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10958/file/small-c98b7ed03184b426d4026c895152223e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10958/file/medium-f44d0608f6d5a38421a95104059909e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10958/file/large-6886a52558f4ac9b1d09335a945d6642.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10958/file/medium-f44d0608f6d5a38421a95104059909e6.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-punch-700-ml-18579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Punch, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gw170amgQGXmQvSOyUNPyLFfHbnAEmyYxWGFLU7d1bR7ee1hYMGDHOF2Qesnvj43x1MPkFKRzQEeuxdiBmE1uA" />
    <input value="18579" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-ystee-350-ml-18580">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/small-8dfa460df98345a4ba8298f9b408ab28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-28ed08ed12e20310a6dc0647bf348543.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/large-d7f62b10dd7368653743768cd01f8139.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-28ed08ed12e20310a6dc0647bf348543.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-ystee-350-ml-18580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_gRwH5shFG6tgrP8JvwhlX0pDHbARqn40c2nV5P5FvOecOavUkDXF6q2BpnIAVBqCyUeX1LFCGEKFzUY20X2_w" />
    <input value="18580" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-ystee-700-ml-18581">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/small-586926ec4d98896e9b030070b9abcd9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-78b8fa9483f7c1a5d269b223a77dc6b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/large-f22635afc4e95c9ac8cec7ff2e27368a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-78b8fa9483f7c1a5d269b223a77dc6b5.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-ystee-700-ml-18581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5AFxa0PpdpVBQWjOGXo70OGB9_82bt4xQVJeuGLo0MWEdefbioi17EZ13av3h0ovl43l1qTtf6iaiMz3KlQwyQ" />
    <input value="18581" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-bluemli-350-ml-18582">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/small-49feabc243965c2ffec20a3ed6ba1074.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-2e7b703b2bf42fdc00075f8aa0b60558.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/large-e9b80022c5152e8cedb60c4386aaad6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-2e7b703b2bf42fdc00075f8aa0b60558.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-bluemli-350-ml-18582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YstSatDyFFODJ444MjBgytzorMbwQW7ZUVpyZkeycOECv8TaGZPXKoQTO13czRE1quS-72LCz0CKgOApDw6Q7Q" />
    <input value="18582" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-bluemli-700-ml-18583">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10951/file/small-d104ef166b91e1217eaf7eb90cd9254d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10951/file/medium-848fedaae18cfd253c1a49f0d42c855a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10951/file/large-424db9b0c71289723160146c80b7e3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10951/file/medium-848fedaae18cfd253c1a49f0d42c855a.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-bluemli-700-ml-18583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jsMkJZEHiC2jmrXl1D1FPBIsgy-GNrOBw8G9EMAxRzvut7KVWGZLVKSuAIA6wDTDZCCRBhS1EhgYGy9fiI2nNw" />
    <input value="18583" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-granatapfel-350-ml-18584">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/small-e9e07d5b232081bd63259bb59d83c7b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-dd6f24702dd8a614dd8dbab3e574db8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10185/file/large-cfa81abcc4fbbfcb9c0ce29a1d3e656f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10185/file/medium-dd6f24702dd8a614dd8dbab3e574db8b.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-granatapfel-350-ml-18584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JonsPq7yDgp-j0QaUmD5-OgEKpPgvV7wFTsentxLkQpG_XqOZ5PNc3m78X-8nYgHngg4unI-_2nO4YzRlPdxBg" />
    <input value="18584" 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%2Fwerz%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-granatapfel-700-ml-18585">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/small-7a38d6ea13bec4d9d92c89ba0f8464b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-a2e1531e39669a47e57c14a596878615.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10186/file/large-ffc7f7a281d373f4e628977032b29f0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10186/file/medium-a2e1531e39669a47e57c14a596878615.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-granatapfel-700-ml-18585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cced5O8Dsr1ryrCI4ViOUw_YD6WvPxwYWbn_aIOSTJVpswtUJmJxxGz-Be0Ppf-sedQdjD28vYGCY20nyy6smQ" />
    <input value="18585" 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;040 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/werz?format=turbo_stream&amp;page=53">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>