<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/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
          <img alt="Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2977/file/small-ad845eb238fd64146dc9ae81f69a3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.webp 900w, https://assets.fabulous.ch/public/variant_asset/2977/file/large-66ce54755939b6bc63603dfd407ac425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.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/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U7x7PWTgp7V1n4DyAZ8s6QVdRsjYcC4DBwvbbGxbJotrYzG3wlvSEjsJY0PfkF7rPb-HGSaWYacKdoW8tnaW8A" />
    <input value="5043" 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/paniermehl-dinkel-bio-200-g-5044">
          <img alt="Paniermehl Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.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/paniermehl-dinkel-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paniermehl Dinkel Bio, 200 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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="znOVxukMFEHjRiZf6SzWPXHfYub4A2SLKWcQ-8yMnOP2rN9MT7dh5q3Qxe43I6Q_ST2jNwblKy8kGk4rFqEsmA" />
    <input value="5044" 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/paniermehl-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
          <img alt="Paniermehl Mais Gluten frei ohne Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.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/paniermehl-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paniermehl Mais Gluten frei ohne Hefe Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AkyWVgc8ey02m3kBXn9SkW6KsRg3uUWz9LNxQm1tcGU6k9zcoYcOingNmrCAcCCTVmhwyclfChf5zi-St0DAHg" />
    <input value="5045" 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/multikornflocken-5-korn-glutenfrei-demeter-475-g-5046">
          <img alt="Multikornflocken 5-Korn Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2979/file/small-aadf69da8c27dc6ece8371b4e40b00be.webp 600w, https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp 900w, https://assets.fabulous.ch/public/variant_asset/2979/file/large-092f4ece569a499b3effd995bd705535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.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/multikornflocken-5-korn-glutenfrei-demeter-475-g-5046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multikornflocken 5-Korn Glutenfrei Demeter, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mrpRKls9qxDFLxNiwpnIp-rJIhkV82ok-IoAJ0anrkSiZRug_Ybet4u58NMclrql0ivjyOsVJYD19173nIoePw" />
    <input value="5046" 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/hafer-flocken-glutenfrei-kleinblatt-bio-475-g-5047">
          <img alt="Hafer Flocken Glutenfrei Kleinblatt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.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/hafer-flocken-glutenfrei-kleinblatt-bio-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Flocken Glutenfrei Kleinblatt Bio, 475 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 1.01 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKw25aTIPOxrXoRCMhyDmM87xlADQKpLTUxwlI4BJt8gc3xvAnNJSyXIZ_PsE_Ga99kHgf2m5e9AMS5EVCyWpA" />
    <input value="5047" 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/backmischung-pizzateig-dinkel-demeter-350-g-5049">
          <img alt="Backmischung Pizzateig Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.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/backmischung-pizzateig-dinkel-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Pizzateig Dinkel Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lz9ZLwolsxPxeP8ybQpZSnleLtrIhR13sLs1Eiin6Dav4BOlrJ7GtL_uHIOzBStIQbzvCzZjUtO9xmvC8opYTQ" />
    <input value="5049" 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/mini-choc-bars-erdbeerfullung-100-g-5050">
          <img alt="Mini Choc Bars Erdbeerfüllung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.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">Vantastic</p>
          <a href="/de/products/mini-choc-bars-erdbeerfullung-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars Erdbeerfüllung, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ATyRSgmeEb-4MywV9bKu-BhEdqxRi4OllrK-Z6XYzj0549vAryVkGPalz6Qrvdz6IKa3fa9tzAGbz-C3f_V-Rg" />
    <input value="5050" 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/vantastic-foods-buttons-schakalode-500-g-5052">
          <img alt="Vantastic Foods Buttons Schakalode" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2985/file/small-85de2bfaf73e232726f61d156a75fc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.webp 900w, https://assets.fabulous.ch/public/variant_asset/2985/file/large-48d1b0197306a0c6921dbd2cd3fbfe89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.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">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-schakalode-500-g-5052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LKQeFo_OcNBl-2EAGPq3d900h40QsC2h8C2x7niY8P8Ue1ScKXUFdyttgrHG9cV15dZGXO5WYgX9UO8-orVAhA" />
    <input value="5052" 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/deo-men-sensitiv-48h-roll-on-ohne-aluminium-50-ml-5062">
          <img alt="Deo Men Sensitiv 48h Roll-on Ohne Aluminium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2987/file/small-72c6f335d71556da7d01fe80c494377d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2987/file/medium-3f90ac334acd8284e6fb9c1e84d854e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2987/file/large-3c70e7027454fb63f54ddf35f4a7a0b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2987/file/medium-3f90ac334acd8284e6fb9c1e84d854e0.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">Lavera</p>
          <a href="/de/products/deo-men-sensitiv-48h-roll-on-ohne-aluminium-50-ml-5062">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Men Sensitiv 48h Roll-on Ohne Aluminium, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d5JuIxT-raklqSIYdppCak127XF81A0XlVNhRg1cruhPTSSpskXYDms_wamolTBodZQsoIIyQrOYLj-W13Eekw" />
    <input value="5062" 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/backmischung-wunderbrod-glutenfrei-bio-600-g-5073">
          <img alt="Backmischung Wunderbrød glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2988/file/small-759e4a2627a3e568ac401e4c5ec8e4df.webp 600w, https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp 900w, https://assets.fabulous.ch/public/variant_asset/2988/file/large-0f724ee644e251ed9cc763723699e45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.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/backmischung-wunderbrod-glutenfrei-bio-600-g-5073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Wunderbrød glutenfrei Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RM_CCrIR_AVjZuk_EmQPpcxD9JVy6yv8TnEfZnkT-_J8EIiAFKqJoi3wCo7Ma32n9KE1RIwNZFhDDEG2oz5LiQ" />
    <input value="5073" 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/schlagfix-creme-vegane-alternative-zu-mascarpone-250-ml-5088">
          <img alt="Schlagfix Crème Vegane Alternative zu Mascarpone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2996/file/small-f2ec0a801305009c985d80b8ca91bfc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2996/file/large-ebc305b0f0aa5dc4255c875eab56c49d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2996/file/medium-7173a8e909df703cd3710b6435a769db.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">Schlagfix</p>
          <a href="/de/products/schlagfix-creme-vegane-alternative-zu-mascarpone-250-ml-5088">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Crème Vegane Alternative zu Mascarpone, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uvOVFJMvhPwn8kBKoDwq0R8AGGZ8n_tIMMePxB5_vJSCLN-eNZTxW2lko_t-M1jTJ-LZt4J5tOw9utEUxFIM7w" />
    <input value="5088" 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/eisen-tripl3-iron-582mg-kapseln-60-stuck-5112">
          <img alt="Eisen Tripl3 Iron 582mg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3004/file/small-27ef8f762f963908c052af697a6938f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3004/file/medium-d61705498321f9a37e4d0c3397011814.webp 900w, https://assets.fabulous.ch/public/variant_asset/3004/file/large-d16c3320fe0f251825c2f472b968c82b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3004/file/medium-d61705498321f9a37e4d0c3397011814.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">energybalance</p>
          <a href="/de/products/eisen-tripl3-iron-582mg-kapseln-60-stuck-5112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eisen Tripl3 Iron 582mg Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZ1GMH39knxQfKqVT4rzJqC-hIicGzG_R7Apj0oY_gSFQgy620bn2x7qSSSRhYEkmFxFWWL9fhtKzXdfkDVOfw" />
    <input value="5112" 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-tripl3-c-100mg-kapseln-90-stuck-5113">
          <img alt="Vitamin Tripl3 C 100mg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3003/file/small-b4d166bc5eed1e2353b88d40143a5af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3003/file/large-c9e840e9c8be58044cc04eb3c3416751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.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">energybalance</p>
          <a href="/de/products/vitamin-tripl3-c-100mg-kapseln-90-stuck-5113">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin Tripl3 C 100mg Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0O952lA58iaCPq2UtVZa5iFxhPiboFt38TSTdUpVP9PoMDNQ9oKHgcyoTiVrWSjkGZNFKWVGFNP8Sc2lkHiPqA" />
    <input value="5113" 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/algen-kelp-kapseln-jod-bio-kapseln-100-stuck-5114">
          <img alt="Algen Kelp Kapseln (Jod) , Bio Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3005/file/small-9f21faf0069c18c06b2737025d7fb85a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3005/file/medium-6400d0de98c90aaa33772473784a85df.webp 900w, https://assets.fabulous.ch/public/variant_asset/3005/file/large-ae1eff9bfac24fa919232d579658282e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3005/file/medium-6400d0de98c90aaa33772473784a85df.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">Diòniso</p>
          <a href="/de/products/algen-kelp-kapseln-jod-bio-kapseln-100-stuck-5114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algen Kelp Kapseln (Jod) , Bio Kapseln, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ARaMhNP5fwqO3d01LFB20N3zib6hYLGw4GJ8ZxW7ktU5ycYOdUIKrcBLPoTyXwTS5RFIb1-G_hTtHyK3z5Yirg" />
    <input value="5114" 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/kaffee-alternative-chicoree-zichorie-filter-gemahlen-bio-250-g-5123">
          <img alt="Kaffee Alternative Chicorée Zichorie FILTER, gemahlen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3008/file/small-d7fc16aadbee4c419358586dd2245076.webp 600w, https://assets.fabulous.ch/public/variant_asset/3008/file/medium-4c724b1a424b40aa0fbf1ff3e08ec225.webp 900w, https://assets.fabulous.ch/public/variant_asset/3008/file/large-292b69261d75635c279fe72f910ae152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3008/file/medium-4c724b1a424b40aa0fbf1ff3e08ec225.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/kaffee-alternative-chicoree-zichorie-filter-gemahlen-bio-250-g-5123">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Chicorée Zichorie FILTER, gemahlen, 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-5123-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hrhJnUcCRbLccf-RkdA8H0SLs7exX-3v75FmC37CCcK-ZwMX4bkwFZLnHCBP304dfGlyZk-5okvi7DjbpO-5uQ" />
    <input value="5123" 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/kaffee-alternative-chicoree-zichorie-instant-bio-100-g-5124">
          <img alt="Kaffee Alternative Chicorée Zichorie INSTANT, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3009/file/small-55da6c6db6fa02b03d11c4437d26e101.webp 600w, https://assets.fabulous.ch/public/variant_asset/3009/file/medium-955a35df97e09d7317b8a5bafa576b31.webp 900w, https://assets.fabulous.ch/public/variant_asset/3009/file/large-363eb8794f691a8f472deac6ef1af4b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3009/file/medium-955a35df97e09d7317b8a5bafa576b31.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/kaffee-alternative-chicoree-zichorie-instant-bio-100-g-5124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Alternative Chicorée Zichorie INSTANT, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mH4ooEAIB-HKKowTRGRxVYEx_DzdOvM0g0P5O03iwNSgoWIq5rNyRoS8b6KaawNXudM97SPcvJCOPqfrl89wrw" />
    <input value="5124" 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/crunchy-fruit-blaubeeren-gefriergetrocknet-raw-bio-16-g-5129">
          <img alt="Crunchy Fruit Blaubeeren gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3015/file/small-576a3497d99d60252a9a45710e8a069b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.webp 900w, https://assets.fabulous.ch/public/variant_asset/3015/file/large-f3c0ba883cf4e38fc8596b82bc572cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.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">Organica</p>
          <a href="/de/products/crunchy-fruit-blaubeeren-gefriergetrocknet-raw-bio-16-g-5129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Blaubeeren gefriergetrocknet RAW Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iFdD8KCWdBy0uVYJawaiVOpS36x-4M9z_FuEl-nXpF2wiAl6Bi0Bu_ovtbi1CdBW0rAefYAGgNfxJtpHM_oUJg" />
    <input value="5129" 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/crunchy-fruit-brombeeren-gefriergetrocknet-raw-bio-16-g-5130">
          <img alt="Crunchy Fruit Brombeeren gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3017/file/small-a1b8f232413ac89d7d40b6f0a1ed5928.webp 600w, https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.webp 900w, https://assets.fabulous.ch/public/variant_asset/3017/file/large-64e8737a160b1cc51839c4f4ca59c52c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.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">Organica</p>
          <a href="/de/products/crunchy-fruit-brombeeren-gefriergetrocknet-raw-bio-16-g-5130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Brombeeren gefriergetrocknet RAW Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DATuhkiQNZEWMfNaWs6vBGCDAcHX93P66FwywfulRHM026QM7itANlinEOuEwd0GWGHAECkRPF7lIWwRIYj0CA" />
    <input value="5130" 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/crunchy-fruit-erdbeeren-gefriergetrocknet-raw-bio-12-g-5131">
          <img alt="Crunchy Fruit Erdbeeren gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3018/file/small-8f6bc3b1495abc0e4d7dc2ddf8683420.webp 600w, https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3018/file/large-050e55cae31ae80a59a51da65407692d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.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">Organica</p>
          <a href="/de/products/crunchy-fruit-erdbeeren-gefriergetrocknet-raw-bio-12-g-5131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Erdbeeren gefriergetrocknet RAW Bio, 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0qMNotZxBnN4gBknuBr6Lk0HNB7bAB4aXHpSNn1Ks-TqfEcocMpz1DYW-pZmFYgsdeX1zyXmUb5RBwzmp2cDnw" />
    <input value="5131" 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/crunchy-fruit-ananas-gefriergetrocknet-raw-bio-16-g-5132">
          <img alt="Crunchy Fruit Ananas gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3020/file/small-6eae2dfa3721bb3af69cf1b305a11dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.webp 900w, https://assets.fabulous.ch/public/variant_asset/3020/file/large-9ddecc58a8e92ec4c312ba56f0d80d47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.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">Organica</p>
          <a href="/de/products/crunchy-fruit-ananas-gefriergetrocknet-raw-bio-16-g-5132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Ananas gefriergetrocknet RAW Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C5gGNrWP4q-fXwgIzo_FgI4v-3qbRVuiG0TP04Vo_6AzR0y8EzSXCNHJ67kQgLeCts06q2WjFAYWOZEDX0VP2w" />
    <input value="5132" 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">
      800 von 3&#39;173 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/retter?format=turbo_stream&amp;page=41">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>