Calculator: Stress

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

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

    <p class="calculator__disclaimer">
        <strong>Wichtiger Hinweis:</strong> Ein Selbsttest kann nur eine erste Einschätzung und grobe Orientierung in Bezug
        auf Ihre Stressbelastung geben. Er ersetzt kein persönliches Gespräch mit einer Fachkraft. Vereinbaren Sie einen
        Termin bei Ihrem Hausarzt/Hausärztin, um ein genaueres Bild zu bekommen.
    </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="calculator__error-list js-calculator__error-list"></ul>
        </div>

        <fieldset id="str_question_1" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_1-error" aria-labelledby="str_question_groupname_1">
            <legend class="calculator__fieldname" id="str_question_groupname_1" aria-label="Erstens: Wie oft haben Sie sich in der letzten Woche darüber aufgeregt, dass etwas Unerwartetes eingetreten ist?">1. Wie oft haben Sie sich in der letzten Woche darüber aufgeregt, dass etwas Unerwartetes eingetreten ist?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_1" id="str_question_1_a" value="0">
                <label class="calculator__radio-label" for="str_question_1_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_1" id="str_question_1_b" value="1">
                <label class="calculator__radio-label" for="str_question_1_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_1" id="str_question_1_c" value="2">
                <label class="calculator__radio-label" for="str_question_1_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_1" id="str_question_1_d" value="3">
                <label class="calculator__radio-label" for="str_question_1_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_1" id="str_question_1_e" value="4">
                <label class="calculator__radio-label" for="str_question_1_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_1"></div>
        </fieldset>

        <fieldset id="str_question_2" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_2-error" aria-labelledby="str_question_groupname_2">
            <legend class="calculator__fieldname" id="str_question_groupname_2" aria-label="Zweitens: Wie oft hatten Sie in der letzten Woche das Gefühl, wichtige Dinge in Ihrem Leben nicht beeinflussen zu können?">2. Wie oft hatten Sie in der letzten Woche das Gefühl, wichtige Dinge in Ihrem Leben nicht beeinflussen zu können?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_2" id="str_question_2_a" value="0">
                <label class="calculator__radio-label" for="str_question_2_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_2" id="str_question_2_b" value="1">
                <label class="calculator__radio-label" for="str_question_2_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_2" id="str_question_2_c" value="2">
                <label class="calculator__radio-label" for="str_question_2_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_2" id="str_question_2_d" value="3">
                <label class="calculator__radio-label" for="str_question_2_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_2" id="str_question_2_e" value="4">
                <label class="calculator__radio-label" for="str_question_2_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_2"></div>
        </fieldset>

        <fieldset id="str_question_3" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_3-error" aria-labelledby="str_question_groupname_3">
            <legend class="calculator__fieldname" id="str_question_groupname_3" aria-label="Drittens: Wie oft hatten Sie sich in der letzten Woche angespannt und gestresst gefühlt?">3. Wie oft hatten Sie sich in der letzten Woche angespannt und "gestresst" gefühlt?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_3" id="str_question_3_a" value="0">
                <label class="calculator__radio-label" for="str_question_3_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_3" id="str_question_3_b" value="1">
                <label class="calculator__radio-label" for="str_question_3_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_3" id="str_question_3_c" value="2">
                <label class="calculator__radio-label" for="str_question_3_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_3" id="str_question_3_d" value="3">
                <label class="calculator__radio-label" for="str_question_3_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_3" id="str_question_3_e" value="4">
                <label class="calculator__radio-label" for="str_question_3_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_3"></div>
        </fieldset>

        <fieldset id="str_question_4" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_4-error" aria-labelledby="str_question_groupname_4">
            <legend class="calculator__fieldname" id="str_question_groupname_4" aria-label="Viertens: Wie oft haben Sie sich in der letzten Woche selbstsicher im Umgang mit persönlichen Aufgaben und Problemen gefühlt?">4. Wie oft haben Sie sich in der letzten Woche selbstsicher im Umgang mit persönlichen Aufgaben und Problemen gefühlt?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_4" id="str_question_4_a" value="4">
                <label class="calculator__radio-label" for="str_question_4_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_4" id="str_question_4_b" value="3">
                <label class="calculator__radio-label" for="str_question_4_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_4" id="str_question_4_c" value="2">
                <label class="calculator__radio-label" for="str_question_4_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_4" id="str_question_4_d" value="1">
                <label class="calculator__radio-label" for="str_question_4_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_4" id="str_question_4_e" value="0">
                <label class="calculator__radio-label" for="str_question_4_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_4"></div>
        </fieldset>

        <fieldset id="str_question_5" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_5-error" aria-labelledby="str_question_groupname_5">
            <legend class="calculator__fieldname" id="str_question_groupname_5" aria-label="Fünftens: Wie oft hatten Sie in der letzten Woche das Gefühl, dass sich die Dinge nach Ihren Vorstellungen entwickeln?">5. Wie oft hatten Sie in der letzten Woche das Gefühl, dass sich die Dinge nach Ihren Vorstellungen entwickeln?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_5" id="str_question_5_a" value="4">
                <label class="calculator__radio-label" for="str_question_5_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_5" id="str_question_5_b" value="3">
                <label class="calculator__radio-label" for="str_question_5_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_5" id="str_question_5_c" value="2">
                <label class="calculator__radio-label" for="str_question_5_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_5" id="str_question_5_d" value="1">
                <label class="calculator__radio-label" for="str_question_5_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_5" id="str_question_5_e" value="0">
                <label class="calculator__radio-label" for="str_question_5_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_5"></div>
        </fieldset>

        <fieldset id="str_question_6" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_6-error" aria-labelledby="str_question_groupname_6">
            <legend class="calculator__fieldname" id="str_question_groupname_6" aria-label="Sechstens: Wie oft hatten Sie in der letzten Woche das Gefühl, mit all den anstehenden Aufgaben und Problemen nicht richtig umgehen zu können?">6. Wie oft hatten Sie in der letzten Woche das Gefühl, mit all den anstehenden Aufgaben und Problemen nicht richtig umgehen zu können?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_6" id="str_question_6_a" value="0">
                <label class="calculator__radio-label" for="str_question_6_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_6" id="str_question_6_b" value="1">
                <label class="calculator__radio-label" for="str_question_6_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_6" id="str_question_6_c" value="2">
                <label class="calculator__radio-label" for="str_question_6_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_6" id="str_question_6_d" value="3">
                <label class="calculator__radio-label" for="str_question_6_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_6" id="str_question_6_e" value="4">
                <label class="calculator__radio-label" for="str_question_6_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_6"></div>
        </fieldset>

        <fieldset id="str_question_7" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_7-error" aria-labelledby="str_question_groupname_7">
            <legend class="calculator__fieldname" id="str_question_groupname_7" aria-label="Siebtens: Wie oft hatten Sie in der letzten Woche das Gefühl, mit Verärgerungen in Ihrem Leben klarzukommen?">7. Wie oft hatten Sie in der letzten Woche das Gefühl, mit Verärgerungen in Ihrem Leben klarzukommen?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_7" id="str_question_7_a" value="4">
                <label class="calculator__radio-label" for="str_question_7_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_7" id="str_question_7_b" value="3">
                <label class="calculator__radio-label" for="str_question_7_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_7" id="str_question_7_c" value="2">
                <label class="calculator__radio-label" for="str_question_7_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_7" id="str_question_7_d" value="1">
                <label class="calculator__radio-label" for="str_question_7_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_7" id="str_question_7_e" value="0">
                <label class="calculator__radio-label" for="str_question_7_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_7"></div>
        </fieldset>

        <fieldset id="str_question_8" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_8-error" aria-labelledby="str_question_groupname_8">
            <legend class="calculator__fieldname" id="str_question_groupname_8" aria-label="Achtens: Wie oft hatten Sie in der letzten Woche das Gefühl, alles im Griff zu haben?">8. Wie oft hatten Sie in der letzten Woche das Gefühl, alles im Griff zu haben?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_8" id="str_question_8_a" value="4">
                <label class="calculator__radio-label" for="str_question_8_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_8" id="str_question_8_b" value="3">
                <label class="calculator__radio-label" for="str_question_8_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_8" id="str_question_8_c" value="2">
                <label class="calculator__radio-label" for="str_question_8_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_8" id="str_question_8_d" value="1">
                <label class="calculator__radio-label" for="str_question_8_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_8" id="str_question_8_e" value="0">
                <label class="calculator__radio-label" for="str_question_8_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_8"></div>
        </fieldset>

        <fieldset id="str_question_9" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_9-error" aria-labelledby="str_question_groupname_9">
            <legend class="calculator__fieldname" id="str_question_groupname_9" aria-label="Neuntens: Wie oft haben Sie sich in der letzten Woche aufgrund von Dingen geärgert, die Sie nicht beeinflussen können?">9. Wie oft haben Sie sich in der letzten Woche aufgrund von Dingen geärgert, die Sie nicht beeinflussen können?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_9" id="str_question_9_a" value="0">
                <label class="calculator__radio-label" for="str_question_9_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_9" id="str_question_9_b" value="1">
                <label class="calculator__radio-label" for="str_question_9_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_9" id="str_question_9_c" value="2">
                <label class="calculator__radio-label" for="str_question_9_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_9" id="str_question_9_d" value="3">
                <label class="calculator__radio-label" for="str_question_9_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_9" id="str_question_9_e" value="4">
                <label class="calculator__radio-label" for="str_question_9_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_9"></div>
        </fieldset>

        <fieldset id="str_question_10" class="calculator__form-row" role="radiogroup" aria-describedby="str_form_input_errormessage_str_question_10-error" aria-labelledby="str_question_groupname_10">
            <legend class="calculator__fieldname" id="str_question_groupname_10" aria-label="Zehntens: Wie oft hatten Sie in der letzten Woche das Gefühl, dass sich die Schwierigkeiten so aufgestaut haben, dass Sie diese nicht mehr bewältigen können?">10. Wie oft hatten Sie in der letzten Woche das Gefühl, dass sich die Schwierigkeiten so aufgestaut haben, dass Sie diese nicht mehr bewältigen können?</legend>
            <div class="calculator__radio-label-wrapper">
                <input required type="radio" class="calculator__input--radio" name="str_question_10" id="str_question_10_a" value="0">
                <label class="calculator__radio-label" for="str_question_10_a">nie</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_10" id="str_question_10_b" value="1">
                <label class="calculator__radio-label" for="str_question_10_b">eher selten</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_10" id="str_question_10_c" value="2">
                <label class="calculator__radio-label" for="str_question_10_c">manchmal</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_10" id="str_question_10_d" value="3">
                <label class="calculator__radio-label" for="str_question_10_d">eher häufig</label>
            </div>
            <div class="calculator__radio-label-wrapper">
                <input type="radio" class="calculator__input--radio" name="str_question_10" id="str_question_10_e" value="4">
                <label class="calculator__radio-label" for="str_question_10_e">sehr oft</label>
            </div>
            <div class=" calculator__errormessage" id="str_form_input_errormessage_str_question_10"></div>
        </fieldset>

        <input class="calculator__btn--primary a-btn btn--primary" type="submit" value="Fragen auswerten" title="Fragen auswerten" id="str_button">
    </form>

    <div class="calculator__result" id="str_result" style="max-height: 0;"></div>
</div>