www.bexio.com
Open in
urlscan Pro
2606:4700::6812:abc
Public Scan
Submitted URL: https://easisis.ch/
Effective URL: https://www.bexio.com/de-CH/
Submission: On November 15 via api from CH — Scanned from CH
Effective URL: https://www.bexio.com/de-CH/
Submission: On November 15 via api from CH — Scanned from CH
Form analysis
1 forms found in the DOMName: wizardStepOne — POST
<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: {"wizardStepOne":["firstname","lastname","phone_number","email","phone_prefix"]} }) })" :id="formId"
data-track-element="trial_request_step1_submit" id="wizardFormStepOne-1" siq_id="autopick_3575"><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/?gad_source=1&gclid=CjwKCAiA3Na5BhAZEiwAzrfagPiGEcAhC-lpnjDMwbf16x6uTemQBlM-57Dgrrn5pHxEdCMFCXxA3xoCZoEQAvD_BwE&gclsrc=aw.ds"><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: {"+41":"+41","+49":"+49","+33":"+33","+39":"+39","+423":"+423","+43":"+43","+1":"+1","+7":"+7","+20":"+20","+27":"+27","+30":"+30","+31":"+31","+32":"+32","+34":"+34","+36":"+36","+40":"+40","+44":"+44","+45":"+45","+46":"+46","+48":"+48","+61":"+61","+64":"+64","+81":"+81","+82":"+82","+86":"+86","+90":"+90","+91":"+91","+213":"+213","+216":"+216","+350":"+350","+351":"+351","+352":"+352","+353":"+353","+354":"+354","+355":"+355","+356":"+356","+357":"+357","+358":"+358","+359":"+359","+370":"+370","+371":"+371","+372":"+372","+373":"+373","+374":"+374","+376":"+376","+377":"+377","+378":"+378","+380":"+380","+381":"+381","+382":"+382","+385":"+385","+386":"+386","+387":"+387","+389":"+389","+420":"+420","+421":"+421","+852":"+852","+966":"+966","+971":"+971","+972":"+972","+974":"+974"},
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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 && 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 Nur kurze Zeit: 30% Rabatt. Tschüss Excel & Co. - Hallo bexio! Code: bx30 Jetzt profitieren 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 Hallo! Wie können wir Ihnen helfen?