<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Alkoholabhängigkeit (Alcohol Addiction)
</h4>
</div>
<div class="o-calculator calculator--alcohol-addiction js-calculator-alcohol-addiction-init ">
<noscript>
<div class="calculator__noscript-hint"> In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den Rechner auf
dieser Seite daher nicht in interaktiver Form nutzen.
</div>
</noscript>
<div class="calculator__disclaimer">
<strong>Wichtiger Hinweis:</strong> Ein Selbsttest kann nur eine erste Einschätzung und
grobe Orientierung in Bezug auf die eigenen Trinkgewohnheiten geben. Er ersetzt kein persönliches Gespräch mit einer
Fachkraft. Vereinbaren Sie einen Termin bei Ihrem Hausarzt/Hausärztin oder einer Suchtberatungsstelle, um ein
genaueres Bild zu bekommen.
</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>
<!-- Question 1 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_1" id="aat_question_1" aria-describedby="aat_form_input_errormessage_aat_question_1-error">
<legend class="calculator__fieldname" id="aat_question_groupname_1" aria-label="Erstens: Welches Geschlecht haben Sie">1. Welches Geschlecht haben Sie?</legend>
<div class="calculator__radio-label-wrapper">
<input role="radio" required type="radio" class="calculator__input--radio" name="aat_question_1" id="aat_question_1_f" value="f">
<label class="calculator-module__radio-label" for="aat_question_1_f">weiblich</label>
</div>
<div class="calculator__radio-label-wrapper">
<input role="radio" type="radio" class="calculator__input--radio" name="aat_question_1" id="aat_question_1_m" value="m">
<label class="calculator-module__radio-label" for="aat_question_1_m">männlich</label>
</div>
<div class="calculator__radio-label-wrapper">
<input role="radio" type="radio" class="calculator__input--radio" name="aat_question_1" id="aat_question_1_d" value="d">
<label class="calculator-module__radio-label" for="aat_question_1_d">divers</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_1"></div>
</fieldset>
<!-- Question 2 -->
<fieldset class="calculator__form-row js-calculator-row" id="aat_question_2" role="radiogroup" aria-labelledby="aat_question_groupname_2" aria-describedby="aat_form_input_errormessage_aat_question_2-error">
<legend class="calculator__fieldname" id="aat_question_groupname_2" aria-label="Zweitens: Wie oft nehmen Sie ein alkoholisches Getränk zu sich">2. Wie oft nehmen Sie ein alkoholisches Getränk zu sich?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_2" id="aat_question_2_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_2_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_2" id="aat_question_2_b" value="1" aria-label="Ein mal im Monat oder weniger.">
<label class="calculator-module__radio-label" for="aat_question_2_b">1 x im Monat oder weniger</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_2" id="aat_question_2_c" value="2" aria-label="Zwei bis vier mal im Monat.">
<label class="calculator-module__radio-label" for="aat_question_2_c">2 - 4 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_2" id="aat_question_2_d" value="3" aria-label="Zwei bis drei mal in der Woche.">
<label class="calculator-module__radio-label" for="aat_question_2_d">2 - 3 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_2" id="aat_question_2_e" value="4" aria-label="Vier mal oder mehr die Woche.">
<label class="calculator-module__radio-label" for="aat_question_2_e">4 x oder mehr die Woche</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_2"></div>
</fieldset>
<!-- Question 3 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_3" id="aat_question_3" aria-describedby="aat_form_input_errormessage_aat_question_3-error">
<legend class="calculator__fieldname" id="aat_question_groupname_3" aria-label="Drittens: Wenn Sie alkoholische Getränke konsumieren, wie viel trinken Sie dann typischerweise an einem Tag?">3. Wenn Sie alkoholische Getränke konsumieren, wie viel trinken Sie dann typischerweise an einem Tag?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_3" id="aat_question_3_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_3_a">1 oder 2 Getränke</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_3" id="aat_question_3_b" value="1">
<label class="calculator-module__radio-label" for="aat_question_3_b">3 oder 4 Getränke</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_3" id="aat_question_3_c" value="2">
<label class="calculator-module__radio-label" for="aat_question_3_c">5 oder 6 Getränke</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_3" id="aat_question_3_d" value="3">
<label class="calculator-module__radio-label" for="aat_question_3_d">7 bis 9 Getränke</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_3" id="aat_question_3_e" value="4" aria-label="Zehn oder mehr Getränke">
<label class="calculator-module__radio-label" for="aat_question_3_e">10 oder mehr Getränke</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_3"></div>
</fieldset>
<!-- Question 4 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_4" id="aat_question_4" aria-describedby="aat_form_input_errormessage_aat_question_4-error">
<legend class="calculator__fieldname" id="aat_question_groupname_4" aria-label="Viertens: Wie oft trinken Sie bei einer Gelegenheit sechs oder mehr Gläser Alkohol?">4. Wie oft trinken Sie bei einer Gelegenheit sechs oder mehr Gläser Alkohol?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_4" id="aat_question_4_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_4_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_4" id="aat_question_4_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_4_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_4" id="aat_question_4_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_4_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_4" id="aat_question_4_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_4_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_4" id="aat_question_4_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_4_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_4"></div>
</fieldset>
<!-- Question 5 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_5" id="aat_question_5" aria-describedby="aat_form_input_errormessage_aat_question_5-error">
<legend class="calculator__fieldname" id="aat_question_groupname_5" aria-label="Fünftens: Wie oft haben Sie in den letzten 12 Monaten erlebt, dass Sie nicht mehr mit dem Trinken aufhören konnten, nachdem Sie einmal begonnen hatten?">5. Wie oft haben Sie in den letzten 12 Monaten erlebt, dass Sie nicht mehr mit dem Trinken aufhören konnten, nachdem Sie einmal begonnen hatten?
</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_5" id="aat_question_5_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_5_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_5" id="aat_question_5_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_5_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_5" id="aat_question_5_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_5_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_5" id="aat_question_5_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_5_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_5" id="aat_question_5_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_5_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_5"></div>
</fieldset>
<!-- Question 6 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_6" id="aat_question_6" aria-describedby="aat_form_input_errormessage_aat_question_6-error">
<legend class="calculator__fieldname" id="aat_question_groupname_6" aria-label="Sechstens: Wie oft passierte es im letzten Jahr, dass Sie wegen des Trinkens Erwartungen, die normalerweise an Sie gestellt werden, nicht mehr erfüllen konnten?">6. Wie oft passierte es im letzten Jahr, dass Sie wegen des Trinkens Erwartungen, die normalerweise an Sie gestellt werden, nicht mehr erfüllen konnten?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_6" id="aat_question_6_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_6_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_6" id="aat_question_6_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_6_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_6" id="aat_question_6_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_6_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_6" id="aat_question_6_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_6_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_6" id="aat_question_6_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_6_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_6"></div>
</fieldset>
<!-- Question 7 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_7" id="aat_question_7" aria-describedby="aat_form_input_errormessage_aat_question_7-error">
<legend class="calculator__fieldname" id="aat_question_groupname_7" aria-label="Siebtens: Wie oft brauchten Sie in den letzten 12 Monate am Morgen ein alkoholisches Getränk, um sich nach einem Abend mit viel Alkohol wieder fit zu fühlen?">7. Wie oft brauchten Sie in den letzten 12 Monate am Morgen ein alkoholisches Getränk, um sich nach einem Abend mit viel Alkohol wieder fit zu fühlen?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_7" id="aat_question_7_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_7_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_7" id="aat_question_7_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_7_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_7" id="aat_question_7_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_7_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_7" id="aat_question_7_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_7_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_7" id="aat_question_7_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_7_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_7"></div>
</fieldset>
<!-- Question 8 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_8" id="aat_question_8" aria-describedby="aat_form_input_errormessage_aat_question_8-error">
<legend class="calculator__fieldname" id="aat_question_groupname_8" aria-label="Achtens: Wie oft hatten Sie während der letzten 12 Monate wegen Ihrer Trinkgewohnheiten ein Gefühl der Schuld oder Reue?">8. Wie oft hatten Sie während der letzten 12 Monate wegen Ihrer Trinkgewohnheiten ein Gefühl der Schuld oder Reue?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_8" id="aat_question_8_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_8_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_8" id="aat_question_8_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_8_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_8" id="aat_question_8_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_8_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_8" id="aat_question_8_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_8_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_8" id="aat_question_8_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_8_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_8"></div>
</fieldset>
<!-- Question 9 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_9" id="aat_question_9" aria-describedby="aat_form_input_errormessage_aat_question_9-error">
<legend class="calculator__fieldname" id="aat_question_groupname_9" aria-label="Neuntens: Wie oft konnten Sie sich in den letzten 12 Monate nicht mehr an den vorherigen Abend erinnern, weil Sie getrunken hatten?">9. Wie oft konnten Sie sich in den letzten 12 Monate nicht mehr an den vorherigen Abend erinnern, weil Sie getrunken hatten?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_9" id="aat_question_9_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_9_a">nie</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_9" id="aat_question_9_b" value="1" aria-label="weniger als ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_9_b">weniger als 1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_9" id="aat_question_9_c" value="2" aria-label="ein mal im Monat">
<label class="calculator-module__radio-label" for="aat_question_9_c">1 x im Monat</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_9" id="aat_question_9_d" value="3" aria-label="ein mal in der Woche">
<label class="calculator-module__radio-label" for="aat_question_9_d">1 x in der Woche</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_9" id="aat_question_9_e" value="4">
<label class="calculator-module__radio-label" for="aat_question_9_e">täglich oder fast täglich</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_9"></div>
</fieldset>
<!-- Question 10 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_10" id="aat_question_10" aria-describedby="aat_form_input_errormessage_aat_question_10-error">
<legend class="calculator__fieldname" id="aat_question_groupname_10" aria-label="Zehntens: Haben Sie schon einmal sich oder eine andere Person unter Alkoholeinfluss verletzt?">10. Haben Sie schon einmal sich oder eine andere Person unter Alkoholeinfluss verletzt?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_10" id="aat_question_10_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_10_a">nein</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_10" id="aat_question_10_b" value="2">
<label class="calculator-module__radio-label" for="aat_question_10_b">ja, aber nicht in diesem oder letztem Jahr</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_10" id="aat_question_10_c" value="4">
<label class="calculator-module__radio-label" for="aat_question_10_c">ja, in diesem oder letztem Jahr</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_10"></div>
</fieldset>
<!-- Question 11 -->
<fieldset class="calculator__form-row js-calculator-row" role="radiogroup" aria-labelledby="aat_question_groupname_11" id="aat_question_11" aria-describedby="aat_form_input_errormessage_aat_question_11-error">
<legend class="calculator__fieldname" id="aat_question_groupname_11" aria-label="Elftens: Hat ein Familienmitglied, Freundin/Freund, Ärztin/Arzt schon einmal Bedenken wegen Ihres Trinkverhaltens geäußert oder empfohlen, dass Sie Ihren Alkoholkonsum einschränken sollten?">11. Hat ein Familienmitglied, Freundin/Freund, Ärztin/Arzt schon einmal Bedenken wegen Ihres Trinkverhaltens geäußert oder empfohlen, dass Sie Ihren Alkoholkonsum einschränken sollten?</legend>
<div class="calculator__radio-label-wrapper">
<input required type="radio" class="calculator__input--radio" name="aat_question_11" id="aat_question_11_a" value="0">
<label class="calculator-module__radio-label" for="aat_question_11_a">nein</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_11" id="aat_question_11_b" value="2">
<label class="calculator-module__radio-label" for="aat_question_11_b">ja, aber nicht in den letzten 12 Monaten</label>
</div>
<div class="calculator__radio-label-wrapper">
<input type="radio" class="calculator__input--radio" name="aat_question_11" id="aat_question_11_c" value="4">
<label class="calculator-module__radio-label" for="aat_question_11_c">ja, während der letzten 12 Monate</label>
</div>
<div class="calculator__errormessage" id="aat_form_input_errormessage_aat_question_11"></div>
</fieldset>
<input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Berechnen" title="Testergebnis berechnen" id="aat_button">
</form>
<div class="calculator__result" id="aat_result"></div>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Eisprung (Ovulation)
</h4>
</div>
<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>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Geburtstermin (Date of Birth)
</h4>
</div>
<div class="o-calculator calculator--date-of-birth js-calculator-date-of-birth-init ">
<noscript>
<div class="dob_hint_noscript 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> Die Dauer einer Schwangerschaft ist immer individuell. Genau am errechneten Termin enden nur etwa 4% aller Schwangerschaften. Eine genauere Auskunft zum voraussichtlichen Geburtstermin und zur Schwangerschaftswoche kann Ihnen Ihre Frauenärztin oder Ihr Frauenarzt geben.
</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">Angaben zu Ihren Monatsblutungen</legend>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<label for="dob_first_day_last_menstrual_period" aria-label="Erster Tag der letzten Monatsblutung">Erster Tag der letzten Monatsblutung</label>
</div>
<div class="calculator__field">
<input required class="a-input input--date calculator__input" type="date" name="dob_first_day_last_menstrual_period" id="dob_first_day_last_menstrual_period" aria-describedBy="dob_form_input_errormessage_first_day_last_menstrual_period" />
</div>
<div class="calculator__errormessage" id="dob_form_input_errormessage_first_day_last_menstrual_period">
</div>
</div>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<label for="dob_length_menstrual_period" class="calculator-module__form-label" 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" name="dob_length_menstrual_period" id="dob_length_menstrual_period" aria-describedBy="dob_form_input_errormessage_length_menstrual_period" /><span class="calculator__input-unit">Tage</span>
</div>
<div class="calculator__errormessage" id="dob_form_input_errormessage_length_menstrual_period">
</div>
</div>
<input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Geburtstermin berechnen" title="Geburtstermin berechnen">
</fieldset>
</form>
<div class="calculator__result" id="dob_result">
</div>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner BMI-Simple
</h4>
</div>
<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>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner BMI für Kinder (BMI-Childs)
</h4>
</div>
<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ä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>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner CO2
</h4>
</div>
<div class="o-calculator calculator--co2 js-calculator-co2-init ">
<noscript>
<div class="calculator__noscript-hint">
In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können den CO<sub>2</sub>-Rechner auf dieser Seite daher
nicht in interaktiver Form nutzen.
</div>
</noscript>
<form class="calculator__form">
<fieldset class="calculator__fieldset">
<div class="calculator__form-row">
<div class="calculator__fieldname">
<!-- @TODO: Zuordnung LABEL[for] ==> DIV[id] ist nicht valide. Da muss ein anderes Code-Pattern her wg der Möglichkeit weitere Zeilen zu addieren! -->
<label for="co2c_fruits_and_vegetables_1">Obst und Gemüse</label>
</div>
<div class="calculator__form--inner-row" id="co2c_fruits_and_vegetables_1"></div>
</div>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<!-- @TODO: Zuordnung LABEL[for] ==> DIV[id] ist nicht valide. Da muss ein anderes Code-Pattern her wg der Möglichkeit weitere Zeilen zu addieren! -->
<label for="co2c_milk_eggs_milk_replacements_1">Milchprodukte, Eier und Milchersatzprodukte</label>
</div>
<div class="calculator__form--inner-row" id="co2c_milk_eggs_milk_replacements_1"></div>
</div>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<!-- @TODO: Zuordnung LABEL[for] ==> DIV[id] ist nicht valide. Da muss ein anderes Code-Pattern her wg der Möglichkeit weitere Zeilen zu addieren! -->
<label for="co2c_meat_alternative_protein_1">Fleisch und alternative Proteinlieferanten</label>
</div>
<div class="calculator__form--inner-row" id="co2c_meat_alternative_protein_1"></div>
</div>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<!-- @TODO: Zuordnung LABEL[for] ==> DIV[id] ist nicht valide. Da muss ein anderes Code-Pattern her wg der Möglichkeit weitere Zeilen zu addieren! -->
<label for="co2c_starch_oil_sugar_1">Stärke-, öl- oder zuckerhaltige Produkte</label>
</div>
<div class="calculator__form--inner-row" id="co2c_starch_oil_sugar_1"></div>
</div>
<div class="calculator__form-row">
<div class="calculator__fieldname">
<!-- @TODO: Zuordnung LABEL[for] ==> DIV[id] ist nicht valide. Da muss ein anderes Code-Pattern her wg der Möglichkeit weitere Zeilen zu addieren! -->
<label for="co2c_beverages_1">Getränke</label>
</div>
<div class="calculator__form--inner-row" id="co2c_beverages_1"></div>
</div>
<input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Anzeigen" title="CO2-Werte anzeigen" id="co2c_button">
</fieldset>
</form>
<div id="co2c_result" class="calculator__result"></div>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner ICD (ICD Translator)
</h4>
</div>
<div class="o-calculator calculator--icd-translator js-calculator-icd-translator-init ">
<noscript>
<div class="calculator__noscript-hint">
In Ihrem Webbrowser ist JavaScript deaktiviert - Sie können die ICD-Suche daher nicht nutzen.
</div>
</noscript>
<form class="calculator__form">
<fieldset class="calculator__fieldset">
<div class="calculator__form-row">
<div class="calculator__fieldname">
<label for="icd_abbr">ICD-Kürzel</label>
</div>
<div class="calculator__field">
<input class="a-input input--date calculator__input" type="text" name="icd_abbr" id="icd_abbr" aria-describedBy="icd_abbr" />
</div>
<div class="calculator__errormessage" id="icd_form_input_errormessage_icd_abbr"></div>
</div>
<input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Erläuterung anzeigen" title="Erläuterung anzeigen" id="icd_button">
</fieldset>
</form>
<div class="calculator__result" id="icd_result"></div>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Kalorienbedarf (Calorie Requirements)
</h4>
</div>
<div class="o-calculator calculator--calorie-requirement js-calculator-calorie-requirement-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> Die Ergebnisse solcher Berechnungen sind als Richtwerte zu verstehen, da niemals alle individuellen Faktoren berücksichtigt werden. Sie gelten für gesunde Menschen im normalgewichtigen Bereich ohne weitere Besonderheiten (z. B. Schwangerschaft & Stillzeit, Erkrankungen, hormonelle Störungen, Medikamenteneinnahmen).
</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">
<legend class="sr-only">Geben Sie Ihr Geschlecht, Alter und Körpergewicht ein und wählen Sie ein Aktivitätsniveau, um ihren Kalorienbedarf zu berechnen.</legend>
<fieldset class="calculator__form-row" aria-describedby="question_gender">
<legend class="calculator__fieldname" id="question_gender">Geschlecht</legend>
<div class="calculator__input-wrapper" id="crc_gender" aria-describedby="crc_form_input_errormessage_crc_gender">
<div class="calculator__radio-wrapper">
<input required type="radio" class="calculator__input--radio" name="crc_gender" id="crc_gender_f" value="f" aria-describedby="crc_form_input_errormessage_crc_gender">
<label for="crc_gender_f" class="calculator__radio-label">weiblich</label>
</div>
<div class="calculator__radio-wrapper">
<input type="radio" class="calculator__input--radio" name="crc_gender" id="crc_gender_m" value="m" aria-describedby="crc_form_input_errormessage_crc_gender">
<label for="crc_gender_m" class="calculator__radio-label">männlich</label>
</div>
<div class="calculator__radio-wrapper">
<input type="radio" class="calculator__input--radio" name="crc_gender" id="crc_gender_d" value="d" aria-describedby="crc_form_input_errormessage_crc_gender">
<label for="crc_gender_d" class="calculator__radio-label">divers</label>
</div>
</div>
<div class="calculator__errormessage" id="crc_form_input_errormessage_crc_gender"></div>
</fieldset>
<div class=" calculator__form-row" aria-label="Alter in Jahren">
<label for="crc_age" class="calculator__fieldname" aria-label="Alter in Jahren">Alter</label>
<div class="calculator__input-wrapper">
<input required class="a-input input--number calculator__input calculator__input--half" type="number" step="any" min="1" max="120" name="crc_age" id="crc_age" aria-describedby="crc_form_input_errormessage_crc_age" />
<span class="calculator__input-unit">Jahre</span>
</div>
<div class="calculator__errormessage" id="crc_form_input_errormessage_crc_age"></div>
</div>
<div class=" calculator__form-row" aria-label="Körpergewicht in Kilogramm">
<label class="calculator__fieldname" for="crc_weight" aria-label="Körpergewicht in Kilogramm.">Körpergewicht</label>
<div class="calculator__input-wrapper">
<input required class="a-input input--number calculator__input calculator__input--half" type="number" step="any" min="10" max="350" name="crc_weight" id="crc_weight" aria-describedby="crc_form_input_errormessage_crc_weight" />
<span class="calculator__input-unit">kg</span>
</div>
<div class="calculator__errormessage" id="crc_form_input_errormessage_crc_weight"></div>
</div>
<div class=" calculator__form-row">
<label for="crc_pal" class="calculator__fieldname">Aktivitätsniveau</label>
<div class="calculator__input-wrapper">
<select required class="calculator__select" name="crc_pal" id="crc_pal" aria-describedby="crc_form_input_errormessage_crc_pal">
<option value="">-- bitte wählen --</option>
<option value="a">ausschließlich sitzende oder liegende Lebensweise</option>
<option value="b">ausschließlich sitzende Tätigkeit mit wenig oder keiner anstrengenden Freizeitaktivität</option>
<option value="c">sitzende, gehende und stehende Tätigkeit, wenig oder keine anstrengende Freizeitaktivität</option>
<option value="d">überwiegend gehende und stehende Arbeit</option>
<option value="e">körperlich anstrengende berufliche Arbeit oder sehr aktive Freizeittätigkeit</option>
</select>
<span class="sr-only">Aktivitätsniveau</span>
</div>
<div class="calculator__errormessage" id="crc_form_input_errormessage_crc_pal"></div>
</div>
<input class="a-btn btn--primary calculator__btn--primary" type="submit" value="Kalorienbedarf berechnen" title="Kalorienbedarf berechnen" id="crc_button">
</fieldset>
</form>
<div class="calculator__result" id="crc_result" style="max-height: 0;"></div>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Mutterschutz (Maternity Protection)
</h4>
</div>
<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-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Stress
</h4>
</div>
<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>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Vorteilsrechner Bestandskunden (Benefits Existing Clients)
</h4>
</div>
<div class="o-calculator calculator--benefit js-calculator-benefit-init is-existing-client">
<!-- @TODO: Bin mit nicht sicher, in wie weit ein FORM-Element aufgrund der Card-Aufbauweise hier überhaupt nötig/sinnvoll ist -->
<form id="bc_form" class="calculator__form" name="bc_benefits">
<fieldset class="calculator__fieldset">
<div class="calculator__card-deck">
<div class="calculator__card" id="bc_card_0" hidden>
<div class="calculator__card-content">
<!-- @TODO: Bild muss anders eingebunden werden wg Persitierung der src-URL! -->
<img src="https://www.barmer.de/blueprint/servlet/image/25714/36x11/1080/330/19cd3ccb1b2d0f3bff773a81eff2286/Wd/familie-tobt-im-garten.jpg" alt="Bild" />
<br />
<div class="calculator__card-content-bar-headline">Gesundheit ist, was du draus machst.</div>
<p>
<strong>Wir stellen Dich in den Mittelpunkt: Mit unseren Zusatzleistungen sparst Du bares Geld für Dinge,
die Dir wichtig sind.</strong>
<br />
<br />
Mach den Test und erfahre mit nur wenigen Klicks, wie auch Du ganz persönlich von der BARMER profitieren
kannst.
</p>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary" value="Schenk uns 2 Minuten deiner Zeit">
</div>
</div>
<!-- CARD 1 interests -->
<div class="calculator__card" id="bc_card_1" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_1_content_headline">Platzhalter: Was interessiert
Sie
besonders?
</div>
<p class="calculator__card-content-description" id="bc_card_1_content_description">Platzhalter:
Mehrfachauswahl
möglich</p>
<div class="calculator__options-wrapper">
<label for="bc_interests_food">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_food">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_food" id="bc_interests_food" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_food_checkbox_text">
Platzhalter: Ernährung
</div>
</div>
</label>
<label for="bc_interests_relaxation">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_relaxation">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_relaxation" id="bc_interests_relaxation" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_relaxation_checkbox_text">
Platzhalter: Entspannung
</div>
</div>
</label>
<label for="bc_interests_sports">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_sports">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_sports" id="bc_interests_sports" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_sports_checkbox_text">
Platzhalter: Sport
</div>
</div>
</label>
<label for="bc_interests_family">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_family">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_family" id="bc_interests_family" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_family_checkbox_text">
Platzhalter: Familie & Kinderwunsch
</div>
</div>
</label>
<label for="bc_interests_health">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_health">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_health" id="bc_interests_health" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_health_checkbox_text">
Platzhalter: Gesundheit
</div>
</div>
</label>
<label for="bc_interests_travel">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_travel">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_travel" id="bc_interests_travel" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_travel_checkbox_text">
Platzhalter: Reisen
</div>
</div>
</label>
</div>
<div class="calculator__input-errormessage" id="bc_interests_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="a-btn btn--primary calculator__btn--primary calculator__nav-btn--next" id="bc_card_1_nav_button_next" value="Platzhalter: Weiter">
</div>
</div>
<!-- CARD 2 matches -->
<div class="calculator__card" id="bc_card_2" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_2_content_headline">Platzhalter: Sie sind...
</div>
<p class="calculator__card-content-description" id="bc_card_2_content_description">Platzhalter:
Mehrfachauswahl
möglich</p>
<div class="calculator__options-wrapper">
<label for="bc_matches_student">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_student">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_student" id="bc_matches_student" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_student_checkbox_text">
Platzhalter: Student(in)
</div>
</div>
</label>
<label for="bc_matches_pupil_apprentice">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_pupil_apprentice">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_pupil_apprentice" id="bc_matches_pupil_apprentice" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_pupil_apprentice_checkbox_text">Platzhalter: in Schule oder
Ausbildung
</div>
</div>
</label>
<label for="bc_matches_employee">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_employee">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_employee" id="bc_matches_employee" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_employee_checkbox_text">
Platzhalter: Angestellte(r)
</div>
</div>
</label>
<label for="bc_matches_self_employed">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_self_employed">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_self_employed" id="bc_matches_self_employed" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_self_employed_checkbox_text">
Platzhalter: selbstständig
</div>
</div>
</label>
<label for="bc_matches_retired">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_retired">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_retired" id="bc_matches_retired" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_retired_checkbox_text">
Platzhalter: Rentner(in)
</div>
</div>
</label>
</div>
<div class="calculator__input-errormessage" id="bc_matches_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_2_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" class="a-btn btn--primary calculator__btn--primary calculator__nav-btn--next" id="bc_card_2_nav_button_next" value="Platzhalter: Weiter">
</div>
</div>
<!-- CARD 3 personal data -->
<div class="calculator__card" id="bc_card_3" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_3_content_headline">Platzhalter: Sie sind...
</div>
<div id="bc_gender" class="calculator__card-section">
<div class="calculator__options-wrapper">
<label for="bc_gender_f">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_f">
<input class="js-show-hide-content-3_1 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_f" value="f">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_f_radio_text">
Platzhalter:
weiblich
</div>
</div>
</label>
<label for="bc_gender_m">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_m">
<input class="js-show-hide-content-3_1 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_m" value="m">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_m_radio_text">
Platzhalter:
männlich
</div>
</div>
</label>
<label for="bc_gender_d">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_d">
<input class="js-show-hide-content-3 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_d" value="d">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_d_radio_text">
Platzhalter:
divers
</div>
</div>
</label>
</div>
<div class="calculator__form-hint " id="bc_card_3_content_hint_1">
<!--
<div class="bc_form_hint_wrapper"><i class="icon icon-info" aria-hidden="true"></i><div class="bc_form_hint_text">Bitte beachten Sie, dass wir bei der Auswahl "divers" einige geschlechtsspezifische Leistungen, wie zum Beispiel Schwangerschaftsvorsorge, bei der Berechnung der Vorteile nicht berücksichtigen können.</div> </div>
-->
</div>
<div class="calculator__input-errormessage " id="bc_gender_errormessage"></div>
</div>
<div class=" calculator__card-section calculator__section--age" id="bc_card_3_content_section_age">
<div class="calculator__card-content-headline" id="bc_card_3_content_section_age_content_headline">
Platzhalter: Ihr
Alter ist
</div>
<p class="calculator__slider-wrapper">
<input type="range" class="calculator__slider js-range-for-me-person" id="bc_age" name="bc_age" min="0" max="120" step="1" value="0">
<span class="calculator__slider-value" id="bc_age_info_placement">Platzhalter: ?</span>
<label for="bc_age" id="bc_card_3_age_info_placement_text">Platzhalter: Jahre</label>
<div class="calculator__input-errormessage" id="bc_age_errormessage"></div>
</p>
</div>
<div class="calculator__input-wrapper">
<!-- !!! createListOfPersons(); is needed here if bc is run for the second time and already at least bc_user is given -->
<input type="button" id="bc_card_nav_card_3_button_additional_persons" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_content_1 calculator__display-none js-add-additional-persons" value="Platzhalter: Familienmitglied hinzufügen">
</div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_3_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" id="bc_card_nav_card_3_button_benefits" class=" a-btn btn--primary calculator__btn--primary calculator__display-none js-jump-gender-to-results" value="Platzhalter: Zu Ihren BARMER-Vorteilen">
</div>
</div>
<!-- CARD 4 overview additional persons -->
<div class="calculator__card bc_card_type_5" id="bc_card_4" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_4_content_headline">Platzhalter: Die
Krankenversicherung
für die ganze Familie
</div>
<div class="calculator__card-content-description">
<div id="bc_card_4_content_description">
<p>Platzhalter: Natürlich profitieren alle in der Familienversicherung von den BARMER-Vorteilen.</p>
<p class="calculator__list-title">Hinzugefügte Personen:</p>
</div>
<div class="calculator__list-wrapper" id="bc_list_additional_persons"></div>
</div>
<div class="calculator__input-wrapper">
<input type="button" class="a-btn btn--secondary bc_card_nav_button_content_1 js-add-person" id="bc_card_4_nav_button_content_1" value="Platzhalter: Familienmitglied hinzufügen">
</div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_4_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" class="calculator__btn--secondary a-btn btn--primary calculator__nav-btn--next calculator__display-none js-jump-additional-persons-to-results" id="bc_card_4_nav_button_content_2" value="Platzhalter: Zu den BARMER-Vorteilen">
</div>
</div>
<!-- @TODO: Checken des Markups. Ich habe das Gefühl, dass an mehreren Ecken die Verschachtelung nicht stimmt und zuviele/zuwenige Closing DIVs/Ps da sind!! -->
<!-- CARD 5 add/alter additional person -->
<div class="calculator__card bc_card_type_5" id="bc_card_5" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_5_content_headline">Platzhalter: Familienmitglied
hinzufügen
</div>
<p class="calculator__card-content-description">
<label class="calculator__text-input-label" id="bc_card_5_text_input_label_1">Platzhalter: Wie lautet der
Name?</label>
<input class="js-show-hide-content-additional-person-gender calculator__text" type="text" name="bc_additional_person_name" id="bc_additional_person_name">
<div class="calculator__input-errormessage" id="bc_additional_person_name_errormessage"></div>
</p><!-- @TODO: Wait, hier stimmt mit den closing P-Tags hier und drei Zeilen dadrunter nicht -->
<div class=" calculator__display-none calculator__card-section" id="bc_additional_person_gender">
<!-- id has to be the same as name of radio to be addressable for setAttribute within function markError() -->
</p>
<p class="calculator__card-content-description calculator__card-content-title" id="bc_card_5_content_description_1">
Platzhalter: Bitte geben Sie das Geschlecht an
</p>
<div class="calculator__options-wrapper">
<label for="bc_additional_person_gender_f">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_f">
<input type="radio" class="calculator__card-radio calculator__input--radio" name="bc_additional_person_gender" id="bc_additional_person_gender_f" value="f">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_f_radio_text">Platzhalter: weiblich
</div>
</div>
</label>
<label for="bc_additional_person_gender_m">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_m">
<input class="js-show-hide-content-5-1 calculator__card-radio calculator__input--radio" type="radio" name="bc_additional_person_gender" id="bc_additional_person_gender_m" value="m">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_m_radio_text">Platzhalter: männlich
</div>
</div>
</label>
<label for="bc_additional_person_gender_d">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_d">
<input class="js-show-hide-content-5 calculator__card-radio calculator__input--radio" type="radio" name="bc_additional_person_gender" id="bc_additional_person_gender_d" value="d">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_d_radio_text">Platzhalter: divers
</div>
</div>
</label>
</div>
<div class="calculator__form-hint " id="bc_card_5_content_hint_1">
</div>
<div class="calculator__input-errormessage" id="bc_additional_person_gender_errormessage"></div>
</div>
<div class=" calculator__display-none calculator__card-section" id="bc_card_5_content_section_age">
<p class="calculator__card-content-description calculator__card-content-title" id="bc_card_5_content_description_2">
Platzhalter: Bitte verraten Sie uns das Alter
</p>
<p class="calculator__slider-wrapper">
<input type="range" class="calculator__slider js-range-for-additional-person" id="bc_additional_person_age" name="bc_additional_person_age" min="0" max="120" step="1" value="0">
<span class="calculator__slider-value" id="bc_additional_person_age_info_placement">Platzhalter: ?</span>
<label for="bc_additional_person_age" id="bc_additional_person_age_info">Platzhalter: Jahre</label>
<div class="calculator__input-errormessage" id="bc_additional_person_age_errormessage"></div>
</p>
</div>
<div class="calculator__input-errormessage" name="bc_additional_person_errormessage" id="bc_additional_person_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_5_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" id="bc_card_nav_card_5_button_add_person" class=" a-btn btn--primary calculator__btn--primary calculator__nav-btn--next calculator__display-none js-save-additional-person" value="Platzhalter: hinzufügen">
</div>
</div>
<!-- CARD 6 collection of benefits -->
<div class="calculator__card" id="bc_card_6" hidden>
<div class="calculator__card-content-headline" id="bc_card_6_content_headline">Platzhalter: Ihr persönlicher Vorteil aus unseren Extra-Leistungen:
</div>
<div class="calculator__card-content">
<div class="calculator__result-overview" id="bc_benefits_overview"></div>
</div>
<div class="calculator__card-nav">
<span id="bc_card_6_nav_button_membership"></span>
<input type="button" class="calculator__btn--secondary a-btn btn--secondary calculator__nav-btn--home" id="bc_card_6_nav_button_home" value="Platzhalter: Neu berechnen">
</div>
</div>
</div>
</fieldset>
</form>
</div>
<div class="o-teaser teaser--bannermodule cs--a">
<h4 class="teaser__headline">
Rechner Vorteilsrechner Neukunden (Benefits New Clients)
</h4>
</div>
<div class="o-calculator calculator--benefit js-calculator-benefit-init is-new-client">
<!-- @TODO: Bin mit nicht sicher, in wie weit ein FORM-Element aufgrund der Card-Aufbauweise hier überhaupt nötig/sinnvoll ist -->
<form id="bc_form" class="calculator__form" name="bc_benefits">
<fieldset class="calculator__fieldset">
<div class="calculator__card-deck">
<div class="calculator__card" id="bc_card_0" hidden>
<div class="calculator__card-content">
<!-- @TODO: Bild muss anders eingebunden werden wg Persitierung der src-URL! -->
<img src="https://www.barmer.de/blueprint/servlet/image/25714/36x11/1080/330/19cd3ccb1b2d0f3bff773a81eff2286/Wd/familie-tobt-im-garten.jpg" alt="Bild" />
<br />
<div class="calculator__card-content-bar-headline">Gesundheit ist, was du draus machst.</div>
<p>
<strong>Wir stellen Dich in den Mittelpunkt: Mit unseren Zusatzleistungen sparst Du bares Geld für Dinge,
die Dir wichtig sind.</strong>
<br />
<br />
Mach den Test und erfahre mit nur wenigen Klicks, wie auch Du ganz persönlich von der BARMER profitieren
kannst.
</p>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary" value="Schenk uns 2 Minuten deiner Zeit">
</div>
</div>
<!-- CARD 1 interests -->
<div class="calculator__card" id="bc_card_1" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_1_content_headline">Platzhalter: Was interessiert
Sie
besonders?
</div>
<p class="calculator__card-content-description" id="bc_card_1_content_description">Platzhalter:
Mehrfachauswahl
möglich</p>
<div class="calculator__options-wrapper">
<label for="bc_interests_food">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_food">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_food" id="bc_interests_food" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_food_checkbox_text">
Platzhalter: Ernährung
</div>
</div>
</label>
<label for="bc_interests_relaxation">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_relaxation">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_relaxation" id="bc_interests_relaxation" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_relaxation_checkbox_text">
Platzhalter: Entspannung
</div>
</div>
</label>
<label for="bc_interests_sports">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_sports">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_sports" id="bc_interests_sports" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_sports_checkbox_text">
Platzhalter: Sport
</div>
</div>
</label>
<label for="bc_interests_family">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_family">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_family" id="bc_interests_family" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_family_checkbox_text">
Platzhalter: Familie & Kinderwunsch
</div>
</div>
</label>
<label for="bc_interests_health">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_health">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_health" id="bc_interests_health" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_health_checkbox_text">
Platzhalter: Gesundheit
</div>
</div>
</label>
<label for="bc_interests_travel">
<div class="calculator__card-content-tile" id="bc_card_1_content_tile_bc_interests_travel">
<input type="checkbox" class="calculator__card-checkbox" name="bc_interests_travel" id="bc_interests_travel" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_1_content_tile_bc_interests_travel_checkbox_text">
Platzhalter: Reisen
</div>
</div>
</label>
</div>
<div class="calculator__input-errormessage" id="bc_interests_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="a-btn btn--primary calculator__btn--primary calculator__nav-btn--next" id="bc_card_1_nav_button_next" value="Platzhalter: Weiter">
</div>
</div>
<!-- CARD 2 matches -->
<div class="calculator__card" id="bc_card_2" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_2_content_headline">Platzhalter: Sie sind...
</div>
<p class="calculator__card-content-description" id="bc_card_2_content_description">Platzhalter:
Mehrfachauswahl
möglich</p>
<div class="calculator__options-wrapper">
<label for="bc_matches_student">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_student">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_student" id="bc_matches_student" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_student_checkbox_text">
Platzhalter: Student(in)
</div>
</div>
</label>
<label for="bc_matches_pupil_apprentice">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_pupil_apprentice">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_pupil_apprentice" id="bc_matches_pupil_apprentice" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_pupil_apprentice_checkbox_text">Platzhalter: in Schule oder
Ausbildung
</div>
</div>
</label>
<label for="bc_matches_employee">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_employee">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_employee" id="bc_matches_employee" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_employee_checkbox_text">
Platzhalter: Angestellte(r)
</div>
</div>
</label>
<label for="bc_matches_self_employed">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_self_employed">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_self_employed" id="bc_matches_self_employed" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_self_employed_checkbox_text">
Platzhalter: selbstständig
</div>
</div>
</label>
<label for="bc_matches_retired">
<div class="calculator__card-content-tile" id="bc_card_2_content_tile_bc_matches_retired">
<input type="checkbox" class="calculator__card-checkbox" name="bc_matches_retired" id="bc_matches_retired" value="true">
<span class="calculator__card-checkbox-placeholder" aria-hidden="true"></span>
<div class="calculator__card-checkbox-text" id="bc_card_2_content_tile_bc_matches_retired_checkbox_text">
Platzhalter: Rentner(in)
</div>
</div>
</label>
</div>
<div class="calculator__input-errormessage" id="bc_matches_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_2_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" class="a-btn btn--primary calculator__btn--primary calculator__nav-btn--next" id="bc_card_2_nav_button_next" value="Platzhalter: Weiter">
</div>
</div>
<!-- CARD 3 personal data -->
<div class="calculator__card" id="bc_card_3" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_3_content_headline">Platzhalter: Sie sind...
</div>
<div id="bc_gender" class="calculator__card-section">
<div class="calculator__options-wrapper">
<label for="bc_gender_f">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_f">
<input class="js-show-hide-content-3_1 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_f" value="f">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_f_radio_text">
Platzhalter:
weiblich
</div>
</div>
</label>
<label for="bc_gender_m">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_m">
<input class="js-show-hide-content-3_1 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_m" value="m">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_m_radio_text">
Platzhalter:
männlich
</div>
</div>
</label>
<label for="bc_gender_d">
<div class="calculator__card-content-tile" id="bc_card_3_content_tile_bc_gender_d">
<input class="js-show-hide-content-3 calculator__card-radio calculator__field-radio" type="radio" name="bc_gender" id="bc_gender_d" value="d">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_3_content_tile_bc_gender_d_radio_text">
Platzhalter:
divers
</div>
</div>
</label>
</div>
<div class="calculator__form-hint " id="bc_card_3_content_hint_1">
<!--
<div class="bc_form_hint_wrapper"><i class="icon icon-info" aria-hidden="true"></i><div class="bc_form_hint_text">Bitte beachten Sie, dass wir bei der Auswahl "divers" einige geschlechtsspezifische Leistungen, wie zum Beispiel Schwangerschaftsvorsorge, bei der Berechnung der Vorteile nicht berücksichtigen können.</div> </div>
-->
</div>
<div class="calculator__input-errormessage " id="bc_gender_errormessage"></div>
</div>
<div class=" calculator__card-section calculator__section--age" id="bc_card_3_content_section_age">
<div class="calculator__card-content-headline" id="bc_card_3_content_section_age_content_headline">
Platzhalter: Ihr
Alter ist
</div>
<p class="calculator__slider-wrapper">
<input type="range" class="calculator__slider js-range-for-me-person" id="bc_age" name="bc_age" min="0" max="120" step="1" value="0">
<span class="calculator__slider-value" id="bc_age_info_placement">Platzhalter: ?</span>
<label for="bc_age" id="bc_card_3_age_info_placement_text">Platzhalter: Jahre</label>
<div class="calculator__input-errormessage" id="bc_age_errormessage"></div>
</p>
</div>
<div class="calculator__input-wrapper">
<!-- !!! createListOfPersons(); is needed here if bc is run for the second time and already at least bc_user is given -->
<input type="button" id="bc_card_nav_card_3_button_additional_persons" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_content_1 calculator__display-none js-add-additional-persons" value="Platzhalter: Familienmitglied hinzufügen">
</div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_3_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" id="bc_card_nav_card_3_button_benefits" class=" a-btn btn--primary calculator__btn--primary calculator__display-none js-jump-gender-to-results" value="Platzhalter: Zu Ihren BARMER-Vorteilen">
</div>
</div>
<!-- CARD 4 overview additional persons -->
<div class="calculator__card bc_card_type_5" id="bc_card_4" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_4_content_headline">Platzhalter: Die
Krankenversicherung
für die ganze Familie
</div>
<div class="calculator__card-content-description">
<div id="bc_card_4_content_description">
<p>Platzhalter: Natürlich profitieren alle in der Familienversicherung von den BARMER-Vorteilen.</p>
<p class="calculator__list-title">Hinzugefügte Personen:</p>
</div>
<div class="calculator__list-wrapper" id="bc_list_additional_persons"></div>
</div>
<div class="calculator__input-wrapper">
<input type="button" class="a-btn btn--secondary bc_card_nav_button_content_1 js-add-person" id="bc_card_4_nav_button_content_1" value="Platzhalter: Familienmitglied hinzufügen">
</div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_4_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" class="calculator__btn--secondary a-btn btn--primary calculator__nav-btn--next calculator__display-none js-jump-additional-persons-to-results" id="bc_card_4_nav_button_content_2" value="Platzhalter: Zu den BARMER-Vorteilen">
</div>
</div>
<!-- @TODO: Checken des Markups. Ich habe das Gefühl, dass an mehreren Ecken die Verschachtelung nicht stimmt und zuviele/zuwenige Closing DIVs/Ps da sind!! -->
<!-- CARD 5 add/alter additional person -->
<div class="calculator__card bc_card_type_5" id="bc_card_5" hidden>
<div class="calculator__card-content">
<div class="calculator__card-content-headline" id="bc_card_5_content_headline">Platzhalter: Familienmitglied
hinzufügen
</div>
<p class="calculator__card-content-description">
<label class="calculator__text-input-label" id="bc_card_5_text_input_label_1">Platzhalter: Wie lautet der
Name?</label>
<input class="js-show-hide-content-additional-person-gender calculator__text" type="text" name="bc_additional_person_name" id="bc_additional_person_name">
<div class="calculator__input-errormessage" id="bc_additional_person_name_errormessage"></div>
</p><!-- @TODO: Wait, hier stimmt mit den closing P-Tags hier und drei Zeilen dadrunter nicht -->
<div class=" calculator__display-none calculator__card-section" id="bc_additional_person_gender">
<!-- id has to be the same as name of radio to be addressable for setAttribute within function markError() -->
</p>
<p class="calculator__card-content-description calculator__card-content-title" id="bc_card_5_content_description_1">
Platzhalter: Bitte geben Sie das Geschlecht an
</p>
<div class="calculator__options-wrapper">
<label for="bc_additional_person_gender_f">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_f">
<input type="radio" class="calculator__card-radio calculator__input--radio" name="bc_additional_person_gender" id="bc_additional_person_gender_f" value="f">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_f_radio_text">Platzhalter: weiblich
</div>
</div>
</label>
<label for="bc_additional_person_gender_m">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_m">
<input class="js-show-hide-content-5-1 calculator__card-radio calculator__input--radio" type="radio" name="bc_additional_person_gender" id="bc_additional_person_gender_m" value="m">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_m_radio_text">Platzhalter: männlich
</div>
</div>
</label>
<label for="bc_additional_person_gender_d">
<div class="calculator__card-content-tile" id="bc_card_5_content_tile_bc_additional_person_gender_d">
<input class="js-show-hide-content-5 calculator__card-radio calculator__input--radio" type="radio" name="bc_additional_person_gender" id="bc_additional_person_gender_d" value="d">
<span class="calculator__card-radio-placeholder" aria-hidden="true"></span>
<div class="calculator__card-radio-text" id="bc_card_5_content_tile_bc_additional_person_gender_d_radio_text">Platzhalter: divers
</div>
</div>
</label>
</div>
<div class="calculator__form-hint " id="bc_card_5_content_hint_1">
</div>
<div class="calculator__input-errormessage" id="bc_additional_person_gender_errormessage"></div>
</div>
<div class=" calculator__display-none calculator__card-section" id="bc_card_5_content_section_age">
<p class="calculator__card-content-description calculator__card-content-title" id="bc_card_5_content_description_2">
Platzhalter: Bitte verraten Sie uns das Alter
</p>
<p class="calculator__slider-wrapper">
<input type="range" class="calculator__slider js-range-for-additional-person" id="bc_additional_person_age" name="bc_additional_person_age" min="0" max="120" step="1" value="0">
<span class="calculator__slider-value" id="bc_additional_person_age_info_placement">Platzhalter: ?</span>
<label for="bc_additional_person_age" id="bc_additional_person_age_info">Platzhalter: Jahre</label>
<div class="calculator__input-errormessage" id="bc_additional_person_age_errormessage"></div>
</p>
</div>
<div class="calculator__input-errormessage" name="bc_additional_person_errormessage" id="bc_additional_person_errormessage"></div>
</div>
<div class="calculator__card-nav">
<input type="button" class="calculator__btn--secondary a-btn btn--secondary bc_card_nav_button_prev" id="bc_card_5_nav_button_previous" value="Platzhalter: Zurück">
<input type="button" id="bc_card_nav_card_5_button_add_person" class=" a-btn btn--primary calculator__btn--primary calculator__nav-btn--next calculator__display-none js-save-additional-person" value="Platzhalter: hinzufügen">
</div>
</div>
<!-- CARD 6 collection of benefits -->
<div class="calculator__card" id="bc_card_6" hidden>
<div class="calculator__card-content-headline" id="bc_card_6_content_headline">Platzhalter: Ihr persönlicher Vorteil aus unseren Extra-Leistungen:
</div>
<div class="calculator__card-content">
<div class="calculator__result-overview" id="bc_benefits_overview"></div>
</div>
<div class="calculator__card-nav">
<span id="bc_card_6_nav_button_membership"></span>
<input type="button" class="calculator__btn--secondary a-btn btn--secondary calculator__nav-btn--home" id="bc_card_6_nav_button_home" value="Platzhalter: Neu berechnen">
</div>
</div>
</div>
</fieldset>
</form>
</div>
{{render '@bannermodule--a-primary-btn' partials.headlineAlcoholAddiction merge=true}}
{{render '@calculator--alcohol-addiction' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineOvulation merge=true}}
{{render '@calculator--ovulation' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineDateOfBirth merge=true}}
{{render '@calculator--date-of-birth' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineBmiSimple merge=true}}
{{render '@calculator--bmi-simple' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineBmiChilds merge=true}}
{{render '@calculator--bmi-childs' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineCo2 merge=true}}
{{render '@calculator--co2' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineIcdTranslator merge=true}}
{{render '@calculator--icd-translator' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineCalorieRequirement merge=true}}
{{render '@calculator--calorie-requirement' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineMaternityProtection merge=true}}
{{render '@calculator--maternity-protection' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineStress merge=true}}
{{render '@calculator--stress' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineBenefitExistingClients merge=true}}
{{render '@calculator--benefit-existing-clients' merge=true }}
{{render '@bannermodule--a-primary-btn' partials.headlineBenefitNewClients merge=true}}
{{render '@calculator--benefit-new-clients' merge=true }}
{
"switches": {
"hasContactFlyout": "true"
},
"content": {
"alertText": "Die Sitzung wurde erfolgreich verlängert"
},
"partials": {
"sessionMetadata": {
"content": {
"expiredDialogId": "bm-dialog-session-expired",
"expiringDialogId": "bm-dialog-session-expiring"
}
},
"expiring": {
"switches": {
"hidden": true,
"secondaryButton": true
},
"content": {
"id": "bm-dialog-session-expiring",
"text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
},
"partials": {
"primaryButton": {
"content": {
"label": "Login verlängern"
}
},
"secondaryButton": {
"content": {
"label": "Logout"
}
}
}
},
"expired": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-dialog-session-expired"
}
},
"modalVideo": {
"switches": {
"hidden": true
},
"content": {
"id": "bm-video"
},
"viewtypes": {
"specifier": "modal--video"
},
"partials": {
"consent": {
"viewtypes": {
"specifier": "consent--in-modal"
}
},
"videoFigure": {
"switches": {
"hasHeadline": false,
"hasFigcaption": false,
"hasVideo": false
}
}
}
},
"headlineAlcoholAddiction": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Alkoholabhängigkeit (Alcohol Addiction)"
}
}
}
},
"headlineOvulation": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Eisprung (Ovulation)"
}
}
}
},
"headlineDateOfBirth": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Geburtstermin (Date of Birth)"
}
}
}
},
"headlineBmiSimple": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner BMI-Simple"
}
}
}
},
"headlineBmiChilds": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner BMI für Kinder (BMI-Childs)"
}
}
}
},
"headlineCo2": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner CO2"
}
}
}
},
"headlineIcdTranslator": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner ICD (ICD Translator)"
}
}
}
},
"headlineCalorieRequirement": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Kalorienbedarf (Calorie Requirements)"
}
}
}
},
"headlineMaternityProtection": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Mutterschutz (Maternity Protection)"
}
}
}
},
"headlineStress": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Stress"
}
}
}
},
"headlineBenefitExistingClients": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Vorteilsrechner Bestandskunden (Benefits Existing Clients)"
}
}
}
},
"headlineBenefitNewClients": {
"partials": {
"teaser": {
"switches": {
"hasButton": false,
"hasTeaserText": false,
"hasTeaserRichtext": false
},
"content": {
"headline": "Rechner Vorteilsrechner Neukunden (Benefits New Clients)"
}
}
}
}
}
}
No notes defined.