Calculator: Bmi Childs

<div class="o-calculator calculator--bmi-childs js-calculator-bmi-childs-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. Bitte sprechen Sie Ihre Kinderärztin oder Kinderarzt an
                bzw. schauen in unsere weiterführenden Informationen zu diesem Thema.</p>
        </div>
    </noscript>

    <div class="calculator__disclaimer">
        Anmerkung: Die Berechnung erfolgt nach den Leitlinien der Arbeitsgemeinschaft "Adipositas im Kindes- und Jugendalter" (AGA) auf Basis der Perzentilkurven nach Kromeyer-Hauschild. Bei der
        Berechnung des 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 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="bmic_age" aria-label="Alter in Jahren">Alter</label>
                </div>
                <div class="calculator__field">
                    <select class="calculator__select" name="bmic_age" id="bmic_age" required="required" aria-describedBy="errormessage_bmic_age">
                        <option value="">-- bitte w&auml;hlen --</option>
                        <option value="0">0</option>
                        <option value="0.5">0,5</option>
                        <option value="1">1</option>
                        <option value="1.5">1,5</option>
                        <option value="2">2</option>
                        <option value="2.5">2,5</option>
                        <option value="3">3</option>
                        <option value="3.5">3,5</option>
                        <option value="4">4</option>
                        <option value="4.5">4,5</option>
                        <option value="5">5</option>
                        <option value="5.5">5,5</option>
                        <option value="6">6</option>
                        <option value="6.5">6,5</option>
                        <option value="7">7</option>
                        <option value="7.5">7,5</option>
                        <option value="8">8</option>
                        <option value="8.5">8,5</option>
                        <option value="9">9</option>
                        <option value="9.5">9,5</option>
                        <option value="10">10</option>
                        <option value="10.5">10,5</option>
                        <option value="11">11</option>
                        <option value="11.5">11,5</option>
                        <option value="12">12</option>
                        <option value="12.5">12,5</option>
                        <option value="13">13</option>
                        <option value="13.5">13,5</option>
                        <option value="14">14</option>
                        <option value="14.5">14,5</option>
                        <option value="15">15</option>
                        <option value="15.5">15,5</option>
                        <option value="16">16</option>
                        <option value="16.5">16,5</option>
                        <option value="17">17</option>
                        <option value="17.5">17,5</option>
                        <option value="18">18</option>
                    </select>
                    <span class="calculator__input-unit">Jahre</span>
                </div>
                <div class="calculator__errormessage" id="errormessage_bmic_age"></div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="bmic_height" aria-label="Körpergröße in Zentimetern">Körpergröße</label>
                </div>
                <div class="calculator__field">
                    <input class="a-input input--number calculator__input" type="number" min="45" max="195" name="bmic_height" id="bmic_height" aria-describedBy="errormessage_bmic_height" required="required" step="any" />
                    <span class="calculator__input-unit">cm</span>
                </div>
                <div class="calculator__errormessage" id="errormessage_bmic_height">
                </div>
            </div>

            <div class="calculator__form-row">
                <div class="calculator__fieldname">
                    <label for="bmic_weight" aria-label="Gewicht in Kilogramm">Körpergewicht</label>
                </div>
                <div class="calculator__field">
                    <input class="a-input input--number calculator__input" type="number" min="2" max="95" name="bmic_weight" id="bmic_weight" aria-describedBy="errormessage_bmic_weight" required="required" step="any" />
                    <span class="calculator__input-unit">kg</span>
                </div>
                <div class="calculator__errormessage" id="errormessage_bmic_weight">
                </div>
            </div>

            <fieldset class="calculator__form-row" aria-describedby="question_gender">
                <legend class="calculator__fieldname" id="question_gender">Biologisches Geschlecht</legend>
                <div class="calculator__field calculator__field--gender" id="bmic_gender" aria-describedby="errormessage_bmic_gender">
                    <div class="calculator__radio-wrapper">
                        <input type="radio" class="calculator__input--radio" name="bmic_gender" id="bmic_gender_m" value="m" required="required" aria-describedby="errormessage_bmic_gender">
                        <label for="bmic_gender_m" class="calculator__radio-label">männlich</label>
                    </div>
                    <div class="calculator__radio-wrapper">
                        <input type="radio" class="calculator__input--radio" name="bmic_gender" id="bmic_gender_f" value="f" required="required" aria-describedby="errormessage_bmic_gender">
                        <label for="bmic_gender_f" class="calculator__radio-label">weiblich</label>
                    </div>
                </div>
                <div class="calculator__errormessage" id="errormessage_bmic_gender"></div>
            </fieldset>

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

    <div class="calculator__result" id="bmic_result">
        <div class="calculator__result-content">

        </div>
        <div class="calculator__result-hint-part-2">
            <h3>"Kein Grund zur Sorge, wenn der BMI nicht der Norm entspricht"</h3>
            <img alt="Porträt von Professor Doktor Theodor Stemper" src="../../images/16x9/mann-mit-tablet.jpg">
            <div class="result__cta-container">
                <p>Im Gespräch erklärt der Sportwissenschaftler und Universitätsprofessor Dr. Stemper, welche Bedeutung der BMI für Kinder hat.</p><a class="a-btn btn--primary" href="https://preview.barmer.de/a007261" title="zum Interview mit Prof. Dr. Stemper">Jetzt das Interview lesen</a>
                <p></p>
            </div>
        </div>
    </div>
</div>