  <turbo-stream action="replace" target="filter-state">
    <template>
      <div id="filter-state">
  <div class="row filter align-items-end">
    <div class="col mb-3">
        <div class="text-start product-count mb-3">
          11 Produkte
        </div>
      <input type="hidden" name="category" id="category" autocomplete="off" />
      <input type="hidden" name="q" id="q" autocomplete="off" />


      <div class="form-check filter-shipping form-switch ms-3">
        <input type="checkbox" name="on_sale" id="on_sale" value="true" class="form-check-input" data-filter-form-target="input" data-action="change-&gt;filter-form#submit" />
        <label for="on_sale">Sale</label>
      </div>
    </div>

    <div class="col-md-2">
      <div class="form-floating mb-4">
        <select name="preference" id="preference" class="form-select" data-filter-form-target="input" data-action="change-&gt;filter-form#submit"><option selected="selected" value="newest">Neueste</option>
<option value="price_asc">Preis aufsteigend</option>
<option value="price_desc">Preis absteigend</option>
<option value="oldest">Älteste</option></select>
        <label class="form-label" for="preference">Sortieren nach</label>
      </div>
    </div>
  </div>
</div>
    </template>
  </turbo-stream>

<turbo-stream action="update" target="product_list">
  <template>

          <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/nussknacker-lange-ca-17cm">
                <img class="card-img-top" alt="Nussknacker Länge ca. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/cizkb5oaq2xx0b5lvp2mssu41ijc" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/nussknacker-lange-ca-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Nussknacker Länge ca. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    12.02 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-nottknackare-langd-ca-17cm-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rm5hXrJFuE_RBKLWcenkl08k55qyvyeqC3zEl7x-mqbJDxAfcR9VJV_IQo137qBzDMbL-mtslzwiLYlr1Ry-LA" autocomplete="off" />
                    <input value="2614" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/weihnachtskerzenhalter-hangend-metall-glas-holmegaard">
                <img class="card-img-top" alt="WEIHNACHTSKERZENHALTER, hängend, Metall &amp; Glas, Holmegaard" src="https://d1jh1o29n9s5de.cloudfront.net/zztrdd10659k450tkrcj5tb1qxl4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/weihnachtskerzenhalter-hangend-metall-glas-holmegaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">WEIHNACHTSKERZENHALTER, hängend, Metall &amp; Glas, Holmegaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-julstake-hangande-metall-glas-holmegaard-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-HUc5uCZYTs3LtvAzjeN5fI06FGbl89kGEAajsyty_x3FG2nI8OMUbniO5vIMMkBsdbEMUJEf_IxEVdypc_vdg" autocomplete="off" />
                    <input value="2569" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/fantastische-nahkiste-aus-teak-hohe-21-cm-lange-27-cm">
                <img class="card-img-top" alt="Fantastische Nähkiste aus Teak - Höhe 21 cm, Länge 27 cm" src="https://d1jh1o29n9s5de.cloudfront.net/xs833s6fb02kq6xc4wpbbdykivpn" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/fantastische-nahkiste-aus-teak-hohe-21-cm-lange-27-cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Fantastische Nähkiste aus Teak - Höhe 21 cm, Länge 27 cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    52.89 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-fantastisk-sylada-i-teak-hojd-21-cm-langd-27-cm-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLrhwCfvoA6dMgPs2OLs22GBADJhepHD380znX5rgnj325CB5LVNZBP-47fe5ag_ImMsUripIVX2nH5hFwmm8g" autocomplete="off" />
                    <input value="2410" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/katze-feuerzeug-1950er-vintage-selten">
                <img class="card-img-top" alt="Katzen Feuerzeug 1950er Vintage Selten" src="https://d1jh1o29n9s5de.cloudfront.net/w6ogkyubdelk38396kk99qy02y80" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/katze-feuerzeug-1950er-vintage-selten">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Katzen Feuerzeug 1950er Vintage Selten</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    26.45 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-katt-tandare-1950-talet-vintage-sallsynt-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5SlhzmPQ7Wr2cEYY9LN9-Z5ZSvn5nz0wIpWaMjcuwDE9dTG-tWu3yUVIUNl1YkTpZtJSz41zGLp2xuUob6fig" autocomplete="off" />
                    <input value="2334" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/holzfigur">
                <img class="card-img-top" alt="Holzfigur" src="https://d1jh1o29n9s5de.cloudfront.net/io3pn01w79u2e4u9htbbnu5b4ts4" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/holzfigur">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Holzfigur</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    14.42 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-tragubbe-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GwiXxsgoofMh2ynTlSJbz2ktDIZrrj5K6TCGB6if9wmUaeaHC3JMma8XyYiTJR8rKs8g5rJ9jtzAYcv7wf3Tgw" autocomplete="off" />
                    <input value="2309" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/holzfigur-praktische-kunst-hohe-ca-17cm">
                <img class="card-img-top" alt="Holzfigur, Praktische Kunst, Höhe ca. 17cm" src="https://d1jh1o29n9s5de.cloudfront.net/3bdf3julk7kuaaigtv8pqngt7qtf" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/holzfigur-praktische-kunst-hohe-ca-17cm">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Holzfigur, Praktische Kunst, Höhe ca. 17cm</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    43.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-trafigur-praktisk-konst-hojd-ca-17cm-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5CeVyHBQgzSnDWVvHNFFrP__4S3WSFYECZHgaKni4wFrRuSJswpuXinBhTQa1gFIvB3NTQ-b5pIgwK2UwIDHiw" autocomplete="off" />
                    <input value="1648" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/ratte-in-flussigkeit-anatomie">
                <img class="card-img-top" alt="Ratte in Flüssigkeit Anatomie" src="https://d1jh1o29n9s5de.cloudfront.net/gon597e991u2awl75r9lv8m13mw1" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/ratte-in-flussigkeit-anatomie">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Ratte in Flüssigkeit Anatomie</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    269.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-ratta-i-vatska-anatomi-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FIi3Wz7iJKIUU6nfW4R31CEjY1Lkmtpwjq235yvoSe-b6cYa_bjJyJqfSYRdgzMwYsFPMj1Jauan_PobQoptZQ" autocomplete="off" />
                    <input value="1597" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/franklin-mint-offizielles-harley-davidson-sammlermesser-electra-glide-limitierte-auflage">
                <img class="card-img-top" alt="Franklin Mint - Offizielles Harley Davidson Sammlermesser - Electra Glide - Limitierte Auflage" src="https://d1jh1o29n9s5de.cloudfront.net/tgg8nsxgqqxohc72wfrr30pfxn7v" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/franklin-mint-offizielles-harley-davidson-sammlermesser-electra-glide-limitierte-auflage">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Franklin Mint - Offizielles Harley Davidson Sammlermesser - Electra Glide - Limitierte Auflage</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    48.08 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-franklin-mint-official-harley-davidson-collectors-knife-electra-glide-limited-edition-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JZP-NEEwk_dMi-1wczzjDL5KO3kTXMkTvQ5V4DIcbAyq8o91gmp-ncJHDSt1O6fo_agXGcqPeYWUXxgcW35Ihg" autocomplete="off" />
                    <input value="1298" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/seltene-vintage-anker-line-danasco-danemark-gusseisen-emaille-dutch-oven-quistgaard">
                <img class="card-img-top" alt="Seltene Vintage Anker Line Danasco Dänemark Gusseisen Emaille Dutch Oven Quistgaard" src="https://d1jh1o29n9s5de.cloudfront.net/3cpzhglwmbfpp5uu2ummycilog4x" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/seltene-vintage-anker-line-danasco-danemark-gusseisen-emaille-dutch-oven-quistgaard">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Seltene Vintage Anker Line Danasco Dänemark Gusseisen Emaille Dutch Oven Quistgaard</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    43.27 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-rare-vintage-anker-line-danasco-denmark-cast-iron-enamel-dutch-oven-quistgaard-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hU7vzKcpwSs3m9tPCC-nnlHQt8bWt2qF87LiyNvCxx8KL56NZHMsQblXOxQOKON6EjKbpg9k2hPa4680sqDjlQ" autocomplete="off" />
                    <input value="1126" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/holzmaus-danemark-signiert">
                <img class="card-img-top" alt="Holzmaus, Dänemark signiert" src="https://d1jh1o29n9s5de.cloudfront.net/24a3r8a738tq9lrcxvuofh22gkhl" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/holzmaus-danemark-signiert">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Holzmaus, Dänemark signiert</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    21.64 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-mus-i-tra-danmark-signerad-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RNvpj7lAHlGlnXKqLnX1Q11R5PDPZuIFHp7QoG6NSE7LupjOehrzOytRkvEocrGnHrPIkBa1UpM3z51cB-9sxA" autocomplete="off" />
                    <input value="808" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxxl-4 col-xxxxl-3 col-xxl-4 col-xl-6 col-lg-6 col-md-6 col-sm-12">
        <div class="card product mb-4">
          <div class="row h-100">
            <div class="col-5">
              <a href="/products/walt-disney-8mm-film-usa-three-for-breakfast">
                <img class="card-img-top" alt="Walt Disney 8mm Film USA &#39;Three for Breakfast&#39;" src="https://d1jh1o29n9s5de.cloudfront.net/pap22d167qygdjvnyssti2oe9z08" />
                
</a>            </div>
            <div class="col-7 d-flex flex-column card-inner-cont">

              <a href="/products/walt-disney-8mm-film-usa-three-for-breakfast">
                <div class="card-header pb-0">
                  <h5 class="card-title mb-0">Walt Disney 8mm Film USA &#39;Three for Breakfast&#39;</h5>
                </div>
</a>              <div class="wishlist-container pb-0">
                  <div class="card-product-price price">
                    24.04 €
                 </div>
                <div class="card-wishlist">
                  <div id="wishlist-button-walt-disney-8mm-film-usa-three-for-breakfast-1780538746">
                  </div>
                </div>
              </div>
              <div class="card-footer d-flex align-items-end h-100 ps-0">

                  <form class="add-to-cart-form w-100" action="/carts/add" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PT_PV0DeTyxpaBX5vxMFXg2xluBzyGBaCik97UEaKXGyXr4Wg4SiRuek9aK5FEG6TlO6gKob0MwjeHARKHgN-w" autocomplete="off" />
                    <input value="788" autocomplete="off" type="hidden" name="product" id="product" />
                    <input type="submit" name="commit" value="In den Warenkorb legen" class="btn mt-3 btn-primary" data-disable-with="In den Warenkorb legen" />
</form>

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

  </template>
</turbo-stream>

<turbo-stream action="replace" target="pagination">
  <template>


      <div id="pagination">



      </div>
  </template>
</turbo-stream>