<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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/high-protein-shake-berry-5k-bio-30-g-20001">
          <img alt="High Protein Shake Berry 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/small-f9c33a6ef20a4256ea85906740f39be5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-fa69a0ac3442f06fabd92922510942b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/large-1bf43462f4a88134052e68468ff10ecf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-fa69a0ac3442f06fabd92922510942b3.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">PurYa!</p>
          <a href="/products/high-protein-shake-berry-5k-bio-30-g-20001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Berry 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t7TlkKrQPqz0DqyZx_sZOKO38jB9QoebSK3IbozCHslaklIb6pvCrJ-ofbJrV_r8NneNRZMbwPfZlpLdD4rTjA" />
    <input value="20001" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/keltisches-meersalz-fein-500-g-20002">
          <img alt="Keltisches Meersalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/small-d90e788ce64f736bed968f0e2daff75d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9aed1d06a0483e4a4091a147b7ea0b85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/large-731099a42468b21319bed8dd17f6e14f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9aed1d06a0483e4a4091a147b7ea0b85.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">Govinda</p>
          <a href="/products/keltisches-meersalz-fein-500-g-20002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keltisches Meersalz fein, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bpSMVqdvQKPiy6yQ1qwqH1RYPL10Dn7iK557GCh0n3qDsjvd5yS8o4ltfbt6AMnbwZhDyJpXOY66pSGrqzxSPw" />
    <input value="20002" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-kraft-bio-150-ml-20003">
          <img alt="Oxymel Kraft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10698/file/small-95e1c0502a0dee11b2e47e58285b13a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10698/file/medium-c8507dd184b6958cbb3646ee33204681.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10698/file/large-4ba4d1bf4c433a61d569bcfae953effa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10698/file/medium-c8507dd184b6958cbb3646ee33204681.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">Kruut</p>
          <a href="/products/oxymel-kraft-bio-150-ml-20003">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dztDFQNzI007wdklFvkN9Uboe_ZyzlGerz-7jxcN5P2aHfSeQzjfTVBnCA66Ve4x0ygEg5yXFvI-BOE8lEUpuA" />
    <input value="20003" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-ruhe-bio-150-ml-20004">
          <img alt="Oxymel Ruhe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/small-6ad190349b84e4740de404a779c3d4a6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-867ad3242ed81c318a88f8898f4c2837.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/large-fb719054110c6b50bbbb91fbf54ec114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-867ad3242ed81c318a88f8898f4c2837.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">Kruut</p>
          <a href="/products/oxymel-ruhe-bio-150-ml-20004">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9SOgO6_leT9XN1T8VM0jrjGPOJYCQYKnUVdrq6l0ZloYBRew766FPzyRhdf4YcBqpE9H4-wYxcvAbDEYKjyrHw" />
    <input value="20004" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-bitter-bio-150-ml-20005">
          <img alt="Oxymel Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/small-b157aca2885d528976b83639c3722524.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a2e43c1ce7189e4708aa452923aace52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/large-a8fa225a0a09060940b655f5dc0b0511.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a2e43c1ce7189e4708aa452923aace52.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">Kruut</p>
          <a href="/products/oxymel-bitter-bio-150-ml-20005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b5-8_7Pr9Du9g04XyzgLvL_qwvmT9Bzq7J-wap1sFhCCuQt086AIO9YlnzxnlOh4Kiq9jH2tW4Z9pOrZHiTbVQ" />
    <input value="20005" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-immun-bio-150-ml-20006">
          <img alt="Oxymel Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/small-c19f52bf30380f9f23e4b465dc893cb9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-00dab5f8f0cf4c73b3fa61443de87ac2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/large-00052b8a1727dbe83418ea5f9b09e47a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-00dab5f8f0cf4c73b3fa61443de87ac2.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">Kruut</p>
          <a href="/products/oxymel-immun-bio-150-ml-20006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w-am2eW2ozjTUTynmIDhDWfUZmAQfGpwL0rNiNcvxWYuwBFSpf1fOLj37Yw0LALJ8hQZFf4lLRy-cZc7VGcIIw" />
    <input value="20006" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/heimische-superfoods-bio-70-g-20007">
          <img alt="Heimische Superfoods Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10702/file/small-eca9d4a6c4c66e388b075d62c93b7f55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10702/file/medium-c2b1da3a019bd7e5c02b3d424c678b0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10702/file/large-ff6d9ee1abf3f7efc87e142e9179ba04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10702/file/medium-c2b1da3a019bd7e5c02b3d424c678b0f.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">Kruut</p>
          <a href="/products/heimische-superfoods-bio-70-g-20007">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heimische Superfoods Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3c_s5hURS7IL6yU25Vq_XlXeTLY4SCKjyk5Rcdqszd4w6VttVVq3smBN9B1J9lyawB4zw9YRZc9bdQvCWeQAmw" />
    <input value="20007" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-kraft-shot-bio-60-ml-20008">
          <img alt="Oxymel Kraft Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/small-5d28060e21037ad542acce5b324dcdcb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-df1848b2f6eb199ed574b6754c51c708.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/large-261b4bcf41c3581a1063956e3c2a37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-df1848b2f6eb199ed574b6754c51c708.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">Kruut</p>
          <a href="/products/oxymel-kraft-shot-bio-60-ml-20008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Shot Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hI-j7b0obsCp9-PCmPRWq2rkZKZQbeRd_-nQWYFcRE9pqRRm_WOSwMJRMuk0WLVv_yQb0740ozFu0orqAhSJCg" />
    <input value="20008" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-immun-shot-bio-60-ml-20009">
          <img alt="Oxymel Immun Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-78eb89b5a43b63aa66ce7c01b7a0eda1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-0d06671f5e92e7a4f28ece3108a8a4a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-ce4c29d759e947804a1698c3156103d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-0d06671f5e92e7a4f28ece3108a8a4a3.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">Kruut</p>
          <a href="/products/oxymel-immun-shot-bio-60-ml-20009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Shot Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgdNZ3SOHYJ2o0M8CQ5GQAl7_rfBJrD3vHqAd3VE-qeDIfrsNMXhgh0FkheloqWEnLuBwi9_95stQdrE9gw34g" />
    <input value="20009" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-bitter-shot-bio-60-ml-20010">
          <img alt="Oxymel Bitter Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-e156985cd65621ceccf711f0e2da154a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-8cae9aaabbbac09be910b303a8ff9c0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-b22af74a565d3790898b7193ac7967d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-8cae9aaabbbac09be910b303a8ff9c0e.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">Kruut</p>
          <a href="/products/oxymel-bitter-shot-bio-60-ml-20010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Shot Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lStyaBMXVaNWRu0Z0wiGWh-t50WAHnGhoo4pQ5bn4B54DcXjU1ypoz3gPDJ_pGWeim2YMG5HNs0ztXPwFa8tWw" />
    <input value="20010" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/oxymel-ruhe-shot-bio-60-ml-20011">
          <img alt="Oxymel Ruhe Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/small-97c04ecd44151c58772d3820e31fb680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-28c51b7900c17efa52ee56c1a006d3b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/large-71d791337ad8cb964ca9a007a486acad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-28c51b7900c17efa52ee56c1a006d3b0.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">Kruut</p>
          <a href="/products/oxymel-ruhe-shot-bio-60-ml-20011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Shot Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MEv9tC5iE_mNjAT74BQB_6zlE2ITeJMnOt8nJIHoOyvdbUo_binv-eYq1dBMuOI7OSVsF_0h1Eur5H2XAqD2bg" />
    <input value="20011" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/wrap-piadina-dinkel-hafer-bio-240-g-20012">
          <img alt="Wrap Piadina Dinkel &amp; Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/small-4b22fd134e7deb0ec9c24c56154243a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-0762fbce31dc3bb12d23f85e3fe4af98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/large-f9f146a375107c0bce5085fe30caa63c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-0762fbce31dc3bb12d23f85e3fe4af98.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">Terrasana</p>
          <a href="/products/wrap-piadina-dinkel-hafer-bio-240-g-20012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wrap Piadina Dinkel &amp; Hafer Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5VeKQGrkZoM5KHeZZL5Ebt59nzvxKfONL4qO6MOp22ys-miQeBtmmdCcPXJPhrVLrmJCQGd4KKlhXCIIEZqKA" />
    <input value="20012" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/kakao-pulver-bio-250-g-20013">
          <img alt="Kakao 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/10711/file/small-5b1cb7cc6128cbe3a9e35f7827ab2876.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-92c10a15b67f9b0f0690ebcdff8715f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/large-bc04d9a0e64c0e4baf0d671d0d15f2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-92c10a15b67f9b0f0690ebcdff8715f2.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">Sembrador</p>
          <a href="/products/kakao-pulver-bio-250-g-20013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jn_e8bnvXotPizrCb05nbiWsMmXXZsg65JvKWFIYLWhjWWl6-aSiiyQt6-nD4oSqsGxNEDk_j1Z1oJDr0VDgLQ" />
    <input value="20013" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/schafmilch-joghurt-nature-bio-500-g-20014">
          <img alt="Schafmilch Joghurt 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/10712/file/small-f085941efd44ba07992152974dc83057.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-14630710530ad13c85e7a15d0f02a9fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/large-b4d5a1b55d5656daba4fb21c74649888.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-14630710530ad13c85e7a15d0f02a9fe.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-nature-bio-500-g-20014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VEQ5a9OVohtG8xITIOHW7SbHlApT0-HUWDYHvsKpo6O5Yo7gk95eGy1VwziMTTUpswfrf72KprjJDV0NQeFu5g" />
    <input value="20014" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/farfalle-mit-randen-und-spinat-bio-250-g-20015">
          <img alt="Farfalle mit Randen und Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-d2bfbf3aa2ed4f2697aa4050f6213ca3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-475b3fb23fb9bf98476b0817dfeb9176.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-6c345018bd24455f19948999d930769a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-475b3fb23fb9bf98476b0817dfeb9176.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">L&#39;antica Madia</p>
          <a href="/products/farfalle-mit-randen-und-spinat-bio-250-g-20015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farfalle mit Randen und Spinat Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sBA9r51vmB-vGuUkq4um2HRFh2UIteC1T4eCu2ONIHtdNook3SRkH8S8NA8HJ0Uc4YX4EObsp9nevNgI4MXtPg" />
    <input value="20015" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/crusty-3-korn-3-saaten-bio-200-g-20016">
          <img alt="Crusty 3 Korn - 3 Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/small-2624efbe7ec1a86681885a9b8b4270a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-f8fef2287a781765ef57c115f4697d32.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/large-bb0708a7c363c1ace771b660ba8a7ec1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-f8fef2287a781765ef57c115f4697d32.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">Pural</p>
          <a href="/products/crusty-3-korn-3-saaten-bio-200-g-20016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty 3 Korn - 3 Saaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4mF1E6ET0ozyyY0GyUIzx7MvSpX1SeRlmgGlf1FFDxQPR8KY4VgujJlvXC1l7tADJu814BsQowkLOv_M0g3CUQ" />
    <input value="20016" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/wild-seeds-100-brennnesselsamen-bio-60-g-20017">
          <img alt="Wild Seeds 100% Brennnesselsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/small-2e25d8ea5c645bdd1099e8f1f0b99a77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-8de9c43f98b90d9cd7f047a1c60e6497.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/large-72b3b660f2275d079a5868c100949062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-8de9c43f98b90d9cd7f047a1c60e6497.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">Kruut</p>
          <a href="/products/wild-seeds-100-brennnesselsamen-bio-60-g-20017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Seeds 100% Brennnesselsamen Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VyAS9daF7ixgAG9CxIJVxywsWQFtYh9NgOQWClACyRS6BqV-ls4SLAumvmloLrYDuewmdIM7WCER30y500oEUQ" />
    <input value="20017" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/karamellwaffeln-bio-210-g-20018">
          <img alt="Karamellwaffeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/small-cd13eba95d9eee1e8009d6b054f5ab00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-32fc3671d8e29ed04796b5659fe1593b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/large-f93e6d638fa1664037dba1ad7d1c5f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-32fc3671d8e29ed04796b5659fe1593b.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">Hammermühle Organic</p>
          <a href="/products/karamellwaffeln-bio-210-g-20018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karamellwaffeln Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g4PhO9wIfQqVv3c3YC79w1tCtLWjlulHjvKjHhb7GAhupVawnEOBCv4ZphzMgh4HzoLLwE3PrisfyfmtlbPVTQ" />
    <input value="20018" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/pistazienmus-bio-225-g-20019">
          <img alt="Pistazienmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/small-05c6aa6a73375ffc68ea5b21d3b76680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-0dd63040706d8cba23a0d99daae08a98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/large-49bc0e83d5e6197b74b602ba5ce743c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-0dd63040706d8cba23a0d99daae08a98.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="/products/pistazienmus-bio-225-g-20019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazienmus Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dy_B4WqJZEHZ3q8ggV9aKUjuqcy_YmjJHoenFCj5MqXiCXZqKsKYQbJ4fgst87nt3S7WuVE7L6WPvP2nq7H_4A" />
    <input value="20019" 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%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D122">
    <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/lime-pepper-cashews-bio-140-g-20020">
          <img alt="Lime Pepper Cashews Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/small-836c0035fc4986154b122f9de9dfaa08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-059ddc3ab7d85cb02f0566ecd6c73575.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/large-c13910dff6fbd30cb19cfa3234e2ba41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-059ddc3ab7d85cb02f0566ecd6c73575.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">Mahler &amp; Co.</p>
          <a href="/products/lime-pepper-cashews-bio-140-g-20020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lime Pepper Cashews Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V3g8AFTFk3ikxMT0Bj4-lpHVjnXKHG6ZQe1v3IA_CrW6XouLFI5veM9iFd-qkt1SBBXxACRFKfXQ1jVvA3fH8A" />
    <input value="20020" 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">
      2&#39;440 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/alpinamed?format=turbo_stream&amp;page=123">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>