www.asr.nl Open in urlscan Pro
193.105.111.26  Public Scan

URL: https://www.asr.nl/vitality/lid-worden?vAanmeldcode=OpUitnodigingWerkgever&utm_source=vpms&utm_medium=email&utm_con...
Submission: On October 05 via manual from NL — Scanned from NL

Form analysis 1 forms found in the DOM

<form id="vitality_aanmelden_asrnl" class="" style="" data-bind="visible: true">
  <style>
    @media screen and (max-width: 639px) {
      #sOverzichtPanel .form__item--labelvalue .form__title {
        width: max-content !important;
      }
    }

    @media screen and (min-width: 640px) {
      #sOverzichtPanel .form__item--labelvalue .form__title {
        width: 18rem;
      }
    }

    .form__item--labelvalue .form__title {
      width: none;
    }

    label.o-btn {
      margin-right: 10px;
    }

    .form__item--labelvalue .form__input {
      vertical-align: top;
    }

    .form__item--labelvalue .form__title {
      width: 205px;
    }

    div#sAlgemeen .form {
      padding-top: 1.5rem;
    }

    .form__stacked2 {
      box-shadow: 0 0 16px rgba(42, 41, 46, .08), 0 2px 4px rgba(42, 41, 46, .16);
      overflow: hidden;
      position: relative
    }

    .form__stacked2-item {
      background-color: #fff;
      border-top: 2px solid #e9e9ea;
      cursor: pointer;
      line-height: 20px;
      padding-bottom: .5rem;
      padding-left: 1rem;
      padding-top: 1rem;
    }

    .form__sub {
      color: #949496;
      display: inline-block;
      font-size: 16px;
      line-height: 1.5;
      padding-bottom: 0.5rem;
      padding-right: 1.5rem;
      vertical-align: top;
      width: 100%;
    }
  </style>
  <script type="text/html" id="buttonTemplate">
    <div class="form__item" id="outer_vAlLid" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
      <div class="form__group form__group--width-12">
        <div class="form__default">
          <!-- ko foreach: FormElementOpties -->
          <input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio">
          <label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn"></label>
          <!-- /ko -->
        </div>
        <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
            data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
        <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
      </div>
    </div>
  </script>
  <script type="text/html" id="TextBoxTemplate"></script>
  <script type="text/html" id="FormElementOptieTemplate"></script>
  <script type="text/html" id="ProductKeuzeTemplate"></script>
  <div id="divIntro" data-digiset="1" data-digimain="-1" data-digisetnivo="0" data-digitype="div" data-bind="visible: (mDigiViewModel.GetFormElement(&quot;divIntro&quot;).Set == mDigiViewModel.CurrentSet0())">
    <div>
      <!-- ko with: mDigiViewModel.GetFormElement('subset') -->
      <div id="ssubset" data-bind="visible:TonenAls">
        <div class="form-accordion" id="subset">
          <div id="sAlgemeen" data-digiset="1" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
            <div id="navsAlgemeen" class="form-accordion__header form-accordion__item--active" data-digiset="1" data-digimain="1" data-digisetnivo="1"
              data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sAlgemeen').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sAlgemeen').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sAlgemeen').CheckNavigation }"
              style="cursor:pointer" data-checknav="true">
              <div class="flex">
                <div class="flex__item flex__item--grow-1">
                  <div class="form-accordion__step"></div><span class="form-accordion__title">Gegevens</span>
                </div>
                <div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
                        class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
              </div>
            </div>
            <div id="sAlgemeenPanel" style="" class="form-accordion__content active" data-bind="css: { &quot;active&quot;: (mDigiViewModel.GetFormElement(&quot;sAlgemeen&quot;).Set === mDigiViewModel.CurrentSet1()) }">
              <div class="form">
                <!-- ko with: mDigiViewModel.GetFormElement('vIsWerknemer') -->
                <div class="form__item" id="outer_vIsWerknemer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vIsWerknemer" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <div class="form__stacked"><!-- ko foreach: FormElementOpties -->
                        <div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vIsWerknemer" value="Nee" id="vIsWerknemer_Nee"><label
                            data-bind="html: Value, attr: { for: ExtendedKey }" for="vIsWerknemer_Nee">Ik meld me aan voor een individueel lidmaatschap </label></div>
                        <div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vIsWerknemer" value="Ja" id="vIsWerknemer_Ja"><label data-bind="html: Value, attr: { for: ExtendedKey }"
                            for="vIsWerknemer_Ja">Ik meld me aan op uitnodiging van mijn werkgever</label></div>
                        <!-- /ko -->
                      </div>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('sProducten') -->
                <div id="pnlsProducten" class="" data-bind="visible:TonenAls" style="display: none;">
                  <!-- ko if: Label --><!-- /ko -->
                  <fieldset class="form " id="panelsProducten">
                    <!-- ko if: mDigiViewModel.GetFormElement('tProducten').TonenAls() -->
                    <div data-bind="template:{name:'ProductKeuzeTemplate', data:mDigiViewModel.GetFormElement('tProducten')}">
                      <div class="form__item" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                        <label data-bind="attr: {for: Identifier}" class="form__title" for="tProducten"><span data-bind="html:Label">Welke verzekering(en) heb je?</span></label>
                        <div class="form__group form__group--width-12" style="padding-right: 3.5rem;">
                          <div class="form__stacked2" data-bind="template: { name: 'FormElementOptieTemplate', foreach:FormElementOpties }">
                            <div class="form__stacked2-item">
                              <input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="30" id="tProducten_30" name="tProducten">
                              <label data-bind="attr: { for: ExtendedKey }" for="tProducten_30"><span class="fdf__check-label" data-bind="html: Value">Ik kies zelf van a.s.r. zorgverzekering</span><span class="fdf__check-help"
                                  data-bind="html: Help"></span>
                              </label>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }">
                                <div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
                                  data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                                  <label data-bind="attr: {for: Identifier}" class="form__title" for="cIkKiesZelfNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
                                  <div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je verzekeringspas.</div>
                                  <div class="form__input" style="max-width: 25rem;">
                                    <div class="form__group">
                                      <input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
                                      <div class="form__sub" data-bind="html:SubLabel"></div>
                                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;">
                                        <span data-bind="validationMessage: Waarde" style="display: none;"></span>
                                        <span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
                            </div>
                            <div class="form__stacked2-item">
                              <input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="40" id="tProducten_40" name="tProducten">
                              <label data-bind="attr: { for: ExtendedKey }" for="tProducten_40"><span class="fdf__check-label" data-bind="html: Value">a.s.r. zorgverzekering</span><span class="fdf__check-help" data-bind="html: Help"></span>
                              </label>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }">
                                <div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
                                  data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                                  <label data-bind="attr: {for: Identifier}" class="form__title" for="cAsrZorgNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
                                  <div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je verzekeringspas.</div>
                                  <div class="form__input" style="max-width: 25rem;">
                                    <div class="form__group">
                                      <input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
                                      <div class="form__sub" data-bind="html:SubLabel"></div>
                                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;">
                                        <span data-bind="validationMessage: Waarde" style="display: none;"></span>
                                        <span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
                            </div>
                            <div class="form__stacked2-item">
                              <input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="50" id="tProducten_50" name="tProducten">
                              <label data-bind="attr: { for: ExtendedKey }" for="tProducten_50"><span class="fdf__check-label" data-bind="html: Value">a.s.r. AOV</span><span class="fdf__check-help" data-bind="html: Help"></span>
                              </label>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }">
                                <div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
                                  data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                                  <label data-bind="attr: {for: Identifier}" class="form__title" for="cAsrAovNr"><span data-bind="html:Label">Wat is je polisnummer?</span></label>
                                  <div class="form__description" data-bind="html:HelpTekst">Je vindt je polisnummer op je polis(aanhangsel), acceptgiro of bankafschrift.</div>
                                  <div class="form__input" style="max-width: 25rem;">
                                    <div class="form__group">
                                      <input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
                                      <div class="form__sub" data-bind="html:SubLabel">Heb je meerdere polissen? Dan hoef je slechts één polisnummer door te geven. .</div>
                                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;">
                                        <span data-bind="validationMessage: Waarde" style="display: none;"></span>
                                        <span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
                            </div>
                            <div class="form__stacked2-item">
                              <input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="60" id="tProducten_60" name="tProducten">
                              <label data-bind="attr: { for: ExtendedKey }" for="tProducten_60"><span class="fdf__check-label" data-bind="html: Value">Loyalis AOV</span><span class="fdf__check-help" data-bind="html: Help"></span>
                              </label>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
                              <div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }">
                                <div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
                                  data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                                  <label data-bind="attr: {for: Identifier}" class="form__title" for="cLoyalisNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
                                  <div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je polis. Op MijnLoyalis vind je het nummer ook terug onder je persoonlijke gegevens.</div>
                                  <div class="form__input" style="max-width: 25rem;">
                                    <div class="form__group">
                                      <input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
                                      <div class="form__sub" data-bind="html:SubLabel"></div>
                                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;">
                                        <span data-bind="validationMessage: Waarde" style="display: none;"></span>
                                        <span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div>
                    <!-- /ko -->
                  </fieldset>
                </div>
                <!-- /ko -->
                <div id="hIntroWerkgever1" class="form__item " style="display: none;">
                  <div class="html_template">&nbsp; <p>Je werkgever is '<span data-bind="text: mDigiViewModel.GetFormElement('vWerkgever').FormattedWaarde"></span>'. </p>
                  </div>
                </div>
                <div id="hIntroWerkgever2" class="form__item ">
                  <div class="html">&nbsp; &nbsp; <p>Geef hier het e-mailadres op, waarmee jouw werkgever je heeft aangemeld en waarop jij je uitnodiging hebt ontvangen. Om te voorkomen dat iemand zich op jouw uitnodiging aanmeldt, zal er ter
                      verificatie een code worden verstuurd, die je in de laatste stap nodig zult hebben om je aanmelding te kunnen versturen.</p>
                  </div>
                </div>
                <!-- ko with: mDigiViewModel.GetFormElement('vEmailZakelijk') -->
                <div class="form__item" id="outer_vEmailZakelijk" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="vEmailZakelijk" class="form__title"><span data-bind="html:Label">Je zakelijk e-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                      style="display: none;"> (optioneel)</span></label>
                  <div class="form__description" data-bind="html:HelpTekst">Vul hier het e-mailadres in dat bekend is bij je werkgever. Hiermee checken we of je werkgever je als medewerker heeft aangemeld.</div>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <input autocomplete="email" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmailZakelijk" name="vEmailZakelijk" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('StuurCodeResult') -->
                <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="StuurCodeResult" name="StuurCodeResult" type="text" style="display: none;">
                <!-- /ko -->
                <div id="hStuurCodeFout" class="form__item " style="display: none;">
                  <div class="html">Oops! Er gaat iets fout. Controleer je e-mailadres. Krijg je opnieuw een foutmelding? Vraag dan je werkgever of je met dit e-mailadres bent aangemeld voor a.s.r. Vitality.</div>
                </div>
                <!-- ko with: mDigiViewModel.GetFormElement('pAlgemeen') -->
                <div id="pnlpAlgemeen" class="" data-bind="visible:TonenAls">
                  <!-- ko if: Label --><!-- /ko -->
                  <fieldset class="form " id="panelpAlgemeen">
                    <div id="hIntroWerkgever3" class="form__item ">
                      <div class="html">
                        <p>Neem je al deel aan a.s.r. Vitality en wil je je lidmaatschap voortzetten via je werkgever? Kies dan voor de optie "Ik ben al lid". Hiermee kan jij je huidige lidmaatschap voortzetten via je werkgever, met behoud van
                          Vitality punten, Vitality status en eventuele device cashback. Dit kan ook wanneer je lidmaatschap niet langer dan 90 dagen geleden is beëindigd.</p>
                      </div>
                    </div>
                    <div id="hKeuze" class="form__item ">
                      <div class="html"><!-- ko with: mDigiViewModel.GetFormElement('vAlLid') -->
                        <div class="form__item" id="outer_vAlLid" data-bind="css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                          <div class="form__group form__group--width-12">
                            <div class="form__default">
                              <!-- ko foreach: FormElementOpties -->
                              <input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" value="Nee" id="vAlLid_Nee" name="ko_unique_1">
                              <label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn" for="vAlLid_Nee">Aanmelden als nieuw lid</label>
                              <input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" value="Ja" id="vAlLid_Ja" name="ko_unique_2">
                              <label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn" for="vAlLid_Ja">Ik ben al lid van a.s.r. Vitality</label>
                              <!-- /ko -->
                            </div>
                            <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                                data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                            <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                          </div>
                        </div>
                        <!-- /ko -->
                      </div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('vAlLid') -->
                    <div class="form__item" id="outer_vAlLid" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <label for="vAlLid" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <div class="form__stacked"><!-- ko foreach: FormElementOpties -->
                            <div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAlLid" value="Nee" id="vAlLid_Nee"><label data-bind="html: Value, attr: { for: ExtendedKey }"
                                for="vAlLid_Nee">Aanmelden als nieuw lid</label></div>
                            <div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAlLid" value="Ja" id="vAlLid_Ja"><label data-bind="html: Value, attr: { for: ExtendedKey }"
                                for="vAlLid_Ja">Ik ben al lid van a.s.r. Vitality</label></div>
                            <!-- /ko -->
                          </div>
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                  </fieldset>
                </div>
                <!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('pGegevens') -->
                <div id="pnlpGegevens" class="" data-bind="visible:TonenAls" style="display: none;">
                  <!-- ko if: Label --><!-- /ko -->
                  <fieldset class="form " id="panelpGegevens">
                    <!-- ko with: mDigiViewModel.GetFormElement('vAanhef') -->
                    <div class="form__item" id="outer_vAanhef" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vAanhef" class="form__title"><span data-bind="html:Label">Aanhef</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAanhef" value="Man" id="vAanhef_Man"><label
                              data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vAanhef_Man">de heer</label><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAanhef"
                              value="Vrouw" id="vAanhef_Vrouw"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vAanhef_Vrouw">mevrouw</label><!-- /ko --></div>
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vVoorletters') -->
                    <div class="form__item" id="outer_vVoorletters" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <label for="vVoorletters" class="form__title"><span data-bind="html:Label">Voorletters en achternaam</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                          style="display: none;"> (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-1">
                          <input autocomplete="off" maxlength="255" data-bind="initials:Waarde, maxlength:'255'" class="form__text" id="vVoorletters" name="vVoorletters" type="text" placeholder="Voorl.">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                        <!-- ko with: mDigiViewModel.GetFormElement('vTussenVoegsel') -->
                        <div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                          <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vTussenVoegsel" name="vTussenVoegsel" type="text" placeholder="Tussenv.">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vAchternaam') -->
                        <div class="form__group form__item form__group--width-2" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                          <input autocomplete="family-name" maxlength="255" data-bind="autocapitals:Waarde" id="vAchternaam" name="vAchternaam" class="form__text" type="text" placeholder="Achternaam">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div><!-- /ko -->
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vVoornaam') -->
                    <div class="form__item" id="outer_vVoornaam" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <label for="vVoornaam" class="form__title"><span data-bind="html:Label">Voornaam</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="given-name" maxlength="255" data-bind="autocapitals:Waarde" id="vVoornaam" name="vVoornaam" class="form__text" type="text">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vGeboorteDatum') -->
                    <div class="form__item" id="outer_vGeboorteDatum" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <label for="vGeboorteDatum" class="form__title"><span data-bind="html:Label">Geboortedatum</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="off" type="text" id="vGeboorteDatum" name="vGeboorteDatum" data-bind="formatDateHtml5:Waarde" class="form__date" placeholder="dd-mm-jjjj">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vTelefoonNummer') -->
                    <div class="form__item" id="outer_vTelefoonNummer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vTelefoonNummer" class="form__title"><span data-bind="html:Label">Mobiele telefoonnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                          style="display: none;"> (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="tel-national" maxlength="20" data-bind="value:Waarde" id="vTelefoonNummer" name="vTelefoonNummer" class="form__text" type="text">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vVitalityMembershipId') -->
                    <div class="form__item" id="outer_vVitalityMembershipId" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <label for="vVitalityMembershipId" class="form__title"><span data-bind="html:Label">a.s.r. Vitality nummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                          style="display: none;"> (optioneel)</span></label>
                      <div class="form__description" data-bind="html:HelpTekst">Het a.s.r. Vitality nummer vind je in de Vitality app.</div>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="off" maxlength="19" data-bind="value:Waarde" id="vVitalityMembershipId" name="vVitalityMembershipId" class="form__text" type="text" placeholder="1234567890">
                          <div class="form__sublabel" data-bind="html:SubLabel">Dit nummer is de identificatie van je huidige, of niet langer dan 90 dagen geleden beëindigde, lidmaatschap. Geef dit nummer op als je dit lidmaatschap, met behoud van
                            Vitality Punten en Status, via je werkgever voort wil zetten.</div>
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vEmail') -->
                    <div class="form__item" id="outer_vEmail" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vEmail" class="form__title"><span data-bind="html:Label">E-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__description" data-bind="html:HelpTekst">Dit e-mailadres wordt gebruikt als login voor de App en voor verdere communicatie via het programma.</div>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="email" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmail" name="vEmail" type="text">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('vEmailHerhalen') -->
                    <div class="form__item" id="outer_vEmailHerhalen" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vEmailHerhalen" class="form__title"><span data-bind="html:Label">Herhaal e-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                          style="display: none;"> (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="off" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmailHerhalen" name="vEmailHerhalen" type="text">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <!-- ko with: mDigiViewModel.GetFormElement('bVerder1Result') -->
                    <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVerder1Result" name="bVerder1Result" type="text" style="display: none;">
                    <!-- /ko -->
                    <div class="form__item form__item--ltr">
                      <!-- ko with: mDigiViewModel.GetFormElement('bVerder1') --><button id="bVerder1" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
                    </div>
                  </fieldset>
                </div>
                <!-- /ko -->
              </div>
            </div>
          </div>
          <div id="sAdres" data-digiset="2" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
            <div id="navsAdres" class="form-accordion__header" data-digiset="2" data-digimain="1" data-digisetnivo="1"
              data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sAdres').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sAdres').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sAdres').CheckNavigation }"
              style="cursor:not-allowed">
              <div class="flex">
                <div class="flex__item flex__item--grow-1">
                  <div class="form-accordion__step"></div><span class="form-accordion__title">Adresgegevens</span>
                </div>
                <div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
                        class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
              </div>
            </div>
            <div id="sAdresPanel" style="display: none;" class="form-accordion__content" data-bind="css: { &quot;active&quot;: (mDigiViewModel.GetFormElement(&quot;sAdres&quot;).Set === mDigiViewModel.CurrentSet1()) }">
              <div class="form">
                <!-- ko with: mDigiViewModel.GetFormElement('vInNederland') -->
                <div class="form__item" id="outer_vInNederland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="vInNederland" class="form__title"><span data-bind="html:Label">Woon je in Nederland?</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vInNederland" value="NL" id="vInNederland_NL"><label
                          data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vInNederland_NL">Ja</label><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vInNederland"
                          value="nee" id="vInNederland_nee"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vInNederland_nee">Nee</label><!-- /ko --></div>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vAnderLand') -->
                <div class="form__item" id="outer_vAnderLand" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vAnderLand" class="form__title"><span data-bind="html:Label">Land</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <select id="vAnderLand" name="vAnderLand" class="form__select-box js-select js-select-select"
                        data-bind="options: FormElementOpties, optionsValue: 'Key', optionsText: 'Value', value: Waarde, optionsCaption: 'Maak een keuze...', optionsAfterRender: setOptionDisable, fireChange: true">
                        <option value="">Maak een keuze...</option>
                        <option value="BE">België</option>
                        <option value="LU">Luxemburg</option>
                        <option value="DE">Duitsland</option>
                      </select><span class="form__select js-select-target js-select-current">Maak een keuze...</span>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vPostcode') -->
                <div class="form__item" id="outer_vPostcode" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="vPostcode" class="form__title"><span data-bind="html:Label">Postcode en huisnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-2">
                      <input autocomplete="postal-code" maxlength="7" data-bind="zipcode:Waarde" placeholder="____ __" class="form__text js-zipcode" id="vPostcode" name="vPostcode" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('vHuisnummer') -->
                    <div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"><input autocomplete="off"
                        maxlength="255" data-bind="value:Waarde" class="form__text" id="vHuisnummer" name="vHuisnummer" type="text" placeholder="123">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vHuisnrToevoeging') -->
                    <div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"><input autocomplete="off"
                        maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vHuisnrToevoeging" name="vHuisnrToevoeging" type="text" placeholder="Toev.">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div><!-- /ko -->
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vPostcodeBuitenland') -->
                <div class="form__item" id="outer_vPostcodeBuitenland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vPostcodeBuitenland" class="form__title"><span data-bind="html:Label">Postcode en huisnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                      style="display: none;"> (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-2">
                      <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vPostcodeBuitenland" name="vPostcodeBuitenland" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('vHuisnummerBuitenland') -->
                    <div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <input autocomplete="off" maxlength="255" data-bind="value:Waarde" class="form__text" id="vHuisnummerBuitenland" name="vHuisnummerBuitenland" type="text" placeholder="123">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vHuisnrToevoegingBuitenland') -->
                    <div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                      <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vHuisnrToevoegingBuitenland" name="vHuisnrToevoegingBuitenland" type="text" placeholder="Toev.">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div><!-- /ko -->
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vStraat') -->
                <div class="form__item" id="outer_vStraat" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="vStraat" class="form__title"><span data-bind="html:Label">Straat</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vStraat" name="vStraat" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vWoonplaats') -->
                <div class="form__item" id="outer_vWoonplaats" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="vWoonplaats" class="form__title"><span data-bind="html:Label">Woonplaats</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vWoonplaats" name="vWoonplaats" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <div id="oAdresFound" class="form__item " style="display: none;">
                  <div class="html_template">Adres: <span data-bind="text: mDigiViewModel.GetFormElement('vStraat').FormattedWaarde"></span> in <span data-bind="text: mDigiViewModel.GetFormElement('vWoonplaats').FormattedWaarde"></span></div>
                </div>
                <div class="form__item form__item--ltr">
                  <!-- ko with: mDigiViewModel.GetFormElement('bVerder2') --><button id="bVerder2" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
                </div>
              </div>
            </div>
          </div>
          <div id="sBetalen" data-digiset="3" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item " style="display: none;">
            <div id="navsBetalen" class="form-accordion__header" data-digiset="3" data-digimain="1" data-digisetnivo="1"
              data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sBetalen').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sBetalen').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sBetalen').CheckNavigation }"
              style="cursor:not-allowed">
              <div class="flex">
                <div class="flex__item flex__item--grow-1">
                  <div class="form-accordion__step"></div><span class="form-accordion__title">Betalingsgegevens</span>
                </div>
                <div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
                        class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
              </div>
            </div>
            <div id="sBetalenPanel" style="display: none;" class="form-accordion__content" data-bind="css: { &quot;active&quot;: (mDigiViewModel.GetFormElement(&quot;sBetalen&quot;).Set === mDigiViewModel.CurrentSet1()) }">
              <div class="form">
                <!-- ko with: mDigiViewModel.GetFormElement('vCampagneCodeJaNee') -->
                <div class="form__item" id="outer_vCampagneCodeJaNee" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vCampagneCodeJaNee" class="form__title"><span data-bind="html:Label">Heb je een kortingcode?</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                      style="display: none;"> (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vCampagneCodeJaNee" value="ja"
                          id="vCampagneCodeJaNee_ja"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vCampagneCodeJaNee_ja">Ja</label><input
                          data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vCampagneCodeJaNee" value="nee" id="vCampagneCodeJaNee_nee"><label data-bind="html: Value, attr: { for: ExtendedKey }"
                          class="form__radio" for="vCampagneCodeJaNee_nee">Nee</label><!-- /ko --></div>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('vCampagneCode') -->
                <div class="form__item" id="outer_vCampagneCode" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vCampagneCode" class="form__title"><span data-bind="html:Label">Kortingscode</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <input autocomplete="off" maxlength="50" data-bind="value:Waarde" class="form__text" id="vCampagneCode" name="vCampagneCode" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <div id="oCampagneCode" class="form__item form__input" style="display: none;">
                  <div class="html"><span
                      data-bind="css: { fdf_val_error: (mDigiViewModel.GetFormElement('cCampageCodeResponseCode').Waarde() != 'Ok') }, html: document.createElement('a').appendChild(document.createTextNode(mDigiViewModel.GetFormElement('cCampageCodeBericht').Waarde())).parentNode.innerText"
                      class="fdf_val_error">undefined</span></div>
                </div>
                <!-- ko with: mDigiViewModel.GetFormElement('vIBAN') -->
                <div class="form__item" id="outer_vIBAN" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="vIBAN" class="form__title"><span data-bind="html:Label">Rekeningnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__description" data-bind="html:HelpTekst">• a.s.r. Vitality kost €3,50 per maand, haal je een keer je weekdoel dan heb je je kosten er al uit <br> • Je betaalt per automatische incasso <br> • Elke maand opzegbaar
                  </div>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <input autocomplete="cc-number" data-bind="iban:Waarde" class="form__text" id="vIBAN" name="vIBAN" type="text">
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('bVerder3Result') -->
                <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVerder3Result" name="bVerder3Result" type="text" style="display: none;">
                <!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('cCampageCodeFoutMelding') -->
                <div class="form__item" id="outer_cCampageCodeFoutMelding" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="cCampageCodeFoutMelding" class="form__title"><span data-bind="html:Label">Melding</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-12">
                      <p id="cCampageCodeFoutMelding " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <div class="form__item form__item--ltr">
                  <!-- ko with: mDigiViewModel.GetFormElement('bVerder3') --><button id="bVerder3" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
                </div>
              </div>
            </div>
          </div>
          <div id="sOverzicht" data-digiset="4" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
            <div id="navsOverzicht" class="form-accordion__header" data-digiset="4" data-digimain="1" data-digisetnivo="1"
              data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sOverzicht').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sOverzicht').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sOverzicht').CheckNavigation }"
              style="cursor:not-allowed">
              <div class="flex">
                <div class="flex__item flex__item--grow-1">
                  <div class="form-accordion__step"></div><span class="form-accordion__title">Akkoord en verzenden</span>
                </div>
                <div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
                        class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
              </div>
            </div>
            <div id="sOverzichtPanel" style="display: none;" class="form-accordion__content" data-bind="css: { &quot;active&quot;: (mDigiViewModel.GetFormElement(&quot;sOverzicht&quot;).Set === mDigiViewModel.CurrentSet1()) }">
              <div class="form">
                <div id="hIntroOverzicht" class="form__item ">
                  <div class="html">Overzicht van jouw aanvraag</div>
                </div>
                <!-- ko with: mDigiViewModel.GetFormElement('oWerkgever') -->
                <div class="form__item form__item--labelvalue" id="outer_oWerkgever" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oWerkgever" class="form__title"><span data-bind="html:Label">Werkgever</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oWerkgever " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oNaam') -->
                <div class="form__item form__item--labelvalue" id="outer_oNaam" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="oNaam" class="form__title"><span data-bind="html:Label">Naam:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oNaam" data-bind="html: Waarde" class=""> <br></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oGeboortedatum') -->
                <div class="form__item form__item--labelvalue" id="outer_oGeboortedatum" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="oGeboortedatum" class="form__title"><span data-bind="html:Label">Geboortedatum:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oGeboortedatum " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oTelefoonnummer') -->
                <div class="form__item form__item--labelvalue" id="outer_oTelefoonnummer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="oTelefoonnummer" class="form__title"><span data-bind="html:Label">Telefoonnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oTelefoonnummer " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oEmailadres') -->
                <div class="form__item form__item--labelvalue" id="outer_oEmailadres" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="oEmailadres" class="form__title"><span data-bind="html:Label">Emailadres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oEmailadres " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oAdres') -->
                <div class="form__item form__item--labelvalue" id="outer_oAdres" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                  <label for="oAdres" class="form__title"><span data-bind="html:Label">Adres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oAdres" data-bind="html: Waarde" class=""> <br>
                        <br> Nederland<br>
                      </p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oAdresBuitenland') -->
                <div class="form__item form__item--labelvalue" id="outer_oAdresBuitenland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oAdresBuitenland" class="form__title"><span data-bind="html:Label">Adres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oAdresBuitenland" data-bind="html: Waarde" class=""> <br>
                        <br>
                        <br>
                      </p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oIkKiesZelfNr') -->
                <div class="form__item form__item--labelvalue" id="outer_oIkKiesZelfNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oIkKiesZelfNr" class="form__title"><span data-bind="html:Label">Ik kies zelf van a.s.r. klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                      style="display: none;"> (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oIkKiesZelfNr " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oAsrZorgNr') -->
                <div class="form__item form__item--labelvalue" id="outer_oAsrZorgNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oAsrZorgNr" class="form__title"><span data-bind="html:Label">a.s.r klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oAsrZorgNr " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oAsrAovNr') -->
                <div class="form__item form__item--labelvalue" id="outer_oAsrAovNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oAsrAovNr" class="form__title"><span data-bind="html:Label">a.s.r. polisnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oAsrAovNr " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oLoyalisNr') -->
                <div class="form__item form__item--labelvalue" id="outer_oLoyalisNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oLoyalisNr" class="form__title"><span data-bind="html:Label">Loyalis klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oLoyalisNr " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oIBAN') -->
                <div class="form__item form__item--labelvalue" id="outer_oIBAN" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
                  <label for="oIBAN" class="form__title"><span data-bind="html:Label">IBAN:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oIBAN " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oCampagneCode2') -->
                <div class="form__item form__item--labelvalue" id="outer_oCampagneCode2" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oCampagneCode2" class="form__title"><span data-bind="html:Label">Kortingscode</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                      (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oCampagneCode2" data-bind="html: Waarde" class=""><b>  </b></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('oVitalityMembershipId') -->
                <div class="form__item form__item--labelvalue" id="outer_oVitalityMembershipId" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
                  style="display: none;">
                  <label for="oVitalityMembershipId" class="form__title"><span data-bind="html:Label">Vitality Membership ID:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
                      style="display: none;"> (optioneel)</span></label>
                  <div class="form__input">
                    <div class="form__group form__group--width-6">
                      <p id="oVitalityMembershipId " data-bind="text: FormattedWaarde" class=""></p>
                      <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                          data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                      <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                    </div>
                  </div>
                </div><!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('pVerklaring') -->
                <div id="pnlpVerklaring" class="background-color--white m+" data-bind="visible:TonenAls">
                  <!-- ko if: Label --><!-- /ko -->
                  <fieldset class="form background-color--white m+" id="panelpVerklaring">
                    <div id="hVerklaring" class="form__item background-color--white">
                      <div class="html">Om deel te nemen aan a.s.r. Vitality is het belangrijk dat je akkoord gaat met onderstaande verklaringen. Ik verklaar dat ik: </div>
                    </div>
                    <div id="vAkkoordKennis" class="form__item ">
                      <div class="html">
                        <ul class="list">
                          <li class="list__item">Kennis heb genomen van de
                            <a class="js-tealium-ga4" href="https://www.asr.nl/vitality/voorwaarden" target="_blank" data-tealium-ga4="{&quot;action&quot;: &quot;click&quot;, &quot;event_name&quot;: &quot;link&quot;, &quot;tealium_event&quot;: &quot;interaction&quot;, &quot;type&quot;:&quot;internal&quot;, &quot;text_content&quot;: &quot;algemene voorwaarden&quot;, &quot;target_link&quot;: &quot;https://www.asr.nl/vitality/voorwaarden&quot; }">algemene voorwaarden</a>.
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div id="vAkkoordGegevens" class="form__item ">
                      <div class="html">
                        <ul class="list">
                          <li class="list__item">Toestemming geef voor het gebruik van mijn gezondheidsgegevens die van belang zijn om te kunnen profiteren van de beloningen en eventuele cashback op verzekeringen. Bekijk hoe wij omgaan met jouw
                            <a href="https://www.asr.nl/vitality/privacy" target="_blank" class="js-tealium-ga4" data-tealium-ga4="{&quot;action&quot;: &quot;click&quot;, &quot;event_name&quot;: &quot;link&quot;, &quot;tealium_event&quot;: &quot;interaction&quot;, &quot;type&quot;:&quot;internal&quot;, &quot;text_content&quot;: &quot;privacy&quot;, &quot;target_link&quot;: &quot;https://www.asr.nl/vitality/privacy&quot; }">privacy</a>
                            en lees meer in de
                            <a href="https://www.asrnederland.nl/privacyverklaring" target="_blank" class="js-tealium-ga4" data-tealium-ga4="{&quot;action&quot;: &quot;click&quot;, &quot;event_name&quot;: &quot;link&quot;, &quot;tealium_event&quot;: &quot;interaction&quot;, &quot;type&quot;:&quot;external&quot;, &quot;text_content&quot;: &quot;privacyverklaring&quot;, &quot;target_link&quot;: &quot;https://www.asrnederland.nl/privacyverklaring&quot; }">privacyverklaring</a>
                            van a.s.r. </li>
                        </ul>
                      </div>
                    </div>
                    <div id="vAkkoordIBAN" class="form__item " style="display: none;">
                      <div class="html">
                        <ul class="list">
                          <li class="list__item">ASR Vitaliteit &amp; Preventieve Diensten B.V. machtig om maandelijks € 3,50 van het door mij opgegeven bankrekeningnummer te incasseren. </li>
                        </ul>
                      </div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('vAkkoord') -->
                    <div class="form__item" id="outer_vAkkoord" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vAkkoord" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <!-- ko foreach: FormElementOpties -->
                          <div class="form__default"><input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey }" type="checkbox" name="vAkkoord" value="akkoord" id="vAkkoord_akkoord"><label
                              data-bind="html: Value, attr: { for: ExtendedKey }" class="form__checkbox " for="vAkkoord_akkoord">Ik ga akkoord</label></div>
                          <!-- /ko -->
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                  </fieldset>
                </div>
                <!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('pBevestiging') -->
                <div id="pnlpBevestiging" class="" data-bind="visible:TonenAls">
                  <!-- ko if: Label --><!-- /ko -->
                  <fieldset class="form " id="panelpBevestiging">
                    <div id="hIntroBevestiging" class="form__item ">
                      <div class="html_template">Vul hier de bevestigingscode in die we je per e-mail hebben toegestuurd als je e-mailadres '<span data-bind="text: mDigiViewModel.GetFormElement('vEmailZakelijk').FormattedWaarde"></span>' bij ons
                        bekend is.<br> Kun je de e-mail niet vinden? Controleer dan je spam-box. </div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('vCodeBevestiging') -->
                    <div class="form__item" id="outer_vCodeBevestiging" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
                      <label for="vCodeBevestiging" class="form__title"><span data-bind="html:Label">Je code</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
                          (optioneel)</span></label>
                      <div class="form__input">
                        <div class="form__group form__group--width-12">
                          <input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vCodeBevestiging" name="vCodeBevestiging" type="text" placeholder="vul de code uit de e-mail in">
                          <div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
                              data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
                          <div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
                        </div>
                      </div>
                    </div><!-- /ko -->
                    <div id="hOpnieuwBevestigen" class="form__item " style="display: none;">
                      <div class="html_template">Als je e-mailadres '<span data-bind="text: mDigiViewModel.GetFormElement('vEmailZakelijk').FormattedWaarde"></span>' bij ons bekend is, hebben we je een nieuwe code toegestuurd. </div>
                    </div>
                    <!-- ko with: mDigiViewModel.GetFormElement('bOpnieuwResult') -->
                    <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bOpnieuwResult" name="bOpnieuwResult" type="text" style="display: none;">
                    <!-- /ko -->
                    <div class="form__item form__item--ltr">
                      <!-- ko with: mDigiViewModel.GetFormElement('bOpnieuw') --><button id="bOpnieuw" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn " style="display: none;"><span data-bind="html:Label">Stuur mij opnieuw de
                          code</span></button><!-- /ko -->
                    </div>
                  </fieldset>
                </div>
                <!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('bAanmeldenResults') -->
                <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bAanmeldenResults" name="bAanmeldenResults" type="text" style="display: none;">
                <!-- /ko -->
                <!-- ko with: mDigiViewModel.GetFormElement('bVoortzettenResults') -->
                <input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVoortzettenResults" name="bVoortzettenResults" type="text" style="display: none;">
                <!-- /ko -->
                <div class="form__item form__item--ltr">
                  <!-- ko with: mDigiViewModel.GetFormElement('bAanmelden') --><button id="bAanmelden" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verzenden</span></button><!-- /ko -->
                  <!-- ko with: mDigiViewModel.GetFormElement('bVoortzetten') --><button id="bVoortzetten" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn " style="display: none;"><span
                      data-bind="html:Label">Verzenden</span></button><!-- /ko -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /ko -->
      <div id="hInvalideAanmeldcode" class="form__item fdf-initial-padding" style="display: none;">
        <div class="html">
          <h2 class="page-panel__header ">Helaas, het aanmelden is mislukt. </h2> De aanmeldcode in de link die je gebruikt is invalide of al eerder gebruikt.
        </div>
      </div>
    </div>
  </div>
  <div id="divResultaat" data-digiset="2" data-digimain="-1" data-digisetnivo="0" data-digitype="div" data-bind="visible: (mDigiViewModel.GetFormElement(&quot;divResultaat&quot;).Set == mDigiViewModel.CurrentSet0())" style="display: none;">
    <div>
      <div id="hMeldingProcessing" class="form__item ">
        <div class="html">Je aanmelding wordt verwerkt, je wordt doorgestuurd wanneer deze klaar is.</div>
      </div>
      <div id="hMeldingNOK" class="form__item fdf-initial-padding" style="display: none;">
        <div class="html">
          <h1 class="js-title-h1 title__h1 ">Het is niet gelukt om je aan te melden</h1>
          <p style="padding-top: 1.5rem;">Probeer het opnieuw of neem contact met ons op.</p>
          <p>Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.</p>
        </div>
      </div>
      <div id="hMeldingError" class="form__item fdf-initial-padding" style="display: none;">
        <div class="html">
          <h1 class="js-title-h1 title__h1 ">Het is niet gelukt om je aan te melden</h1>
          <p style="padding-top: 1.5rem;">Probeer het opnieuw of neem contact met ons op.</p>
        </div>
      </div>
      <div id="hMeldingOKVoortzetten" class="form__item fdf-initial-padding" style="display: none;">
        <div class="html">
          <h1 class="js-title-h1 title__h1 ">Het is gelukt, je bent aangemeld!</h1>
          <p style="padding-top: 1.5rem;">Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin bevestigen wij dat je je lidmaatschap hebt voortgezet via je werkgever.</p>
        </div>
      </div>
      <div id="hMeldingOKAanmelden" class="form__item fdf-initial-padding" style="display: none;">
        <div class="html">
          <h1 class="js-title-h1 title__h1 ">Het is gelukt, je bent aangemeld!</h1>
          <p style="padding-top: 1.5rem;">Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin vragen we je je e-mailadres te bevestigen. </p>
          <p>Na je bevestiging krijg je een e-mail met je unieke activatiecode voor a.s.r. Vitality. Met deze activatiecode kun je je registreren in de app. Daarna, kun je echt van start!</p>
        </div>
      </div>
      <div id="hWhatsApp" class="form__item fdf-initial-padding">
        <div class="html">
          <p>Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.</p>
          <div class="container">
            <div>
              <a rel="noopener noreferrer" class="o-btn o-btn--whatsapp mr+ js-tealium-ga4" data-tealium-ga4="{&quot;action&quot;: &quot;click&quot;, &quot;event_name&quot;: &quot;button&quot;, &quot;type&quot;:&quot;primary&quot;, &quot;tealium_event&quot;: &quot;interaction&quot;, &quot;text_content&quot;: &quot;whatsapp&quot;, &quot;target_link&quot;: &quot;/vitailty/lidworden/gefaald|geslaagd&quot; }" target="_blank" href="https://wa.me/31651248836"><img src="/Areas/asrnl/Assets/img/vitality/whatsapp-full.svg" alt="WhatsApp"></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

Cookies

De websites van ASR Nederland maken gebruik van cookies. Sommige cookies
plaatsen we altijd, bijvoorbeeld om de websites goed te laten werken en om het
gedrag erop volledig anoniem, te kunnen analyseren. Daarnaast plaatsen we
cookies zodat jij feedback kunt geven, voor social media of om relevante
advertenties op websites van derden te plaatsen. Deze cookies verzamelen
mogelijk gegevens buiten onze websites. Door op ‘Akkoord’ te klikken ga je
akkoord met het plaatsen van deze cookies. Ga je akkoord met onze cookies, dan
kunnen we jouw online gedrag, nadat je bent ingelogd, combineren met
(persoons)gegevens die je online achter laat of eerder aan ons hebt verstrekt.
Wil je zelf aangeven voor welke cookies je toestemming geeft, klik dan op
'Wijzig mijn instellingen'. Meer weten? Lees ons cookiebeleid.

Akkoord Wijzig mijn instellingen
Ad Blocker

Het lijkt er op dat je een ad blocker hebt. Je kunt daardoor niet kiezen welke
cookies wij plaatsen. Daarom plaatsen wij alleen de functionele cookies.

Akkoord
 * Particulier
 * Zakelijk

Toegankelijkheid
Stel je vraag
   
 * Producten
   
 * Thema's
   
   
   
   
 * Over a.s.r.
   
   
   
 * Service & contact
   
 * Adviseur
   

 * Particulier
   * Producten
     * Verzekeren
       * Autoverzekering
       * Inboedelverzekering
       * Woonhuisverzekering
       * Aansprakelijkheidsverzekering
       * Rechtsbijstandverzekering
       * Ongevallenverzekering
       * Doorlopende reisverzekering
       * Alle verzekeringen
       * Snel naar
         * Direct afsluiten
         * Gegevens wijzigen
         * Schade melden
         * Voordeelpakket
     * Pensioen
       * Doenpensioen
       * Werknemerspensioen inloggen
       * Overige pensioenen
       * Persoonlijk pensioen
       * Direct Ingaand Pensioen
       * Alles over jouw pensioen
       * Snel naar
         * Informatie voor werkgevers
         * Inzicht in je financiële situatie
         * Bereken Direct Ingaand Pensioen
     * Hypotheek
       * WelThuis hypotheek
       * Startershypotheek
       * Verduurzamingshypotheek
       * Levensrente hypotheek
       * DigiThuis hypotheek
       * Alles over onze hypotheken
       * Snel naar
         * Actuele hypotheekrente
         * Bereken hoeveel je kunt lenen
         * Mijn Hypotheek inzien of aanpassen
     * Levensverzekeringen
       * Overlijdensrisicoverzekering
       * Belastingregels
       * Alles over onze levensverzekeringen
       * Snel naar
         * Inloggen of een a.s.r. account aanmaken
         * Bereken premie Overlijdensrisicoverzekering
         * Je verzekering uitkeren
         * Je verzekering wijzigen
     * Beleggen
       * Snel naar
         * Maak een belafspraak
         * Service & contact
       * Beleggen voor je pensioen
       * Beleggen voor een eigen doel
       * Inzicht in je financiële situatie
       * Alles over beleggen bij a.s.r.
     * Zorgverzekering
       * Onze zorgverzekeringen
       * Snel naar
         * Vergoeding zoeken
         * Declaratie indienen
         * Zorgverlener zoeken
         * Inloggen
     * Uitvaartverzekering
       * Snel naar
         * Overlijden melden
         * Premie berekenen
         * Persoonlijk advies
         * Service & contact
         * Inloggen of maak een account
       * Uitvaartverzekering a.s.r.
       * Uitvaartkosten berekenen
       * Ardanta is a.s.r.
     * a.s.r. Vitality
       * Lid worden
       * Bekijk de beloningen
       * Zo werkt het
       * Inspiratie
       * Alles over a.s.r. Vitality
       * Snel naar
         * Service en contact
         * Punten verdienen
     * a.s.r. voor
       * Werknemer
       * Zorgaanbieder
   * Thema's
     * Duurzaam leven
       * Duurzaam wonen
       * Duurzaam reizen
       * Duurzaam vervoer
       * Duurzaam consumeren
       * Recyclen
       * Alles over duurzaam leven
     * Geldzaken
       * Omgaan met schulden
       * Studieschuld
       * Geld besparen
       * 18 jaar, wat moet je regelen?
       * Financieel inzicht
       * Mijn financiële doel
       * Sparen of beleggen
       * Geld overhouden door budgetteren
       * Alles over geldzaken
       * Financiële doelen
         * Eerder stoppen met werken
         * Minder werken
         * Kind laten studeren
     * Vitaliteit
       * Voldoende bewegen
       * Burn-out herkennen en voorkomen
       * Gezond leven door een gezonde levensstijl
       * Gezond ouder worden
       * Gezonde voeding
       * Beter leren ontspannen
       * De balans tussen werk en privé
       * Alles over vitaliteit
     * Nieuwe baan
       * Alles over je nieuwe baan
     * Eerste huis
       * Alles over je eerste huis
   * Over a.s.r.
   * Service & contact
   * Adviseur

terug naar Vitality
Home Vitality lid worden

meerminder

 * startinformatie voor deelnemers
 * activity trackers & fitness apps
 * vitality punten verdienen
 * gezondheid check
 * service
 * privacy
 * voor werkgevers
 * voor ondernemers


LEUK DAT JE MEE WILT DOEN MET A.S.R. VITALITY!

Goed nieuws! Je werkgever heeft je uitgenodigd om deel te nemen aan a.s.r.
Vitality. Hét gezondheidsprogramma dat dagelijks bewegen stimuleert door je
wekelijks en maandelijks te belonen.

Nog een paar stappen en je kan aan de slag! Meld je hieronder aan en bevestig je
e-mailadres in de mail die je van ons ontvangt. Vervolgens krijg je een unieke
code waarmee je de a.s.r. Vitality app kan activeren.




GOED OM TE WETEN


 * Je werkgever krijgt van ons nooit informatie die te herleiden is tot jou.
   Lees hier meer over hoe je privacy is gewaarborgd.
 * Je kunt deze uitnodiging ook gebruiken om je lidmaatschap voort te zetten via
   je werkgever met behoud van je Vitality Status en Punten. Dit kan een actief
   lidmaatschap zijn of een lidmaatschap dat niet langer dan 90 dagen geleden is
   beëindigd.
 * Heb je een aanvullende zorgverzekering bij a.s.r. of Ditzo? Dan spaar je
   bovendien voor een cashback op de premie van je verzekering. Hoe meer
   Vitality Punten jij jaarlijks haalt, hoe meer geld je terugkrijgt!

Bekijk hier alle praktische informatie met betrekking tot je lidmaatschap. Zo
maak jij zeker een vliegende start!


Gegevens
Aanpassen Aanpassen
* (optioneel)
Ik meld me aan voor een individueel lidmaatschap
Ik meld me aan op uitnodiging van mijn werkgever


Welke verzekering(en) heb je?
Ik kies zelf van a.s.r. zorgverzekering
Wat is je klantnummer?
Je vindt je klantnummer op je verzekeringspas.




a.s.r. zorgverzekering

Wat is je klantnummer?
Je vindt je klantnummer op je verzekeringspas.



a.s.r. AOV


Wat is je polisnummer?
Je vindt je polisnummer op je polis(aanhangsel), acceptgiro of bankafschrift.
Heb je meerdere polissen? Dan hoef je slechts één polisnummer door te geven. .


Loyalis AOV



Wat is je klantnummer?
Je vindt je klantnummer op je polis. Op MijnLoyalis vind je het nummer ook terug
onder je persoonlijke gegevens.



 

Je werkgever is ''.

   

Geef hier het e-mailadres op, waarmee jouw werkgever je heeft aangemeld en
waarop jij je uitnodiging hebt ontvangen. Om te voorkomen dat iemand zich op
jouw uitnodiging aanmeldt, zal er ter verificatie een code worden verstuurd, die
je in de laatste stap nodig zult hebben om je aanmelding te kunnen versturen.

Je zakelijk e-mailadres * (optioneel)
Vul hier het e-mailadres in dat bekend is bij je werkgever. Hiermee checken we
of je werkgever je als medewerker heeft aangemeld.

Oops! Er gaat iets fout. Controleer je e-mailadres. Krijg je opnieuw een
foutmelding? Vraag dan je werkgever of je met dit e-mailadres bent aangemeld
voor a.s.r. Vitality.

Neem je al deel aan a.s.r. Vitality en wil je je lidmaatschap voortzetten via je
werkgever? Kies dan voor de optie "Ik ben al lid". Hiermee kan jij je huidige
lidmaatschap voortzetten via je werkgever, met behoud van Vitality punten,
Vitality status en eventuele device cashback. Dit kan ook wanneer je
lidmaatschap niet langer dan 90 dagen geleden is beëindigd.

Aanmelden als nieuw lid Ik ben al lid van a.s.r. Vitality


* (optioneel)
Aanmelden als nieuw lid
Ik ben al lid van a.s.r. Vitality


Aanhef * (optioneel)
de heermevrouw


Voorletters en achternaam * (optioneel)

Voornaam * (optioneel)

Geboortedatum * (optioneel)

Mobiele telefoonnummer * (optioneel)

a.s.r. Vitality nummer * (optioneel)
Het a.s.r. Vitality nummer vind je in de Vitality app.
Dit nummer is de identificatie van je huidige, of niet langer dan 90 dagen
geleden beëindigde, lidmaatschap. Geef dit nummer op als je dit lidmaatschap,
met behoud van Vitality Punten en Status, via je werkgever voort wil zetten.


E-mailadres * (optioneel)
Dit e-mailadres wordt gebruikt als login voor de App en voor verdere
communicatie via het programma.

Herhaal e-mailadres * (optioneel)

Verder

Adresgegevens
Aanpassen Aanpassen
Woon je in Nederland? * (optioneel)
JaNee


Land * (optioneel)
Maak een keuze...BelgiëLuxemburgDuitslandMaak een keuze...


Postcode en huisnummer * (optioneel)

Postcode en huisnummer * (optioneel)

Straat * (optioneel)

Woonplaats * (optioneel)

Adres: in
Verder

Betalingsgegevens
Aanpassen Aanpassen
Heb je een kortingcode? * (optioneel)
JaNee


Kortingscode * (optioneel)

undefined
Rekeningnummer * (optioneel)
• a.s.r. Vitality kost €3,50 per maand, haal je een keer je weekdoel dan heb je
je kosten er al uit
• Je betaalt per automatische incasso
• Elke maand opzegbaar

Melding * (optioneel)

Verder

Akkoord en verzenden
Aanpassen Aanpassen
Overzicht van jouw aanvraag
Werkgever * (optioneel)

Naam: * (optioneel)






Geboortedatum: * (optioneel)

Telefoonnummer: * (optioneel)

Emailadres: * (optioneel)

Adres: * (optioneel)



Nederland




Adres: * (optioneel)








Ik kies zelf van a.s.r. klantnummer: * (optioneel)

a.s.r klantnummer: * (optioneel)

a.s.r. polisnummer: * (optioneel)

Loyalis klantnummer: * (optioneel)

IBAN: * (optioneel)

Kortingscode * (optioneel)

Vitality Membership ID: * (optioneel)

Om deel te nemen aan a.s.r. Vitality is het belangrijk dat je akkoord gaat met
onderstaande verklaringen. Ik verklaar dat ik:
 * Kennis heb genomen van de algemene voorwaarden.

 * Toestemming geef voor het gebruik van mijn gezondheidsgegevens die van belang
   zijn om te kunnen profiteren van de beloningen en eventuele cashback op
   verzekeringen. Bekijk hoe wij omgaan met jouw privacy en lees meer in de
   privacyverklaring van a.s.r.

 * ASR Vitaliteit & Preventieve Diensten B.V. machtig om maandelijks € 3,50 van
   het door mij opgegeven bankrekeningnummer te incasseren.

* (optioneel)
Ik ga akkoord


Vul hier de bevestigingscode in die we je per e-mail hebben toegestuurd als je
e-mailadres '' bij ons bekend is.
Kun je de e-mail niet vinden? Controleer dan je spam-box.
Je code * (optioneel)

Als je e-mailadres '' bij ons bekend is, hebben we je een nieuwe code
toegestuurd.
Stuur mij opnieuw de code
Verzenden Verzenden


HELAAS, HET AANMELDEN IS MISLUKT.

De aanmeldcode in de link die je gebruikt is invalide of al eerder gebruikt.
Je aanmelding wordt verwerkt, je wordt doorgestuurd wanneer deze klaar is.


HET IS NIET GELUKT OM JE AAN TE MELDEN

Probeer het opnieuw of neem contact met ons op.

Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.


HET IS NIET GELUKT OM JE AAN TE MELDEN

Probeer het opnieuw of neem contact met ons op.


HET IS GELUKT, JE BENT AANGEMELD!

Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail
van ons. Daarin bevestigen wij dat je je lidmaatschap hebt voortgezet via je
werkgever.


HET IS GELUKT, JE BENT AANGEMELD!

Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail
van ons. Daarin vragen we je je e-mailadres te bevestigen.

Na je bevestiging krijg je een e-mail met je unieke activatiecode voor a.s.r.
Vitality. Met deze activatiecode kun je je registreren in de app. Daarna, kun je
echt van start!

Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.






PRODUCTEN

 * Verzekeren
 * Hypotheek
 * Pensioen
 * Levensverzekeringen
 * Beleggen
 * Zorgverzekering
 * Uitvaartverzekering
 * a.s.r. Vitality


THEMA'S

 * Duurzaam wonen
 * Duurzaam leven
 * Geldzaken
 * Vitaliteit


ZELF REGELEN

 * Inloggen
 * Service en contact
 * Zoek een adviseur


A.S.R.

 * Blogs
 * Over a.s.r.
 * Nieuws & financiële publicaties
 * Werken bij a.s.r.
 * Fondsen en koersen
 * Phishing

 * 
 * 
 * 
 * 
 * 

 * 

 * disclaimer
 * privacyverklaring
 * cookies
 * fraudebeleid
 * beleggingsbeleid
 * meldpunt digitale kwetsbaarheden

© a.s.r.
Lid worden Vitality

meerminder

 * startinformatie voor deelnemers
 * activity trackers & fitness apps
 * vitality punten verdienen
 * gezondheid check
 * service
 * privacy
 * voor werkgevers
 * voor ondernemers