<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/black-bean-spaghetti-bio-250-g-17164">
          <img alt="Black Bean Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7995/file/small-16078e5fd04fc61b26bdaac82cc6c86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7995/file/large-aa0089f78f35fd5f587e221b878d4f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.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/black-bean-spaghetti-bio-250-g-17164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Bean 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-17164-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KHAbWWkE3PtCzw0syNZO9GR3jr8twR02OsH7GkZzvaU7fQLYjMlMv8QwtpPNq0Pth2J8v-WleVRxq_7FkR3afQ" />
    <input value="17164" 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/streich-s-drauf-mepfel-bio-135-g-10320">
          <img alt="streich´s drauf Mepfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5549/file/small-de440b51ad334ca8475d7dc15b2c0770.webp 600w, https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/5549/file/large-4ab2ad1a6a33a287cc9f8651a28e5dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.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/streich-s-drauf-mepfel-bio-135-g-10320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">streich´s drauf Mepfel Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLNMFUAfMXwgw-oRLHZYNGh1pNJcG_fD9OWAFiVBEGgjvlWUpdKhOKY8Ua4pC1Uti2BW0pR_k6G_j4XJ8i93sA" />
    <input value="10320" 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/kerzen-48er-packung-teelichter-ohne-hulle-weiss-1-stuck-3392">
          <img alt="Kerzen 48er Packung Teelichter ohne Hülle weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2254/file/small-a0ddb33ba5f9541fed82e2cd58f6fc40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.webp 900w, https://assets.fabulous.ch/public/variant_asset/2254/file/large-9bf006ed7349d11932af41bc81d0702a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.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">eubiona</p>
          <a href="/de/products/kerzen-48er-packung-teelichter-ohne-hulle-weiss-1-stuck-3392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen 48er Packung Teelichter ohne Hülle weiss, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cOeUlJyKi1BIks5Dwl6ktUiwe55slWZBiYT-gFyRXbxj6o0VeUcbFM5tdfzHI6msq6WJnqTxAiPC7vtfi_86ZA" />
    <input value="3392" 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/geschirr-maschine-maschinenspulmittel-konzentrat-1-25-kg-3183">
          <img alt="Geschirr Maschine Maschinenspülmittel  Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2185/file/small-c2f9d641d51995f83680c88abe564727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2185/file/medium-bf6e8c91118ea348cbc5a344eab8cde7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2185/file/large-49f504a72fa406b9dc87b35a44cdfd6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2185/file/medium-bf6e8c91118ea348cbc5a344eab8cde7.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-maschine-maschinenspulmittel-konzentrat-1-25-kg-3183">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Maschine Maschinenspülmittel  Konzentrat, 1.25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1GSfjDicYvDnTO4xTVvqES_U0GnBlc6Sxz5-eJFxqhbHaYYN3VHytGGzVY5IJucIzMEiaQnxqvCMVHunRh_Nzg" />
    <input value="3183" 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/better-keks-dinkel-bio-150-g-12353">
          <img alt="Better-Keks Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6194/file/small-c64f4ddb60c6fa8f6f84b27613f3adad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6194/file/medium-b60de6801dc85c07056b62f8cabe44ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6194/file/large-2f50ba308be1a8fc9484debbe3ebf5b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6194/file/medium-b60de6801dc85c07056b62f8cabe44ca.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">Allos</p>
          <a href="/de/products/better-keks-dinkel-bio-150-g-12353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Better-Keks Dinkel Bio, 150 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.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QocYr-cuRUvpQUjPwRdvcntX8SGUUizIyc7UnZEBpF9RigEuAuPVD2--83DEamJrmEIDIVw2SKqCpNFCRm_Dhw" />
    <input value="12353" 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/dattel-rohmasse-bio-500-g-14605">
          <img alt="Dattel Rohmasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6762/file/small-3fec3f1154516e21e6e962a5a601e911.webp 600w, https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.webp 900w, https://assets.fabulous.ch/public/variant_asset/6762/file/large-4cd61fbf87819a382176ee02add59f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6762/file/medium-1c211577044db3f0afeb16d14430bc29.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/dattel-rohmasse-bio-500-g-14605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattel Rohmasse Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </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-14605-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dsHmlQkoJdOpWg3eF2IYmhbZLRyqMC4z45IvGWCzSiNlzP8U7OW1ly-ltmESHxWD9czfHGJUSlGo-CrGt90t-w" />
    <input value="14605" 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/kichererbsen-im-glas-bio-350-g-5878">
          <img alt="Kichererbsen im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3376/file/small-08e4e09612ab253ccb445192281c4ecc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.webp 900w, https://assets.fabulous.ch/public/variant_asset/3376/file/large-c8f32dc5a44484fba430c9fcc840fa90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.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">de Rit</p>
          <a href="/de/products/kichererbsen-im-glas-bio-350-g-5878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kichererbsen im Glas Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mmUjS0YjJnwKlaQ7SHUmU14nRKQGzgqrELt9x3l1KJ6JaDrKo-62OIxqH4RNCCtKvTK2pM6qbslb0XgYrhtPRg" />
    <input value="5878" 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/hafer-block-vegane-alternative-zu-butter-bio-250-g-9157">
          <img alt="Hafer Block Vegane Alternative zu Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5200/file/small-8b343fba05f7137ac518a7a6a5d225ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5200/file/large-3f25376ab7bcde3397bee53d332faf15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.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/hafer-block-vegane-alternative-zu-butter-bio-250-g-9157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Block Vegane Alternative zu Butter Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-9157-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BmAs_xXzDWHeBLm6qMOaFm7lD9jo3dB0W2NH-vxHl0YVbTV-8D6dJVj7AgWtvpcPjfD92CC5tBYQCUIlKynwng" />
    <input value="9157" 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/mein-veganer-speck-ersatz-bio-10-g-14970">
          <img alt="Mein Veganer Speck Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6858/file/small-39e33875b304b98ecdaeb1837b56c65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6858/file/large-1a1e9315e73d2da5bc2b254f12893c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.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/mein-veganer-speck-ersatz-bio-10-g-14970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mein Veganer Speck Ersatz Bio, 10 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 39.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YEfMmcfmTQDTtb3YuiB_FDrJdLMbDPb2nAqC7QBQY7xzStUYIivdRFVKBme_XXIN2dyGs9NokpTXYIcy1z4EZA" />
    <input value="14970" 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/tofu-curry-mango-bio-200-g-756">
          <img alt="Tofu Curry-Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/705/file/small-8ab07bb92ae1aae53b56bbf3495d9309.webp 600w, https://assets.fabulous.ch/public/variant_asset/705/file/medium-7e51d964d56cd6e57ab01b6ff5cd6c1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/705/file/large-52e9184ad48794a86f0c95622ceb3cf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/705/file/medium-7e51d964d56cd6e57ab01b6ff5cd6c1e.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">Taifun</p>
          <a href="/de/products/tofu-curry-mango-bio-200-g-756">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Curry-Mango Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WyaEgS2LseLLPOzR7gEN87e3v-iRC4Y43ana_TKGwQBIK50AyEYhpk3DV27rfADqVKJN6Flv4lqWw98i5eim2A" />
    <input value="756" 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/violife-scheiben-vegane-alternative-zu-cheddar-140-g-1006">
          <img alt="Violife Scheiben vegane Alternative zu Cheddar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/881/file/small-15d0951a4e0204340c9aee44b91b05bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/881/file/large-32499c95a2d9993392c0ea6240849206.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/881/file/medium-a0017a97ff2ca3853cc0964edd549d8f.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">Violife</p>
          <a href="/de/products/violife-scheiben-vegane-alternative-zu-cheddar-140-g-1006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife Scheiben vegane Alternative zu Cheddar, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="roDumRPIS_AzXhIhksZV1lNJMS7Hc8XCHtNFl7EoSpO9jfcY9gXbtLWhqZ6Xu1jPsFzDLg8XoaBVuUBIZkYtSw" />
    <input value="1006" 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/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
          <img alt="Südsee Tofu Vegane Alternative zu Hummer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5020/file/small-b98066084f94d19ad5fe53150a867528.webp 600w, https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.webp 900w, https://assets.fabulous.ch/public/variant_asset/5020/file/large-7f64c6be1f2585523271cce63c02cee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lord of Tofu</p>
          <a href="/de/products/sudsee-tofu-vegane-alternative-zu-hummer-bio-180-g-8622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Südsee Tofu Vegane Alternative zu Hummer Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/kids-multivit-kautabletten-60-stuck-14559">
          <img alt="Kids MultiVit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8790/file/small-42b66efd11dd72fdd9276cea8ebf42ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8790/file/medium-d8881888b203624e99e15dac7eea6c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8790/file/large-0930836ecbf4e46b1ca83c7e938fa5b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8790/file/medium-d8881888b203624e99e15dac7eea6c2f.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">Vegetology</p>
          <a href="/de/products/kids-multivit-kautabletten-60-stuck-14559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kids MultiVit, 60 Kautabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S8Eqxg9TmiquzlfWkLHDEraUTkGZM1fzo_oqM9ehJylYzDNH6p4Kbigx7GmVzM4LVYG8QVFXM5HokC_sAM9A8Q" />
    <input value="14559" 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/omega-3-vegane-omega-3-kapseln-60-stuck-964">
          <img alt="Omega-3 Veganes Omega 3 Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8789/file/small-b1b6fb3b1df1a4eafc2ccc7464a17fe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8789/file/medium-922cdea52d47681f05988e2f735ec455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8789/file/large-4476970ed17b1e0648204d27c7032efa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8789/file/medium-922cdea52d47681f05988e2f735ec455.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">Vegetology</p>
          <a href="/de/products/omega-3-vegane-omega-3-kapseln-60-stuck-964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Omega-3 Veganes Omega 3 Supplement, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IhuJpm2tyrIglnl_9gOexBtiedcYycJ2X0_N9ngmLzAxFpAniGBa9qZpwsDzfpPd-HeL19CtphQUJcgpr0hI6A" />
    <input value="964" 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/vitamin-d3-tabletten-2500iu-kapseln-60-stuck-962">
          <img alt="Vitamin D3 Tabletten 2500IU Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8809/file/small-447deccb3a2dd7ff13f5d9d14c2aaee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8809/file/medium-673eca348dc717cccc2672ff63cafa22.webp 900w, https://assets.fabulous.ch/public/variant_asset/8809/file/large-cdaca0a3ef60ae4f5736db2c13807b0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8809/file/medium-673eca348dc717cccc2672ff63cafa22.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">Vegetology</p>
          <a href="/de/products/vitamin-d3-tabletten-2500iu-kapseln-60-stuck-962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Tabletten 2500IU Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSmyMYIM6h5-5s8wbCmQh4Okdrw9KAlrXvbu-KIDNNiuJKuwZ8F6WvgZdI9pVJ2eYLGEvPVMbQkVnOsndW1TAA" />
    <input value="962" 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/dattelschokolade-white-pistachio-tafel-bio-90-g-17384">
          <img alt="Dattelschokolade White Pistachio Tafel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8107/file/small-fd50c187a24cec95abc1f0ec46e93f54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8107/file/large-98f7431e1b2ec6de5746590c108eb400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8107/file/medium-53612511b2a63fff27a7b562830d380a.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-white-pistachio-tafel-bio-90-g-17384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade White Pistachio Tafel Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VDAvTuWPVDuJIl2qm0haPQ95MOLZ0LI6mSLxp2UvJPNHPTbPAELEfw_d5hWeNVck7GzC4hG01ljSSPR4skFDKw" />
    <input value="17384" 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/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
          <img alt="Soyana Swiss Cereal Hafer-Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5281/file/small-65a79b19c8145d2bde3a0cc53ab46e2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5281/file/large-e9aeb39bfa1652fd3c283ea23744d2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5281/file/medium-7ed187dbc9d0981ba124208191b4e6ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soyana-swiss-cereal-hafer-drink-barista-bio-1-l-9288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyana Swiss Cereal Hafer-Drink Barista Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MmD07X8vYaKBFj7beUR4xBYiqcS90xsQOGoqTuh1U4Ihbe1smuLx5gfphWR8OXXd9TdbxHW3f3JzAC-RPxs0Wg" />
    <input value="9288" 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/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
          <img alt="Haferdrinkpulver mit B12 Bio, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.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/haferdrinkpulver-mit-b12-bio-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haferdrinkpulver mit B12 Bio, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jcICADb2hCfkSi1QnpbYIfyC9md8Ef6qC8E1CoKXMBCezxuB0zsUY2K1lu-b69U4H5cEZ7R1mshAqzDVVflXyA" />
    <input value="15847" 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/xanthan-glutenfrei-60-g-3395">
          <img alt="Xanthan glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2256/file/small-78ee1d3361cc085c61826892de4e6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2256/file/large-d850690da0e3d39df1217e35cdaef316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2256/file/medium-289a5bf789e673eb4ca041d1772c63cc.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">Natur Compagnie</p>
          <a href="/de/products/xanthan-glutenfrei-60-g-3395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xanthan glutenfrei, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q4pndjNkhw0DSLuoDVn3a_m4tdWPjYJdHrBW68eFbYtQh3731qkXSYW3ABcIJPpyGq1H1Ufp5j9V2lM0EOsKUw" />
    <input value="3395" 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/biber-s-weiss-saisonmotiv-bio-80-g-7932">
          <img alt="Biber-S weiss Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4655/file/small-18dfaa198c36a9d43d00f8dd87bb5614.webp 600w, https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4655/file/large-1cac283102d747d7e735bdc448d109bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4655/file/medium-139a6b0cd88998f303d10f239b07850c.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-weiss-saisonmotiv-bio-80-g-7932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S weiss Saisonmotiv Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

</template></turbo-stream>