<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dr-mannah-s-krauter-der-provence-gereift-bio-100-g-1979">
          <img alt="Dr. Mannah&#39;s - Kräuter der Provence gereift, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1562/file/small-a0f66a324ac60e6daab3450c7328eec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1562/file/large-0785d715ba129f1355658413511c6bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.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">Happy Cheeze GmbH</p>
          <a href="/de/products/dr-mannah-s-krauter-der-provence-gereift-bio-100-g-1979">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s - Kräuter der Provence gereift, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cySz-FjnZiL74RtKm-xKg1-sXVUskuBTCpc1Io1wqb0sF7JZ0gG8RmyWjdHFNNyZyIOMPiNOLVaeQpdMKYjPDQ" />
    <input value="1979" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pralinis-lini-s-bites-choco-hazelnut-bio-46-g-9282">
          <img alt="Pralinis Lini&#39;s Bites Choco Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8770/file/small-2f565a10637b1cb1d7ebb7c733a3c47b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.webp 900w, https://assets.fabulous.ch/public/variant_asset/8770/file/large-2bb0cb7efc71f09daead2e01646cd953.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.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">Lini&#39;s Bites</p>
          <a href="/de/products/pralinis-lini-s-bites-choco-hazelnut-bio-46-g-9282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Choco Hazelnut Bio, 46 g</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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HHNE0x7G-TaWImSvbNjyEavnNQ2MNHMg280RCp7kLn9DQEVylCAjUgFV8jQyAGQLPMjkZoPoviVPGLNkOhxIzw" />
    <input value="9282" 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">
    <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/cuisine-hafer-bio-250-ml-48">
          <img alt="Cuisine Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/52/file/small-80d1ddc2c95d20d2e6e32412bbcf8bb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/52/file/large-908207f64c326726571c051202191486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.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">Oatly</p>
          <a href="/de/products/cuisine-hafer-bio-250-ml-48">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Hafer Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-48-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
          <img alt="Wilmersburger Scheiben Kräuter Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/66/file/small-62e2aa61fa72496591941cdd5e824573.webp 600w, https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/66/file/large-571c67150f0e23bffa4b6be89ecff627.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Scheiben Kräuter Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hkxFjV0gsaxVpcxLCpBxgavWCpwGQeief0FsJUCuZuDZf0Qs18ZryMLSWtBUSOebPPnb9wmdJZvrlM5L5FYAUA" />
    <input value="62" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschirr-handspulmittel-sanddorn-mandarine-1-l-72">
          <img alt="Geschirr Handspülmittel Sanddorn Mandarine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/76/file/small-185a6d130fee9d3135a8faf0b43092c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/76/file/medium-d7e8f5a1519552c672fad2718c00bfb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/76/file/large-6a17d971bc0b94f44bc687b168105294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/76/file/medium-d7e8f5a1519552c672fad2718c00bfb1.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">Almawin</p>
          <a href="/de/products/geschirr-handspulmittel-sanddorn-mandarine-1-l-72">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Sanddorn Mandarine, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xV4_Ymh_5fku7bMxYcpr0HYmlL6YYdswiQ7pME17gFiabT7D4pk_nbmaJao_Ev3K4QlF1Ze9FjUd20te6YPm6A" />
    <input value="72" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/glas-fensterreiniger-0-5-l-76">
          <img alt="Glas + Fensterreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/84/file/small-297f577739917fb74505194d53a75c15.webp 600w, https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.webp 900w, https://assets.fabulous.ch/public/variant_asset/84/file/large-3e6dbd3b4448edb848e05fdf5bbab316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.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">Almawin</p>
          <a href="/de/products/glas-fensterreiniger-0-5-l-76">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Glas + Fensterreiniger, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O9Z660y2D2oaWLAqKzGSQ_e97Cl34UHyxnD6yGCPxbJk5XtKxlDVDo0vJrF16QRZYJI9Qng9jPdSpVimxHejAg" />
    <input value="76" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/allesreiniger-haushalts-reiniger-0-5-l-77">
          <img alt="Allesreiniger Haushalts-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/86/file/small-34286215111135b2c6dfbc9a52ab2eaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/86/file/large-899d9d02e0b225c20706af964a065120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.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">Almawin</p>
          <a href="/de/products/allesreiniger-haushalts-reiniger-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Allesreiniger Haushalts-Reiniger, 0.5 l</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 1.06 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rTvJ3Em6iqQzM8Usv7SlCjTkXP9rY2ON7GEEm-FBysXyCMh9w1xQwKREU7fhbDMQo8uNlGS_roh4tKb1RbmsdQ" />
    <input value="77" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/wasche-vollwaschmittel-30-c-bis-95-c-2-kg-79">
          <img alt="Wäsche Vollwaschmittel 30°C bis 95°C" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/89/file/small-12c917a8e222239275ae2948b7a816f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.webp 900w, https://assets.fabulous.ch/public/variant_asset/89/file/large-f04183033212efa54077f1594da81e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.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">Almawin</p>
          <a href="/de/products/wasche-vollwaschmittel-30-c-bis-95-c-2-kg-79">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Vollwaschmittel 30°C bis 95°C, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qkQnNvESiy3NhJIBdHtbiVlnSalWlfrU3aJkn0GTLZH1dyaXe_RRSVrzBJoqo82TzkiYwllJN9FJd8bx5WtLIQ" />
    <input value="79" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/agar-agar-pulver-glutenfrei-bio-2-g-90">
          <img alt="Agar Agar Pulver Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/98/file/small-bb454f673491642db64eea4358362c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.webp 900w, https://assets.fabulous.ch/public/variant_asset/98/file/large-0374bd33e95401544bf2aa877a483e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.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">Lima</p>
          <a href="/de/products/agar-agar-pulver-glutenfrei-bio-2-g-90">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Pulver Glutenfrei Bio, 6 x 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DT6lA-kCrMjERQNlSwCu4zPyIk8O9GFyWaueyQZo3LlSDaSiY-R2rFMylf4V2Dj5pN3zJAEorHfNfjynopC6CQ" />
    <input value="90" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
          <img alt="Biscuit Bio Bis Schoko-Orange Choc&#39;Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/104/file/small-8db3a4f20c2108171c5ad803a0533617.webp 600w, https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/104/file/large-1ce30afb54777d9f34ad8288a545fee4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.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/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Schoko-Orange Choc&#39;Orange, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cu6fPNnWwoZ5zcBGniRKHEDwIgD-uhWAdjXULdgGm5RV3Z6dUzAY4u66Vt3A_NwG19_za_Fm2IXi4HZDfP79JA" />
    <input value="93" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
          <img alt="Kakao Pulver stark entölt Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/106/file/small-f7bd928f095cd67a743d9d9ae4863ad2.webp 600w, https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/106/file/large-abd5ec2e32d260949bd62c41ed9827bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.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">Naturata</p>
          <a href="/de/products/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Pulver stark entölt Fairtrade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="soPqnpH5T5B0RCo5UHjaE9MzYLB68by6WTWZ1ZgJ2y3tsOs_Gx-V9OMzvKIOoEwJRByx23Utcb_N4Du7PPG9nQ" />
    <input value="97" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/brotaufstrich-barlauch-streich-bio-180-g-102">
          <img alt="Brotaufstrich Bärlauch Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/113/file/small-5f98c0b84ede51a6d2e6168a4a7490ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.webp 900w, https://assets.fabulous.ch/public/variant_asset/113/file/large-2617f92aa4cbc8028a8cb37f81b6997b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/113/file/medium-f15c8973cdd348d1be883956330b629b.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-barlauch-streich-bio-180-g-102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Bärlauch Streich Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KWvUdAwLqPUac8VyTR6psn2QkE4GwEDjX_18rPD08ld2WNXVhu1ykY0EU-kTxj-o6r9BJQkcjebLKN7CVAyU5w" />
    <input value="102" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-passport-5-edition-sprichst-du-vegan-1-stuck-115">
          <img alt="Vegan Passport 5. Edition - Sprichst du Vegan?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/125/file/small-57e5a5ed7552b485c47e692a0896f212.webp 600w, https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/125/file/large-307c07edabac175f700d3dd09681eb2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.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">Vegetarian Guides</p>
          <a href="/de/products/vegan-passport-5-edition-sprichst-du-vegan-1-stuck-115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Passport 5. Edition - Sprichst du Vegan?, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_S0_DiKyiCOfXpS-3N6SQBmUstyCApB3UBboPgKOUIwx7VdsmwQRBkK7Mmlq-xTl0mDoH3Ux0RJlfnOXPJf8g" />
    <input value="115" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sahnesteif-rahmfestiger-bio-6-g-127">
          <img alt="Sahnesteif (Rahmfestiger) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/141/file/small-390d51400643519c56f0276e006a02b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/141/file/large-a74121545200c2cf3c72f8427b844126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.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">Biovegan</p>
          <a href="/de/products/sahnesteif-rahmfestiger-bio-6-g-127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sahnesteif (Rahmfestiger) Bio, 3 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JlifjZX8naQLKTDedctdqdJaLd0lofKbIkj-6mWtNmJ5a54sHxpHwJxepkUrE8uzRXX8tip9P562nVyEwVVQ0g" />
    <input value="127" 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">
    <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/bierhefeflocken-konv-200-g-138">
          <img alt="Bierhefeflocken konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/152/file/small-ab6c92ea0118f4f25cee7ffe1bd82539.webp 600w, https://assets.fabulous.ch/public/variant_asset/152/file/medium-cd5d39e3bcbfc2b6d122cf3a5521bf38.webp 900w, https://assets.fabulous.ch/public/variant_asset/152/file/large-43b41e64cbb3f6d457a1526d670ae893.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/152/file/medium-cd5d39e3bcbfc2b6d122cf3a5521bf38.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/bierhefeflocken-konv-200-g-138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bierhefeflocken konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-138-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/meerrettich-im-glas-demeter-125-g-139">
          <img alt="Meerrettich im Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/154/file/small-4ad19b7e421e836fe5fdfd44f74ff302.webp 600w, https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/154/file/large-7eb000fe158a946dff02c9082dab3dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.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/meerrettich-im-glas-demeter-125-g-139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meerrettich im Glas Demeter, 125 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 3.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0QqQ69Wb4_zHBU2dN0xlyc4iuBmyV29o0811cmjCj8iOOZFKX305mFBy2wZplPPTWQ1pcr2Lom1HGNcczDrpeA" />
    <input value="139" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flakes-braunhirse-glutenfrei-bio-250-g-143">
          <img alt="Flakes Braunhirse Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/155/file/small-c6f374d640c57abdd01a03b1488f7c96.webp 600w, https://assets.fabulous.ch/public/variant_asset/155/file/medium-5998bb26ba5039955fc954959d0a9a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/155/file/large-d44dece7be14a0488b6fc8ebbbad95ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/155/file/medium-5998bb26ba5039955fc954959d0a9a9f.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">Werz</p>
          <a href="/de/products/flakes-braunhirse-glutenfrei-bio-250-g-143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes Braunhirse Glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uV7JxAwmy8X-NGsg1nuyDbt3SzBHavKSd4iBv8PPM_jmbchlhsARoWlD_buIoyQXLFiaW0i2P5fjXSPRZzdVSA" />
    <input value="143" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cashewkerne-ganz-bio-200-g-148">
          <img alt="Cashewkerne ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/160/file/small-7b760ac2921338f994e2c82a834d29ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/160/file/medium-dd4e4624011bc9b4e8cdf56953db6681.webp 900w, https://assets.fabulous.ch/public/variant_asset/160/file/large-b0ce85e1423898564edb330004b03520.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/160/file/medium-dd4e4624011bc9b4e8cdf56953db6681.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/cashewkerne-ganz-bio-200-g-148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne ganz Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

          </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-148-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EIaS2s55J3nzOBn5aOdtXTp4p9OxZnSloVAxt8ERpDVPtZN7RJ_9HWRPj2I2P_tHrVd2uL66uaA1hZPZZenChQ" />
    <input value="148" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mandeln-braun-europa-bio-500-g-151">
          <img alt="Mandeln braun Europa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/163/file/small-734a5e179f642a29cbbb75a572bca8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/163/file/large-4a3c3dc43710d9c05b4f209254c3c214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.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/mandeln-braun-europa-bio-500-g-151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln braun Europa Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RbNruv4KSgDw9Dy-NOKrXud5B3WGrPsIc7UuiUmx-hoagGobdOyQZGeDqiVqOj1EcFbWHolwNg3nYIzn7Umcqg" />
    <input value="151" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backer-brot-saaten-kruste-demeter-450-g-155">
          <img alt="Bäcker Brot Saaten-Kruste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/166/file/small-c73d12a688fc6203a1f5c3f918793b29.webp 600w, https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/166/file/large-b00755a624427ae4cb9231e37fd6a3ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.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/backer-brot-saaten-kruste-demeter-450-g-155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bäcker Brot Saaten-Kruste Demeter, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;260 von 3&#39;217 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/nutru?format=turbo_stream&amp;page=64">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>