Barmer Fractal

Icd Translate 

<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--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-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--icd-translator' 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.