<article class="p-article ">
    <div class="o-article-head article-head--stage">

        <div class="article-head__stage">
            <!-- nicht als figure, da keine caption ausgespielt wird -->
            <picture class="a-picture ">
                <source media="(max-width: 640px)" srcset="../../images/3x2/mr-right.jpg">
                <source media="(min-width: 641px)" srcset="../../images/36x11/mr-right.jpg">
                <img src="../../images/36x11/mr-right.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
            </picture>

        </div>
        <div class="m-breadcrumb breadcrumb--main">
            <span class="breadcrumb__label sr-only">Sie befinden sich hier:</span>
            <ul class="a-list-basic list--breadcrumb">
                <li class="list__item list__item--breadcrumb">
                    <a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                </li>
                <li class="list__item list__item--breadcrumb">
                    <a href="/components/preview/article" class="a-link "><span class="link__inner">Themen-Übersichtseite</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

                </li>
                <li class="list__item list__item--breadcrumb">
                    Barmer So ein Unterthema
                </li>
            </ul>

        </div>

        <div class="article-head__meta">
            <div class="article-head__label">Label und nicht Overline</div>

            <h1 class="article-head__headline">Welche Reiseschutzimpfung ist empfohlen?</h1>
            <div class="article-head__readingtime">
                <i class="a-icon icon--timer" aria-hidden="true"></i>
                Lesedauer unter 6 Minuten
            </div>
        </div>

        <div class="article-head__info">
            <div class="m-list list--authors">

                <i class="a-icon icon--edit" aria-hidden="true"></i>
                <h4 class="list__headline">
                    Autor
                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        Birgit Frohn, Diplom-Biologin
                    </li>
                    <li class="list__item ">
                        BARMER Redaktion, Jane Doe (Ich bin der sehr lange Untertitel am Autor)
                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            <span class="link__inner">Martin Zimmerman (Klick um mehr Informationen zu sehen)</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                        </a>

                    </li>
                </ul>

            </div>

            <div class="m-list list--quality">

                <i class="a-icon icon--check" aria-hidden="true"></i>
                <h4 class="list__headline">
                    Qualitätssicherung
                </h4>

                <ul class="a-list-basic ">
                    <li class="list__item ">
                        Heidi Gunther (Apothekerin bei der BARMER)
                    </li>
                    <li class="list__item ">
                        John Doe QS
                    </li>
                    <li class="list__item ">
                        Almeda GmbH, Ich stehe für Qualität, habe einen langen Namen, Sonderzeichen äöüß, Dr. med Schneider
                    </li>
                    <li class="list__item ">
                        <a href="http://zdf.de" class="a-link ">
                            <span class="link__inner">Anja Keller</span>&nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
                        </a>

                    </li>
                </ul>

            </div>

        </div>

    </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&auml;hlen --</option>
                            <option value="0">0</option>
                            <option value="0.5">0,5</option>
                            <option value="1">1</option>
                            <option value="1.5">1,5</option>
                            <option value="2">2</option>
                            <option value="2.5">2,5</option>
                            <option value="3">3</option>
                            <option value="3.5">3,5</option>
                            <option value="4">4</option>
                            <option value="4.5">4,5</option>
                            <option value="5">5</option>
                            <option value="5.5">5,5</option>
                            <option value="6">6</option>
                            <option value="6.5">6,5</option>
                            <option value="7">7</option>
                            <option value="7.5">7,5</option>
                            <option value="8">8</option>
                            <option value="8.5">8,5</option>
                            <option value="9">9</option>
                            <option value="9.5">9,5</option>
                            <option value="10">10</option>
                            <option value="10.5">10,5</option>
                            <option value="11">11</option>
                            <option value="11.5">11,5</option>
                            <option value="12">12</option>
                            <option value="12.5">12,5</option>
                            <option value="13">13</option>
                            <option value="13.5">13,5</option>
                            <option value="14">14</option>
                            <option value="14.5">14,5</option>
                            <option value="15">15</option>
                            <option value="15.5">15,5</option>
                            <option value="16">16</option>
                            <option value="16.5">16,5</option>
                            <option value="17">17</option>
                            <option value="17.5">17,5</option>
                            <option value="18">18</option>
                        </select>
                        <span class="calculator__input-unit">Jahre</span>
                    </div>
                    <div class="calculator__errormessage" id="errormessage_bmic_age"></div>
                </div>

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

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

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

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

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

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

    <div class="o-teaser-collection teaser-collection--certifications js-teaser-targeting-init">

        <h3 class="teaser-collection__headline teaser-collection__headline--h4">Zertifizierung</h3>

        <div class="teaser-collection__text">
            <p>Auf unsere Informationen können Sie sich verlassen. Sie sind hochwertig und zertifiziert. Dafür haben wir Brief und Siegel.</p>

        </div>

        <div class="teaser-collection__teaser-wrapper">
            <a href="" class="o-teaser teaser--icon-image">

                <div class="teaser__image">

                    <img src="../../images/afgis-siegel.jpg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

                </div>

            </a>

            <div class="o-teaser teaser--icon-image">

                <div class="teaser__image">

                    <img src="../../images/stiftung-health-on-the-net--hon--siegel.png" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

                </div>

            </div>

        </div>

        <div class="teaser-collection__cta-row">
            <a class="a-btn btn--secondary" href="" title="">
                Redaktionelle Grundsätze
            </a>

        </div>

    </div>

</article>

<div class="o-content-footer">
    <div class="content-footer__info-container">
        <div class="a-plaintext plaintext--webcode">Webcode: a000876</div>

        <div class="m-timestamp "><span class="timestamp__label">Letzte Aktualisierung:</span> <time class="a-datetime ">06.03.2020</time>
        </div>

    </div>
    <div class="content-footer__cta-container">
        <form class="m-user-rating js-user-rating" action="/mock/page-rating-response.json" method="GET" data-success-message="Vielen Dank für Ihr Feedback.">
            <div class="user-rating__stars">
                <h3 class="user-rating__headline">Wie bewerten Sie diesen Artikel?</h3>
                <div class="a-rating-stars" role="group" aria-labelledby="rating-label">
                    <span class="sr-only" id="rating-label">Ihre Bewertung: </span>
                    <label class="rating-stars__star">
                        <input class="sr-only" type="radio" name="rating" value="1">
                        <span class="sr-only">Ihre Bewertung: 1 Stern</span>
                        <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                    </label>
                    <label class="rating-stars__star">
                        <input class="sr-only" type="radio" name="rating" value="2">
                        <span class="sr-only">Ihre Bewertung: 2 Sterne</span>
                        <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                    </label>
                    <label class="rating-stars__star">
                        <input class="sr-only" type="radio" name="rating" value="3">
                        <span class="sr-only">Ihre Bewertung: 3 Sterne</span>
                        <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                    </label>
                    <label class="rating-stars__star">
                        <input class="sr-only" type="radio" name="rating" value="4">
                        <span class="sr-only">Ihre Bewertung: 4 Sterne</span>
                        <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                    </label>
                    <label class="rating-stars__star">
                        <input class="sr-only" type="radio" name="rating" value="5">
                        <span class="sr-only">Ihre Bewertung: 5 Sterne</span>
                        <i class="a-icon rating-stars__icon" aria-hidden="true"></i>
                    </label>
                </div>

            </div>

            <div class="user-rating__message" hidden>
                <label class="a-label user-rating__label" for="bm-rating-textarea">
                    Haben Sie noch weitere Anmerkungen zu Ihrer Bewertung?

                    <span class="sr-only">Maximale Zeichenzahl: 1000</span>
                </label>

                <div class="user-rating__textarea-wrapper">
                    <textarea class="a-textarea " id="bm-rating-textarea" name="comment" placeholder="Wir freuen uns über Ihre Anregungen..." autocomplete="off" maxlength="1000"></textarea>

                    <div class="a-counter " data-target="#bm-rating-textarea" hidden>
                        <span class="counter__current"></span>
                        /
                        <span class="counter__max"></span>
                    </div>

                </div>
                <input type="hidden" name="webcode" value="a000876">
                <label class="a-label user-rating__name-label" for="ratingname" aria-hidden="true">
                    Name

                </label>

                <input type="text" value="" class="a-input user-rating__name" id="ratingname" name="name" autocomplete="off" tabindex="-1" aria-hidden="true">

                <button class="a-btn btn--secondary js-rating-cancel" type="button">Abbrechen</button>

                <button class="a-btn btn--primary js-rating-submit" type="submit">Abschicken</button>

            </div>
            <div class="user-rating__success-text" hidden>
                <div class="a-richtext ">
                    <p>Vielen Dank für Ihr Feedback.<br><a href="#" class="bm-richtext-link">Link</a></p>
                </div>

            </div>
        </form>

        <div class="m-list list--socialmedia js-socialmedia">

            <ul class="a-list-basic list--social-icon">
                <li class="list__item ">
                    <a class="a-btn btn--print" href="javascript:window.print();" title="Drucken">
                        <i class="a-icon icon--print" aria-hidden="true"></i>
                    </a>

                </li>
                <li class="list__item ">
                    <a class="a-btn btn--socialmedia" href="#" title="Bei Twitter teilen" target="_blank" data-service="twitter">
                        <i class="a-icon icon--twitter" aria-hidden="true"></i>
                    </a>

                </li>
                <li class="list__item ">
                    <a class="a-btn btn--socialmedia" href="#" title="Bei Facebook teilen" target="_blank" data-service="facebook">
                        <i class="a-icon icon--facebook" aria-hidden="true"></i>
                    </a>

                </li>
                <li class="list__item ">
                    <a class="a-btn btn--socialmedia" href="whatsapp://send?text&#x3D;Krankenkasse%3A%20Starke%20Leistungen%20und%20Top-Service%20%7C%20BARMER%20https%3A%2F%2Fwww.barmer.de%2F" title="Bei Whatsapp teilen" data-service="whatsapp">
                        <i class="a-icon icon--whatsapp" aria-hidden="true"></i>
                    </a>

                </li>
                <li class="list__item ">
                    <a class="a-btn btn--socialmedia" href="#" title="Bei XING teilen" target="_blank" data-service="xing">
                        <i class="a-icon icon--xing" aria-hidden="true"></i>
                    </a>

                </li>
                <li class="list__item ">
                    <a class="a-btn btn--socialmedia" href="#" title="Bei LinkedIn teilen" target="_blank" data-service="linkedin">
                        <i class="a-icon icon--linkedin" aria-hidden="true"></i>
                    </a>

                </li>
            </ul>

        </div>

    </div>
</div>

<div class="o-teaser-collection teaser-collection--related-content">

    <h3 class="teaser-collection__headline teaser-collection__headline--h3">Entspannung, Abwechslung und Inspiration - mit unseren digitalen Angeboten</h3>

    <div class="teaser-collection__teaser-wrapper">
        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-kind.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-kind.jpg">
                    <img src="../../images/16x9/mann-mit-kind.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

            <div class="teaser__text">
                Karies: Nicht das einzige Problem für Kinderzähne
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/mann-mit-tablet.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/16x9/mann-mit-tablet.jpg">
                    <img src="../../images/16x9/mann-mit-tablet.jpg" alt="Dies ist ein alternativ Text" loading="lazy">
                </picture>

            </div>

            <div class="teaser__text">
                Mit attraktiven Leistungen bei Krankheit und Pflege rundum abgesichert sein
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

        <a href="http://tagesschau.de" class="o-teaser ">

            <div class="teaser__image">

                <picture class="a-picture ">
                    <source media="(max-width: 640px)" srcset="../../images/1x1/barmer-app-yeah.jpg">
                    <source media="(min-width: 641px)" srcset="../../images/16x9/barmer-app-yeah.jpg">
                    <img src="../../images/16x9/barmer-app-yeah.jpg" alt="" loading="lazy">
                </picture>

            </div>

            <div class="teaser__text">
                Mit digitalen Services und vielen Extras kostengünstig krankenversichert sein
                &nbsp;<i class="a-icon icon--chevron-right" aria-hidden="true"></i>
            </div>

        </a>

    </div>

</div>
<article class="p-article {{viewtypes.specifier}}">
  {{render '@article-head' partials.articleHead merge=true}}

  {{!-- main modules in article --}}

  {{render '@calculator--bmi-childs' merge=true }}

  {{!-- End main modules in article --}}

  {{render '@teaser-collections--certifications' merge=true }}

</article>

{{render '@content-footer' merge=true}}
{{render '@teaser-collections--related-content' 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
          }
        }
      }
    }
  }
}

No notes defined.