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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/bratwurst-vegane-chorizo-bio-130-g-1591">
          <img alt="Bratwurst Vegane Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1271/file/small-abc6398a706611fc88510170b79fb51e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp 900w, https://assets.fabulous.ch/public/variant_asset/1271/file/large-6c82635d5c08c0dedca98a131fa7d59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.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/bratwurst-vegane-chorizo-bio-130-g-1591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bratwurst Vegane Chorizo Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kTen6T2AEQQkm3dj_4UCATA-ZLA1ZxDRUkL9ToO8_69aTedzM-h0YAVnXSGtEIIgoBBGGSCvQNbvv3_RfD-V1Q" />
    <input value="1591" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/lupinen-wurst-zum-dahinschmelzen-bio-200-g-17141">
          <img alt="Lupinen Wurst zum Dahinschmelzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7990/file/small-aa0d7793aa488eb9309a0384bd621d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7990/file/large-acdd5cf71080ce569dc3e6790116844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.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">Alberts</p>
          <a href="/de/products/lupinen-wurst-zum-dahinschmelzen-bio-200-g-17141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupinen Wurst zum Dahinschmelzen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18gbKvQ4HUjaYz4kJawwww2uHELMLia9PKgsqpJpZDUcsluw-lB4LPufFGZ3ObDinYA-69nmdrqBVa41beoOTw" />
    <input value="17141" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
          <img alt="Südsee Tofu Vegane Alternative zu Hummer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5020/file/small-b98066084f94d19ad5fe53150a867528.webp 600w, https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.webp 900w, https://assets.fabulous.ch/public/variant_asset/5020/file/large-7f64c6be1f2585523271cce63c02cee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.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">Lord of Tofu</p>
          <a href="/de/products/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Südsee Tofu Vegane Alternative zu Hummer Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/kokosmilch-mit-joghurt-kulturen-dark-berry-bio-125-g-4022">
          <img alt="Kokosmilch mit Joghurt Kulturen Dark Berry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2550/file/small-22f6f9f737341c231970fbfed11e900a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2550/file/large-e93600bd88e8a13aabf9e1fcd292a895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-dark-berry-bio-125-g-4022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Dark Berry Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/purple-season-tempeh-180-g-20143">
          <img alt="Purple Season Tempeh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11390/file/small-d3b1d79b317041dfffce086b302c2b7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11390/file/large-f557fae479d3c0e27ccefc45208b9884.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.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">Yumame</p>
          <a href="/de/products/purple-season-tempeh-180-g-20143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purple Season Tempeh, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rustic-garden-tempeh-180-g-20243">
          <img alt="Rustic Garden Tempeh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11392/file/small-73d87649393866df31b291fa65b88e92.webp 600w, https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.webp 900w, https://assets.fabulous.ch/public/variant_asset/11392/file/large-8fed8f2b6246f21bbdc06f73a80319c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.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">Yumame</p>
          <a href="/de/products/rustic-garden-tempeh-180-g-20243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rustic Garden Tempeh, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flavor-forest-tempeh-180-g-20142">
          <img alt="Flavor Forest Tempeh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11391/file/small-9e928144696e3c4b09515acd7268efd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11391/file/medium-bac4013480a14756921e7559274c81bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11391/file/large-b1f2705418c07f9507e1a65f222b371b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11391/file/medium-bac4013480a14756921e7559274c81bd.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">Yumame</p>
          <a href="/de/products/flavor-forest-tempeh-180-g-20142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flavor Forest Tempeh, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-25-kg-4019">
          <img alt="Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2548/file/small-7559e41195003d9c03482a60b66214ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2548/file/large-8f1f85384213104a9cb424c8c138122f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.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">Progana / Mühle Rytz</p>
          <a href="/de/products/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-25-kg-4019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 145.35
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19189">
          <img alt="Smoothie Rote Bete Mango Grünkohl Spinat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10565/file/small-fbae5e5acbb77227e03d06472dba2db3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10565/file/medium-ecc60959b9badee47346f71ef087f91c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10565/file/large-a3b24c4bdb1106efcb4599ca163f77b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10565/file/medium-ecc60959b9badee47346f71ef087f91c.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">Voelkel</p>
          <a href="/de/products/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Rote Bete Mango Grünkohl Spinat Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/coco-milk-zum-kochen-bio-500-ml-18516">
          <img alt="Coco Milk zum Kochen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10887/file/small-f21f3237f905821435636a48bd6cba7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10887/file/medium-cf9249d2610b9bc179bac8ec4acc21bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10887/file/large-038cf7c854df7c164c65a84fd861a31e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10887/file/medium-cf9249d2610b9bc179bac8ec4acc21bd.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. Antonio Martins</p>
          <a href="/de/products/coco-milk-zum-kochen-bio-500-ml-18516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coco Milk zum Kochen Bio, 500 ml</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 1.02 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/mandelmus-bio-500-g-604">
          <img alt="Mandelmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/555/file/small-bd95787fdb38a58ce833d8679215d3bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp 900w, https://assets.fabulous.ch/public/variant_asset/555/file/large-7892d177da07e4a375ee2abbd24cbdb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.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/mandelmus-bio-500-g-604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus Bio, 500 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 3.98 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/badreiniger-grossgebinde-1-l-18190">
          <img alt="Badreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9142/file/small-56f47ab0f97d1c87db9f00bce1f30c66.webp 600w, https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9142/file/large-00f94a8cb8e25f1fce24c39f6e7a00ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.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">Sonett</p>
          <a href="/de/products/badreiniger-grossgebinde-1-l-18190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badreiniger, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/haferdrink-barista-bio-1-l-67ca254f-20da-431f-bf9e-87150185ee60-17191">
          <img alt="Haferdrink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8018/file/small-a5db5964ecc586cd6c4da41ba6d04894.webp 600w, https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8018/file/large-3a5d0ee1ade741938e7cb51c08732c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8018/file/medium-1312f852ca0e3e650989a83139f58edc.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">Alpro</p>
          <a href="/de/products/haferdrink-barista-bio-1-l-67ca254f-20da-431f-bf9e-87150185ee60-17191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/erdnusskerne-gerostet-grossgebinde-bio-2-5-kg-9059">
          <img alt="Erdnusskerne geröstet Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5190/file/small-8f92869d4803b9cec7de3307cf1cb852.webp 600w, https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/5190/file/large-ac091efbb316c7b08ee48e19e89cfc87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.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/erdnusskerne-gerostet-grossgebinde-bio-2-5-kg-9059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnusskerne geröstet Grossgebinde Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.25
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/cereal-drink-hafer-plus-calcium-bio-1-l-19036">
          <img alt="Cereal Drink Hafer Plus Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9411/file/small-6d80dfede834146690e7b465b0821f71.webp 600w, https://assets.fabulous.ch/public/variant_asset/9411/file/medium-8fba734bbb4c808477183975680a71c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9411/file/large-2ea8de3726c218a08ce08ce4b4cb1eed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9411/file/medium-8fba734bbb4c808477183975680a71c9.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">Soyana</p>
          <a href="/de/products/cereal-drink-hafer-plus-calcium-bio-1-l-19036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Plus Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/mandeln-braun-gemahlen-grossgebinde-bio-5-kg-8686">
          <img alt="Mandeln braun gemahlen Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5054/file/small-3c2f4d038edfb17a74197acfdd0b067d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5054/file/medium-ac48b2804c1e53d0d36e941d6fba347a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5054/file/large-1b3d5b6b37741cd74db804c5072f3fd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5054/file/medium-ac48b2804c1e53d0d36e941d6fba347a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/mandeln-braun-gemahlen-grossgebinde-bio-5-kg-8686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln braun gemahlen Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 115.00
            </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-8686-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4MCRgTVy-fiIHJu0G3NTPPI_NwIKDn-ncPnXAnC3L4wrutEbOxqcnKngsfZJ5tMdYhEVqx_GL6DNBFWdjzRF9g" />
    <input value="8686" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/kartoffel-chips-papika-bio-125-g-16262">
          <img alt="Kartoffel Chips Papika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7493/file/small-72dbf77367d13aff5156561428ac3adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.webp 900w, https://assets.fabulous.ch/public/variant_asset/7493/file/large-917804c3957c97361045e278b1a2957f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.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">Heimatgut</p>
          <a href="/de/products/kartoffel-chips-papika-bio-125-g-16262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffel Chips Papika Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/protein-chips-sour-cream-style-bio-63-g-20218">
          <img alt="Protein Chips Sour Cream Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11356/file/small-600386580df991105ee6a851131d1673.webp 600w, https://assets.fabulous.ch/public/variant_asset/11356/file/medium-c26c415ae38d653da9947ba2da5ecde0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11356/file/large-030df596c0ae273b069a9dc711c7e856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11356/file/medium-c26c415ae38d653da9947ba2da5ecde0.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">Heimatgut</p>
          <a href="/de/products/protein-chips-sour-cream-style-bio-63-g-20218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Chips Sour Cream Style Bio, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/muesli-hafer-mit-beeren-bio-425-g-18316">
          <img alt="Hafer Müsli Beeren glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11330/file/small-1872d09bc308701759b5f5e2e6a80f6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.webp 900w, https://assets.fabulous.ch/public/variant_asset/11330/file/large-16693bb449c4af8a96601552939da3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.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">Bauckhof</p>
          <a href="/de/products/muesli-hafer-mit-beeren-bio-425-g-18316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Müsli Beeren glutenfrei Bio, 425 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 1.46 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D34">
    <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/rapunzel-meersalz-jodiert-bio-500-g-16583">
          <img alt="Rapunzel Meersalz jodiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7642/file/small-9d04d6139fb327afe116fca4cca3ddd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7642/file/large-f0a157339fa1301a670cd3922069b903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.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/rapunzel-meersalz-jodiert-bio-500-g-16583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Meersalz jodiert Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WqoE-MTipFOtUsKR7Fzp9POllOvU3sAge9NCMGYlqamR0ERiyorBN4yu6NO-yWnVY4u2QsEWkCfGLsCvmabD0w" />
    <input value="16583" 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">
      680 von 3&#39;528 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fona?format=turbo_stream&amp;page=35">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>