www.bexio.com Open in urlscan Pro
2606:4700::6812:bbc  Public Scan

Submitted URL: https://network.sretestroute5.cmh.dev.bexio.com/
Effective URL: https://www.bexio.com/de-CH/
Submission: On November 19 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: wizardStepOnePOST

<form name="wizardStepOne" @submit.prevent="submitData" class="alpineForm w-full wizardFormStepOne md:grid md:gap-x-4 md:grid-cols-2" enctype="multipart/form-data" accept-charset="utf-8" method="post" novalidate=""
  x-data="$nextTick(() => { $localStorage( { data: {&quot;wizardStepOne&quot;:[&quot;firstname&quot;,&quot;lastname&quot;,&quot;phone_number&quot;,&quot;email&quot;,&quot;phone_prefix&quot;]} }) })" :id="formId"
  data-track-element="trial_request_step1_submit" id="wizardFormStepOne-1"><input type="hidden" name="action" value="app-trial-signup/frontend/verify-email"><input type="hidden" name="locale" value="de-CH"><input type="hidden" name="wizardId"
    value="76201"><input type="hidden" name="website_conversion_page" value="__home__"><input type="hidden" name="absoluteUrl" value="https://www.bexio.com/de-CH/"><input type="hidden" name="project" value="bexio_2"><input type="hidden"
    name="redirect" value="welcome"><input type="hidden" name="dataLayerEvent" value="mql">
  <div class="input-master bx-validate mb-4 flex flex-col" id="firstname-wrapper" x-data="input({name:'firstname','value':'' })"><label class="bx-label ml-3 text-base" for="firstname" style="background-color: rgb(255, 255, 255);"> Vorname
    </label><input type="text" name="firstname" id="firstname" class="bx-input p-3 text-base pr-11" data-validate="true" pattern=".*\S.*" maxlength="80" x-model="value">
    <div class="input-action-group">
      <div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
            </path>
          </svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
            </path>
          </svg></span></div>
    </div>
  </div>
  <div class="input-master bx-validate mb-4 flex flex-col" id="lastname-wrapper" x-data="input({name:'lastname','value':'' })"><label class="bx-label ml-3 text-base" for="lastname" style="background-color: rgb(255, 255, 255);"> Nachname
    </label><input type="text" name="lastname" id="lastname" class="bx-input p-3 text-base pr-11" data-validate="true" pattern=".*\S.*" maxlength="80" x-model="value">
    <div class="input-action-group">
      <div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
            </path>
          </svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
            </path>
          </svg></span></div>
    </div>
  </div>
  <div id="phone-number-with-prefix" class="flex flex-row">
    <div x-data="dropdownMaster({
            multiSelectOnChangeEvent: '',
            singleSelectOnChangeEvent: '',
            searchOpen: '',
			name: 'phone_prefix',
			type: 'single-select',
			data: {&quot;+41&quot;:&quot;+41&quot;,&quot;+49&quot;:&quot;+49&quot;,&quot;+33&quot;:&quot;+33&quot;,&quot;+39&quot;:&quot;+39&quot;,&quot;+423&quot;:&quot;+423&quot;,&quot;+43&quot;:&quot;+43&quot;,&quot;+1&quot;:&quot;+1&quot;,&quot;+7&quot;:&quot;+7&quot;,&quot;+20&quot;:&quot;+20&quot;,&quot;+27&quot;:&quot;+27&quot;,&quot;+30&quot;:&quot;+30&quot;,&quot;+31&quot;:&quot;+31&quot;,&quot;+32&quot;:&quot;+32&quot;,&quot;+34&quot;:&quot;+34&quot;,&quot;+36&quot;:&quot;+36&quot;,&quot;+40&quot;:&quot;+40&quot;,&quot;+44&quot;:&quot;+44&quot;,&quot;+45&quot;:&quot;+45&quot;,&quot;+46&quot;:&quot;+46&quot;,&quot;+48&quot;:&quot;+48&quot;,&quot;+61&quot;:&quot;+61&quot;,&quot;+64&quot;:&quot;+64&quot;,&quot;+81&quot;:&quot;+81&quot;,&quot;+82&quot;:&quot;+82&quot;,&quot;+86&quot;:&quot;+86&quot;,&quot;+90&quot;:&quot;+90&quot;,&quot;+91&quot;:&quot;+91&quot;,&quot;+213&quot;:&quot;+213&quot;,&quot;+216&quot;:&quot;+216&quot;,&quot;+350&quot;:&quot;+350&quot;,&quot;+351&quot;:&quot;+351&quot;,&quot;+352&quot;:&quot;+352&quot;,&quot;+353&quot;:&quot;+353&quot;,&quot;+354&quot;:&quot;+354&quot;,&quot;+355&quot;:&quot;+355&quot;,&quot;+356&quot;:&quot;+356&quot;,&quot;+357&quot;:&quot;+357&quot;,&quot;+358&quot;:&quot;+358&quot;,&quot;+359&quot;:&quot;+359&quot;,&quot;+370&quot;:&quot;+370&quot;,&quot;+371&quot;:&quot;+371&quot;,&quot;+372&quot;:&quot;+372&quot;,&quot;+373&quot;:&quot;+373&quot;,&quot;+374&quot;:&quot;+374&quot;,&quot;+376&quot;:&quot;+376&quot;,&quot;+377&quot;:&quot;+377&quot;,&quot;+378&quot;:&quot;+378&quot;,&quot;+380&quot;:&quot;+380&quot;,&quot;+381&quot;:&quot;+381&quot;,&quot;+382&quot;:&quot;+382&quot;,&quot;+385&quot;:&quot;+385&quot;,&quot;+386&quot;:&quot;+386&quot;,&quot;+387&quot;:&quot;+387&quot;,&quot;+389&quot;:&quot;+389&quot;,&quot;+420&quot;:&quot;+420&quot;,&quot;+421&quot;:&quot;+421&quot;,&quot;+852&quot;:&quot;+852&quot;,&quot;+966&quot;:&quot;+966&quot;,&quot;+971&quot;:&quot;+971&quot;,&quot;+972&quot;:&quot;+972&quot;,&quot;+974&quot;:&quot;+974&quot;},
			value:new Map(JSON.parse(localStorage.getItem('wizardStepOne'))).get('phone_prefix') ?? '+41'			,emptyOptionsMessage: 'Kein Resultat'
			
            ,disableOnUrlParameter:1
			,lastFavoriteIndex:5
		 })" x-bind="dropdown" x-ref="dropdown" class="dropdown-master w-phone-prefix inline-flex flex-grow-0 mr-4 is-focused" id="phone_prefix-wrapper"><input class="bx-input" x-model="value" data-validate="false" type="hidden" name="phone_prefix"
        id="phone_prefix" required="" tabindex="-1" value="+41"><button x-bind="selectButton" x-ref="button" type="button" :aria-expanded="open" aria-haspopup="listbox" class="bx-dropdown-button" aria-expanded="false">
        <div x-bind="placeholder" x-ref="placeholder" :class="value ? 'has-value' : ''" class="bx-placeholder ml-3 mr-10 has-value">+41</div><label class="bx-label ml-3 text-base" for="phone_prefix" style="background-color: rgb(255, 255, 255);">
          Vorwahl </label>
        <div class="input-action-group">
          <div class="bx-icon action-item"><span x-ref="toggleListIcon"><svg height="24px" width="24px" class="fill-current transform duration-300 ease-in-out no-validate rotate-0" :class="open ? '-rotate-180' : 'rotate-0'"
                xmlns="https://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path
                  d="M362.7 203.9l-159.1 144c-6.125 5.469-15.31 5.469-21.44 0L21.29 203.9C14.73 197.1 14.2 187.9 20.1 181.3C26.38 174.4 36.5 174.5 42.73 180.1L192 314.5l149.3-134.4c6.594-5.877 16.69-5.361 22.62 1.188C369.8 187.9 369.3 197.1 362.7 203.9z">
                </path>
              </svg></span></div>
        </div>
      </button>
      <div x-bind="menuOptionsWrapper" class="menuOptionsWrapper" :class="{'show-backdrop':open}" style="display: none;">
        <div class="close-icon lg:hidden">+</div>
        <div x-bind="menuOptions" class="menuOptions"><input x-ref="search" x-bind="searchField" x-model="search" type="search" size="5" class="mt-3 ml-2 master-menu-search" placeholder="suchen..." style="display: none;">
          <ul x-ref="ul" role="listbox" tabindex="-1" class="ul-dropdown" :aria-activedescendant="focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null"><template x-for="(item, index) in Object.keys(options)" :key="item">
              <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
                :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}"><span
                  x-text="Object.values(options)[index]"></span></li>
            </template>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption0"
              aria-selected="false" class="text-link-on-light bg-blue-cerulean-100 rounded text-blue-denim-500"><span x-text="Object.values(options)[index]">+41</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption1"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+49</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption2"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+33</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption3"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+39</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption4"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+423</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption5"
              aria-selected="false" class="text-blue-denim-500 last-favorite"><span x-text="Object.values(options)[index]">+43</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption6"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+1</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption7"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+7</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption8"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+20</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption9"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+27</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption10"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+30</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption11"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+31</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption12"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+32</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption13"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+34</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption14"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+36</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption15"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+40</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption16"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+44</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption17"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+45</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption18"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+46</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption19"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+48</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption20"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+61</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption21"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+64</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption22"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+81</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption23"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+82</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption24"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+86</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption25"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+90</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption26"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+91</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption27"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+213</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption28"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+216</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption29"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+350</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption30"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+351</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption31"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+352</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption32"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+353</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption33"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+354</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption34"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+355</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption35"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+356</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption36"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+357</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption37"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+358</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption38"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+359</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption39"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+370</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption40"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+371</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption41"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+372</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption42"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+373</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption43"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+374</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption44"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+376</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption45"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+377</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption46"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+378</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption47"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+380</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption48"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+381</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption49"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+382</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption50"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+385</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption51"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+386</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption52"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+387</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption53"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+389</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption54"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+420</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption55"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+421</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption56"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+852</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption57"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+966</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption58"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+971</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption59"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+972</span></li>
            <li x-bind="selectOption" :id="name + 'Option' + index" @mouseenter="focusedOptionIndex = item" @mouseleave="focusedOptionIndex = null" role="option" :aria-selected="focusedOptionIndex === item"
              :class="{ 'text-link-on-light bg-blue-cerulean-100 rounded': item === value, 'text-blue-denim-500': index !== item, 'last-favorite': index === lastFavoriteIndex &amp;&amp; lastFavoriteIndex > 0}" id="phone_prefixOption60"
              aria-selected="false" class="text-blue-denim-500"><span x-text="Object.values(options)[index]">+974</span></li>
            <div x-show="!Object.keys(options).length" x-text="emptyOptionsMessage" class="relative z-40 px-3 py-2 cursor-default select-none" style="display: none;">Kein Resultat</div>
          </ul>
          <div class="show-gradient"></div>
        </div>
      </div>
    </div>
    <div class="input-master bx-validate mb-4  w-full" id="phone_number-wrapper" x-data="input({name:'phone_number','value':'' })"><label class="bx-label ml-3 text-base" for="phone_number" style="background-color: rgb(255, 255, 255);"> Telefonnummer
      </label><input type="tel" name="phone_number" id="phone_number" class="bx-input p-3 text-base pr-11" data-validate="true" pattern="^(?=(?:\D*\d){4,11}\D*$)[\d\s]*$" inputmode="tel" maxlength="255" required="" x-model="value">
      <div class="input-action-group">
        <div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
              </path>
            </svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
              </path>
            </svg></span></div>
      </div>
    </div>
  </div>
  <div class="input-master bx-validate mb-4 flex flex-col" id="email-wrapper" x-data="input({name:'email','value':'' })"><label class="bx-label ml-3 text-base" for="email" style="background-color: rgb(255, 255, 255);"> E-Mail </label><input
      type="email" name="email" id="email" class="bx-input p-3 text-base pr-11" data-validate="true" pattern="^([\w\d.\-+_‘]+)@((?:[\-a-z0-9]+\.)+[a-z]{2,})$" inputmode="email" maxlength="255" required="" x-model="value">
    <div class="input-action-group">
      <div x-ref="validateIcon" class="bx-icon action-item w-10" tabindex="-1"><span class="icon-invalid is-invalid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M256 360c-13.25 0-23.1 10.74-23.1 24c0 13.25 10.75 24 23.1 24c13.25 0 23.1-10.75 23.1-24C280 370.7 269.3 360 256 360zM256 320c8.843 0 15.1-7.156 15.1-16V160c0-8.844-7.155-16-15.1-16S240 151.2 240 160v144C240 312.8 247.2 320 256 320zM504.3 397.3L304.5 59.38C294.4 42.27 276.2 32.03 256 32C235.8 32 217.7 42.22 207.5 59.36l-199.9 338c-10.05 16.97-10.2 37.34-.4218 54.5C17.29 469.5 35.55 480 56.1 480h399.9c20.51 0 38.75-10.53 48.81-28.17C514.6 434.7 514.4 414.3 504.3 397.3zM476.1 435.1C472.7 443.5 464.8 448 455.1 448H56.1c-8.906 0-16.78-4.484-21.08-12c-4.078-7.156-4.015-15.3 .1562-22.36L235.1 75.66C239.4 68.36 247.2 64 256 64c0 0-.0156 0 0 0c8.765 .0156 16.56 4.359 20.86 11.64l199.9 338C480.1 420.7 481.1 428.8 476.1 435.1z">
            </path>
          </svg></span><span class="icon-valid is-valid hidden"><svg height="20px" width="20px" class="fill-current" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
              d="M235.3 331.3C229.1 337.6 218.9 337.6 212.7 331.3L148.7 267.3C142.4 261.1 142.4 250.9 148.7 244.7C154.9 238.4 165.1 238.4 171.3 244.7L224 297.4L340.7 180.7C346.9 174.4 357.1 174.4 363.3 180.7C369.6 186.9 369.6 197.1 363.3 203.3L235.3 331.3zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z">
            </path>
          </svg></span></div>
    </div><span class="bx-helper hidden opacity-0" data-blocked="Leider ist die Domain %domain% nicht für Registration zugelassen." data-invalid=""></span>
  </div>
  <div class="col-span-2 flex flex-col sm:flex-row-reverse items-center justify-center my-5"><button class="primary w-full md:w-auto bx-submit flex items-center justify-center px-4 py-2 button-size-m" :disabled="showLoadingSpinner()"><svg
        height="16px" width="16px" class="fill-current animate-spin-slow text-white -ml-1 mr-3 hidden" :class="{'hidden': !showLoadingSpinner()}" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <path
          d="M207.4 20.36C209.8 28.88 204.8 37.69 196.3 40.04C101.5 66.19 32 152.1 32 255.1C32 379.7 132.3 479.1 256 479.1C379.7 479.1 480 379.7 480 255.1C480 152.1 410.5 66.19 315.7 40.04C307.2 37.69 302.2 28.88 304.6 20.36C306.9 11.85 315.7 6.847 324.3 9.198C432.5 39.07 512 138.2 512 255.1C512 397.4 397.4 511.1 256 511.1C114.6 511.1 0 397.4 0 255.1C0 138.2 79.51 39.07 187.7 9.198C196.3 6.847 205.1 11.85 207.4 20.36V20.36z">
        </path>
      </svg> Jetzt kostenlos testen </button><a x-bind="closeModal" class="text-link inverted py-2 px-4" rel="nofollow noopener" data-track-element="trial_request_step1_cancel">
            Abbrechen
		</a></div>
</form>

Text Content

MENU

 * Funktionen
 * Preise
 * Darum bexio
    * Campus
      Wissen, Webinare, Whitepaper und mehr.
    * Marketplace
      120+ Apps, die die Funktionen von bexio erweitern.
    * Academy
      Von der hilfreichen Software-Schulung bis zum spannenden Kunden-Event.
    * Branchen
      Die perfekte Business-Software auch für Ihre Branche.
   
    * Kostenloser 24/7-Support
    * Ein starkes Team
    * bexio in 1 Minute
    * Starthilfe
    * Blog

 * Support
 * Für Treuhänder
 * Blog
 * Login
 * Kostenlos testen

Ein Unternehmen der Mobiliar
PARTNER WERDEN CAMPUS MARKETPLACE TREUHÄNDER FINDEN ÜBER UNS KONTAKT LOGIN


MACH KEIS BÜRO UF!
KMU-ADMINISTRATION EINFACH GEMACHT

Bereits mehr als 80'000 Unternehmen sind von bexio überzeugt – die einfache
Business-Software für Selbstständige, Kleinunternehmen und Startups.


 * Mehr Zeit für das, was wirklich Spass macht.
 * Buchhaltung fast doppelt so schnell erledigen.
 * Administrationsaufwand um über ein Drittel reduzieren.
 * Kostenloser, zuverlässiger und persönlicher 24/7-Support.



Kostenlos testen bexio in 1 Minute erklärt




BYE-BYE PAPIERKRAM – BEXIO MACHT IHRE ADMINISTRATION EASY

Fehlt Ihnen die Zeit für neue Aufträge und Marketing? Keine Übersicht über den
Stapel an Rechnungen? Keine Nerven für die Buchhaltung? bexio bietet alle
Funktionen, die es braucht, um ein Unternehmen erfolgreich zu führen: Von der
intuitiven Kontaktverwaltung, der Angebotserstellung im individuellen Design,
bis zur schnell erstellten Rechnung mit automatischen Mahnungen und
E-Banking-Schnittstelle.

ZEIT SPAREN

Automatisierung spart bis zu 12 Stunden Büroarbeit pro Monat.

SPARSCHWEIN FÜTTERN

Verringern Sie Ihre jährlichen Treuhänder-Kosten um ein Drittel.

SWISS MADE SOFTWARE

Ihre Daten werden sicher in der Schweiz gespeichert.

KOSTENLOSER 24/7 SUPPORT

Ohne versteckte Kosten kompetent beraten und für Sie da.

Die Lösung für alle, die bisher zu viel Zeit mit Buchhaltung verbracht haben.
bexio bietet alle Funktionen, die Sie für Ihr Business brauchen.


 * Kontaktverwaltung – Ihr persönliches CRM
 * Verkaufsprozess – vom Angebot bis zur Rechnung
 * Ausgabenmanagement – Ihre Ausgaben und Belege ordentlich verarbeitet
 * Buchhaltung - Jahresabschluss einfach gemacht
 * Lohnbuchhaltung – optimiert für Schweizer Kleinunternehmen
 * Banking – automatischer Abgleich mit dem Bankkonto
 * Erweiterungen – individuell und für jedes Bedürfnis

Jetzt 30 Tage kostenlos testen Mehr über alle Funktionen erfahren


MEHR ALS 80'000 SELBSTSTÄNDIGE, KLEINUNTERNEHMEN UND STARTUPS VERTRAUEN BEREITS
BEXIO

TONIA ZIMMERMANN & LUBA SCHÖNIG

Gründerinnen, UMushroom AG

Review

bexio hilft uns die Buchhaltung einfach und schnell abzuwickeln. Die Software
ist intuitiv und die Prozesse sind gut verständlich. Der Kundensupport ist
kompetent und sehr freundlich, sie konnten die Fragen immer zur vollständigen
Zufriedenheit beantworten. Wir können bexio nur weiterempfehlen.

JONNY WÜTHRICH

Geschäftsführung, Vorlagenbauer AG

Review

bexio hat unseren Geschäfts-Alltag in vieler Hinsicht vereinfacht und reduziert
unseren Admin-Aufwand stark. Das Offerieren von Projekten geht schnell, die
entsprechende digitale Rechnung ist mit einem Klick erstellt und der
automatische Abgleich der Zahlungseingänge mit dem Postkonto ist wirklich eine
praktische Sache.

MITCH MÜLLER & SHEILA AGUILAR

CEO & CFO, MECOS BOARDS

Review

Mit bexio haben wir eine Schweizer Business-Software gefunden, welche durch ihre
automatisierte Buchhaltung unser Finance Management entlastet und zugleich mit
einem Top-Service überzeugt.


ERFOLGSGESCHICHTEN UNSERER BEXIO-HEROES – SCHWEIZER UNTERNEHMER ERZÄHLEN

So hilft bexio dabei, ein Unternehmen erfolgreich aufzubauen!

Business Profile

Reviews

aus über 1430 Google Bewertungen
4.0


Jetzt alle bexio-Heroes kennenlernen


STARKE PARTNER

Als bexio-Kunde profitieren Sie von der Zusammenarbeit mit unseren verlässlichen
Partnern.




BLOG

Der bexio Blog – Ihre Geheimwaffe: Interessante Artikel rund um spannende Themen
für Schweizer KMU. Unser Wissen – Ihr Vorsprung.

12.11.2024
Buchhaltung KMU

EINGESCHRÄNKTE REVISION IN DER SCHWEIZ: KRITERIEN UND PFLICHTEN FÜR KMU

Wir erklären Ihnen die verschiedenen Arten, Pflichten und weitere Faktoren der
Revisionspflicht für Schweizer Unternehmen.

Mehr lesen
30.10.2024
KMU Trends

UNTERNEHMENSKULTUR IN KMU: ENTWICKELN UND FÖRDERN INKL. BEISPIELE

Wir zeigen Ihnen, welche Rolle die Unternehmenskultur in Unternehmen spielt und
wie sie den Erfolg beeinflussen kann.


Mehr lesen
25.10.2024
Buchhaltung KMU

NETTOLOHNAUSGLEICH IN DER SCHWEIZ: SORGEN SIE FÜR FAIRNESS AM ARBEITSPLATZ

Wie Sie mit dem Nettolohnausgleich Fairness am Arbeitsplatz schaffen.


Mehr lesen


JETZT BEXIO 30 TAGE KOSTENLOS & UNVERBINDLICH TESTEN

Überzeugen Sie sich selbst und testen Sie alle Funktionen von bexio, der
einfachen Business Software für Ihre KMU-Administration.

Kostenlos testen

Noch Fragen? Rufen Sie uns an: +41 71 552 00 61
Schreiben Sie lieber? kunden@bexio.com




FUNKTIONEN & PREISE

Funktionsübersicht Preise Kontaktverwaltung Verkaufsprozess, Ausgabenmanagement
und mehr Banking Buchhaltung Lohnbuchhaltung Mobile-App bexio Go

UNTERNEHMEN

Über uns Medienmitteilungen Timeline Produkt & Update News Newsletter – Insider
werden Jobs & Karriere Kontakt

CAMPUS

Starthilfe für Kunden Kostenloser 24/7-Support Kunden helfen Kunden Academy –
Events, Webinare & mehr Library Blog Schulungsvideos Customer Success Stories
Heroes Glossar Buchhaltung

TREUHAND

bexio für Treuhänder Login Treuhandportal

WEITERES

Marketplace Treuhänder finden Developer API Referenzen Branchen Partnerprogramme
Support:
+41 71 552 00 60

Support: +41 71 552 00 60
Schweiz (Deutsch)
Switzerland (English) Suisse (Français) Svizzera (Italiano)

--------------------------------------------------------------------------------


Richtlinien & AGB Datenschutz Impressum
© bexio AG 2024
Schliessen +
Kostenloser 24/7 Support
Daten sicher in der Schweiz
Mehr als 80'000 Kunden
swiss made software
30 Tage kostenlos & unverbindlich testen

Hallo Freizeit! Direkt ohne Installation & Zahlung starten.

Vorname

Nachname

+41
Vorwahl

+
   
 * +41
 * +49
 * +33
 * +39
 * +423
 * +43
 * +1
 * +7
 * +20
 * +27
 * +30
 * +31
 * +32
 * +34
 * +36
 * +40
 * +44
 * +45
 * +46
 * +48
 * +61
 * +64
 * +81
 * +82
 * +86
 * +90
 * +91
 * +213
 * +216
 * +350
 * +351
 * +352
 * +353
 * +354
 * +355
 * +356
 * +357
 * +358
 * +359
 * +370
 * +371
 * +372
 * +373
 * +374
 * +376
 * +377
 * +378
 * +380
 * +381
 * +382
 * +385
 * +386
 * +387
 * +389
 * +420
 * +421
 * +852
 * +966
 * +971
 * +972
 * +974
   Kein Resultat


Telefonnummer

E-Mail

Jetzt kostenlos testen Abbrechen
Ihre persönlichen Angaben werden sicher in der Schweiz gespeichert. Weitere
Informationen finden Sie in unserer Datenschutzrichtlinie.
Schliessen +
Herzlichen Glückwunsch! Nur noch ein Klick...


Wir haben Ihnen eine E-Mail an {email} gesendet. Einfach Bestätigungslink
anklicken um bexio 30 Tage lang kostenlos und unverbindlich zu testen!

Falls Sie das E-Mail nicht erhalten haben, überprüfen Sie bitte Ihren
Spam-Ordner.

Schliessen
Schliessen +
Entschuldigung – da ist etwas schief gelaufen


Bei der Registrierung Ihrer Daten ist ein Fehler aufgetreten. Bitte versuchen
Sie es erneut oder, falls das Problem weiterhin besteht, wenden Sie sich bitte
an unseren Support unter kunden@bexio.com oder +41 (0)71 552 00 61.

Erneut versuchen