Calculator: Ovulation

<div class="o-calculator calculator--ovulation js-calculator-ovulation-init ">

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

    <p class="calculator__disclaimer">
        <strong>Anmerkung</strong>: Der Zyklus einer Frau ist individuell und von verschiedenen Faktoren abhängig. Dieser Rechner zur Bestimmung des Datums für einen Eisprung kann daher lediglich einen Anhaltspunkt
        liefern.
    </p>

    <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="js-calculator__error-list"></ul>
        </div>
        <fieldset class="calculator__fieldset">
            <legend class="sr-only">Berechnen Sie den voraussichtlichen Eisprungtermin.</legend>
            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="ovul_first_day_last_menstrual_period">Erster Tag der letzten Monatsblutung</label>
                </div>
                <div class="calculator__field">
                    <input required class="a-input input--date calculator__input" type="date" id="ovul_first_day_last_menstrual_period" aria-label="Erster Tag der letzten Monatsblutung" />
                </div>
                <div class="calculator__errormessage" id="ovul_form_input_errormessage_first_day_last_menstrual_period"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="ovul_length_menstrual_period" aria-label="Dauer des Menstruationszyklus in Tagen">Dauer des Menstruationszyklus</label>
                </div>
                <div class="calculator__field">
                    <input required class="a-input input--number calculator__input calculator__input--half" type="number" min="20" max="40" id="ovul_length_menstrual_period" /><span class="calculator__input-unit">Tage</span>
                </div>
                <div class="calculator__errormessage" id="ovul_form_input_errormessage_length_menstrual_period"></div>
            </div>

            <input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Eisprungtermin berechnen" title="Eisprungtermin berechnen">

        </fieldset>
    </form>
    <div class="calculator__result" id="ovul_result"></div>

</div>