<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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/kochmatcha-gruntee-pulver-bio-100-g-18746">
          <img alt="Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/small-bf414096ecf0bed82279ab1da6790e12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/large-6cef9a4ddd6a61e186c988f898aa819e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-0898d7dc5e500fb88930808d39e6cfda.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">NKW</p>
          <a href="/products/kochmatcha-gruntee-pulver-bio-100-g-18746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochmatcha Grüntee Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YucdGD7oJWTXsqMC7lFBIq72Z1RTuEmO3TfqynluvwPa3UZr1WKoRzyWqN-WM7amOatFwpmYs5XjYtIevY-LCA" />
    <input value="18746" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/leindotterol-demeter-250-ml-18747">
          <img alt="Leindotteröl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9562/file/small-dd560dc219092a2e65afa52b1a9ef2f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9562/file/medium-22536ec6eb256b9f53b13c74549d9910.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9562/file/large-5548c77c6baa4b9a65875a97d401cf06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9562/file/medium-22536ec6eb256b9f53b13c74549d9910.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">NKW</p>
          <a href="/products/leindotterol-demeter-250-ml-18747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leindotteröl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-gDXC3PLEeNGPRJjND0v2EHVJ51qwrL1GlgagABvLh1COox4mEGcwK0ZGb5MX9hc1ogFC6DiSO4kDSJUxI4aFg" />
    <input value="18747" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/leinol-demeter-250-ml-18748">
          <img alt="Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/small-7ef48cd8bd88f667e09913f0adc92a45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-8a045234297b9ff38a4febba82587ebc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10258/file/large-8ce96024a522389b9595732587cb8f64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10258/file/medium-8a045234297b9ff38a4febba82587ebc.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">NKW</p>
          <a href="/products/leinol-demeter-250-ml-18748">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinöl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tmk9jZh-TibEW-VUFIZx4AzCwh-sEo-2MSJ7xLV6u6T2U2b-c_TDBS9_7ols5IZkm5_giWYyda0Pd0MQcZuPrw" />
    <input value="18748" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/leinol-demeter-100-ml-18749">
          <img alt="Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10259/file/small-9d25b5ff84a4301d6d7af8ab4dd9f35c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10259/file/medium-9941854e37ae57dc5328db316c931246.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10259/file/large-39b446b76c71f14090ab72df29b50824.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10259/file/medium-9941854e37ae57dc5328db316c931246.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">NKW</p>
          <a href="/products/leinol-demeter-100-ml-18749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinöl Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="okbHWt23_ZZ9c3ph74yvxZAS2T7_ohH7r9gX9-5UduUafJwpNj1wtZZXcbyX7lhBB0_7qDWC6-CRjS8jKrVC7g" />
    <input value="18749" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/leinol-demeter-4-x-100-ml-18750">
          <img alt="Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/small-797fcfd6897554d38ad4eecab26302bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-7ed485ffca5b55c91dba411ffe61d89b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/large-a8c0a11b20ee030cb4bcfc93a94d8bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-7ed485ffca5b55c91dba411ffe61d89b.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">NKW</p>
          <a href="/products/leinol-demeter-4-x-100-ml-18750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinöl Demeter, 4 x 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E5qGkDnwlTjR-drnvvYdqTin8VcTtMZqdzveiSQS-fKroN3j0noYGzrd0TrGlOotr_rTwdmUPHFJbuZd4PPN-Q" />
    <input value="18750" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/leinsamenmehl-teilentolt-bio-knospe-250-g-18751">
          <img alt="Leinsamenmehl teilentölt Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10746/file/small-6c46bc5dcfe38dbf870c59bc695c4d9f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10746/file/medium-ea27aae3f8c91eab1fa8c95ffc769146.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10746/file/large-30a8df502e3c90d467c937cbcab1f8bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10746/file/medium-ea27aae3f8c91eab1fa8c95ffc769146.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">Biofarm</p>
          <a href="/products/leinsamenmehl-teilentolt-bio-knospe-250-g-18751">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamenmehl teilentölt Bio Knospe, 250 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 3.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K721ANZSnBJp91XuOBYtEMCqSmsAxGeS7Y48KGRkgeOTh-5zPdgRMYLTXjNAdNqUV_do_crknYnT2wT8oIW16A" />
    <input value="18751" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/mariendistelol-nativ-bio-250-ml-18752">
          <img alt="Mariendistelöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9561/file/small-f549d76335f9b5756bd2d701b1078a1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9561/file/medium-0f9c7a975e8c6bf5d63a7b7f212bf17f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9561/file/large-6160acc4a8dde80a93930b278cdd44b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9561/file/medium-0f9c7a975e8c6bf5d63a7b7f212bf17f.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">NKW</p>
          <a href="/products/mariendistelol-nativ-bio-250-ml-18752">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mariendistelöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0j7HneESwaL5x0lPrLH9l25zCMVP4AUW-KEvnqYUNnNqBJzuCphMgRLjQpLU0woT-S4qU4XA_w3G9BdKYvUCeA" />
    <input value="18752" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
          <img alt="Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-7e41b8b76b5917d1d4ea2bd3837cba55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-f1d1d66b99bb3d23e629bbd7700d1a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-6e05b60f0433bda763eab7e67d4d4995.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">NKW</p>
          <a href="/products/matcha-fein-gemahlener-gruntee-offen-bio-30-g-18753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha fein gemahlener Grüntee offen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBrA9zOrn1D1lBiWY9RynBL_EOHlKifMkSg11OSMqKiMIJuE2CEScx6wE0sbtoUYhaIydy8K3devfQ0AIG2cow" />
    <input value="18753" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/olivenol-portugal-demeter-250-ml-18754">
          <img alt="Olivenöl Portugal Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9563/file/small-c7c274763b3a56b1020b6d7713c277ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9563/file/medium-28524e6fedc19a27c4d942638a282357.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9563/file/large-c73bb6715a82ad0c7e4d149ff4b2aa19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9563/file/medium-28524e6fedc19a27c4d942638a282357.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">NKW</p>
          <a href="/products/olivenol-portugal-demeter-250-ml-18754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olivenöl Portugal Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItVJRsle_ln6FdkE-ySQmCjXarTVD21plQnDZQsnvsCa7xI1ItRzehEx0tmDRmccv4pIIh8vl3KrXPuxz8aKyw" />
    <input value="18754" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/schwarzkummelol-demeter-50-ml-18755">
          <img alt="Schwarzkümmelöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/small-032fc56c33d59346db406641530e1e7e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-35fd20aacea79a68e0c21b9fd42a9ec1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10260/file/large-e14aa9602f275b1677a53001a5f9fc74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10260/file/medium-35fd20aacea79a68e0c21b9fd42a9ec1.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">NKW</p>
          <a href="/products/schwarzkummelol-demeter-50-ml-18755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl Demeter, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h5nylAiJyFoCnE6XS8Iu9LL7rOIV-e2jdzF0G9XSnYU_o6nn4wNFeem4RUozoNlwJaaOdN_ZF7hJZEzPETOpjg" />
    <input value="18755" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/sesamsamen-schwarz-bio-100-g-18756">
          <img alt="Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/small-2b013c00b9eea2aa8059c5f75ed59cbd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-d137c2d8fc1e2dcd129dddaab765fcd6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/large-734019a65bee8b1a30c42a0aa26a9e7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-d137c2d8fc1e2dcd129dddaab765fcd6.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">NKW</p>
          <a href="/products/sesamsamen-schwarz-bio-100-g-18756">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamsamen Schwarz Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aTKPhMjpVWPOODxAl3Xqyf0Z-rJPkm7ysdRkdNdto6PRCNT3I2PYQCUcN53vFx1NakTYJIWylOmPgVygE4yXqA" />
    <input value="18756" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/sesamsamen-schwarz-bio-250-g-18757">
          <img alt="Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9262/file/small-2d28e8eedb81daf34d08d81d7945c1a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9262/file/medium-e20721b8a6bfab240eaf8ffde2489dab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9262/file/large-65e0599cf711b23e2517ffa327f686aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9262/file/medium-e20721b8a6bfab240eaf8ffde2489dab.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">NKW</p>
          <a href="/products/sesamsamen-schwarz-bio-250-g-18757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamsamen Schwarz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U-AYvrabce3_Qa23GcM4KrjZOjax9KLGCkE7OI52KgHr2kPNXRH8zhRlpmphoc-uL4QYoHvUWN00FAPsSpceCg" />
    <input value="18757" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/spirulina-california-presslinge-500-stuck-18758">
          <img alt="Spirulina California Presslinge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/small-fd559a12d3ff6dd26806ce5bda6532b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-3d888e2c158fd1c4629bcc5d33737759.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/large-8afc00c569342ceb9475462c8cfc0e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-3d888e2c158fd1c4629bcc5d33737759.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">NKW</p>
          <a href="/products/spirulina-california-presslinge-500-stuck-18758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirulina California Presslinge, 500 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7U4EN7iDkHqJYvWmTl26svNPzKyxM0A68cGrpIG9109VdF9EUwkdWWJG_ns2P002ZBLuOnsTuiHPlJNwRVzjRA" />
    <input value="18758" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/spirulina-california-pulver-100-g-18759">
          <img alt="Spirulina California Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9261/file/small-853b17e055630f6208132dea12ade45b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9261/file/medium-88c03d0d81c4b9b3c6a92b8ed738d2f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9261/file/large-649160f5b16dbda28c7762fd1e0bd2de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9261/file/medium-88c03d0d81c4b9b3c6a92b8ed738d2f3.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">NKW</p>
          <a href="/products/spirulina-california-pulver-100-g-18759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirulina California Pulver, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ZWQw_wlBaC0Bgy1uUAhLjy2Dr6H4c6dSJv5TgrjV1lFr8uwF6-Ig18iB2jBItaqq-ssKE3BNIZ2zsGazgJjUg" />
    <input value="18759" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/sussholzwurzel-bio-75-g-18760">
          <img alt="Süssholzwurzel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9263/file/small-1d361d44bbd89b08a40f4e07a3eb346c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9263/file/medium-253ea7fdec9d2d931ae2db05f3a4f27e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9263/file/large-32752f2be6f42275d1c8032b0e7b1dd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9263/file/medium-253ea7fdec9d2d931ae2db05f3a4f27e.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">NKW</p>
          <a href="/products/sussholzwurzel-bio-75-g-18760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Süssholzwurzel Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZrW0dAP2Kypb7VFVQo_q0y-tkZO-h41xYH3tIybVFhbej-8H6HymCbDJWog67R1XuPCzBXSnd2peKNX34jQiHQ" />
    <input value="18760" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/rauchertofu-bio-200-g-18761">
          <img alt="Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10100/file/small-09f9635414d10a8d5cae56e7e2df6d15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10100/file/medium-f5b42b367084f58ccc6f06384d44c1e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10100/file/large-2e7b5f2f02506ad85213bcbea6ffa843.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10100/file/medium-f5b42b367084f58ccc6f06384d44c1e7.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">Noppas</p>
          <a href="/products/rauchertofu-bio-200-g-18761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räuchertofu Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eXMdiUYrb7Y-YmPV9l-Hx5TxtER_lKyarZupcWHcvcDBSUb6raHildVGaAiOPXBDA6yW0rW0VoGTzpGlpT2Jyw" />
    <input value="18761" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/tofu-a-la-minute-gewurzt-bio-200-g-18762">
          <img alt="Tofu à la Minute gewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10059/file/small-aa888ee68c5d58c1627df0e8d9def29d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10059/file/medium-7f97df36675c3d7fe4647bb9a535d325.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10059/file/large-344ab1d372448e2953f4d04441415d7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10059/file/medium-7f97df36675c3d7fe4647bb9a535d325.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">Noppas</p>
          <a href="/products/tofu-a-la-minute-gewurzt-bio-200-g-18762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu à la Minute gewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l8z5Cmji4O7WJJfR31mZ0XyENauoBJanwuRxltwHEu8v9qJ5g2htzT0AnAynO25V69kXPWIkbLz8sUlCGOYm5A" />
    <input value="18762" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/tofu-nature-bio-200-g-ece53988-8bdd-49c7-96e7-14e6429ec4ea-18763">
          <img alt="Tofu Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10058/file/small-6aed6dedb57f8885a5bc1411cb40ff68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10058/file/medium-a10c27df3434db50e0acf135b86c747a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10058/file/large-8a6ece44c4e2654b684d41385233f86a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10058/file/medium-a10c27df3434db50e0acf135b86c747a.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">Noppas</p>
          <a href="/products/tofu-nature-bio-200-g-ece53988-8bdd-49c7-96e7-14e6429ec4ea-18763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y2uQwV7HeyikJYe_1WsA93mxpuw_t466Qis7RsXmYV7bUcuytU32C08BjGKtCfdz7uyEevWXdKF8fgOSAQdVVQ" />
    <input value="18763" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/tofu-piccata-bio-165-g-18764">
          <img alt="Tofu Piccata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10099/file/small-2e7b3035ca46c3456d32cc76f7c89321.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10099/file/medium-cc6eda922cff4570a3d53929cefe6872.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10099/file/large-6b6b396834fd51478612e0aba7ff2fba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10099/file/medium-cc6eda922cff4570a3d53929cefe6872.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">Noppas</p>
          <a href="/products/tofu-piccata-bio-165-g-18764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Piccata Bio, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PAr8anOfoItgccXyfbkjlAUJJCChjmu1qZ5D813wqHOEMKcZmBUtqItVzi8F29QQklQGtmuuka6Xy3snmRGceA" />
    <input value="18764" 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%2Fvanadis%3Fformat%3Dturbo_stream%26page%3D61">
    <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/vegi-bratwurst-bio-200-g-18765">
          <img alt="Vegi Bratwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10098/file/small-7e3fd4cec23cde303156b47af0fc0205.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10098/file/medium-64f3bdd2e96c2e567a1bf294b4882405.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10098/file/large-1a8add2a1c59428e1e1d4a70cc4df4cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10098/file/medium-64f3bdd2e96c2e567a1bf294b4882405.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">Noppas</p>
          <a href="/products/vegi-bratwurst-bio-200-g-18765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegi Bratwurst Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RvzctVFx8thVP4otf8m02yFsiA58uHwBzCGPfkQpe9tIagBPs9K6Ipw9fXNndFX-9iQtvPSG-s5Zb7pPfGR5A" />
    <input value="18765" 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;220 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/vanadis?format=turbo_stream&amp;page=62">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>