<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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/lebkuchengewurz-bio-50-g-16952">
          <img alt="Lebkuchengewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7918/file/small-aa72940eecb948bdee81ccf23f908640.webp 600w, https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7918/file/large-326f75c5af37a86458625f34469ef2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.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">Lebensbaum</p>
          <a href="/de/products/lebkuchengewurz-bio-50-g-16952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchengewürz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="66a30PAuhqOQQm8s4lGmYqcq7q1szjALsqlcse_mleZ7j_34DwjqriDK_EMRhZRs18DHnB8blG6N4b_MxenQHA" />
    <input value="16952" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/genussscheiben-pfeffer-bio-140-g-16971">
          <img alt="Genussscheiben Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7933/file/small-bfef027bf708e5ad27ac2a9b2af3c04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7933/file/large-0da24124500a4af975ff8afbfa2dcb99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/de/products/genussscheiben-pfeffer-bio-140-g-16971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genussscheiben Pfeffer Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
          <img alt="Veglette - die pflanzliche Alternative zu Raclette-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7939/file/small-88294c68e48a73a249147128906c088f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7939/file/large-7ffb42288f04bbc6a61aa7d6c87b6ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.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">Vegü</p>
          <a href="/de/products/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veglette - die pflanzliche Alternative zu Raclette-Käse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.25 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
          <img alt="Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7940/file/small-e5064f98714d46ffcd9adb09e854f4dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7940/file/large-a2e3b1e33f1b11cc3f82945fa4138c13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.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">Vegü</p>
          <a href="/de/products/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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.63 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
          <img alt="Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7941/file/small-9cf608f05d1ae300b28b464dc9e6c7af.webp 600w, https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7941/file/large-573b0ff08656e592b9fa72c2446a958a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-17067">
          <img alt="D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7943/file/small-8084f959d173f32a1d82a9ae93415217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.webp 900w, https://assets.fabulous.ch/public/variant_asset/7943/file/large-f9d7fb4a35bca3b5ca368b448ec0e659.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-17067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3R1D0ncI3IMfmMIFFJ_epeb5eb6f-VBV-Nk__7Izh_JNNAn6iC6wjq8QUWrnS-yrlhNQj-ws9DDHkdyCmDzCCA" />
    <input value="17067" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/d-angelo-tofutastic-cappelletti-mit-rauchertofu-bio-250-g-17068">
          <img alt="D&#39;Angelo Tofutastic Cappelletti mit Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7949/file/small-2c3a56e0abac295a037c41edd4d63e8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7949/file/large-b6af96b1bb8eb196310b554764f33025.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7949/file/medium-231e3c82beb7e63f611d78f6dd8ee2ab.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-tofutastic-cappelletti-mit-rauchertofu-bio-250-g-17068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Tofutastic Cappelletti mit Räuchertofu Bio, 250 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 2.04 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6t7LbhokA5n8lhbgO6PjkWNW2-lLenxztkMbhIS5z2F694FG5QJvlEwehY_Id9GfE7zy2Div2BaJC_j5rraKmw" />
    <input value="17068" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-birne-weidenroschen-330-ml-17087">
          <img alt="Kombucha Birne &amp; Weidenröschen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7956/file/small-cbd5620de9ec1a4fbd23c77f59eee316.webp 600w, https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.webp 900w, https://assets.fabulous.ch/public/variant_asset/7956/file/large-d8fe49b69380a38c70c8b4e3f4e8b5f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7956/file/medium-e4070a2ee0d90876853eaafc274edf06.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">Rudy&#39;s Kombucha</p>
          <a href="/de/products/kombucha-birne-weidenroschen-330-ml-17087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Birne &amp; Weidenröschen, 330 ml</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/krunchy-muesli-linse-mit-apfel-bio-325-g-17123">
          <img alt="Krunchy Müesli Linse mit Apfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7963/file/small-6026afa081b6da48a33729169d7d3deb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7963/file/medium-1c8120b13d94b761a1b504de387334a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7963/file/large-754ab438de42d686704750bd404cf24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7963/file/medium-1c8120b13d94b761a1b504de387334a6.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">Barnhouse Naturprodukte</p>
          <a href="/de/products/krunchy-muesli-linse-mit-apfel-bio-325-g-17123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Linse mit Apfel Bio, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h8uPHGoFTlo8SEd5eGokBdMWk9ZP1Oe148gG3OACXFkX4sU0lSMiV4zA1BaLvhYLo_y65zwBQ9DcgOWhyg0Zow" />
    <input value="17123" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/galaxy-confection-titan-chocolatierte-haselnusse-110-g-17125">
          <img alt="Galaxy Confection Titan Chocolatierte Haselnüsse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7965/file/small-b45686fdf6b998b636d4d0ed40c8261f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7965/file/large-35d0a53c0964453182d9a4860cf310c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-titan-chocolatierte-haselnusse-110-g-17125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Titan Chocolatierte Haselnüsse, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/galaxy-confection-meteorites-schokolade-gewurz-mandeln-110-g-17126">
          <img alt="Galaxy Confection Météorites Schokolade-Gewürz-Mandeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7967/file/small-9820f9361a68bd40562a4a5e79790d58.webp 600w, https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.webp 900w, https://assets.fabulous.ch/public/variant_asset/7967/file/large-0f83c4bab61863e177b59a101a0d17ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-meteorites-schokolade-gewurz-mandeln-110-g-17126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Météorites Schokolade-Gewürz-Mandeln, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/galaxy-confection-solar-macadamias-mit-yuzu-110-g-17127">
          <img alt="Galaxy Confection Solar Macadamias mit Yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7968/file/small-6a1689aca6162730e1c45b82e440a364.webp 600w, https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7968/file/large-cf3affd1492df696265408e58a1c8fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-solar-macadamias-mit-yuzu-110-g-17127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Solar Macadamias mit Yuzu, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/galaxy-confection-eclipse-macadamias-mit-himbeer-hibiskus-110-g-17129">
          <img alt="Galaxy Confection Eclipse Macadamias mit Himbeer-Hibiskus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7972/file/small-181a8f901c0451f4bf80190f44c654fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7972/file/large-140de93efc045572acf50da46fcd5f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-eclipse-macadamias-mit-himbeer-hibiskus-110-g-17129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Eclipse Macadamias mit Himbeer-Hibiskus, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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-energy-drink-bio-250-ml-17134">
          <img alt="Bio-Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/de/products/bio-energy-drink-bio-250-ml-17134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hgVcC0MjX0ao6u8SDZE5sYq8SL_zDbs4dYrjicIu0p0WLBYjvAUzSxhifH3-RQu_-lZhjoDYH11KwgD06CGXZw" />
    <input value="17134" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/aloe-vera-saft-bio-700-ml-17135">
          <img alt="Aloe Vera Saft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7978/file/small-7d2725937c1a6e5aef66ff64ba354b34.webp 600w, https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7978/file/large-f9f892992043d15376b1fe679458fa26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/aloe-vera-saft-bio-700-ml-17135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Saft Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s0hpCFxUzZQGynZAS0wjqzINteiFsf84BsuP7r7CFbgjYSMgo3KhmbZC5S-4mBGlQuec2fZkW105g2yTlM1QQg" />
    <input value="17135" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/baumnusse-ganz-schweiz-grossgebinde-bio-1-kg-17136">
          <img alt="Baumnüsse ganz Schweiz Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7982/file/small-431980fbbe6c0d5af381924cf77557ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7982/file/large-3cd120ba4e8d6bc113af89af3ee4d0d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.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/baumnusse-ganz-schweiz-grossgebinde-bio-1-kg-17136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse ganz Schweiz Grossgebinde Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.35
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mungo-edamame-fettuccine-bio-250-g-17162">
          <img alt="Mungo Edamame Fettuccine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7994/file/small-53e854fbee1e36688ab8da5fd3980633.webp 600w, https://assets.fabulous.ch/public/variant_asset/7994/file/medium-56e7ffbae517dc676e3bb86ea449ccc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7994/file/large-f446f48c1d837ce22279849e894dbe67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7994/file/medium-56e7ffbae517dc676e3bb86ea449ccc8.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">Just Taste</p>
          <a href="/de/products/mungo-edamame-fettuccine-bio-250-g-17162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mungo Edamame Fettuccine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LKCiPEV22hZfc5fS4m0pr3cVAHtSXfG61HbjDTWWLbC8iegUulC2G-_7BL0RuRuhB_8pSiGIVd_rPgBwH5loSg" />
    <input value="17162" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/azuki-soja-spaghetti-bio-250-g-17163">
          <img alt="Azuki Soja Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7993/file/small-eb288346b1e782d18ae0a8913d4a2765.webp 600w, https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7993/file/large-007b984c5588a60aec300bf1a981241d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.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">Just Taste</p>
          <a href="/de/products/azuki-soja-spaghetti-bio-250-g-17163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Azuki Soja Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cCHosizI0bafpaRQHMWT4TzUiHBZvoR1FkFJVUPjD_DgCKKa0-69uy8tNz_vEaHvTD6hQSprIBApCaooaexKCg" />
    <input value="17163" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/kuchenrollen-recycling-2-rolle-17180">
          <img alt="Küchenrollen Recycling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.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">memo</p>
          <a href="/de/products/kuchenrollen-recycling-2-rolle-17180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Küchenrollen Recycling, 2 Rollen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mTQO3sAQ5XHK6TaN22y1jajOYmcBEgi7kdOk7ycgZZ4JHUT2PzaJfHphpeIouIeD2CRLVnLHrN6um0eSDS8gZA" />
    <input value="17180" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D152">
    <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/biobis-choco-doppelkeks-palmolfrei-bio-320-g-17182">
          <img alt="Biobis Choco Doppelkeks palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8009/file/small-a8b033971c6873c458c19fc2ed8a81d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/8009/file/large-59c9c029028a7d49e2ed21e48f9f5a1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8009/file/medium-e9034d2a2c628d3d1b02a81adcf45e70.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/de/products/biobis-choco-doppelkeks-palmolfrei-bio-320-g-17182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biobis Choco Doppelkeks palmölfrei Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWllkAAJvVLaJlsRpVGC_2xn9meGfVknl7BQSYQGZy_VQC-4_y_RX2quyH5WhbDxHI3fVvWo_UKo-LM0rgki1Q" />
    <input value="17182" 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">
      3&#39;040 von 3&#39;325 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bioreal?format=turbo_stream&amp;page=153">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>