www.juwelier-wagner.at Open in urlscan Pro
2606:4700:10::6816:38d5  Public Scan

Submitted URL: https://wagner-solitaire.gmbh/
Effective URL: https://www.juwelier-wagner.at/schmuck/wagner-juwelen/solitaire/
Submission: On March 06 via api from US — Scanned from US

Form analysis 3 forms found in the DOM

GET /

<form action="/" method="get" x-ref="form">
  <input minlength="3" type="search" name="s" class="w-full pl-10 pr-2 outline-none h-14 border-y border-y-brand" placeholder="Suchen..." x-ref="searchField">
  <span class="absolute left-0 -translate-y-1/2 cursor-pointer top-1/2 text-brand" @click="$refs.form.submit()">
    <svg height="18.157" width="19.607" xmlns="http://www.w3.org/2000/svg">
      <g transform="translate(.5 .5)" fill="none" stroke="currentColor">
        <g>
          <path d="M7.16 13.3a6.919 6.919 0 007.16-6.649A6.919 6.919 0 007.16 0 6.919 6.919 0 000 6.649 6.919 6.919 0 007.16 13.3z"></path>
        </g>
        <g transform="translate(12.263 10.812)">
          <path d="M6.137 6.137L0 0"></path>
        </g>
      </g>
    </svg>
  </span>
</form>

POST /schmuck/wagner-juwelen/solitaire/#wpcf7-f77924-o1

<form action="/schmuck/wagner-juwelen/solitaire/#wpcf7-f77924-o1" method="post" class="wpcf7-form wpcf7-acceptance-as-validation init" aria-label="Kontaktformular" novalidate="novalidate" data-status="init">
  <div style="display: none;">
    <input type="hidden" name="_wpcf7" value="77924">
    <input type="hidden" name="_wpcf7_version" value="5.8.1">
    <input type="hidden" name="_wpcf7_locale" value="de_DE">
    <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f77924-o1">
    <input type="hidden" name="_wpcf7_container_post" value="0">
    <input type="hidden" name="_wpcf7_posted_data_hash" value="">
    <input type="hidden" name="_wpcf7_recaptcha_response"
      value="03AFcWeA6TKicMTVMK04wbF9IHlqpAGxtlfPrZOzw7aLuYv5GXsRJyqYGyalriOH2odnrNMXYjG5HMuAhORciWXmzWU6rcNWcMAjcB0jqL_4W9VrC-4c544Cmz2NjXPDnF0CJvzl3gij2JqZGt1wA3MW1uZA46we8Orj3k0bKfkQb186Gu-TFCBG7ZfI6L8rWAayu67uqEIO9zz0dRCU1BxP-t_IXyG9guwvKO4kF7fntfGTwmToNHIjQ20EQ0UGLRgfK9VuXmwI_uepPUfENcjPBN8f2_bZ7QTNhYcjp49qov3PpxNPDdpiZ7VSAu4csYUff_tH3nG30AQDddKSfDDVA9cyJsZo3DrjDXQTp-pCpANKM19Bmu7p-1yVWNHekdRqL6Z2U-hqwcay3QIbhuwlTR8jdLelxFzmEtHTzK6z_wmeT9piiPkednVc0N9huhxxn3TT2fhp5K-hhAl1XjLLYE3xZnQGdnP6mFriuNmA_azmXD_taOWxB7YG59WolIcoJccLnZRNyaGYPXZEK9oe4dIIeKnFCYHCPva74tfCJoTD_oOfqz70UanHnS7yRkpWwsYCfFY8e-kpELE0Ajm0JfY310xv4O9ADIiPFC_sWaTJMdpOa3rRVM3vyeJV0hCrwJNKBLntWDnExa6dlugBXTdeJnqD1So7QOcoCbGpcIHHp2svVqn_lQyR53VYlq4k_iARQfSMyb46r8qk7qTUhcBxLBYdcy5fJdiAHvcanrW_TDzIbPPw_e5fQs2IfiXyqapq-P7Rg195kF6KDJOvidKcB7i4tL_T8fr91Vhs0C9C-yk3_T0oFWmMOrFhLCWSBe7G-7ng3cI1jTV2Kb9i87p4XWWUFUdk-SQP5MuVpC3wMy9RsQ_U5iXOy6d4gRhlg8cE32eItuqLyxEmay3z3u37sNRGk3UXQ6_eriTsfaTeVtaCe8AcJ918hxCJpGpTG0yQc5QoHVEga3C25isy9lKBHEOkJmxKpdJ9TtPDbGhpC2_tL-updCEmeRffDrEbO3Bx3PSnALjmiC48e8NDfwSZZdlPlp_u9FfIGWkPdxClC2db7whYdvIF6IprOxmarxsQ2CM3yCzh4cqQ7K3FUPld4JxPHuqoHIblOL7WRloRtAgB0VgrHqil8fen9TEM-V8E3dChhjVOZWMZlZOfaoX9kf22XxgA4QlYc1TDUlfBThLAoLGJL1Eh-Fw8aJs5xxh04s_zfZBDgl-MDsuk3PtjBaZookWCa12tEclzOBO_OjqcXQmaCao_7UuZAx12vZqW5AqSqueeG3Xwx1YhlVAwZkWqAJIpR9_7BR8zXLvqFe-6OcMtAPxVnvlUpfbMmJNw0kjD5vCWClCuNJsCmOmPJMpbJRDOnRqrh-WE-ofOliOgrOhkZSXw_RATXq4HH5oM3toeOw5F-lZlyE85eAztTm78IyOqMZQwfBDWoWQnnFVqHUNDjcA1DBYoEQ5LIbfkw0c0UlQxs81P3PaqBujJ1426EoTAJEpzvcChz9a5ckZTdR0p2znU-IDqsfB5ECLLxNlXf226z2G1eyDmqO5QVEqHmv95q_SFuNpGgNN3DQB_wbJqMkCJkjkqfqLojtcoKH3yoS6-Srfwd127D3Ei_yxEsy4qk6spsQnlatU4r7o21O_FEN6pHZVbb3C3JVj6pN9BV14LyhInWMboaBDRqRd09_fA">
  </div>
  <script>
    const appointmentForm = () => {
      return {
        printNewsletter: false,
        printNewsletterCheckbox() {
          let checkbox = document.querySelector('.appointment-form input[name="print-newsletter"]');
          let printNewsletterFields = document.querySelectorAll('.appointment-form .form-print-newsletter input');
          checkbox.addEventListener('change', () => {
            this.printNewsletter = checkbox.checked;
            if (checkbox.checked) {
              printNewsletterFields.forEach((field) => {
                field.setAttribute('value', '');
              });
            } else {
              printNewsletterFields.forEach((field) => {
                field.setAttribute('value', '-');
              });
            }
          });
        }
      };
    }
  </script>
  <div class="appointment-form" x-data="appointmentForm" x-init="printNewsletterCheckbox()">
    <div class="grid grid-cols-1 mb-6 gap-x-5 gap-y-6 lg:grid-cols-2">
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">Anrede</div>
        <div class="[&amp;_select]:w-full [&amp;_select]:border-b [&amp;_select]:border-b-333 [&amp;_select]:pr-4 [&amp;_select]:appearance-none relative">
          <span class="wpcf7-form-control-wrap" data-name="anrede"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="anrede">
              <option value="Herr">Herr</option>
              <option value="Frau">Frau</option>
            </select></span>
          <svg xmlns="http://www.w3.org/2000/svg" class="absolute right-0 w-2 -translate-y-1/2 pointer-events-none top-1/2 text-777" viewBox="0 0 512 512">
            <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
          </svg>
        </div>
      </label>
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">Titel (optional)</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="title"><input size="40" class="wpcf7-form-control wpcf7-text"
              aria-invalid="false" value="" type="text" name="title"></span></div>
      </label>
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">Vorname</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="first-name"><input size="40"
              class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" autocomplete="firstname" aria-required="true" aria-invalid="false" value="" type="text" name="first-name"></span></div>
      </label>
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">Nachname</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="last-name"><input size="40"
              class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="last-name"></span></div>
      </label>
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">E-Mail Adresse</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="email-address"><input size="40"
              class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="" type="email" name="email-address"></span>
        </div>
      </label>
      <label class="flex flex-col justify-between font-nunito">
        <div class="text-sm text-333/60 font-nunito">Telefon (optional)</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="phone"><input size="40"
              class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" aria-invalid="false" value="" type="tel" name="phone"></span></div>
      </label>
      <label class="flex flex-col justify-between font-nunito lg:col-span-2">
        <div class="text-sm text-333/60 font-nunito">Geschäft</div>
        <div class="[&amp;_select]:w-full [&amp;_select]:border-b [&amp;_select]:border-b-333 [&amp;_select]:pr-4 [&amp;_select]:appearance-none  relative">
          <span class="wpcf7-form-control-wrap" data-name="geschaft"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="geschaft">
              <option value="Juwelier Wagner Stammhaus">Juwelier Wagner Stammhaus</option>
              <option value="Juwelier Wagner Graben">Juwelier Wagner Graben</option>
              <option value="Rolex Boutique by Wagner">Rolex Boutique by Wagner</option>
            </select></span>
          <svg xmlns="http://www.w3.org/2000/svg" class="absolute right-0 w-2 -translate-y-1/2 pointer-events-none top-1/2 text-777" viewBox="0 0 512 512">
            <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
          </svg>
        </div>
      </label>
      <label class="flex flex-col justify-between font-nunito lg:col-span-2">
        <div class="text-sm text-333/60 font-nunito">Date &amp; Time</div>
        <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="date-586"><input size="40"
              class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required flatpickr-input" id="terminDate" aria-required="true" aria-invalid="false" value="" type="text" name="date-586" readonly="readonly"></span></div>
      </label>
    </div>
    <div class="">
      <label class="block mb-5 font-nunito col-span-3">
        <div
          class="[&amp;_textarea]:w-full [&amp;_textarea]:bg-[#E0E0E0]/20 [&amp;_textarea]:p-4 [&amp;_textarea]:text-[#757575] [&amp;_textarea]:border-b [&amp;_textarea]:border-b-777 [&amp;_textarea]:placeholder:text-[#757575] [&amp;_textarea]:h-32">
          <span class="wpcf7-form-control-wrap" data-name="your-inquiry"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Ihre Anfrage" name="your-inquiry"></textarea></span></div>
      </label>
      <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-5 mb-4">
        <label class="block mb-2 font-nunito text-333">
          <div
            class="[&amp;_input]:w-5 [&amp;_input]:h-5 [&amp;_input]:accent-brand [&amp;_input]:mr-2.5 [&amp;_.wpcf7-list-item]:m-0 [&amp;_.wpcf7-list-item_label]:flex [&amp;_.wpcf7-list-item_label]:items-center [&amp;_.wpcf7-list-item_label]:cursor-pointer">
            <span class="wpcf7-form-control-wrap" data-name="e-newsletter"><span class="wpcf7-form-control wpcf7-acceptance optional"><span class="wpcf7-list-item"><label><input type="checkbox" name="e-newsletter" value="1" aria-invalid="false"><span
                      class="wpcf7-list-item-label">E-Newsletter abonnieren</span></label></span></span></span></div>
        </label>
        <label class="block mb-2 font-nunito text-333">
          <div
            class="[&amp;_input]:w-5 [&amp;_input]:h-5 [&amp;_input]:accent-brand [&amp;_input]:mr-2.5 [&amp;_.wpcf7-list-item]:m-0 [&amp;_.wpcf7-list-item_label]:flex [&amp;_.wpcf7-list-item_label]:items-center [&amp;_.wpcf7-list-item_label]:cursor-pointer">
            <span class="wpcf7-form-control-wrap" data-name="print-newsletter"><span class="wpcf7-form-control wpcf7-acceptance optional"><span class="wpcf7-list-item"><label><input type="checkbox" name="print-newsletter" value="1"
                      aria-invalid="false"><span class="wpcf7-list-item-label">Print Newsletter abonnieren</span></label></span></span></span></div>
        </label>
        <div class="col-span-1 lg:col-span-2 form-print-newsletter" x-show="printNewsletter" x-collapse="" style="display: none; height: 0px; overflow: hidden;" hidden="">
          <div class="grid grid-cols-3 lg:grid-cols-6 gap-x-5 gap-y-6 mb-12">
            <label class="flex flex-col justify-between font-nunito col-span-3">
              <div class="text-sm text-333/60 font-nunito">Adresse</div>
              <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="adresse"><input size="40"
                    class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="-" type="text" name="adresse"></span></div>
            </label>
            <label class="flex flex-col justify-between font-nunito col-span-3">
              <div class="text-sm text-333/60 font-nunito">Zusatzinformation</div>
              <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="zusatzinformation"><input size="40"
                    class="wpcf7-form-control wpcf7-text" aria-invalid="false" value="-" type="text" name="zusatzinformation"></span></div>
            </label>
            <label class="flex flex-col justify-between font-nunito col-span-1 max-lg:mb-5">
              <div class="text-sm text-333/60 font-nunito">PLZ</div>
              <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="plz"><input size="40"
                    class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="-" type="text" name="plz"></span></div>
            </label>
            <label class="flex flex-col justify-between font-nunito col-span-2 max-lg:mb-5">
              <div class="text-sm text-333/60 font-nunito">Ort</div>
              <div class="[&amp;_input]:w-full [&amp;_input]:border-b [&amp;_input]:border-b-333 [&amp;_input]:py-1 text-333 relative"><span class="wpcf7-form-control-wrap" data-name="ort"><input size="40"
                    class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="-" type="text" name="ort"></span></div>
            </label>
            <label class="flex flex-col justify-between font-nunito col-span-3">
              <div class="text-sm text-333/60 font-nunito">Land</div>
              <div class="[&amp;_select]:w-full [&amp;_select]:border-b [&amp;_select]:border-b-333 [&amp;_select]:pr-4 [&amp;_select]:appearance-none  relative">
                <span class="wpcf7-form-control-wrap" data-name="land"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="land">
                    <option value="Österreich">Österreich</option>
                    <option value="Deutschland">Deutschland</option>
                    <option value="Afghanistan">Afghanistan</option>
                    <option value="Albanien">Albanien</option>
                    <option value="Algerien">Algerien</option>
                    <option value="Andorra">Andorra</option>
                    <option value="Angola">Angola</option>
                    <option value="Antigua und Barbuda">Antigua und Barbuda</option>
                    <option value="Argentinien">Argentinien</option>
                    <option value="Armenien">Armenien</option>
                    <option value="Aruba">Aruba</option>
                    <option value="Aserbaidschan">Aserbaidschan</option>
                    <option value="Australien">Australien</option>
                    <option value="Bahamas">Bahamas</option>
                    <option value="Bahrain">Bahrain</option>
                    <option value="Bangladesch">Bangladesch</option>
                    <option value="Barbados">Barbados</option>
                    <option value="Belarus">Belarus</option>
                    <option value="Belgien">Belgien</option>
                    <option value="Belize">Belize</option>
                    <option value="Benin">Benin</option>
                    <option value="Bermuda">Bermuda</option>
                    <option value="Bhutan">Bhutan</option>
                    <option value="Bolivien, Plurinationaler Staat">Bolivien, Plurinationaler Staat</option>
                    <option value="Bosnien und Herzegowina">Bosnien und Herzegowina</option>
                    <option value="Botswana">Botswana</option>
                    <option value="Brasilien">Brasilien</option>
                    <option value="Brunei Darussalam">Brunei Darussalam</option>
                    <option value="Bulgarien">Bulgarien</option>
                    <option value="Burkina Faso">Burkina Faso</option>
                    <option value="Burundi">Burundi</option>
                    <option value="Cape Verde">Cape Verde</option>
                    <option value="Centralafrikanische Republik">Centralafrikanische Republik</option>
                    <option value="Chile">Chile</option>
                    <option value="China">China</option>
                    <option value="Cookinseln">Cookinseln</option>
                    <option value="Costa Rica">Costa Rica</option>
                    <option value="Côte d'Ivoire">Côte d'Ivoire</option>
                    <option value="Dänemark">Dänemark</option>
                    <option value="Deutschland">Deutschland</option>
                    <option value="Djibouti">Djibouti</option>
                    <option value="Dominica">Dominica</option>
                    <option value="Dominikanische Republik">Dominikanische Republik</option>
                    <option value="Ecuador">Ecuador</option>
                    <option value="Elfenbeinküste">Elfenbeinküste</option>
                    <option value="El Salvador">El Salvador</option>
                    <option value="Eritrea">Eritrea</option>
                    <option value="Estland">Estland</option>
                    <option value="Fidschi">Fidschi</option>
                    <option value="Finnland">Finnland</option>
                    <option value="Frankreich">Frankreich</option>
                    <option value="Gabun">Gabun</option>
                    <option value="Gambia">Gambia</option>
                    <option value="Georgien">Georgien</option>
                    <option value="Ghana">Ghana</option>
                    <option value="Grenada">Grenada</option>
                    <option value="Griechenland">Griechenland</option>
                    <option value="Großbritannien">Großbritannien</option>
                    <option value="Guam">Guam</option>
                    <option value="Guatemala">Guatemala</option>
                    <option value="Guinea">Guinea</option>
                    <option value="Guinea-Bissau">Guinea-Bissau</option>
                    <option value="Guyana">Guyana</option>
                    <option value="Haiti">Haiti</option>
                    <option value="Honduras">Honduras</option>
                    <option value="Hongkong">Hongkong</option>
                    <option value="Indien">Indien</option>
                    <option value="Indonesien">Indonesien</option>
                    <option value="Irak">Irak</option>
                    <option value="Iran, Islamische Republik">Iran, Islamische Republik</option>
                    <option value="Irland">Irland</option>
                    <option value="Island">Island</option>
                    <option value="Israel">Israel</option>
                    <option value="Italien">Italien</option>
                    <option value="Jamaika">Jamaika</option>
                    <option value="Japan">Japan</option>
                    <option value="Jordanien">Jordanien</option>
                    <option value="Kambodscha">Kambodscha</option>
                    <option value="Kamerun">Kamerun</option>
                    <option value="Kanada">Kanada</option>
                    <option value="Kasachstan">Kasachstan</option>
                    <option value="Kenia">Kenia</option>
                    <option value="Kirgisistan">Kirgisistan</option>
                    <option value="Kiribati">Kiribati</option>
                    <option value="Kolumbien">Kolumbien</option>
                    <option value="Komoren">Komoren</option>
                    <option value="Kongo">Kongo</option>
                    <option value="Kongo, Demokratische Republik">Kongo, Demokratische Republik</option>
                    <option value="Kroatien">Kroatien</option>
                    <option value="Kuba">Kuba</option>
                    <option value="Laos, Demokratische Volksrepublik">Laos, Demokratische Volksrepublik</option>
                    <option value="Lesotho">Lesotho</option>
                    <option value="Lettland">Lettland</option>
                    <option value="Libanon">Libanon</option>
                    <option value="Liberia">Liberia</option>
                    <option value="Libyen">Libyen</option>
                    <option value="Liechtenstein">Liechtenstein</option>
                    <option value="Litauen">Litauen</option>
                    <option value="Luxemburg">Luxemburg</option>
                    <option value="Madagaskar">Madagaskar</option>
                    <option value="Malawi">Malawi</option>
                    <option value="Malaysia">Malaysia</option>
                    <option value="Malediven">Malediven</option>
                    <option value="Mali">Mali</option>
                    <option value="Malta">Malta</option>
                    <option value="Marokko">Marokko</option>
                    <option value="Marshallinseln">Marshallinseln</option>
                    <option value="Mauritania">Mauritania</option>
                    <option value="Mauritius">Mauritius</option>
                    <option value="Mazedonien, ehemalige jugoslawische Republik">Mazedonien, ehemalige jugoslawische Republik</option>
                    <option value="Mexiko">Mexiko</option>
                    <option value="Mikronesien, Föderierte Staaten von">Mikronesien, Föderierte Staaten von</option>
                    <option value="Monaco">Monaco</option>
                    <option value="Mongolei">Mongolei</option>
                    <option value="Montenegro">Montenegro</option>
                    <option value="Mosambik">Mosambik</option>
                    <option value="Myanmar">Myanmar</option>
                    <option value="Namibia">Namibia</option>
                    <option value="Nauru">Nauru</option>
                    <option value="Nepal">Nepal</option>
                    <option value="Neuseeland">Neuseeland</option>
                    <option value="Nicaragua">Nicaragua</option>
                    <option value="Niederlande">Niederlande</option>
                    <option value="Niger">Niger</option>
                    <option value="Nigeria">Nigeria</option>
                    <option value="Nordkorea">Nordkorea</option>
                    <option value="Norwegen">Norwegen</option>
                    <option value="Oman">Oman</option>
                    <option value="Österreich">Österreich</option>
                    <option value="Pakistan">Pakistan</option>
                    <option value="Palästina, Staat">Palästina, Staat</option>
                    <option value="Palau">Palau</option>
                    <option value="Panama">Panama</option>
                    <option value="Papua-Neuguinea">Papua-Neuguinea</option>
                    <option value="Paraguay">Paraguay</option>
                    <option value="Peru">Peru</option>
                    <option value="Philippinen">Philippinen</option>
                    <option value="Polen">Polen</option>
                    <option value="Portugal">Portugal</option>
                    <option value="Puerto Rico">Puerto Rico</option>
                    <option value="Qatar">Qatar</option>
                    <option value="Republik Moldau">Republik Moldau</option>
                    <option value="Ruanda">Ruanda</option>
                    <option value="Rumänien">Rumänien</option>
                    <option value="Russische Föderation">Russische Föderation</option>
                    <option value="Saint Kitts und Nevis">Saint Kitts und Nevis</option>
                    <option value="Saint Lucia">Saint Lucia</option>
                    <option value="Saint Vincent und die Grenadinen">Saint Vincent und die Grenadinen</option>
                    <option value="Salomonen">Salomonen</option>
                    <option value="Sambia">Sambia</option>
                    <option value="Samoa">Samoa</option>
                    <option value="San Marino">San Marino</option>
                    <option value="São Tomé und Príncipe">São Tomé und Príncipe</option>
                    <option value="Saudi-Arabien">Saudi-Arabien</option>
                    <option value="Schweden">Schweden</option>
                    <option value="Schweiz">Schweiz</option>
                    <option value="Senegal">Senegal</option>
                    <option value="Serbien">Serbien</option>
                    <option value="Seychellen">Seychellen</option>
                    <option value="Sierra Leone">Sierra Leone</option>
                    <option value="Simbabwe">Simbabwe</option>
                    <option value="Singapur">Singapur</option>
                    <option value="Slowakei">Slowakei</option>
                    <option value="Slowenien">Slowenien</option>
                    <option value="Somalia">Somalia</option>
                    <option value="Spanien">Spanien</option>
                    <option value="Sri Lanka">Sri Lanka</option>
                    <option value="St. Lucia">St. Lucia</option>
                    <option value="Südafrika">Südafrika</option>
                    <option value="Südkorea">Südkorea</option>
                    <option value="Südsudan">Südsudan</option>
                    <option value="Suriname">Suriname</option>
                    <option value="Swasiland">Swasiland</option>
                    <option value="Syrische Arabische Republik">Syrische Arabische Republik</option>
                    <option value="Tadschikistan">Tadschikistan</option>
                    <option value="Taiwan, Provinz China">Taiwan, Provinz China</option>
                    <option value="Tansania, Vereinigte Republik">Tansania, Vereinigte Republik</option>
                    <option value="Thailand">Thailand</option>
                    <option value="Timor-Leste">Timor-Leste</option>
                    <option value="Togo">Togo</option>
                    <option value="Tonga">Tonga</option>
                    <option value="Trinidad und Tobago">Trinidad und Tobago</option>
                    <option value="Tschad">Tschad</option>
                    <option value="Tschechische Republik">Tschechische Republik</option>
                    <option value="Tunesien">Tunesien</option>
                    <option value="Türkei">Türkei</option>
                    <option value="Turkmenistan">Turkmenistan</option>
                    <option value="Tuvalu">Tuvalu</option>
                    <option value="Uganda">Uganda</option>
                    <option value="Ukraine">Ukraine</option>
                    <option value="Ungarn">Ungarn</option>
                    <option value="Uruguay">Uruguay</option>
                    <option value="Usbekistan">Usbekistan</option>
                    <option value="Vanuatu">Vanuatu</option>
                    <option value="Vatikanstadt">Vatikanstadt</option>
                    <option value="Venezuela, Bolivarische Republik">Venezuela, Bolivarische Republik</option>
                    <option value="Vereinigte Arabische Emirate">Vereinigte Arabische Emirate</option>
                    <option value="Vereinigte Staaten">Vereinigte Staaten</option>
                    <option value="Vietnam">Vietnam</option>
                    <option value="Weißrussland">Weißrussland</option>
                    <option value="Zentralafrikanische Republik">Zentralafrikanische Republik</option>
                    <option value="Zypern">Zypern</option>
                  </select></span>
                <svg xmlns="http://www.w3.org/2000/svg" class="absolute right-0 w-2 -translate-y-1/2 pointer-events-none top-1/2 text-777" viewBox="0 0 512 512">
                  <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                </svg>
              </div>
            </label>
          </div>
        </div>
        <label class="block font-nunito text-333 col-span-1 lg:col-span-2">
          <div
            class="[&amp;_input]:w-5 [&amp;_input]:h-5 [&amp;_input]:accent-brand [&amp;_input]:mr-2.5 [&amp;_.wpcf7-list-item]:m-0 [&amp;_.wpcf7-list-item_label]:flex [&amp;_.wpcf7-list-item_label]:items-center [&amp;_.wpcf7-list-item_label]:cursor-pointer">
            <span class="wpcf7-form-control-wrap" data-name="terms"><span class="wpcf7-form-control wpcf7-acceptance"><span class="wpcf7-list-item"><label><input type="checkbox" name="terms" value="1" aria-invalid="false"><span
                      class="wpcf7-list-item-label">Ich akzeptiere die <a href="#" class="text-brand">Datenschutzbestimmungen</a></span></label></span></span></span></div>
        </label>
      </div>
      <div
        class="flex justify-end [&amp;_.wpcf7-spinner]:absolute [&amp;_.wpcf7-spinner]:top-1/2 [&amp;_.wpcf7-spinner]:right-full [&amp;_.wpcf7-spinner]:opacity-100 [&amp;_.wpcf7-spinner]:-translate-y-1/2 [&amp;_.wpcf7-spinner]:m-0 [&amp;_.wpcf7-spinner]:bg-brand [&amp;_.wpcf7-spinner]:mr-2 [&amp;_.wpcf7-submit]:w-full [&amp;_.wpcf7-submit]:lg:w-auto [&amp;_.wpcf7-submit]:block [&amp;_.wpcf7-submit]:lg:inline-block [&amp;_.wpcf7-submit]:px-8 [&amp;_.wpcf7-submit]:py-3 [&amp;_.wpcf7-submit]:relative [&amp;_.wpcf7-submit]:text-sm [&amp;_.wpcf7-submit]:text-white [&amp;_.wpcf7-submit]:uppercase [&amp;_.wpcf7-submit]:cursor-pointer [&amp;_.wpcf7-submit]:transition-colors [&amp;_.wpcf7-submit]:bg-brand-600 [&amp;_.wpcf7-submit]:hover:bg-brand-400">
        <div class="relative">
          <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Nachricht senden"><span class="wpcf7-spinner"></span>
        </div>
      </div>
    </div>
  </div>
  <div class="wpcf7-response-output" aria-hidden="true"></div>
</form>

https://www.juwelier-wagner.at/schmuck/wagner-juwelen/solitaire/

<form action="https://www.juwelier-wagner.at/schmuck/wagner-juwelen/solitaire/" class="container mb-5 transition-opacity lg:mb-20" x-data="productFilters()" @pageshow.window="pageshow" @open-filters.window="filtersOpen = true" id="filterForm"
  :class="{'opacity-50 pointer-events-none' : loading &amp;&amp; !isMobile}">
  <div
    class="fixed top-0 [.admin-bar_&amp;]:top-8 left-0 z-[99] w-full bottom-0 bg-white translate-x-full invisible opacity-0 pointer-events-none transition-all duration-300 lg:static lg:!visible lg:!opacity-100 lg:!pointer-events-auto lg:!translate-x-0"
    :class="{'!visible !opacity-100 !pointer-events-auto !translate-x-0' : filtersOpen == true}">
    <div class="h-full overflow-y-auto lg:grid lg:grid-flow-col lg:auto-cols-fr lg:h-auto">
      <div class="sticky top-0 left-0 z-50 w-full bg-white border-b border-b-brand lg:hidden">
        <div class="container py-5">
          <div class="flex items-center justify-between h-full">
            <div class="flex items-center" @click="filtersOpen = false">
              <span class="mr-4 text-333">
                <svg version="1.1" class="w-3.5 h-3.5" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;"
                  xml:space="preserve">
                  <line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="15.14" y1="0.84" x2="0.86" y2="15.16"></line>
                  <line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="0.86" y1="0.84" x2="15.14" y2="15.16"></line>
                </svg>
              </span>
              <span class="text-lg font-bold font-gothicb text-333"> Filter </span>
            </div>
            <a href="https://www.juwelier-wagner.at/schmuck/wagner-juwelen/solitaire/" class="flex items-center">
<span class="mr-2 text-sm font-century text-333">
Alle Filter löschen </span>
<span class="text-333 ">
<svg version="1.1" class="w-2.5 h-2.5" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="15.14" y1="0.84" x2="0.86" y2="15.16"></line>
<line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="0.86" y1="0.84" x2="15.14" y2="15.16"></line>
</svg>
</span>
</a>
          </div>
        </div>
      </div>
      <div class="fixed bottom-0 left-0 z-50 w-full lg:hidden" @click="formSubmit">
        <span class="block px-8 py-4 text-sm text-center text-white uppercase transition-colors bg-brand-600 hover:bg-brand-400">Filter übernehmen</span>
      </div>
      <div class="lg:border-[#eaeaea] border-transparent border-r border-b last:border-r-0 bg-white" :class="{'max-lg:!bg-[#FAFAFA]' : expandedMobile == true}" x-data="{expandedMobile: false}"
        x-init="if(collection.length > 0) expandedMobile = true;">
        <div class="flex border-t border-[#eaeaea] items-center justify-between lg:justify-start h-16 px-3 text-777 hover:text-brand cursor-pointer select-none" @click="expanded = !expanded; expandedMobile = !expandedMobile">
          <div class="flex items-center">
            <span class="flex items-center justify-center mr-3 w-7 h-7">
              <svg xmlns="http://www.w3.org/2000/svg" width="24.278" height="17.586" viewBox="0 0 24.278 17.586">
                <defs>
                  <clipPath id="lxzs6cn7pa">
                    <path data-name="Rechteck 380" fill="currentColor" d="M0 0h24.278v17.586H0z"></path>
                  </clipPath>
                </defs>
                <g data-name="Gruppe 554" style="clip-path:url(#lxzs6cn7pa)">
                  <path data-name="Pfad 134"
                    d="m31.354 18.828 11.331 10.841 11.222-10.841-3.619-5.112H35.051zm11.331 11.73a.367.367 0 0 1-.256-.1L30.6 19.143a.374.374 0 0 1-.045-.488l4-5.53a.367.367 0 0 1 .3-.153H50.48a.375.375 0 0 1 .3.156l3.917 5.53a.37.37 0 0 1-.047.482L42.944 30.455a.374.374 0 0 1-.259.1"
                    transform="translate(-30.49 -12.973)" fill="currentColor"></path>
                  <path data-name="Pfad 135" d="M54.4 15.7H30.863a.372.372 0 1 1 0-.744H54.4a.372.372 0 0 1 0 .744" transform="translate(-30.49 -9.428)" fill="currentColor"></path>
                  <path data-name="Pfad 136" d="M35.119 19.246h-.047a.376.376 0 0 1-.284-.2l-2.822-5.53a.372.372 0 0 1 .663-.337l2.571 5.042 4.586-5.121a.371.371 0 1 1 .554.493l-4.94 5.528a.362.362 0 0 1-.276.125"
                    transform="translate(-27.925 -12.973)" fill="currentColor"></path>
                  <path data-name="Pfad 137" d="M38.311 27.013a.373.373 0 0 1-.34-.223l-5-11.311a.372.372 0 0 1 .68-.3l5 11.314a.373.373 0 0 1-.189.49.415.415 0 0 1-.15.031" transform="translate(-26.116 -9.429)" fill="currentColor"></path>
                  <path data-name="Pfad 138" d="M40.06 19.246a.372.372 0 0 1-.279-.125l-4.942-5.53a.371.371 0 1 1 .554-.493l4.583 5.124 2.574-5.046a.372.372 0 0 1 .663.337l-2.822 5.53a.376.376 0 0 1-.284.2h-.047"
                    transform="translate(-22.892 -12.973)" fill="currentColor"></path>
                  <path data-name="Pfad 139" d="M35.105 27.013a.415.415 0 0 1-.15-.031.373.373 0 0 1-.189-.49l4.973-11.311a.371.371 0 1 1 .68.3L35.445 26.79a.373.373 0 0 1-.34.223" transform="translate(-22.91 -9.429)" fill="currentColor"></path>
                </g>
              </svg>
            </span>
            <span>Collection</span>
          </div>
          <span class="lg:hidden">
            <svg xmlns="http://www.w3.org/2000/svg" width="16.605" height="8.473" viewBox="0 0 16.605 8.473" class="transition-transform rotate-180 text-777" :class="{'!rotate-0' : expandedMobile == true}">
              <path data-name="Pfad 81" d="M7.266 0 0 7.6l7.266 7.6" transform="rotate(90 7.699 8.199)" fill="none" stroke="currentColor"></path>
            </svg>
          </span>
        </div>
        <div x-show="(!isMobile &amp;&amp; expanded) || (isMobile &amp;&amp; expandedMobile)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" x-data="{q: ''}" hidden="">
          <div class="px-3 py-7 border-t border-[#eaeaea]">
            <div class="mb-4 -mt-4">
              <input type="text" x-model="q" class="w-full h-10 border-b bg-transparent border-[#eaeaea] focus:outline-none focus:border-black" placeholder="Suchen...">
            </div>
            <div class="lg:h-[300px] overflow-auto">
              <div x-collapse="" x-show="search(q, 'Solitaire No 1')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-1" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 1')">Solitaire No 1</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 12')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-12" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 12')">Solitaire No 12</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 14')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-14" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 14')">Solitaire No 14</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 16')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-16" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 16')">Solitaire No 16</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 3')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-3" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 3')">Solitaire No 3</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 4')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-4" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 4')">Solitaire No 4</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 4 Princess')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-4-princess" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 4 Princess')">Solitaire No 4 Princess</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire No 6')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-no-6" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire No 6')">Solitaire No 6</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire Special')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="collection" name="collection[]" value="solitaire-special" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire Special')">Solitaire Special</span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lg:border-[#eaeaea] border-transparent border-r border-b last:border-r-0 bg-white" :class="{'max-lg:!bg-[#FAFAFA]' : expandedMobile == true}" x-data="{expandedMobile: false}"
        x-init="if(schmuckart.length > 0) expandedMobile = true;">
        <div class="flex border-t border-[#eaeaea] items-center justify-between lg:justify-start h-16 px-3 text-777 hover:text-brand cursor-pointer select-none" @click="expanded = !expanded; expandedMobile = !expandedMobile">
          <div class="flex items-center">
            <span class="flex items-center justify-center mr-3 w-7 h-7">
              <svg xmlns="http://www.w3.org/2000/svg" width="20.753" height="16.91" viewBox="0 0 20.753 16.91">
                <path
                  d="m14.886 79.564 1.03-1.03-.961-.961L16.7 75.83a.616.616 0 0 0 0-.742L13.61 72H7.143l-3.089 3.089a.616.616 0 0 0 0 .742L5.8 77.573l-.961.961 1.03 1.03A10.342 10.342 0 0 0 0 88.91h.769a9.578 9.578 0 0 1 5.912-8.869l.53-.221-1.287-1.287.417-.417 1.52 1.52.212-.054a9.171 9.171 0 0 1 1.2-.218 9.841 9.841 0 0 1 1.656-.047q.276.016.554.047a9.02 9.02 0 0 1 1.2.218l.212.054 1.52-1.52.418.417-1.287 1.287.53.221a9.577 9.577 0 0 1 5.913 8.868h.769a10.342 10.342 0 0 0-5.872-9.345zm-1.594-6.8 2.308 2.31h-2.359l-2.018-2.306zm-2.915.2 1.843 2.106H8.533zm-2.915-.2h2.067l-2.017 2.31H5.155zm1.187 5.909q-.282.047-.55.108l-1.758-1.752-1.186-1.186h2.28l.489 1.119.748 1.711zm2.638-.1h-.1c-.267-.02-.534-.035-.8-.035h-.019c-.264 0-.53.014-.8.035h-.1l-1.194-2.73h4.205zm3.126-1.544-1.756 1.756q-.269-.061-.55-.108l-.025-.005.748-1.711.489-1.118H15.6z"
                  transform="translate(0 -72)" fill="currentColor"></path>
                <path
                  d="M42.818 240.046a7.614 7.614 0 0 0-.621-.057 7.7 7.7 0 0 0-1.038.008c-.2.012-.408.032-.612.056a8.861 8.861 0 0 0-7.666 8.762h.769a8.089 8.089 0 0 1 6.994-8c.184-.022.373-.04.572-.053a6.92 6.92 0 0 1 .94-.007c.189.011.375.025.563.052a8.074 8.074 0 0 1 7.072 8.008h.769a8.842 8.842 0 0 0-7.742-8.769z"
                  transform="translate(-31.3 -231.907)" fill="currentColor"></path>
              </svg>
            </span>
            <span>Schmuckart</span>
          </div>
          <span class="lg:hidden">
            <svg xmlns="http://www.w3.org/2000/svg" width="16.605" height="8.473" viewBox="0 0 16.605 8.473" class="transition-transform rotate-180 text-777" :class="{'!rotate-0' : expandedMobile == true}">
              <path data-name="Pfad 81" d="M7.266 0 0 7.6l7.266 7.6" transform="rotate(90 7.699 8.199)" fill="none" stroke="currentColor"></path>
            </svg>
          </span>
        </div>
        <div x-show="(!isMobile &amp;&amp; expanded) || (isMobile &amp;&amp; expandedMobile)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" x-data="{q: ''}" hidden="">
          <div class="px-3 py-7 border-t border-[#eaeaea]">
            <div class="lg:h-[300px] overflow-auto">
              <div x-collapse="" x-show="search(q, 'Ketten &amp; Colliers')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="schmuckart" name="schmuckart[]" value="ketten-colliers" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Ketten &amp; Colliers')">Ketten &amp; Colliers</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Ohrschmuck')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="schmuckart" name="schmuckart[]" value="ohrschmuck" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Ohrschmuck')">Ohrschmuck</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Ringe')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="schmuckart" name="schmuckart[]" value="ringe" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Ringe')">Ringe</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Solitaire')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="schmuckart" name="schmuckart[]" value="solitaire" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Solitaire')">Solitaire</span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lg:border-[#eaeaea] border-transparent border-r border-b last:border-r-0 bg-white" :class="{'max-lg:!bg-[#FAFAFA]' : expandedMobile == true}" x-data="{expandedMobile: false}" x-init="if(material.length > 0) expandedMobile = true;">
        <div class="flex border-t border-[#eaeaea] items-center justify-between lg:justify-start h-16 px-3 text-777 hover:text-brand cursor-pointer select-none" @click="expanded = !expanded; expandedMobile = !expandedMobile">
          <div class="flex items-center">
            <span class="flex items-center justify-center mr-3 w-7 h-7">
              <svg xmlns="http://www.w3.org/2000/svg" width="31.261" height="20.206" viewBox="0 0 31.261 20.206">
                <defs>
                  <clipPath id="o2jk6rddva">
                    <path data-name="Rechteck 379" fill="currentColor" d="M0 0h31.261v20.206H0z"></path>
                  </clipPath>
                </defs>
                <g data-name="Gruppe 553" style="clip-path:url(#o2jk6rddva)">
                  <path data-name="Pfad 116"
                    d="M16 23.167h7.26l-1.954-4.847a.312.312 0 0 0-.289-.194h-2.803a.267.267 0 0 0-.248.17zm7.967.958h-8.673a.476.476 0 0 1-.4-.212.49.49 0 0 1-.048-.444l2.231-5.53a1.218 1.218 0 0 1 1.134-.767h2.807a1.262 1.262 0 0 1 1.175.79l2.219 5.506a.479.479 0 0 1-.444.656"
                    transform="translate(-1.887 -3.958)" fill="currentColor"></path>
                  <path data-name="Pfad 117" d="M23.893 24.124H10.962a.479.479 0 0 1-.444-.656l2.178-5.4a1.422 1.422 0 0 1 1.327-.9h12.79a.477.477 0 1 1 0 .955H14.022a.48.48 0 0 0-.441.3l-1.912 4.743h12.224a.479.479 0 0 1 0 .958"
                    transform="translate(-10.482 -3.958)" fill="currentColor"></path>
                  <path data-name="Pfad 118"
                    d="m18.923 23.146 7.26.06-1.912-4.862a.307.307 0 0 0-.286-.2l-2.807-.024a.269.269 0 0 0-.248.167zm7.964 1.023-8.677-.075a.474.474 0 0 1-.394-.212.479.479 0 0 1-.045-.447l2.276-5.512a1.215 1.215 0 0 1 1.142-.755l2.807.021a1.265 1.265 0 0 1 1.166.805l2.172 5.521a.477.477 0 0 1-.444.653"
                    transform="translate(3.895 -3.964)" fill="currentColor"></path>
                  <path data-name="Pfad 119" d="m21.651 18.141-3.675-.027a.479.479 0 1 1 0-.958l3.675.027a.479.479 0 0 1 0 .958" transform="translate(3.425 -3.986)" fill="currentColor"></path>
                  <path data-name="Pfad 120"
                    d="M25.168 22.09a.481.481 0 0 1-.444-.3l-2.216-5.506a.312.312 0 0 0-.289-.194h-2.808a.264.264 0 0 0-.248.17l-1.733 4.3a.479.479 0 0 1-.889-.358l1.736-4.3a1.218 1.218 0 0 1 1.134-.767h2.807a1.262 1.262 0 0 1 1.175.79l2.219 5.506a.481.481 0 0 1-.444.656"
                    transform="translate(1.463 -7.991)" fill="currentColor"></path>
                  <path data-name="Pfad 121" d="M12.676 20.67a.481.481 0 0 1-.444-.656l1.6-3.982a1.431 1.431 0 0 1 1.33-.895h12.793a.477.477 0 1 1 0 .955H15.167a.481.481 0 0 0-.444.3l-1.6 3.982a.481.481 0 0 1-.444.3"
                    transform="translate(-7.081 -7.991)" fill="currentColor"></path>
                  <path data-name="Pfad 122" d="M20.381 14.777a.477.477 0 0 1-.481-.477v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(8.2 -10.745)" fill="currentColor"></path>
                  <path data-name="Pfad 123" d="M20.381 15.621a.477.477 0 0 1-.477-.477v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(8.2 -9.072)" fill="currentColor"></path>
                  <path data-name="Pfad 124" d="M20.019 15.14h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(7.34 -9.885)" fill="currentColor"></path>
                  <path data-name="Pfad 125" d="M20.863 15.14h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(9.013 -9.885)" fill="currentColor"></path>
                  <path data-name="Pfad 126" d="M11.577 15.375a.477.477 0 0 1-.477-.475v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(-9.257 -9.56)" fill="currentColor"></path>
                  <path data-name="Pfad 127" d="M11.577 16.219a.477.477 0 0 1-.477-.477v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(-9.257 -7.886)" fill="currentColor"></path>
                  <path data-name="Pfad 128" d="M11.215 15.738h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(-10.118 -8.699)" fill="currentColor"></path>
                  <path data-name="Pfad 129" d="M12.059 15.738h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(-8.444 -8.699)" fill="currentColor"></path>
                  <path data-name="Pfad 130" d="M13.617 13.77a.477.477 0 0 1-.477-.477v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(-5.212 -12.742)" fill="currentColor"></path>
                  <path data-name="Pfad 131" d="M13.617 14.614a.477.477 0 0 1-.477-.477v-.072a.477.477 0 1 1 .955 0v.072a.477.477 0 0 1-.477.477" transform="translate(-5.212 -11.069)" fill="currentColor"></path>
                  <path data-name="Pfad 132" d="M13.255 14.133h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(-6.073 -11.882)" fill="currentColor"></path>
                  <path data-name="Pfad 133" d="M14.1 14.133h-.072a.479.479 0 0 1 0-.958h.072a.479.479 0 0 1 0 .958" transform="translate(-4.399 -11.882)" fill="currentColor"></path>
                </g>
              </svg>
            </span>
            <span>Material</span>
          </div>
          <span class="lg:hidden">
            <svg xmlns="http://www.w3.org/2000/svg" width="16.605" height="8.473" viewBox="0 0 16.605 8.473" class="transition-transform rotate-180 text-777" :class="{'!rotate-0' : expandedMobile == true}">
              <path data-name="Pfad 81" d="M7.266 0 0 7.6l7.266 7.6" transform="rotate(90 7.699 8.199)" fill="none" stroke="currentColor"></path>
            </svg>
          </span>
        </div>
        <div x-show="(!isMobile &amp;&amp; expanded) || (isMobile &amp;&amp; expandedMobile)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" x-data="{q: ''}" hidden="">
          <div class="px-3 py-7 border-t border-[#eaeaea]">
            <div class="lg:h-[300px] overflow-auto">
              <div x-collapse="" x-show="search(q, '18 Kt Gelbgold')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="material" name="material[]" value="18-kt-gelbgold" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, '18 Kt Gelbgold')">18 Kt Gelbgold</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, '18 Kt Roségold')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="material" name="material[]" value="18-kt-rosegold" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, '18 Kt Roségold')">18 Kt Roségold</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, '18 Kt Weißgold')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="material" name="material[]" value="18-kt-weissgold" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, '18 Kt Weißgold')">18 Kt Weißgold</span>
                </label>
              </div>
              <div x-collapse="" x-show="search(q, 'Platin')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="material" name="material[]" value="platin" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Platin')">Platin</span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lg:border-[#eaeaea] border-transparent border-r border-b last:border-r-0 bg-white" :class="{'max-lg:!bg-[#FAFAFA]' : expandedMobile == true}" x-data="{expandedMobile: false}" x-init="if(stone.length > 0) expandedMobile = true;">
        <div class="flex border-t border-[#eaeaea] items-center justify-between lg:justify-start h-16 px-3 text-777 hover:text-brand cursor-pointer select-none" @click="expanded = !expanded; expandedMobile = !expandedMobile">
          <div class="flex items-center">
            <span class="flex items-center justify-center mr-3 w-7 h-7">
              <svg xmlns="http://www.w3.org/2000/svg" width="23.523" height="22.787" viewBox="0 0 23.523 22.787">
                <path
                  d="m268.144 26.35-2.368-2.21a.345.345 0 0 0-.235-.093h-6.314a.344.344 0 0 0-.235.093l-2.368 2.21a.345.345 0 0 0-.041.459l5.524 7.366a.345.345 0 0 0 .551 0l5.524-7.366a.345.345 0 0 0-.038-.459zm-4.928-1.613h1.848l-.458 1.39zm.546 1.521h-2.756l1.378-1.378zm-3.6-.13-.458-1.39h1.849zm-.683.13h-1.745l1.335-1.246zm.227.689 1.694 5.133-3.85-5.133zm4.485 1.538a.345.345 0 0 0-.435.219l-1.373 4.163-1.952-5.921h3.9l-.094.284a.345.345 0 1 0 .655.216l.165-.5h2.158l-3.85 5.133 1.042-3.16a.345.345 0 0 0-.214-.434zm1.1-2.227.411-1.246 1.335 1.246z"
                  transform="translate(-244.731 -23.312)" fill="currentColor"></path>
                <path
                  d="m16.2 16.946 4.788 2.762a.345.345 0 0 0 .344 0l4.788-2.762a.345.345 0 0 0 .172-.3v-5.523a.345.345 0 0 0-.172-.3l-4.783-2.76a.345.345 0 0 0-.344 0L16.2 10.825a.345.345 0 0 0-.172.3v5.524a.345.345 0 0 0 .172.297zm2.016-.963 2.6 1.5v1.33l-3.752-2.165zm3.289 1.5 2.6-1.5 1.152.665-3.752 2.165v-1.33zm2.946-2.1v-.766a.345.345 0 0 0-.689 0v.763l-2.6 1.5-2.6-1.5v-3l2.6-1.5 2.6 1.5v.763a.345.345 0 1 0 .689 0v-.766l1.152-.665v4.335zm-.346-3.6-2.6-1.5V8.958l3.752 2.165zm-3.289-1.5-2.6 1.5-1.152-.665 3.756-2.16zm-2.946 2.1v3l-1.152.665v-4.33z"
                  transform="translate(-15.295 -8.017)" fill="currentColor"></path>
                <path
                  d="M6.171 280.737a.345.345 0 0 0-.6 0l-5.525 9.576a.345.345 0 0 0 .3.517H11.4a.345.345 0 0 0 .3-.517zm-.671 3.554-2.444 4.233-1.776 1.034 4.22-7.309zm-2.02 4.782a.343.343 0 0 0 .125-.126l2.268-3.929 1.97 3.412H5.132a.345.345 0 1 0 0 .689h3.213l1.716 1.021H1.647zm5.214-.548-2.507-4.342v-2.042l4.3 7.451z"
                  transform="translate(0 -268.044)" fill="currentColor"></path>
                <path
                  d="M280.87 280.666a.345.345 0 0 0-.244-.1h-5.893a.344.344 0 0 0-.244.1l-1.841 1.841a.344.344 0 0 0-.1.244v5.893a.344.344 0 0 0 .1.244l1.841 1.842a.345.345 0 0 0 .244.1h5.893a.345.345 0 0 0 .244-.1l1.841-1.841a.345.345 0 0 0 .1-.244v-5.893a.345.345 0 0 0-.1-.244zm-.267 7.265v-4.467h1.521v4.467zm-.689 2.21h-4.467v-1.521h4.467zm-4.467-2.21v-4.467h2.6a.345.345 0 0 0 0-.689h-2.6v-1.521h4.467v1.521h-.392a.345.345 0 0 0 0 .689h.392v4.467zm-2.21-4.467h1.521v4.467h-1.521zm8.768-.689h-1.4v-1.4zm-7.247-1.4v1.4h-1.4zm-1.4 7.247h1.4v1.4zm7.247 1.4v-1.4H282z"
                  transform="translate(-260.026 -268.044)" fill="currentColor"></path>
              </svg>
            </span>
            <span>Besatz</span>
          </div>
          <span class="lg:hidden">
            <svg xmlns="http://www.w3.org/2000/svg" width="16.605" height="8.473" viewBox="0 0 16.605 8.473" class="transition-transform rotate-180 text-777" :class="{'!rotate-0' : expandedMobile == true}">
              <path data-name="Pfad 81" d="M7.266 0 0 7.6l7.266 7.6" transform="rotate(90 7.699 8.199)" fill="none" stroke="currentColor"></path>
            </svg>
          </span>
        </div>
        <div x-show="(!isMobile &amp;&amp; expanded) || (isMobile &amp;&amp; expandedMobile)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" x-data="{q: ''}" hidden="">
          <div class="px-3 py-7 border-t border-[#eaeaea]">
            <div class="lg:h-[300px] overflow-auto">
              <div x-collapse="" x-show="search(q, 'Diamant')">
                <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
                  <input type="checkbox" x-model="stone" name="stone[]" value="diamant" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
                  <span class="ml-2" x-html="highlight(q, 'Diamant')">Diamant</span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lg:border-[#eaeaea] border-r border-b last:border-r-0 bg-white lg:!bg-white" :class="{'max-lg:!bg-[#FAFAFA]' : (isMobile &amp;&amp; expandedMobile)}" x-data="{expandedMobile: false}"
        x-init="if(price.length > 0) expandedMobile = true;">
        <div class="flex border-t border-[#eaeaea] items-center justify-between lg:justify-start h-16 px-3 text-777 hover:text-brand select-none cursor-pointer" @click="expanded = !expanded; expandedMobile = !expandedMobile">
          <div class="flex items-center">
            <span class="flex items-center justify-center mr-3 w-7 h-7">
              <svg xmlns="http://www.w3.org/2000/svg" width="24.097" height="22.005" viewBox="0 0 24.097 22.005">
                <path d="M22 22.5H5A1.5 1.5 0 0 1 3.5 21V10A1.5 1.5 0 0 1 5 8.5h17a1.5 1.5 0 0 1 1.5 1.5v11a1.5 1.5 0 0 1-1.5 1.5z" stroke="currentColor" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
                  transform="translate(.097 -.995)"></path>
                <path
                  d="M18.937 16.5a1.59 1.59 0 0 0-.937.307 1.59 1.59 0 0 0-.937-.307 1.5 1.5 0 1 0 0 3 1.59 1.59 0 0 0 .937-.307 1.59 1.59 0 0 0 .938.307 1.5 1.5 0 1 0 0-3zM12.069 8.5l7.022-4.088-.99-1.73L8.108 8.5M3.5 11.183.947 12.669l.99 1.73 1.563-.91"
                  stroke="currentColor" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" transform="translate(.097 -.995)"></path>
                <path d="m21.432 8.5-3.578-6.251a1.479 1.479 0 0 0-2.03-.549L1.243 10.19A1.5 1.5 0 0 0 .7 12.237l2.8 4.892" stroke="currentColor" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
                  transform="translate(.097 -.995)"></path>
                <path transform="translate(6.597 15.505)" stroke="currentColor" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" d="M0 0h5"></path>
                <path transform="translate(6.597 18.505)" stroke="currentColor" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" d="M0 0h7"></path>
              </svg>
            </span>
            <span>Preis</span>
          </div>
          <span class="lg:hidden">
            <svg xmlns="http://www.w3.org/2000/svg" width="16.605" height="8.473" viewBox="0 0 16.605 8.473" class="transition-transform rotate-180 text-777" :class="{'!rotate-0' : (isMobile &amp;&amp; expandedMobile)}">
              <path data-name="Pfad 81" d="M7.266 0 0 7.6l7.266 7.6" transform="rotate(90 7.699 8.199)" fill="none" stroke="currentColor"></path>
            </svg>
          </span>
        </div>
        <div x-show="(!isMobile &amp;&amp; expanded) || (isMobile &amp;&amp; expandedMobile)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" hidden="">
          <div class="px-3 py-7 border-t border-[#eaeaea]">
            <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
              <input type="checkbox" x-model="price" name="price[]" value="0-1000" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
              <span class="ml-2">bis 1.000 EUR</span>
            </label>
            <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
              <input type="checkbox" x-model="price" name="price[]" value="1000-2000" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
              <span class="ml-2">1.000 - 2.000 EUR</span>
            </label>
            <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
              <input type="checkbox" x-model="price" name="price[]" value="2000-5000" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
              <span class="ml-2">2.000 - 5.000 EUR</span>
            </label>
            <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
              <input type="checkbox" x-model="price" name="price[]" value="5000-10000" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
              <span class="ml-2">5.000 - 10.000 EUR</span>
            </label>
            <label class="flex items-center mb-4 text-sm transition-colors cursor-pointer select-none text-777 font-century hover:text-brand">
              <input type="checkbox" x-model="price" name="price[]" value="10000-99999999999" class="w-5 h-5 opacity-50 checked:opacity-100 accent-brand">
              <span class="ml-2">ab 10.000 EUR</span>
            </label>
          </div>
        </div>
      </div>
      <div class="border-[#eaeaea] border-r border-b last:border-r-0 relative">
        <div class="hidden lg:flex justify-end border-t border-[#eaeaea] items-center h-16 px-3 text-brand select-none cursor-pointer" @click="expanded = !expanded">
          <span class="pr-1 text-sm" x-show="!expanded"> Filter einblenden </span>
          <span class="pr-1 text-sm" x-show="expanded" style="display: none;"> Filter ausblenden </span>
          <i class="transition-transform fas fa-angle-down fa-xs" :class="{'rotate-180' : expanded}" aria-hidden="true"></i>
        </div>
        <div class="lg:max-h-[300px] overflow-auto">
          <div class="px-3 py-4 text-sm font-bold text-333 font-gothicb lg:hidden">Gefundene Produkte</div>
          <div x-show="expanded || (isMobile &amp;&amp; filtersOpen)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" hidden="">
            <div class="px-3 pb-20 lg:py-7 lg:border-t border-[#eaeaea] flex flex-wrap lg:block gap-5">
            </div>
          </div>
        </div>
        <div class="absolute bottom-0 hidden w-full cursor-pointer lg:block" @click="formSubmit" x-show="(!isMobile &amp;&amp; expanded)" x-collapse="" style="display: none; height: 0px; overflow: hidden;" hidden="">
          <div class="p-2">
            <span class="block px-8 py-4 text-sm text-center text-white uppercase transition-colors bg-brand-600 hover:bg-brand-400">Filter übernehmen</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="lg:border-b border-b-[#eaeaea] flex items-center justify-end lg:justify-between">
    <div class="hidden lg:flex grow items-center py-3.5 px-3 text-333 min-h-[58px]">
      <span class="hidden mr-5 text-sm font-bold transition-opacity opacity-0 lg:block shrink-0" :class="{'!opacity-100' :  hasFilters()}"> Ausgewählte Filter: </span>
      <div class="flex flex-wrap gap-2.5 whitespace-nowrap grow" x-autoanimate="" style="position: relative;">
        <template x-for="item in collection" :key="'collection-' + item">
          <span class="border border-[#c1c1c1] py-1.5 px-2.5 flex items-center text-333 h-[30px]">
            <span class="text-xs mr-2.5" x-html="product_cat_names[item]">
            </span>
            <span class="w-2.5 h-2.5 cursor-pointer hover:text-brand" @click="removeFilter('collection', item)">
              <svg xmlns="http://www.w3.org/2000/svg" width="9.839" height="9.839" viewBox="0 0 9.839 9.839">
                <path
                  d="m5.963 100.92 3.153-3.153.65-.65a.246.246 0 0 0 0-.348l-.7-.7a.246.246 0 0 0-.348 0l-3.8 3.8-3.8-3.8a.246.246 0 0 0-.348 0l-.7.7a.246.246 0 0 0 0 .348l3.8 3.8-3.8 3.8a.246.246 0 0 0 0 .348l.7.7a.246.246 0 0 0 .348 0l3.8-3.8 3.153 3.153.65.65a.246.246 0 0 0 .348 0l.7-.7a.246.246 0 0 0 0-.348z"
                  transform="translate(0 -96)" fill="currentColor"></path>
              </svg>
            </span>
          </span>
        </template>
        <template x-for="item in schmuckart" :key="'schmuckart-' + item">
          <span class="border border-[#c1c1c1] py-1.5 px-2.5 flex items-center text-333 h-[30px]">
            <span class="text-xs mr-2.5" x-html="pa_jw_schmuckart_names[item]">
            </span>
            <span class="w-2.5 h-2.5 cursor-pointer hover:text-brand" @click="removeFilter('schmuckart', item)">
              <svg xmlns="http://www.w3.org/2000/svg" width="9.839" height="9.839" viewBox="0 0 9.839 9.839">
                <path
                  d="m5.963 100.92 3.153-3.153.65-.65a.246.246 0 0 0 0-.348l-.7-.7a.246.246 0 0 0-.348 0l-3.8 3.8-3.8-3.8a.246.246 0 0 0-.348 0l-.7.7a.246.246 0 0 0 0 .348l3.8 3.8-3.8 3.8a.246.246 0 0 0 0 .348l.7.7a.246.246 0 0 0 .348 0l3.8-3.8 3.153 3.153.65.65a.246.246 0 0 0 .348 0l.7-.7a.246.246 0 0 0 0-.348z"
                  transform="translate(0 -96)" fill="currentColor"></path>
              </svg>
            </span>
          </span>
        </template>
        <template x-for="item in material" :key="'material-' + item">
          <span class="border border-[#c1c1c1] py-1.5 px-2.5 flex items-center text-333 h-[30px]">
            <span class="text-xs mr-2.5" x-html="pa_jw_material_names[item]">
            </span>
            <span class="w-2.5 h-2.5 cursor-pointer hover:text-brand" @click="removeFilter('material', item)">
              <svg xmlns="http://www.w3.org/2000/svg" width="9.839" height="9.839" viewBox="0 0 9.839 9.839">
                <path
                  d="m5.963 100.92 3.153-3.153.65-.65a.246.246 0 0 0 0-.348l-.7-.7a.246.246 0 0 0-.348 0l-3.8 3.8-3.8-3.8a.246.246 0 0 0-.348 0l-.7.7a.246.246 0 0 0 0 .348l3.8 3.8-3.8 3.8a.246.246 0 0 0 0 .348l.7.7a.246.246 0 0 0 .348 0l3.8-3.8 3.153 3.153.65.65a.246.246 0 0 0 .348 0l.7-.7a.246.246 0 0 0 0-.348z"
                  transform="translate(0 -96)" fill="currentColor"></path>
              </svg>
            </span>
          </span>
        </template>
        <template x-for="item in stone" :key="'stone-' + item">
          <span class="border border-[#c1c1c1] py-1.5 px-2.5 flex items-center text-333 h-[30px]">
            <span class="text-xs mr-2.5" x-html="pa_jw_stone_names[item]">
            </span>
            <span class="w-2.5 h-2.5 cursor-pointer hover:text-brand" @click="removeFilter('stone', item)">
              <svg xmlns="http://www.w3.org/2000/svg" width="9.839" height="9.839" viewBox="0 0 9.839 9.839">
                <path
                  d="m5.963 100.92 3.153-3.153.65-.65a.246.246 0 0 0 0-.348l-.7-.7a.246.246 0 0 0-.348 0l-3.8 3.8-3.8-3.8a.246.246 0 0 0-.348 0l-.7.7a.246.246 0 0 0 0 .348l3.8 3.8-3.8 3.8a.246.246 0 0 0 0 .348l.7.7a.246.246 0 0 0 .348 0l3.8-3.8 3.153 3.153.65.65a.246.246 0 0 0 .348 0l.7-.7a.246.246 0 0 0 0-.348z"
                  transform="translate(0 -96)" fill="currentColor"></path>
              </svg>
            </span>
          </span>
        </template>
        <template x-for="item in price" :key="'price-' + item">
          <span class="border border-[#c1c1c1] py-1.5 px-2.5 flex items-center text-333 h-[30px]">
            <span class="text-xs mr-2.5" x-html="priceLabel[item]">
            </span>
            <span class="w-2.5 h-2.5 cursor-pointer hover:text-brand" @click="removeFilter('price', item)">
              <svg xmlns="http://www.w3.org/2000/svg" width="9.839" height="9.839" viewBox="0 0 9.839 9.839">
                <path
                  d="m5.963 100.92 3.153-3.153.65-.65a.246.246 0 0 0 0-.348l-.7-.7a.246.246 0 0 0-.348 0l-3.8 3.8-3.8-3.8a.246.246 0 0 0-.348 0l-.7.7a.246.246 0 0 0 0 .348l3.8 3.8-3.8 3.8a.246.246 0 0 0 0 .348l.7.7a.246.246 0 0 0 .348 0l3.8-3.8 3.153 3.153.65.65a.246.246 0 0 0 .348 0l.7-.7a.246.246 0 0 0 0-.348z"
                  transform="translate(0 -96)" fill="currentColor"></path>
              </svg>
            </span>
          </span>
        </template>
      </div>
    </div>
    <div class="text-sm shrink-0 text-brand">
      <select name="orderby" class="outline-none" @change="formSubmit">
        <option value="menu_order">Relevant</option>
        <option value="price">Preis niedrig - hoch</option>
        <option value="price-desc">Preis hoch - niedrig</option>
      </select>
    </div>
  </div>
</form>

Text Content

Zustimmung für Cookies


Auf dieser Website werden Daten wie Cookies gespeichert um wichtige Funktionen
wie Marketing, Personalisierung und Analysen zu ermöglichen. Sie können Ihre
Einstellungen jederzeit ändern oder die Standardeinstellungen übernehmen.
Das Blockieren einiger Arten von Cookies kann sich auf Ihre Erfahrungen auf der
Website auswirken. Weitere Informationen erhalten Sie hier.
Technische Cookies Technische Cookies Immer aktiv
The technical storage or access is strictly necessary for the legitimate purpose
of enabling the use of a specific service explicitly requested by the subscriber
or user, or for the sole purpose of carrying out the transmission of a
communication over an electronic communications network.
Einstellungen Einstellungen
The technical storage or access is necessary for the legitimate purpose of
storing preferences that are not requested by the subscriber or user.
Statistics Statistics
The technical storage or access that is used exclusively for statistical
purposes. Die technische Speicherung oder der Zugriff, der ausschließlich zu
anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die
freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche
Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder
abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich
zu identifizieren.
Marketing Marketing
The technical storage or access is required to create user profiles to send
advertising, or to track the user on a website or across several websites for
similar marketing purposes.
Rolex (Adobe Analytics und Content Square) RLX label
Optionen verwalten Dienste verwalten Manage {vendor_count} vendors Lese mehr
über diese Zwecke

Akzeptieren Ablehnen Einstellungen Speichern Einstellungen
Datenschutzbestimmungen {title}

English Kontakt Geschäfte



Rolex Uhren Schmuck Wagner Jewellery Anlässe Magazin Kontakt
Rolex bei Wagner

Rolex Kollektion

Neue Modelle 2023

Kontakt

Wartung Ihrer Rolex

Rolex Uhrmacherkunst

Rolex und der Ryder Cup

US Open

Rolex Mentoring

Datejust
Rolex

 * Rolex bei Wagner
 * Kontaktieren Sie uns
 * US Open

 * Rolex Kollektion
 * Rolex Uhrmacherkunst
 * Rolex Mentoring

 * Neue Modelle 2023
 * Rolex und der Ryder Cup

 * Wartung Ihrer Rolex
 * Datejust

Rolex

Breitling

Cartier

Chopard

IWC Schaffhausen

Jaeger-LeCoultre

Longines

Panerai

TAG Heuer

Tudor
Unsere Marken

 * Breitling
 * Cartier
 * Chopard

 * IWC Schaffhausen
 * Jaeger LeCoultre
 * Longines

 * Panerai
 * TAG Heuer
 * Tudor

Ringe

Armschmuck

Ohrschmuck

Ketten & Colliers

Accessoires
Schmuck

 * Wagner Jewellery
 * Chopard
 * Qeelin

Aura

Rivière

Rivière-Flow

Solitaire

Signature
Wagner Collectionen

 * Aura
 * Balou
 * Bloom
 * Butterfly
 * Cala
 * Carmen
 * Cee
 * Century

 * Colosseo
 * Drop
 * Eheringe
 * Fancy
 * Flora
 * Heart
 * Hoops
 * Il Ponte

 * Jolie
 * Kreuze
 * Le Grale
 * Liane
 * Living Stones
 * Looping
 * Lucky Charms
 * Masterpiece

 * Memory Ringe
 * Or'Diva
 * Pearls & More
 * Rivière
 * Rivière-Flow
 * Rivière Rainbow
 * Schutzengel
 * Seaside

 * Secrets
 * Signature
 * Solitaire
 * Starlight
 * Starlight Special
 * Wagner Accessoire
 * Wagner Manschetten

Eheringe

Verlobungsringe

Geschenke für Sie

Wagner Accessoires

Manschettenknöpfe
Anlässe

 * Eheringe
 * Geschenke für Sie

 * Gutschein
 * Manschettenknöpfe

 * Verlobungsringe
 * Wagner Accessoires

Newsletter

Ehrenring der Wiener Staatsoper

Geschäfte

Wagner Ateliers

Wagner Saphir
Über Wagner

 * Ateliers
 * Blog

 * FAQ
 * Geschäfte

 * Geschichte
 * Newsletter

 * Saphir


 * Rolex
 * Uhren
 * Schmuck
 * Wagner Jewellery
 * Anlässe
 * Magazin
 * Kontakt

English Kontakt Geschäfte
Rolex
Rolex bei Wagner Rolex Kollektion Neue Modelle 2023 Kontakt Wartung Ihrer Rolex
Rolex Uhrmacherkunst Rolex und der Ryder Cup US Open Rolex Mentoring Datejust
Rolex

 * Rolex bei Wagner
 * Rolex Kollektion
 * Neue Modelle 2023
 * Wartung Ihrer Rolex
 * Kontaktieren Sie uns
 * Rolex Uhrmacherkunst
 * Rolex und der Ryder Cup
 * US Open
 * Rolex Mentoring
 * Datejust

Uhren
Rolex Breitling Cartier Chopard IWC Schaffhausen Jaeger-LeCoultre Longines
Panerai TAG Heuer Tudor
Unsere Marken

 * Breitling
 * Cartier
 * Chopard
 * IWC Schaffhausen
 * Jaeger LeCoultre
 * Longines
 * Panerai
 * TAG Heuer
 * Tudor

Schmuck
Ringe Armschmuck Ohrschmuck Ketten & Colliers Accessoires
Schmuck

 * Wagner Jewellery
 * Chopard
 * Qeelin

Wagner Jewellery
Aura Rivière Rivière-Flow Solitaire Signature
Wagner Collectionen

 * Aura
 * Balou
 * Bloom
 * Butterfly
 * Cala
 * Carmen
 * Cee
 * Century
 * Colosseo
 * Drop
 * Eheringe
 * Fancy
 * Flora
 * Heart
 * Hoops
 * Il Ponte
 * Jolie
 * Kreuze
 * Le Grale
 * Liane
 * Living Stones
 * Looping
 * Lucky Charms
 * Masterpiece
 * Memory Ringe
 * Or'Diva
 * Pearls & More
 * Rivière
 * Rivière-Flow
 * Rivière Rainbow
 * Schutzengel
 * Seaside
 * Secrets
 * Signature
 * Solitaire
 * Starlight
 * Starlight Special
 * Wagner Accessoire
 * Wagner Manschetten

Anlässe
Eheringe Verlobungsringe Geschenke für Sie Wagner Accessoires Manschettenknöpfe
Anlässe

 * Eheringe
 * Geschenke für Sie
 * Gutschein
 * Manschettenknöpfe
 * Verlobungsringe
 * Wagner Accessoires

Magazin
Newsletter Ehrenring der Wiener Staatsoper Geschäfte Wagner Ateliers Wagner
Saphir
Über Wagner

 * Ateliers
 * Blog
 * FAQ
 * Geschäfte
 * Geschichte
 * Newsletter
 * Saphir

Kontakt

Schliessen
Entdecken

Ringe Armschmuck Ketten & Colliers Ohrschmuck
Können wir Sie unterstützen?

Mo - Fr | 10.00 - 18.30 Uhr
+43 1 512 0 512
Sa | 10.00 - 18.00 Uhr
info@juwelier-wagner.at
Schließen
Termin vereinbarung


Anrede
HerrFrau
Titel (optional)

Vorname

Nachname

E-Mail Adresse

Telefon (optional)

Geschäft
Juwelier Wagner StammhausJuwelier Wagner GrabenRolex Boutique by Wagner
Date & Time

E-Newsletter abonnieren
Print Newsletter abonnieren
Adresse

Zusatzinformation

PLZ

Ort

Land
ÖsterreichDeutschlandAfghanistanAlbanienAlgerienAndorraAngolaAntigua und
BarbudaArgentinienArmenienArubaAserbaidschanAustralienBahamasBahrainBangladeschBarbadosBelarusBelgienBelizeBeninBermudaBhutanBolivien,
Plurinationaler StaatBosnien und HerzegowinaBotswanaBrasilienBrunei
DarussalamBulgarienBurkina FasoBurundiCape VerdeCentralafrikanische
RepublikChileChinaCookinselnCosta RicaCôte
d'IvoireDänemarkDeutschlandDjiboutiDominicaDominikanische
RepublikEcuadorElfenbeinküsteEl
SalvadorEritreaEstlandFidschiFinnlandFrankreichGabunGambiaGeorgienGhanaGrenadaGriechenlandGroßbritannienGuamGuatemalaGuineaGuinea-BissauGuyanaHaitiHondurasHongkongIndienIndonesienIrakIran,
Islamische
RepublikIrlandIslandIsraelItalienJamaikaJapanJordanienKambodschaKamerunKanadaKasachstanKeniaKirgisistanKiribatiKolumbienKomorenKongoKongo,
Demokratische RepublikKroatienKubaLaos, Demokratische
VolksrepublikLesothoLettlandLibanonLiberiaLibyenLiechtensteinLitauenLuxemburgMadagaskarMalawiMalaysiaMaledivenMaliMaltaMarokkoMarshallinselnMauritaniaMauritiusMazedonien,
ehemalige jugoslawische RepublikMexikoMikronesien, Föderierte Staaten
vonMonacoMongoleiMontenegroMosambikMyanmarNamibiaNauruNepalNeuseelandNicaraguaNiederlandeNigerNigeriaNordkoreaNorwegenOmanÖsterreichPakistanPalästina,
StaatPalauPanamaPapua-NeuguineaParaguayPeruPhilippinenPolenPortugalPuerto
RicoQatarRepublik MoldauRuandaRumänienRussische FöderationSaint Kitts und
NevisSaint LuciaSaint Vincent und die GrenadinenSalomonenSambiaSamoaSan
MarinoSão Tomé und
PríncipeSaudi-ArabienSchwedenSchweizSenegalSerbienSeychellenSierra
LeoneSimbabweSingapurSlowakeiSlowenienSomaliaSpanienSri LankaSt.
LuciaSüdafrikaSüdkoreaSüdsudanSurinameSwasilandSyrische Arabische
RepublikTadschikistanTaiwan, Provinz ChinaTansania, Vereinigte
RepublikThailandTimor-LesteTogoTongaTrinidad und TobagoTschadTschechische
RepublikTunesienTürkeiTurkmenistanTuvaluUgandaUkraineUngarnUruguayUsbekistanVanuatuVatikanstadtVenezuela,
Bolivarische RepublikVereinigte Arabische EmirateVereinigte
StaatenVietnamWeißrusslandZentralafrikanische RepublikZypern
Ich akzeptiere die Datenschutzbestimmungen


Vielen Dank für Ihre Nachricht
Wir haben Ihre Nachricht erhalten und werden uns in Kürze mit Ihnen in
Verbindung setzen.
Solitaire


Der Diamant ist der schönste, härteste und begehrteste Edelstein. Er ist
strahlender Mittelpunkt der Wagner Juwelen Design Collection Solitaire: ein
harmonisches Zusammenspiel aus der inneren Strahlkraft des Diamanten mit
stilechtem, generationsübergreifendem Wagner Juwelen Design.


Filter
Filter
Alle Filter löschen
Filter übernehmen
Collection
Solitaire No 1
Solitaire No 12
Solitaire No 14
Solitaire No 16
Solitaire No 3
Solitaire No 4
Solitaire No 4 Princess
Solitaire No 6
Solitaire Special
Schmuckart
Ketten & Colliers
Ohrschmuck
Ringe
Solitaire
Material
18 Kt Gelbgold
18 Kt Roségold
18 Kt Weißgold
Platin
Besatz
Diamant
Preis
bis 1.000 EUR 1.000 - 2.000 EUR 2.000 - 5.000 EUR 5.000 - 10.000 EUR ab 10.000
EUR
Filter einblenden Filter ausblenden
Gefundene Produkte

Filter übernehmen
Ausgewählte Filter:

Relevant Preis niedrig - hoch Preis hoch - niedrig

Solitaire No 3

Add to Wishlist
Wagner
Solitaire No 3
ab € 4.940
Solitaire No 1

Add to Wishlist
Wagner
Solitaire No 1
ab € 2.560
Add to Wishlist
Wagner
Solitaire No 1
ab € 3.650
Add to Wishlist
Wagner
Solitaire No 1
ab € 2.970
Add to Wishlist
Wagner
Solitaire No 1
ab € 3.030
Add to Wishlist
Wagner
Solitaire No 1
ab € 4.750
Solitaire No 12

Add to Wishlist
Wagner
Solitaire No 12
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 12
ab € 6.000
Add to Wishlist
Wagner
Solitaire No 12
ab € 7.780
Solitaire No 14

Add to Wishlist
Wagner
Solitaire No 14
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 14
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 14
ab € 12.760
Add to Wishlist
Wagner
Solitaire No 14
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 14
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 14
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 14
€ 25.000
Solitaire No 16

Add to Wishlist
Wagner
Solitaire No 16
ab € 3.410
Add to Wishlist
Wagner
Solitaire No 16
€ 1.960
Add to Wishlist
Wagner
Solitaire No 16
€ 1.870
Add to Wishlist
Wagner
Solitaire No 16
€ 1.870
Solitaire No 4 Princess

Add to Wishlist
Wagner
Solitaire No 4 Princess
ab € 4.190
Add to Wishlist
Wagner
Solitaire No 4 Princess
ab € 3.970
Add to Wishlist
Wagner
Solitaire No 4 Princess
ab € 6.850
Solitaire No 4

Add to Wishlist
Wagner
Solitaire No 4
Auf Anfrage
Add to Wishlist
Wagner
Solitaire No 4
ab € 4.350
Add to Wishlist
Wagner
Solitaire No 4
ab € 2.830
Add to Wishlist
Wagner
Solitaire No 4
ab € 2.660
Solitaire No 6

Add to Wishlist
Wagner
Solitaire No 6
ab € 2.230
Add to Wishlist
Wagner
Solitaire No 6
ab € 2.180
Add to Wishlist
Wagner
Solitaire No 6
ab € 2.180
Add to Wishlist
Wagner
Solitaire No 6
ab € 2.400
Add to Wishlist
Wagner
Solitaire No 6
ab € 2.330
Add to Wishlist
Wagner
Solitaire No 6
ab € 2.330
Add to Wishlist
Wagner
Solitaire No 6
ab € 3.500
Add to Wishlist
Wagner
Solitaire No 6
ab € 3.430
Add to Wishlist
Wagner
Solitaire No 6
ab € 3.430
Solitaire Special

Add to Wishlist
Wagner
Solitaire Special
€ 27.370
 * Home
 * > Schmuck
 * > Wagner Juwelen
 * > Solitaire

Juwelier Wagner

Marken: Wagner Jewellery, Rolex, Breitling, Cartier, Chopard, IWC,
Jaeger-LeCoultre, Longines, Panerai, Qeelin, TAG Heuer, Tudor
Juwelier Wagner Stammhaus
Kärntner Straße 32
1010 Wien

+43 1 512 0 512
Juwelier Wagner
Graben 21 / Tuchlauben 2
1010 Wien
+43 1 512 3 512
Rolex Boutique by Wagner

Tuchlauben 2
1010 Wien

+43 1 512 3 512
Öffnungszeiten
Montag bis Freitag 10.00 - 18.30 Uhr
Samstag 10.00 - 18.00 Uhr
E-Mail
info@juwelier-wagner.at
Termin Vereinbaren
kostenlose Lieferung
sichere Bezahlung
exklusive Verpackung
persönliche Beratung
Rolex
 * ___
 * Datejust
 * GMT Master II
 * Day-Date
 * Submariner
 * Oyster Perpetual
 * Cosmograph Dayona
 * Yacht-Master
 * Lady-Datejust
 * Sea-Dweller
 * Rolex Uhrmacherkunst

mehr anzeigen
Uhren
 * ___
 * Rolex
 * Breitling
 * Cartier
 * Chopard
 * IWC Schaffhausen
 * Jaeger-LeCoultre
 * Longines
 * Panerai
 * TAG Heuer
 * Tudor

mehr anzeigen
Wagner Jewellery
 * ___
 * Aura
 * Balou
 * Bloom
 * Cala
 * Carmen
 * CEE
 * Century
 * Colosseo
 * Drop
 * Eheringe
 * Fancy
 * Flora
 * Heart
 * Hoops
 * Il Ponte
 * Jolie

mehr anzeigen
Anlässe
 * ___
 * Eheringe
 * Verlobungsringe
 * Geschenke für Sie

Impressum Datenschutzbestimmungen Allgemeine Geschäftsbedingungen

Manage consent
JanuarFebruarMärzAprilMaiJuniJuliAugustSeptemberOktoberNovemberDezember

MoDiMiDoFrSaSo
26272829123456789101112131415161718192021222324252627282930311234567

: