Calculator: Maternity Protection

Ready

HTML
View
Context
Info
Notes


        
        <div class="o-calculator calculator--maternity-protection js-calculator-maternity-protection-init ">

    <noscript>
        <div class="calculator__noscript-hint">
            In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den Rechner zur Ermittlung Ihres Kalorienbedarfs auf dieser Seite daher nicht in interaktiver Form nutzen.
        </div>
    </noscript>

    <div class="calculator__disclaimer">
        <strong>Anmerkung:</strong> Der Mutterschutz- und Elternzeitrechner berücksichtigt die maximalen Ansprüche, die Sie haben. Für individuelle Fristen lesen Sie bitte die Erläuterungen unten. Der Elternzeitrechner berechnet die Elternzeit, die innerhalb der ersten 36 Monaten nach der Geburt am Stück genommen wird. Aufgrund der sehr unterschiedlichen Bedingungen, die für die Elternzeit gelten haben wir unten weitere Informationen bereitgestellt.
        <p>Alle mit * markierten Felder sind zur Berechnung erforderlich.</p>
    </div>

    <form class="calculator__form" novalidate>
        <div class="calculator__error">
            <h3 class="calculator__error-headline" tabindex="-1">
                <i class="a-icon icon--warning-circle" aria-hidden="true"></i>Beachten Sie Folgendes:
            </h3>
            <ul class="calculator__error-list js-calculator__error-list"></ul>
        </div>
        <fieldset class="calculator__fieldset" aria-label="Mutterschutz-Rechner">
            <legend class="sr-only">Jetzt Mutterschutz und Elternzeit berechnen. Geben Sie dafür mindestens das voraussichtliche Geburstdatum an.</legend>
            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_predicted_date_of_birth">Voraussichtliches Geburtsdatum*</label>
                </div>
                <div class="calculator__field">
                    <input required class="a-input input--date calculator__input" type="date" name="mpplc_predicted_date_of_birth" id="mpplc_predicted_date_of_birth" aria-describedBy="mpplc_predicted_date_of_birth_errormessage-error" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" />
                </div>
                <div class="calculator__errormessage" id="mpplc_predicted_date_of_birth_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_actual_date_of_birth">Tatsächliches Geburtsdatum</label>
                </div>
                <div class="calculator__field">
                    <input class="a-input input--date calculator__input" type="date" name="mpplc_actual_date_of_birth" id="mpplc_actual_date_of_birth" aria-describedBy="mpplc_form_input_errormessage_actual_date_of_birth" />
                </div>
                <div class="calculator__errormessage" id="mpplc_actual_date_of_birth_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_premature_birth">Frühgeburt</label>
                </div>
                <div class="calculator__field calculator__field--choice">
                    <input type="checkbox" name="mpplc_premature_birth" id="mpplc_premature_birth" value="true">
                    <span class="calculator__field-label" aria-hidden="true">ja</span>
                </div>
                <div class="calculator__errormessage" id="mpplc_mpplc_premature_birth_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_multiple_birth">Mehrlingsgeburt</label>
                </div>
                <div class="calculator__field calculator__field--choice">
                    <input type="checkbox" name="mpplc_multiple_birth" id="mpplc_multiple_birth" value="true">
                    <span class="calculator__field-label" aria-hidden="true">ja</span>
                </div>
                <div class="calculator__errormessage" id="mpplc_multiple_birth_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_newborn_with_disability">Kind mit Behinderung</label>
                </div>
                <div class="calculator__field calculator__field--choice">
                    <input type="checkbox" name="mpplc_newborn_with_disability_checked" id="mpplc_newborn_with_disability" value="true">
                    <span class="calculator__field-label" aria-hidden="true">ja</span>
                </div>
                <div class="calculator__errormessage" id="mpplc_newborn_with_disability_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_parental_leave_from" id="mpplc_parental_leave_from_label">Elternzeit ab Beginn des</label>
                </div>

                <div class="calculator__field">
                    <select class="calculator__select" name="mpplc_parental_leave_from" id="mpplc_parental_leave_from" aria-describedBy="mpplc_parental_leave_from_label">
                        <option aria-label="Bitte wählen" value="">Bitte wählen</option>
                        <option aria-label="1. Lebensmonat" value="1">1.</option>
                        <option aria-label="2. Lebensmonat" value="2">2.</option>
                        <option aria-label="3. Lebensmonat" value="3">3.</option>
                        <option aria-label="4. Lebensmonat" value="4">4.</option>
                        <option aria-label="5. Lebensmonat" value="5">5.</option>
                        <option aria-label="6. Lebensmonat" value="6">6.</option>
                        <option aria-label="7. Lebensmonat" value="7">7.</option>
                        <option aria-label="8. Lebensmonat" value="8">8.</option>
                        <option aria-label="9. Lebensmonat" value="9">9.</option>
                        <option aria-label="10. Lebensmonat" value="10">10.</option>
                        <option aria-label="11. Lebensmonat" value="11">11.</option>
                        <option aria-label="12. Lebensmonat" value="12">12.</option>
                        <option aria-label="13. Lebensmonat" value="13">13.</option>
                        <option aria-label="14. Lebensmonat" value="14">14.</option>
                        <option aria-label="15. Lebensmonat" value="15">15.</option>
                        <option aria-label="16. Lebensmonat" value="16">16.</option>
                        <option aria-label="17. Lebensmonat" value="17">17.</option>
                        <option aria-label="18. Lebensmonat" value="18">18.</option>
                        <option aria-label="19. Lebensmonat" value="19">19.</option>
                        <option aria-label="20. Lebensmonat" value="20">20.</option>
                        <option aria-label="21. Lebensmonat" value="21">21.</option>
                        <option aria-label="22. Lebensmonat" value="22">22.</option>
                        <option aria-label="23. Lebensmonat" value="23">23.</option>
                        <option aria-label="24. Lebensmonat" value="24">24.</option>
                        <option aria-label="25. Lebensmonat" value="25">25.</option>
                        <option aria-label="26. Lebensmonat" value="26">26.</option>
                        <option aria-label="27. Lebensmonat" value="27">27.</option>
                        <option aria-label="28. Lebensmonat" value="28">28.</option>
                        <option aria-label="29. Lebensmonat" value="29">29.</option>
                        <option aria-label="30. Lebensmonat" value="30">30.</option>
                        <option aria-label="31. Lebensmonat" value="31">31.</option>
                        <option aria-label="32. Lebensmonat" value="32">32.</option>
                        <option aria-label="33. Lebensmonat" value="33">33.</option>
                        <option aria-label="34. Lebensmonat" value="34">34.</option>
                        <option aria-label="35. Lebensmonat" value="35">35.</option>
                        <option aria-label="36. Lebensmonat" value="36">36.</option>
                    </select>
                    <span class="calculator__input-unit">Lebensmonats</span>
                </div>
                <div class="calculator__errormessage" id="mpplc_parental_leave_from_errormessage"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="mpplc_parental_leave_till" id="mpplc_parental_leave_till_label">Elternzeit bis Ende des</label>
                </div>
                <div class="calculator__field">
                    <select class="calculator__select" name="mpplc_parental_leave_till" id="mpplc_parental_leave_till" aria-describedBy="mpplc_parental_leave_till_label">

                        <option aria-label="Bitte wählen" value="">Bitte wählen</option>
                        <option aria-label="1. Lebensmonat" value="1">1.</option>
                        <option aria-label="2. Lebensmonat" value="2">2.</option>
                        <option aria-label="3. Lebensmonat" value="3">3.</option>
                        <option aria-label="4. Lebensmonat" value="4">4.</option>
                        <option aria-label="5. Lebensmonat" value="5">5.</option>
                        <option aria-label="6. Lebensmonat" value="6">6.</option>
                        <option aria-label="7. Lebensmonat" value="7">7.</option>
                        <option aria-label="8. Lebensmonat" value="8">8.</option>
                        <option aria-label="9. Lebensmonat" value="9">9.</option>
                        <option aria-label="10. Lebensmonat" value="10">10.</option>
                        <option aria-label="11. Lebensmonat" value="11">11.</option>
                        <option aria-label="12. Lebensmonat" value="12">12.</option>
                        <option aria-label="13. Lebensmonat" value="13">13.</option>
                        <option aria-label="14. Lebensmonat" value="14">14.</option>
                        <option aria-label="15. Lebensmonat" value="15">15.</option>
                        <option aria-label="16. Lebensmonat" value="16">16.</option>
                        <option aria-label="17. Lebensmonat" value="17">17.</option>
                        <option aria-label="18. Lebensmonat" value="18">18.</option>
                        <option aria-label="19. Lebensmonat" value="19">19.</option>
                        <option aria-label="20. Lebensmonat" value="20">20.</option>
                        <option aria-label="21. Lebensmonat" value="21">21.</option>
                        <option aria-label="22. Lebensmonat" value="22">22.</option>
                        <option aria-label="23. Lebensmonat" value="23">23.</option>
                        <option aria-label="24. Lebensmonat" value="24">24.</option>
                        <option aria-label="25. Lebensmonat" value="25">25.</option>
                        <option aria-label="26. Lebensmonat" value="26">26.</option>
                        <option aria-label="27. Lebensmonat" value="27">27.</option>
                        <option aria-label="28. Lebensmonat" value="28">28.</option>
                        <option aria-label="29. Lebensmonat" value="29">29.</option>
                        <option aria-label="30. Lebensmonat" value="30">30.</option>
                        <option aria-label="31. Lebensmonat" value="31">31.</option>
                        <option aria-label="32. Lebensmonat" value="32">32.</option>
                        <option aria-label="33. Lebensmonat" value="33">33.</option>
                        <option aria-label="34. Lebensmonat" value="34">34.</option>
                        <option aria-label="35. Lebensmonat" value="35">35.</option>
                        <option aria-label="36. Lebensmonat" value="36">36.</option>

                    </select>
                    <span class="calculator__input-unit">Lebensmonats</span>
                </div>
                <div class="calculator__errormessage" id="mpplc_parental_leave_till_errormessage"></div>
            </div>

            <input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Berechnen" aria-label="Mutterschutzfristen und Elternzeit Berechnen" />

        </fieldset>
    </form>

    <div class="calculator__result" id="mpplc_result"></div>

</div>


        <div class="o-calculator calculator--maternity-protection js-calculator-maternity-protection-init {{viewtypes.specifier}}">

  <noscript>
    <div class="calculator__noscript-hint">
      In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den Rechner zur Ermittlung Ihres Kalorienbedarfs auf dieser Seite daher nicht in interaktiver Form nutzen.
    </div>
  </noscript>

  <div class="calculator__disclaimer">
    <strong>Anmerkung:</strong> Der Mutterschutz- und Elternzeitrechner berücksichtigt die maximalen Ansprüche, die Sie haben. Für individuelle Fristen lesen Sie bitte die Erläuterungen unten. Der Elternzeitrechner berechnet die Elternzeit, die innerhalb der ersten 36 Monaten nach der Geburt am Stück genommen wird. Aufgrund der sehr unterschiedlichen Bedingungen, die für die Elternzeit gelten haben wir unten weitere Informationen bereitgestellt.
    <p>Alle mit * markierten Felder sind zur Berechnung erforderlich.</p>
  </div>

  <form class="calculator__form" novalidate>
    <div class="calculator__error">
      <h3 class="calculator__error-headline" tabindex="-1">
        <i class="a-icon icon--warning-circle" aria-hidden="true"></i>Beachten Sie Folgendes:</h3>
      <ul class="calculator__error-list js-calculator__error-list"></ul>
    </div>
      <fieldset class="calculator__fieldset" aria-label="Mutterschutz-Rechner">
        <legend class="sr-only">Jetzt Mutterschutz und Elternzeit berechnen. Geben Sie dafür mindestens das voraussichtliche Geburstdatum an.</legend>
        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_predicted_date_of_birth">Voraussichtliches Geburtsdatum*</label>
          </div>
          <div class="calculator__field">
            <input required class="a-input input--date calculator__input" type="date" name="mpplc_predicted_date_of_birth" id="mpplc_predicted_date_of_birth" aria-describedBy="mpplc_predicted_date_of_birth_errormessage-error" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))"/>
          </div>
          <div class="calculator__errormessage" id="mpplc_predicted_date_of_birth_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_actual_date_of_birth">Tatsächliches Geburtsdatum</label>
          </div>
          <div class="calculator__field">
            <input class="a-input input--date calculator__input" type="date" name="mpplc_actual_date_of_birth" id="mpplc_actual_date_of_birth" aria-describedBy="mpplc_form_input_errormessage_actual_date_of_birth"/>
          </div>
          <div class="calculator__errormessage" id="mpplc_actual_date_of_birth_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_premature_birth">Frühgeburt</label>
          </div>
          <div class="calculator__field calculator__field--choice">
            <input type="checkbox" name="mpplc_premature_birth" id="mpplc_premature_birth" value="true">
            <span class="calculator__field-label" aria-hidden="true">ja</span>
          </div>
          <div class="calculator__errormessage" id="mpplc_mpplc_premature_birth_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_multiple_birth">Mehrlingsgeburt</label>
          </div>
          <div class="calculator__field calculator__field--choice">
            <input type="checkbox" name="mpplc_multiple_birth" id="mpplc_multiple_birth" value="true">
            <span class="calculator__field-label" aria-hidden="true">ja</span>
          </div>
          <div class="calculator__errormessage" id="mpplc_multiple_birth_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_newborn_with_disability">Kind mit Behinderung</label>
          </div>
          <div class="calculator__field calculator__field--choice">
            <input type="checkbox" name="mpplc_newborn_with_disability_checked" id="mpplc_newborn_with_disability" value="true">
            <span class="calculator__field-label" aria-hidden="true">ja</span>
          </div>
          <div class="calculator__errormessage" id="mpplc_newborn_with_disability_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_parental_leave_from" id="mpplc_parental_leave_from_label">Elternzeit ab Beginn des</label>
          </div>

          <div class="calculator__field">
            <select class="calculator__select" name="mpplc_parental_leave_from" id="mpplc_parental_leave_from" aria-describedBy="mpplc_parental_leave_from_label">
              {{#each this.content.options}}
                <option aria-label="{{text}}{{#if value}} Lebensmonat{{/if}}" value="{{value}}">{{text}}</option>
              {{/each}}
            </select>
            <span class="calculator__input-unit">Lebensmonats</span>
          </div>
          <div class="calculator__errormessage" id="mpplc_parental_leave_from_errormessage"></div>
        </div>

        <div class="calculator__form-row">
          <div class="calculator__fieldname">
            <label for="mpplc_parental_leave_till" id="mpplc_parental_leave_till_label">Elternzeit bis Ende des</label>
          </div>
          <div class="calculator__field">
            <select class="calculator__select" name="mpplc_parental_leave_till" id="mpplc_parental_leave_till" aria-describedBy="mpplc_parental_leave_till_label">

              {{#each this.content.options}}
                <option aria-label="{{text}}{{#if value}} Lebensmonat{{/if}}" value="{{value}}">{{text}}</option>
              {{/each}}

            </select>
            <span class="calculator__input-unit">Lebensmonats</span>
          </div>
          <div class="calculator__errormessage" id="mpplc_parental_leave_till_errormessage"></div>
        </div>

        <input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Berechnen" aria-label="Mutterschutzfristen und Elternzeit Berechnen"/>

      </fieldset>
    </form>

  <div class="calculator__result" id="mpplc_result"></div>

</div>


        
            
            {
  "switches": {
    "hasDisclaimer": true
  },
  "viewtypes": {
    "specifier": ""
  },
  "content": {
    "noscriptText": "In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den Tool auf dieser Seite daher nicht in interaktiver Form nutzen.",
    "resultId": "result",
    "options": [
      {
        "value": "",
        "text": "Bitte wählen"
      },
      {
        "value": 1,
        "text": "1."
      },
      {
        "value": 2,
        "text": "2."
      },
      {
        "value": 3,
        "text": "3."
      },
      {
        "value": 4,
        "text": "4."
      },
      {
        "value": 5,
        "text": "5."
      },
      {
        "value": 6,
        "text": "6."
      },
      {
        "value": 7,
        "text": "7."
      },
      {
        "value": 8,
        "text": "8."
      },
      {
        "value": 9,
        "text": "9."
      },
      {
        "value": 10,
        "text": "10."
      },
      {
        "value": 11,
        "text": "11."
      },
      {
        "value": 12,
        "text": "12."
      },
      {
        "value": 13,
        "text": "13."
      },
      {
        "value": 14,
        "text": "14."
      },
      {
        "value": 15,
        "text": "15."
      },
      {
        "value": 16,
        "text": "16."
      },
      {
        "value": 17,
        "text": "17."
      },
      {
        "value": 18,
        "text": "18."
      },
      {
        "value": 19,
        "text": "19."
      },
      {
        "value": 20,
        "text": "20."
      },
      {
        "value": 21,
        "text": "21."
      },
      {
        "value": 22,
        "text": "22."
      },
      {
        "value": 23,
        "text": "23."
      },
      {
        "value": 24,
        "text": "24."
      },
      {
        "value": 25,
        "text": "25."
      },
      {
        "value": 26,
        "text": "26."
      },
      {
        "value": 27,
        "text": "27."
      },
      {
        "value": 28,
        "text": "28."
      },
      {
        "value": 29,
        "text": "29."
      },
      {
        "value": 30,
        "text": "30."
      },
      {
        "value": 31,
        "text": "31."
      },
      {
        "value": 32,
        "text": "32."
      },
      {
        "value": 33,
        "text": "33."
      },
      {
        "value": 34,
        "text": "34."
      },
      {
        "value": 35,
        "text": "35."
      },
      {
        "value": 36,
        "text": "36."
      }
    ]
  },
  "partials": {}
}

Handle: @calculator--maternity-protection
Variants (14): Default , Alcohol Addiction , Bmi Simple , Bmi Childs , Co 2 , Ovulation , Date Of Birth , Icd Translator , Calorie Requirement , Maternity Protection , Stress , Benefit Existing Clients , Benefit New Clients , Benefit Leaving Clients
Preview:
- With layout
- Component only
Filesystem Path: src/components/organisms/calculator/calculator--maternity-protection.hbs
Referenced by (3): @index, @mutterschutz-rechner, @overview-rechner

No notes defined.