Calculator: Bmi Simple

<div class="o-calculator calculator--bmi-simple js-calculator-bmi-simple-init ">

    <noscript>
        <div class="calculator__noscript-hint">
            <p>In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den BMI-Rechner auf dieser Seite daher nicht in interaktiver Form nutzen. Wenn Sie Ihren BMI dennoch ermitteln möchten, können Sie diese allgemeine Formel zu Berechnung verwenden:</p>
            <p>Körpergewicht in Kilogramm geteilt durch Körpergröße in Metern zum Quadrat</p>
            <p><strong>Beispiel</strong><br />
                Körpergewicht: 80 kg, Körpergröße: 1,79 Meter<br />
                1,79 x 1,79 = 3,2<br />
                80 / 3,2 = 25<br />
                Der BMI liegt bei 25.</p>
            <p>Wichtig: Der BMI-Wert ist mit dieser einfachen Formel nur näherungsweise korrekt, da hier das Geschlecht und Alter nicht berücksichtigt werden, was auf die BMI-Bereiche für Unter-, Normal- und Übergewicht Einfluss hat.</p>
        </div>
    </noscript>

    <div class="calculator__disclaimer">
        Anmerkung: bei der Berechnung Ihres individuellen Body-Mass-Index kann es zu leichten Abweichungen aufgrund von Rundungsdifferenzen kommen.
    </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="js-calculator__error-list"></ul>
        </div>

        <fieldset class="calculator__fieldset">
            <legend class="sr-only">Geben Sie Ihr Alter, Körpergröße und Körpergewicht ein, um den BMI zu berechnen.</legend>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="bmi_age" aria-label="Ihr Alter in Jahren">Alter</label>
                </div>

                <div class="calculator__field">
                    <input class="a-input input--number calculator__input" type="number" required="required" min="0" max="150" name="bmi_age" id="bmi_age" step="any" aria-describedBy="errormessage_bmi_age" value="" />
                    <span class="calculator__input-unit">Jahre</span>
                </div>

                <div class="calculator__errormessage" id="errormessage_bmi_age"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="bmi_height" aria-label="Ihre Körpergröße in Zentimetern">Körpergröße</label>
                </div>

                <div class="calculator__field">
                    <input class="a-input input--number calculator__input" type="number" required="required" min="50" max="250" name="bmi_height" id="bmi_height" step="any" aria-describedBy="errormessage_bmi_height" value="" /><span class="calculator__input-unit">cm</span>
                </div>

                <div class="calculator__errormessage" id="errormessage_bmi_height"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="bmi_weight" aria-label="Ihr Gewicht in Kilogramm">Körpergewicht</label>
                </div>

                <div class="calculator__field">
                    <input class="a-input input--number calculator__input" type="number" required="required" min="20" max="350" name="bmi_weight" id="bmi_weight" step="any" aria-describedBy="errormessage_bmi_weight" value="" /><span class="calculator__input-unit">kg</span>
                </div>

                <div class="calculator__errormessage" id="errormessage_bmi_weight"></div>
            </div>

            <input class="a-btn btn--primary calculator__btn--primary" type="submit" value="BMI berechnen" title="BMI berechnen" id="bmi_button">
        </fieldset>
    </form>

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

</div>