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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/piniol-ibons-ingwer-kaugummi-32-g-20188">
          <img alt="Piniol Ibons Ingwer Kaugummi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10761/file/small-1378c0d51071499e3df2b7eda53a5e80.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10761/file/medium-6ae65f9033da45d214d92e5ddd9564e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10761/file/large-304dc0affb67331c35fb9d94d01e482c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10761/file/medium-6ae65f9033da45d214d92e5ddd9564e7.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">Ibons</p>
          <a href="/de/products/piniol-ibons-ingwer-kaugummi-32-g-20188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Piniol Ibons Ingwer Kaugummi, 32 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 18.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9R_WO0NKG4yBgp7AWML4MJZkOlLCemF9UjJV-qnqKZRlwLeavRK9LnuK1P3AxBKHTCMLTJYKGl5TFoXc4EuhDw" />
    <input value="20188" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/basenpulver-plus-300-g-20189">
          <img alt="Basenpulver Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10762/file/small-c89baa4264dad47870866e9338f8fdc6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10762/file/medium-b551cf1dbd5690cde60d46c51f6a957b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10762/file/large-8a482aa317752af09784af155bf81cf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10762/file/medium-b551cf1dbd5690cde60d46c51f6a957b.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">Dr. Jacobs</p>
          <a href="/de/products/basenpulver-plus-300-g-20189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basenpulver Plus, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ypwI-T2xztTnEtIrIapcfEELD0SuvwYaJnnlVzxjl6daQ2lYw-lodh0amBa5rLbLm0w-WvrPfTknXTVxdcIfPA" />
    <input value="20189" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bio-snacky-wellness-sprossen-mix-40-g-20190">
          <img alt="Bio-Snacky Wellness Sprossen Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/small-faa1795776a41cbed45ac3290ccfe656.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-36ef9e19dc244e15f400312f59ce88ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/large-9950980a03ff1c44ce450f0cd7989bf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-36ef9e19dc244e15f400312f59ce88ae.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bio-snacky-wellness-sprossen-mix-40-g-20190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Wellness Sprossen Mix, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tamangur-krautersalz-glas-55-g-20191">
          <img alt="Tamangur Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/small-1c05ef9587a8bf37c6c161b72df2a631.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-b2765d6e541b8ae4455c5eefddfd9822.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/large-3f540645b2ea212e35932dc0e1213364.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-b2765d6e541b8ae4455c5eefddfd9822.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">Chalira</p>
          <a href="/de/products/tamangur-krautersalz-glas-55-g-20191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamangur Kräutersalz Glas, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_fQ83vwzaVmVQpaWW8W2mTjkuPgNjuFjrMd7pvluVrVtK11_AmvP-29K3KvDw1wu4qOJ5ln-mkCt46uAsM_eLg" />
    <input value="20191" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tamangur-krautersalz-nfp-49-g-20192">
          <img alt="Tamangur Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10765/file/small-6113897d94c031be28a605b7f322ebcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10765/file/medium-fdfe06a157063247fa993d5476efb53f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10765/file/large-27c4244c6823013de99e6cd23a359e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10765/file/medium-fdfe06a157063247fa993d5476efb53f.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">Chalira</p>
          <a href="/de/products/tamangur-krautersalz-nfp-49-g-20192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamangur Kräutersalz NFP, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosbluten-sirup-bio-250-ml-20193">
          <img alt="Kokosblüten Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10766/file/small-1c7a0d5990faa45ac0cf0e0367cf2e08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10766/file/medium-6ee91190c0d774aee883420a7eef56c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10766/file/large-3b6538566d2a2612b33afbce0a51ddd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10766/file/medium-6ee91190c0d774aee883420a7eef56c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kokosbluten-sirup-bio-250-ml-20193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosblüten Sirup Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="am0SFtqdGDOxZ1m6-y8h8QzaMMyGMo3aFZ4eTgijMyP6snO3JMW-kUtvE4djKctG1p0B0tJC9vkUus5oQQK7uA" />
    <input value="20193" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20194">
          <img alt="Tee Tulsi Gelassenheit Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10767/file/small-111b42da070557cccd5e9850e824db8d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-eb7d2f0ed89cc2b45a25b0759256f9a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/large-542d4623803e916d05e4c62e833e1a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-eb7d2f0ed89cc2b45a25b0759256f9a9.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">Yogi</p>
          <a href="/de/products/tee-tulsi-gelassenheit-teebeutel-bio-17-stuck-20194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Tulsi Gelassenheit Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SiVUbGNqUkeEPyEb6YPYo-NhPGyKplokSbXQ9i1W9jba-jXNnTL05X43ayZxhTIUOSYNct7WIQdIkQDQZPd-rQ" />
    <input value="20194" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/grissini-tomate-bio-100-g-20195">
          <img alt="Grissini Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/small-e27df58bbe8af447904451365e18ffd8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-569f3631bbb8963555e29eb1fc1b1a31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/large-15c2b85348ee5b2eb7b17c5ace6e2ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-569f3631bbb8963555e29eb1fc1b1a31.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">Schnitzer</p>
          <a href="/de/products/grissini-tomate-bio-100-g-20195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grissini Tomate Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baobab-pulver-bio-250-g-20196">
          <img alt="Baobab 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/10769/file/small-485f023fbd1f358689f3f5c11d034fdd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-fb837acfde9a047eba833914ae057b8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/large-f7619d024ffa6a803cb50b91f3f14bbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-fb837acfde9a047eba833914ae057b8f.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">Naturkostbar</p>
          <a href="/de/products/baobab-pulver-bio-250-g-20196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baobab Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9IetPi6egppzUL23TZ6aTyNa2XTCrR_00aj1e6fvZ39kWMyf0MYkOIlY94rVmHD4-R3oapbdZNfQjCVd7k7v5A" />
    <input value="20196" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-20197">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/small-a795098b3ca75031b6103a72cf8b6b97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-9ae64618b5e3e9192563ad663ec7d094.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/large-a5624c309e71f5b49090d4ebc1f7a744.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-9ae64618b5e3e9192563ad663ec7d094.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</p>
          <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarztee-first-flush-offen-demeter-100-g-20198">
          <img alt="Schwarztee First Flush offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10779/file/small-ef750fd2c187e1bbacd4b02d3be68e0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10779/file/medium-1f4c28093bfce2b0c6f5787a49a2a316.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10779/file/large-9f98eb3003b1e4d196a77f20a58a8f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10779/file/medium-1f4c28093bfce2b0c6f5787a49a2a316.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">Hampstead</p>
          <a href="/de/products/schwarztee-first-flush-offen-demeter-100-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee First Flush offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokolade-virunga-70-kakao-bio-70-g-20199">
          <img alt="Schokolade Virunga 70% Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10778/file/small-1e7ba3c4be8de565d170e9d8640d5214.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10778/file/medium-213c80ec1b270ebce19dc06ed1020e9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10778/file/large-97e0c0f391365292223d61dd2a71027d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10778/file/medium-213c80ec1b270ebce19dc06ed1020e9a.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">OriginalBeans</p>
          <a href="/de/products/schokolade-virunga-70-kakao-bio-70-g-20199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Virunga 70% Kakao Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xSKxBkQ9U1zcYRprZ3-ZV640RBDbG-zdWZvdJzZBAexV_dCnumX1_iZpUFb_eXPgdHN1Do9rl_5Yvw0Bf-CJdw" />
    <input value="20199" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/men-augencreme-15-ml-20200">
          <img alt="Men Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10781/file/small-51675e2dcee731f56096cedec13eb5a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10781/file/medium-bcd4eda5b6bad30ee556cd74e19711ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10781/file/large-5de73e4254598ff34e10eab305443ea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10781/file/medium-bcd4eda5b6bad30ee556cd74e19711ea.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">Börlind</p>
          <a href="/de/products/men-augencreme-15-ml-20200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5xW3mZMlm1W2tWDR61N3U-fKEsvuF66fi97FqK8QS853ytY4bX0990y9KuxzVZ3kPY0j1bpn1byK-hWO5rHDVQ" />
    <input value="20200" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/conditioner-repair-rose-200-ml-20201">
          <img alt="Conditioner Repair Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/small-c75e3f66144eaab20807d8209655435a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-8758eaf71198e64ce5e64599a1783988.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/large-3f33060064ee1312810a29f20d6cba5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-8758eaf71198e64ce5e64599a1783988.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">Khadi</p>
          <a href="/de/products/conditioner-repair-rose-200-ml-20201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Conditioner Repair Rose, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aGY_QAVRo8cwlng0TFplByap1D58_NiRcHuYbbZZ99P4uV7h-wkFZcqeMgnUXI-w_O7lICiMo7JxX0hL__h_SA" />
    <input value="20201" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salatdressing-tandoori-bio-500-ml-20202">
          <img alt="Salatdressing Tandoori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10783/file/small-193edee5a49e26d0684cea64d83e2afc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10783/file/medium-85cb620b19ac0025abaa3e31ebf27cb6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10783/file/large-ac549a26ee8f9c20e2ec7be4ecf6db1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10783/file/medium-85cb620b19ac0025abaa3e31ebf27cb6.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">huusgmacht</p>
          <a href="/de/products/salatdressing-tandoori-bio-500-ml-20202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatdressing Tandoori Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosnussol-mct-demeter-250-ml-20203">
          <img alt="Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10784/file/small-aa25c0f5d28fad681932452a7e12f8f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10784/file/medium-d65f47f716dd4d2058b71c81c09fbc8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10784/file/large-9f268cd0a28775b09804bf0ad04c822f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10784/file/medium-d65f47f716dd4d2058b71c81c09fbc8d.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="/de/products/kokosnussol-mct-demeter-250-ml-20203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kV653zQjy-onOCCVFOHEbvoxc3FxdvydZwVDfFStz_4Bgdh-ynttSN0waqiM5y7ZIHZCbyUGh75mIZNaHQxHZQ" />
    <input value="20203" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wandermischung-225-g-20204">
          <img alt="Wandermischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/small-92b9c9509a4e7937112b5070e5a69c27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-36835a35e0b00842ea376b9ee3e131a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10786/file/large-7f6ea60b93d318dd8302249b4e48be97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10786/file/medium-36835a35e0b00842ea376b9ee3e131a9.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">SunSnack</p>
          <a href="/de/products/wandermischung-225-g-20204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wandermischung, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kb3b39Iiy-IirSevpNSKo0xfVpgDSkCJOBEche4jlOu5Yrp-LHptQNilbZI80mAUlhhnhlc6O6o5Ncyjp4IccA" />
    <input value="20204" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/snacker-weenie-bio-30-g-20205">
          <img alt="Snacker Weenie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10963/file/small-681e386f341a13772d85d4772c4df641.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10963/file/medium-9eaf7570e564f9c02ecf7743261d0471.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10963/file/large-68f528dc79650cac268a1d12e1cf11f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10963/file/medium-9eaf7570e564f9c02ecf7743261d0471.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/de/products/snacker-weenie-bio-30-g-20205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacker Weenie Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fu5wa7wU1beD3bvOU2C5GD80F-3eUMlZhLc5ki9unYTuMRHKQkxzFXnV8fPLZlOv5XMm84ogsnqFk-m0Zs8VHw" />
    <input value="20205" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kids-zahngel-mit-fluorid-50-ml-20206">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Weleda</p>
          <a href="/de/products/kids-zahngel-mit-fluorid-50-ml-20206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kids Zahngel mit Fluorid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sorghum-hirse-bio-500-g-20207">
          <img alt="Sorghum Hirse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/small-b81383b91913f22ba2669b0be748790e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-c0cc3830f09f4cd827d4299510271c41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/large-c2626eb675f03b34601fa0ae9984cae2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-c0cc3830f09f4cd827d4299510271c41.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="/de/products/sorghum-hirse-bio-500-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sorghum Hirse Bio, 500 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 1.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fqoioC7OzfyDilnPmOVazfB0NKNbqX9hyKH59zHN4pjudUMB0JZrXnmCE_IA47B6KjMFvQ_ZBELJhSnReGxqAw" />
    <input value="20207" 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;660 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=134">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>