<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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/super-griller-vegan-bratwurst-bio-200-g-22">
          <img alt="Super Griller Vegan Bratwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12/file/small-43a1222ae3e9b4a1c5ef581349c4c732.webp 600w, https://assets.fabulous.ch/public/variant_asset/12/file/medium-01246fc6a2c61a60c371bb4c04551261.webp 900w, https://assets.fabulous.ch/public/variant_asset/12/file/large-9382d9ec044e7227dd9f92a39c0d8725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12/file/medium-01246fc6a2c61a60c371bb4c04551261.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">Wheaty</p>
          <a href="/de/products/super-griller-vegan-bratwurst-bio-200-g-22">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Super Griller Vegan Bratwurst Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NU1Uuowiz5s7__wSzKBtiJnUE9d9wi9XQyhEL1eRSTDe1d1S1OdinaJx5IL0isPzpwq6YjxuolOTOkMPJRsTjw" />
    <input value="22" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/streichvurst-natur-erbsenprotein-bio-100-g-17479">
          <img alt="Streichvurst Natur Erbsenprotein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8145/file/small-93fd9178aef1e7bb0d12f34000b9c906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8145/file/medium-a2cd63bf19eb82480a8a0e2bd3ce06d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8145/file/large-22d1e8d7b1a979cd7f46cfaf873121fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8145/file/medium-a2cd63bf19eb82480a8a0e2bd3ce06d0.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">the vegan cow</p>
          <a href="/de/products/streichvurst-natur-erbsenprotein-bio-100-g-17479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streichvurst Natur Erbsenprotein Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2qnWcZ9UBLXLMyt6ch147f9i5JLUgcOqkfxaWjMAoHoxMV-Zx5Gps1K9M-pKN9aWwbxNJ5UtTq5B7l16QYr6xQ" />
    <input value="17479" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/samba-haselnuss-dunkel-bio-250-g-340">
          <img alt="Samba Haselnuss Dunkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/303/file/small-ac159edc1efc1bcb88c093227cb04a97.webp 600w, https://assets.fabulous.ch/public/variant_asset/303/file/medium-635d7dfe5bab4c0ed4019e3a86bfb2fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/303/file/large-d82462f5b6ac5acbb7961152b22d6d4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/303/file/medium-635d7dfe5bab4c0ed4019e3a86bfb2fe.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">Rapunzel</p>
          <a href="/de/products/samba-haselnuss-dunkel-bio-250-g-340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Haselnuss Dunkel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5HWCFzV4FuT-xvDTlON2n5keZzzzc2jODbMqN7JE9vgP7Qv_bb274mdI6EOsydjkp8DOibLf5crdoS0XwM6sRw" />
    <input value="340" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/baumnuss-lackerli-s-bio-75-g-16771">
          <img alt="Baumnuss-Läckerli S Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7787/file/small-696fcf73a23b6b502096ed158faa5867.webp 600w, https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7787/file/large-5b596dcfbae5b50325a22d1eaca348d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.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 Biber-Manufaktur</p>
          <a href="/de/products/baumnuss-lackerli-s-bio-75-g-16771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnuss-Läckerli S Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izCOXZhdo2CqKtPE7XhvrmitTTnL31PIr8I9yRu0GdRgqAe1wJgOZjOky1TVUsHVVnPkjIpz3sx_0DrpaT5Daw" />
    <input value="16771" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
          <img alt="Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1061/file/small-8420ab313384367113752474249a29c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1061/file/large-e36e75ff5182d186886b9e8d1a202c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.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">Rapunzel</p>
          <a href="/de/products/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </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-1202-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qxy8lDfHOBUDrBfmi41i8O1LPPggl-DVVujNwij4fE2ohDV8bwKVE5oiD3azp8yL05WVTWE7bdGG-sriWnIm8g" />
    <input value="1202" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/pesto-alla-rucola-bio-130-g-554">
          <img alt="Pesto alla Rucola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/512/file/small-8a23f9d18fba07288b9bc2fa19b04be1.webp 600w, https://assets.fabulous.ch/public/variant_asset/512/file/medium-425ca5ff0e3384fc1d4428f1bc429238.webp 900w, https://assets.fabulous.ch/public/variant_asset/512/file/large-c4cae53088e31cc8fd525553d791aa19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/512/file/medium-425ca5ff0e3384fc1d4428f1bc429238.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">LaSelva</p>
          <a href="/de/products/pesto-alla-rucola-bio-130-g-554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto alla Rucola Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lgjGVqQR93y-XEIbg1I63_VV-LvOkZmQvooYmBYOU3V9kE--_NRaeifSWou7eJSky4tRDo89FJRumB-4ZIQJyg" />
    <input value="554" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/frucht-riegel-dattel-orange-bio-40-g-12140">
          <img alt="Frucht-Riegel Dattel Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6140/file/small-549e103da79a7c2b10d49003f3415471.webp 600w, https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6140/file/large-c34085cc89bd4328746c1ce8766111e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6140/file/medium-46ac7b2ba975f7f07b833efed247520f.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">Allos</p>
          <a href="/de/products/frucht-riegel-dattel-orange-bio-40-g-12140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frucht-Riegel Dattel Orange Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qfOn6vE7bYADzNbxII7d-kUtj1jQC71d59xOWHlWK79Cay4Cqf7AhppCzmEYpHOBe_Mm7ZGnMFk3zkl4C9xxAA" />
    <input value="12140" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/peak-punk-protein-haferriegel-crunchy-hazelnut-bio-55-g-17501">
          <img alt="Peak Punk Protein Haferriegel Crunchy Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8158/file/small-663e329cba6d57c51dacd4ce25c84b30.webp 600w, https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8158/file/large-86479066b800f6793a3b145a9a1304e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.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">Peak Punk</p>
          <a href="/de/products/peak-punk-protein-haferriegel-crunchy-hazelnut-bio-55-g-17501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Protein Haferriegel Crunchy Hazelnut Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="84F0TJqahjf7Kr0Q8jiA9ehImWcp7p8PmMYaDFTSrIwYGf2kwl8rMWKkpYDKEi6O1pYw0mhCEgtI1B0sJlj2Mw" />
    <input value="17501" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/besteck-set-3-teilig-schwarz-einzeln-verpackt-250-stuck-16778">
          <img alt="Besteck-Set 3-teilig schwarz einzeln verpackt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7797/file/small-8f4e4b6101e2f4aa9522bd1dbcb6e2a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7797/file/medium-5e8db4dfa8cf9dd0d3ce90b5a7966c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7797/file/large-bf2a652347631afbc8dcb951f6d4cb14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7797/file/medium-5e8db4dfa8cf9dd0d3ce90b5a7966c2f.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">naturesse</p>
          <a href="/de/products/besteck-set-3-teilig-schwarz-einzeln-verpackt-250-stuck-16778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Besteck-Set 3-teilig schwarz einzeln verpackt, 250 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZuDyt3eZDeN4e3XeOy--qheEKV95s9P44gNoPa5G3CaNeHtfL1yg5eH1bU4DBRDRKVqA6jgfXvwyEW8d3MyGmQ" />
    <input value="16778" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/kichererbsen-grossgebinde-knospe-bio-5-kg-6887">
          <img alt="Kichererbsen Grossgebinde Knospe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3985/file/small-1319f9b714fd6db50074f745bf4a1746.webp 600w, https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3985/file/large-7deccd0e8bae0b7ebf3f1b839e6a41f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.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">Bio Grosshandel</p>
          <a href="/de/products/kichererbsen-grossgebinde-knospe-bio-5-kg-6887">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Grossgebinde Knospe Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wutsTLgxrWaksiIghAn3rtQTQN3s6YyfkGnBhIBL8Fspc-Wk4PQAYD08OrC8I1nV6s3paK1FAZtAe8ak8sGq5A" />
    <input value="6887" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/pasta-simona-spaghetti-vollkorn-teigwaren-grossgebinde-bio-5-kg-6176">
          <img alt="Pasta Simona Spaghetti Vollkorn Teigwaren Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3549/file/small-cf0a35592ba29ba6ba5e718d4f6aa3b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.webp 900w, https://assets.fabulous.ch/public/variant_asset/3549/file/large-2123a1f8462f85f788f19f7a09471a70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3549/file/medium-0bb0e45405588b112b613e9f65b7aa28.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">Pasta Simona</p>
          <a href="/de/products/pasta-simona-spaghetti-vollkorn-teigwaren-grossgebinde-bio-5-kg-6176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Simona Spaghetti Vollkorn Teigwaren Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFqem0yS2YdhRFpt1reoq7Dtz47IIMqaUbyZcR48PqZnwhdzFFd0gfjKQv3unQbQjjNmO4mMR56Brp5RbLZkGQ" />
    <input value="6176" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/lion-s-mane-pulver-aus-vitalpilz-bio-50-g-16710">
          <img alt="Lion&#39;s Mane Pulver aus Vitalpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7748/file/small-f2209b75589c9e4ee8738d775f5a9c86.webp 600w, https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.webp 900w, https://assets.fabulous.ch/public/variant_asset/7748/file/large-24af174f978e65c2f180fd9d212cfc88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.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">NaturKraftWerke</p>
          <a href="/de/products/lion-s-mane-pulver-aus-vitalpilz-bio-50-g-16710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lion&#39;s Mane Pulver aus Vitalpilz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4JS8Ocnd_Gs-e4QZJhQ8MZRmTu8Z3x2_8pUakAxLEtMLDDXRkRhRbaf1nIkePpJKqrjnWlhzkLsihx2wfsFIbA" />
    <input value="16710" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/erdnussmus-fein-bio-500-g-15203">
          <img alt="Erdnussmus fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6972/file/small-9e0fd36c8b87a8486625e3f67a0bdb1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.webp 900w, https://assets.fabulous.ch/public/variant_asset/6972/file/large-e04f5de17712e30eb55429b6a333687f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.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">Rapunzel</p>
          <a href="/de/products/erdnussmus-fein-bio-500-g-15203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus fein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XuCUNrSgFAbRjIthEBqpT_5N6GxQ_L5t8T-9k-SRESq1eB3e7GW5AEgCk_EoMAc0wJNB2RFQM2khLbqzlhtLlQ" />
    <input value="15203" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/datteln-ohne-stein-deglet-nour-grossgebinde-bio-5-kg-8114">
          <img alt="Datteln ohne Stein Deglet Nour Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4750/file/small-4b30f2e1318bbfeb5ee63306e7a135b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp 900w, https://assets.fabulous.ch/public/variant_asset/4750/file/large-ca40799b4708031bba21225b469bd856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.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">Bio Grosshandel</p>
          <a href="/de/products/datteln-ohne-stein-deglet-nour-grossgebinde-bio-5-kg-8114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln ohne Stein Deglet Nour Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Xz-0U89JSlpVZ_wyKRsZh-KYdWKgvG0GAaMWTh9nCoy5Hc5F_iIL_Dbh2DwjsIdIVTIYMsufLDIFIt5SvfGlQ" />
    <input value="8114" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/limettensaft-100-direktsaft-bio-700-ml-15976">
          <img alt="Limettensaft 100% Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7375/file/small-c0333d30f75a6546ba9e376d2a2d3f60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7375/file/large-d7c2cd047f073da0e918dcb68286ceac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.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">Beutelsbacher</p>
          <a href="/de/products/limettensaft-100-direktsaft-bio-700-ml-15976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limettensaft 100% Direktsaft Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T-BmMv8C-elJf0WT15kkXttV91jNS0use1VHDFVEDaekeO_ap8dU79DxXQPvs4ol5Yte7YznxqirR0AsJ85XGA" />
    <input value="15976" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
          <img alt="Le pain des fleurs Blumenbrot Buchweizen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2200/file/small-7258a0a13cc175498d5edb214957cbf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2200/file/large-7066761e36c9d3cdcd85e6ba08c01fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 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 3.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wi883vllPCehvdQ4IZh7w9C12wRThR_IoeE6kRZAmoMpt7U2oaCRITgzzKgZstW47mtysRIpksxx8z2xZMrAPA" />
    <input value="3239" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/hamburger-brotchen-mit-sesam-bio-60-g-16589">
          <img alt="Hamburger Brötchen mit Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7648/file/small-49a81953381f895873d0ce13134cafc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.webp 900w, https://assets.fabulous.ch/public/variant_asset/7648/file/large-1a67e31e0f376daa84ea39843fafd2f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.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">Nur Puur</p>
          <a href="/de/products/hamburger-brotchen-mit-sesam-bio-60-g-16589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hamburger Brötchen mit Sesam Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dVeZwNTEp5Srvl2RD2XtCQ0YMJCA4ekTT9L84VFiVYqezxAojAEKkjIwRQE3T0NyM8aZJcFNZBefwPvBI-gPNQ" />
    <input value="16589" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
          <img alt="Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2876/file/small-2a907519fd609f773a61d9b58137d568.webp 600w, https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp 900w, https://assets.fabulous.ch/public/variant_asset/2876/file/large-cb2cafa6e2b8bde258165b3438505851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.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">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E4xOrhTzhl1Ih1p_jJhRRLSHhrOqjjRdFfpP4Z1uhpj4FMdGTDYrW9EJQu-0sv8_ilkvBusiuVnF6EjB7-TcJw" />
    <input value="4794" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-spiessli-bio-190-g-110">
          <img alt="Tofu-Spiessli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/de/products/tofu-spiessli-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu-Spiessli Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qm9U1a1qf9CeFrdHkxkwM0Zwqm8pQf4zTgD4q6w2abCp99099a_S1geYr9erM55IeK4D2mjtczeeEv-L3rwzDw" />
    <input value="110" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D45">
    <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="/de/products/tofu-rauchertofu-bio-500-g-15937">
          <img alt="Tofu Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7331/file/small-426a4b142f1c1f1bdd65bbe8bc768e07.webp 600w, https://assets.fabulous.ch/public/variant_asset/7331/file/medium-dbd960641817d5a71d80f40eb557181b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7331/file/large-506a8bbe83de9f77d26f1c52afbe145a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7331/file/medium-dbd960641817d5a71d80f40eb557181b.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">Engel-Tofu</p>
          <a href="/de/products/tofu-rauchertofu-bio-500-g-15937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Räuchertofu Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cqcbkphU_pG4tUDRuOZKwtlbNU46c0fiHy5cbqwULXeZP5J6wJFTlyE7WEGAzOS554Wc-3vfyubPPFtO3p53yA" />
    <input value="15937" 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">
      900 von 3&#39;427 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/yacon-co?format=turbo_stream&amp;page=46">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>