<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/kochbuch-kochtrotz-kreativ-geniessen-trotz-einschrankungen-intoleranzen-und-allergien-1-stuck-6632">
          <img alt="Kochbuch KochTrotz - Kreativ geniessen trotz Einschränkungen, Intoleranzen und Allergien" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3822/file/small-36106d78212e63f4a0f9b7e306616c32.webp 600w, https://assets.fabulous.ch/public/variant_asset/3822/file/medium-d73bfbe742aaff3bc68c4260f5a9ec4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3822/file/large-78f3156643a1987d8b21509bea44c2b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3822/file/medium-d73bfbe742aaff3bc68c4260f5a9ec4c.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">Buchverlag</p>
          <a href="/de/products/kochbuch-kochtrotz-kreativ-geniessen-trotz-einschrankungen-intoleranzen-und-allergien-1-stuck-6632">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch KochTrotz - Kreativ geniessen trotz Einschränkungen, Intoleranzen und Allergien, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I3jDKd85KjeCym2X6MMzuylTf3rWR_ZrkRG0zrAEbDdddrx3HZGmly665lDnVgGxGLjm-wxhCn_9xQXW1uI3jA" />
    <input value="6632" 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/kase-aus-nussen-julie-piatt-1-stuck-6633">
          <img alt="Käse aus Nüssen! | Julie Piatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3823/file/small-337be169fd899dfa3d99e38e1951c6fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3823/file/large-e006addee91eba327ac7826524912172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.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">Buchverlag</p>
          <a href="/de/products/kase-aus-nussen-julie-piatt-1-stuck-6633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Käse aus Nüssen! | Julie Piatt, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.55
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-kase-vegan-marie-laforet-1-stuck-6634">
          <img alt="Kochbuch &quot;Käse&quot; vegan | Marie Laforêt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3824/file/small-52bf5ad1bbc8be1745012e1a8d21787f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.webp 900w, https://assets.fabulous.ch/public/variant_asset/3824/file/large-2747992e06102071e1385c5dd4bd9821.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.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">Buchverlag</p>
          <a href="/de/products/kochbuch-kase-vegan-marie-laforet-1-stuck-6634">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch &quot;Käse&quot; vegan | Marie Laforêt, 1 Stück</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 21.50 / Stk.
            </p>
        </div>
      </div>

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

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

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/desinfektionsmittel-hand-sanitiser-antibacterial-75-bio-ethanol-250-ml-6903">
          <img alt="Desinfektionsmittel Hand Sanitiser Antibacterial 75% Bio-Ethanol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3997/file/small-3cc7ba8aa38da2d8b35cf7cd67dd8029.webp 600w, https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3997/file/large-04d85f82f5fc9cbb5a132799c1bc9e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.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">Rigi Seifen</p>
          <a href="/de/products/desinfektionsmittel-hand-sanitiser-antibacterial-75-bio-ethanol-250-ml-6903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfektionsmittel Hand Sanitiser Antibacterial 75% Bio-Ethanol, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 19.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W4itVp_vYuLlY-QKwc5Vf7HR1oJVUZLUZlqeIdWf9QwlhtIIXUfuQkkTb83OW2d1gDpPA493bsAKji85s3mutw" />
    <input value="6903" 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/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
          <img alt="Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.02 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5zdEknGtAa8-bM_YpP2cAAcdybmcCNsKA5sdps7hWxmZOTvMswWND5IcRB-raK4KNvZQOEYuJx5vT6y-qAcAog" />
    <input value="6954" 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/orangen-kraft-reiniger-grossgebinde-10-l-6990">
          <img alt="Orangen Kraft-Reiniger Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4046/file/small-336a575c87f770dab35cbbf6a8359cc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4046/file/large-a591d9fef6ddfe5462a0719103573176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/orangen-kraft-reiniger-grossgebinde-10-l-6990">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orangen Kraft-Reiniger Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VJIqY1u-KKPVILdCaLHUCePI1kqkuvv2RpP2FhzWl-AqnFU9mRakA3lQPIVnJOYD0iNPy36cB-IqR0cOejDMWw" />
    <input value="6990" 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/bleichkomplex-und-fleckentferner-grossgebinde-5-kg-6996">
          <img alt="Bleichkomplex und Fleckentferner Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4045/file/small-548bdd18ea378ce302cf99cffe963760.webp 600w, https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4045/file/large-bc906860f1b25b52f50d9f67f5dda37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/bleichkomplex-und-fleckentferner-grossgebinde-5-kg-6996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleichkomplex und Fleckentferner Grossgebinde, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CHHIi3iTyVt_R4jn2Eb104DVKRlMYLZjPCPqr7hrDCJ2f7fVujtF-9M3AyDX08fZsT6wmJZGSndQ91u33o1XmQ" />
    <input value="6996" 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/bleichkomplex-und-fleckentferner-450-g-6998">
          <img alt="Bleichkomplex und Fleckentferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4048/file/small-34b94a0d34b160e89677d413ca82fef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4048/file/large-d19806104d8e45cad03bca5f43ec37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/bleichkomplex-und-fleckentferner-450-g-6998">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleichkomplex und Fleckentferner, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
          <img alt="Geschirr Handspülmittel Lemon Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Lemon Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N6neLD4jqRgJykSnticyh_dXaC2GFmnGHiW3GgTDAgNJp6Fy_IsluKW6z2C5sgCNxrzxrFwwldJy8QYCYiVZuA" />
    <input value="6999" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/joghurtmaschine-mint-my-yo-joghurtbereiter-ohne-strom-1-stuck-7023">
          <img alt="Joghurtmaschine MINT My.Yo Joghurtbereiter ohne Strom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4056/file/small-e93f7cef545f78c7d2f21d03c97a41a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4056/file/large-1d319f3ad7be6498116c846dde147ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.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">my.yo</p>
          <a href="/de/products/joghurtmaschine-mint-my-yo-joghurtbereiter-ohne-strom-1-stuck-7023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtmaschine MINT My.Yo Joghurtbereiter ohne Strom, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/trinkwasseranalyse-1-stuck-7102">
          <img alt="Trinkwasseranalyse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4081/file/small-535a3b3860aa2c061d18a344047e8d28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4081/file/large-5b3fd74aa20b83d32a83737c9826f16f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.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">ortho-analytic</p>
          <a href="/de/products/trinkwasseranalyse-1-stuck-7102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Trinkwasseranalyse, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 199.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nLO_BVCpaphCgeDasw7WNfCLhpPWOfQLhNlR3otqzXHivcBbkgHmOO7xax28m-Q_wWAfEgwfCB_oDeDG7YyWyg" />
    <input value="7102" 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/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
          <img alt="Klarspüler für Geschirrspülmaschine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4375/file/small-b00460da3ce1cd53e4c0d00204044450.webp 600w, https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4375/file/large-412c7dc90f38ab8adf77c0f33a5c353e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Klarspüler für Geschirrspülmaschine, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y9SKX_boi7t2XBtBhpGiPRin-s33cWEsFjzZ2LfCTO212vUBNEAHG9oskIaJBJA3KUxjTC1XnTh66GjA0SQXVg" />
    <input value="7581" 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/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
          <img alt="Earthing - Heilendes Erden, Clinton Ober" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4745/file/small-56f1be1c0013e83ee5a2d87aeb387cda.webp 600w, https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4745/file/large-efb4f120bad4e809fccbc3642bd7fc95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4745/file/medium-614431f121bdb574def27cbab9ca3db5.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">Buchverlag</p>
          <a href="/de/products/earthing-heilendes-erden-clinton-ober-1-stuck-8098">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Earthing - Heilendes Erden, Clinton Ober, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dfei23GoyK4D5eHwP2J2YeIMbep_BMU56MSUL4VboLVz-d2FswBEDq-Vajcw90Rr0-f0a6UiOS2EECU34737Dg" />
    <input value="8098" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
          <img alt="Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4811/file/small-7e7a8acc473ad636d308de5b41b10be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4811/file/large-5cdc877a9c1306c6342b554f5c3ce176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.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">Bambaw</p>
          <a href="/de/products/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen), 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

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

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
          <img alt="Geschirrbürste / Spülbürste #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4814/file/small-5d4fa2159e433a663bd34746a6d81bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp 900w, https://assets.fabulous.ch/public/variant_asset/4814/file/large-4ffc75258000058dbfa76fc20bc195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.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">Bambaw</p>
          <a href="/de/products/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirrbürste / Spülbürste #plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3sQkwG4orxVyZHnO6aedZQ_Z5LHRDZqE5IQqH94zHJCgyluerIAjtd4U8gnmMq9vPjJ9MAsrZpCIUJsHuNVHKw" />
    <input value="8234" 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/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
          <img alt="Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4815/file/small-477767afe4445cfe5e57ca3a1f7a64b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4815/file/large-4de02202ab99297ac0d8f7d648253fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pS--sPGjkYbrT4jW4XIMZDWA1LM07FmvgSKNbtFdBOTbIcHuMwsdJkc_AxHu5z5uBGtNMu7Kpbvt9jx2t7tfXw" />
    <input value="8235" 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/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
          <img alt="Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4818/file/small-521ab929cdc05564cfc87bc00dae5d9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4818/file/large-112138ac4369e9309947c1e55dbc19f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jF6Waqu0d9QumHmBc2EkutOdp1p99zED7eooaUdDi_jyUOk0aRz7dILo8kZ89Baw4nY-26fRzReBPplxIaXQQw" />
    <input value="8236" 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/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
          <img alt="Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4821/file/small-dea16dd25e452ad6c222365560695766.webp 600w, https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4821/file/large-0e762b0e2f5aff6ec140c45dcbbf0cbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.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">Bambaw</p>
          <a href="/de/products/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="npy9BoKQyrsR1mrAIpAOHgEP55OFTat3LCsnN6hn9IjgksJYQDhGG72m4QctBTwUMOR-El9rV2NA_5YvzoGvMw" />
    <input value="8237" 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/twistout-abflussstab-aus-holz-1-stuck-8591">
          <img alt="TwistOut Abflussstab aus Holz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5004/file/small-8a559d9fbdfefcda388b3d5b2b87b087.webp 600w, https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.webp 900w, https://assets.fabulous.ch/public/variant_asset/5004/file/large-6594ad8241c520520fd569eeebe63f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.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">Twist Out</p>
          <a href="/de/products/twistout-abflussstab-aus-holz-1-stuck-8591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TwistOut Abflussstab aus Holz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9VlRmyQVEAt_yNUMOMFUSfCFm7NGyPVsNOsbRmP4clWLVy7F5r2cq9O4Xss3VGZDwW4CMpzuCXhYP6peBR4p7g" />
    <input value="8591" 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/spulburstenkopf-ersatzkopf-zum-auswechseln-1-stuck-8887">
          <img alt="Spülbürstenkopf Ersatzkopf zum Auswechseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5152/file/small-0ab7a8a26fba223f44b64ff651817624.webp 600w, https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5152/file/large-8353cd11cc3c1fa707979a503a831648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/de/products/spulburstenkopf-ersatzkopf-zum-auswechseln-1-stuck-8887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spülbürstenkopf Ersatzkopf zum Auswechseln, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pujd7vj0VCcTFnRNcpX91WCqBlX8pFkdAYGcml1ZJaxA5qKwOlzYh79m_4p9AM_fUUGf1CaCpQltVS2CO79-Fw" />
    <input value="8887" 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">
      160 von 239 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/non-food?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>