<!DOCTYPE html>
<html lang="de-DE" dir="ltr">
<head>
<title>Barmer CM10 Fractal</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="../../css/barmer-fractal.css" media="all">
<script src="//www.barmer.de/utag/barmer.gek/barmer-main-v2/dev/utag.js" type="text/javascript" async=""></script>
</head>
<body data-genesys-deployment="true">
<div class="page">
<ul class="a-list-basic list--skip-links">
<li class="list__item ">
<a href="#bm-contact-flyout" class="a-link ">
Zum Kontakt Knopf springen
</a>
</li>
<li class="list__item ">
<a href="#bm-main-content" class="a-link ">
Zum Seiteninhalt springen
</a>
</li>
</ul>
<div class="o-contact-flyout js-contact-flyout-init" id="bm-contact-flyout">
<button class="a-btn btn--contact-flyout is-open" type="button" aria-haspopup="true" aria-expanded="false"><span class="btn__text">Kontakt</span><i class="a-icon icon--chat" aria-hidden="true"></i></button>
<div class="contact-flyout__slides-collection is-hidden">
<div class="m-contact-flyout-slide contact-flyout-slide--main is-hidden">
<div class="m-contact-flyout-panel ">
<i class="a-icon icon--chat" aria-hidden="true"></i>
<h2 class="contact-flyout-panel__title">
Kontakt
</h2>
<button class="a-btn btn--close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
</div>
<div class="contact-flyout-slide__content">
<ul class="a-list-basic list-basic--with-option">
<li class="list__item ">
<a href="#slide-1" class="a-link link--with-icon-left contact-flyout-slide__link" aria-controls="slide-1">
<i class="a-icon icon--chat" aria-hidden="true"></i> <span class="link__inner">BARMER Chat</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--contact" aria-hidden="true"></i> <span class="link__inner">Telefon 0800 333 0333</span>
</a>
</li>
<li class="list__item ">
<a href="#slide-2" class="a-link link--with-icon-left contact-flyout-slide__link" aria-controls="slide-2">
<i class="a-icon icon--message" aria-hidden="true"></i> <span class="link__inner">E-Mail schreiben</span> <i class="a-icon icon--chevron-right" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--callservice" aria-hidden="true"></i> <span class="link__inner">Rückrufservice</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--document" aria-hidden="true"></i> <span class="link__inner">Telefax 0800 333 0090</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left contact-flyout-slide__link">
<i class="a-icon icon--contact" aria-hidden="true"></i> <span class="link__inner">Ausland +49 202 568 333 1010</span>
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link contact-flyout-slide__link">
Weitere Kontaktmöglichkeiten
</a>
</li>
</ul>
</div>
</div>
<div class="m-contact-flyout-slide contact-flyout-slide--sub is-hidden" id="slide-1">
<div class="m-contact-flyout-panel ">
<button class="a-btn btn--back" type="button" aria-label="Zurück"><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<h2 class="contact-flyout-panel__title">
<i class="a-icon icon--chat" aria-hidden="true"></i>
BARMER Chat
</h2>
<button class="a-btn btn--close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
</div>
<div class="contact-flyout-slide__content">
<div class="a-richtext richtext--contact-flyout">
<h3>Chat für Versicherte</h3>
<p>Sind Sie bei Meine BARMER registriert?<br>Loggen Sie sich vor dem Start des Chats für eine persönliche und datenschutzsichere Beratung ein.</p>
<p>Der Chat ist erreichbar jeweils von <br>Montag - Freitag zwischen 07:00 -20:00 Uhr</p>
<p><button class="a-btn btn--primary js-btn-genesys" data-chat-type="client" type="button">Zum Chat für Versicherte</button></p>
<h3>Chat fuer Interessierte</h3>
<p>Ich habe keine eigene Mitgliedschaft bei der BARMER und bin an den Vorteilen interessiert.</p>
<p>Nutzen Sie unseren Chat fuer Interessenten im Bereich <a href="#" class="bm-richtext-link">Mitglied werden</a></p>
<p><button class="a-btn btn--primary js-btn-genesys" data-chat-type="interested" type="button">Zum Chat für Interessierte</button></p>
</div>
</div>
</div>
<div class="m-contact-flyout-slide contact-flyout-slide--sub is-hidden" id="slide-2">
<div class="m-contact-flyout-panel ">
<button class="a-btn btn--back" type="button" aria-label="Zurück"><i class="a-icon icon--arrow-back" aria-hidden="true"></i></button>
<h2 class="contact-flyout-panel__title">
<i class="a-icon icon--message" aria-hidden="true"></i>
E-Mail
</h2>
<button class="a-btn btn--close" type="button" aria-label="Schließt das Menü"><i class="a-icon icon--close" aria-hidden="true"></i></button>
</div>
<div class="contact-flyout-slide__content">
<div class="a-richtext richtext--contact-flyout">
<h3>Meine BARMER</h3>
<p>Nuzen Sie das Online-Postfach</p>
<p>bei Meine BARMER zur persönlichen und datenschutzsicheren Kommunikation.</p>
<p><a href="#" class="bm-button bm-button--primary">Zum Online-Postfach</a></p>
<h3>Kontaktformular</h3>
<p>Noch kein Online-Postfach? Nutzen Sie unser Kontaktformular.</p>
<p><a href="#" class="bm-button bm-button--primary">Zum Online-Postfach</a></p>
<h3>E-Mail an die BARMER</h3>
<p>Senden Sie uns eine Nachricht an <a href="#" class="bm-richtext-link">service@barmer.de</a></p>
<h3>E-Mail fuer Interessenten</h3>
<p>Sie sind noch nicht (selbst) bei der BARMER versichert und haben Interesse ab euber Mitgliedschaft bei uns? Schreiben Sie uns gerne eine E-Mail an <a href="#" class="bm-richtext-link">neukunde@barmer.de</a></p>
</div>
</div>
</div>
</div>
</div>
<span class="a-anchor " title="Anfang des Seiteninhalts" id="bm-main-content" tabindex="-1"></span>
<footer class="o-footer">
<div class="footer__row footer__row--membership">
<div class="footer__row__content">
<div class="o-teaser teaser--footer">
<div class="teaser__content">
<div class="teaser__text">
Ausgezeichneter Service, beste Leistungen und flexible Wahltarife: Werden Sie BARMER Mitglied.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--conversion" href="" title="">
Zum Antragsformular
</a>
</div>
</div>
</div>
<div class="o-teaser teaser--footer">
<div class="teaser__content">
<div class="teaser__text">
Zufrieden mit uns?
Weiter empfehlen und Prämie erhalten.
</div>
<div class="teaser__button-wrapper">
<a class="a-btn btn--secondary" href="" title="">
Jetzt Prämie sichern
</a>
</div>
</div>
</div>
</div>
</div>
<nav class="footer__row footer__row--navigation">
<div class="footer__row__content">
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
Über uns
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Die Barmer
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Verwaltungsrat
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Vorstand
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Leistungserbringer
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Partner
</a>
</li>
</ul>
</div>
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
Portale
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Presse
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Politik
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Karriere
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Mitgliedermagazin
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Firmenkunden
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Institut für Gesundheitssystemforschung
</a>
</li>
</ul>
</div>
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
International
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Deutsch
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
English
</a>
</li>
</ul>
</div>
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
Barrierefreiheit
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Barriere melden
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Leichte Sprache
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Gebärdensprache
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Erklärung zur Barrierefreiheit
</a>
</li>
</ul>
</div>
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
International
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Deutsch
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
English
</a>
</li>
</ul>
</div>
<div class="m-list list--navigation">
<h4 class="list__headline">
<a href="http://zdf.de" class="a-link ">
Barrierefreiheit
</a>
</h4>
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Barriere melden
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Leichte Sprache
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Gebärdensprache
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Erklärung zur Barrierefreiheit
</a>
</li>
</ul>
</div>
<div class="m-list list--socialmedia">
<h4 class="list__headline">
Die Barmer auf:
</h4>
<ul class="a-list-basic list--social-icon">
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--facebook" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--twitter" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--instagram" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--youtube" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--linkedin" aria-hidden="true"></i>
</a>
</li>
<li class="list__item ">
<a class="a-btn btn--socialmedia" href="#" title="">
<i class="a-icon icon--xing" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="footer__row footer__row--metainfo">
<div class="footer__row__content">
<div class="footer__column footer__column--copyright">
<ul class="a-list-basic ">
<li class="list__item ">
© Barmer 2020.
</li>
<li class="list__item ">
Alle Rechte vorbehalten.
</li>
</ul>
</div>
<div class="footer__column footer__column--metanav">
<ul class="a-list-basic ">
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Impressum
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Nutzungsbedingungen
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Datenschutz
</a>
</li>
<li class="list__item ">
<a href="http://zdf.de" class="a-link ">
Fragen zum Online-Angebot
</a>
</li>
<li class="list__item ">
<a href="https://www.barmer.de/" class="a-link link--with-icon-left">
<i class="a-icon icon--leaf" aria-hidden="true"></i> <span class="link__inner">CO2-neutrale Website</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div><!-- /.page -->
<div class="m-modal modal--video" role="dialog" aria-modal="true" id="bm-video" aria-labelledby="" aria-describedby="" hidden>
<div class="modal__body">
<button class="a-btn btn--close modal__close-button js-close-modal" type="button" aria-label="Schließt das Pop-up"><i class="a-icon icon--close" aria-hidden="true"></i></button>
<div class="m-consent a-richtext richtext--article consent--in-modal">
<h2>Externe Inhalte anzeigen</h2>
<p>Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.</p>
<p>Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class="bm-richtext-link" href="#">Datenschutzerklärung</a>.</p>
<label class="a-toggle js-consent-toggle" for="toggle-checkbox-video">
<span class="toggle__text-label">Externe Inhalte zulassen</span>
<input class="toggle__checkbox" type="checkbox" id="toggle-checkbox-video" />
<span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
<span class="toggle__indicator"></span>
</span>
<span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
</label>
</div>
<figure class="m-figure-video figure-video--external">
<template class="figure-video__template"></template>
</figure>
</div>
<span class="sr-only modal__end-text" tabindex="0">Sie verlassen das Video</span>
<div class="modal__background" aria-hidden="true"></div>
</div>
<script src="../../mock/text-transform-data.js"></script>
<script src="../../js/commons.js"></script>
<script src="../../js/barmer-fractal.js"></script>
<script id="genesys-chat" data-terms-of-use-url="https://barmer.de/">
var widgetScriptElement = document.createElement('script');
widgetScriptElement.setAttribute('src', '../../js/static/genesys/widgets/cxbus.min.js');
widgetScriptElement.addEventListener('load', function() {
CXBus.configure({
debug: true,
pluginMap: {
"buster": '../../js/static/genesys/widgets/plugins/buster.min.js',
"calendar": '../../js/static/genesys/widgets/plugins/calendar.min.js',
"callback": '../../js/static/genesys/widgets/plugins/callback.min.js',
"callbackservice": '../../js/static/genesys/widgets/plugins/callbackservice.min.js',
"callus": '../../js/static/genesys/widgets/plugins/callus.min.js',
"channelselector": '../../js/static/genesys/widgets/plugins/channelselector.min.js',
"chatdeflection": '../../js/static/genesys/widgets/plugins/chatdeflection.min.js',
"clicktocall": '../../js/static/genesys/widgets/plugins/clicktocall.min.js',
"clicktocallservice": '../../js/static/genesys/widgets/plugins/clicktocallservice.min.js',
"console": '../../js/static/genesys/widgets/plugins/console.min.js',
"engage": '../../js/static/genesys/widgets/plugins/engage.min.js',
"engage.offer": '../../js/static/genesys/widgets/plugins/engage.offer.mod.js',
"gwe": '../../js/static/genesys/widgets/plugins/gwe.min.js',
"knowledgecenterservice": '../../js/static/genesys/widgets/plugins/knowledgecenterservice.min.js',
"offers": '../../js/static/genesys/widgets/plugins/offers.min.js',
"overlay": '../../js/static/genesys/widgets/plugins/overlay.min.js',
"pure-cloud-v2-sockets-transport": '../../js/static/genesys/widgets/plugins/pure-cloud-v2-sockets-transport.mod.js',
"pure-connect-v4-bots-transport": '../../js/static/genesys/widgets/plugins/pure-connect-v4-bots-transport.mod.js',
"pure-connect-v4-rest-transport": '../../js/static/genesys/widgets/plugins/pure-connect-v4-rest-transport.mod.js',
"pure-engage-v3-rest-transport": '../../js/static/genesys/widgets/plugins/pure-engage-v3-rest-transport.mod.js',
"remote": '../../js/static/genesys/widgets/plugins/remote.min.js',
"richmediabridge": '../../js/static/genesys/widgets/plugins/richmediabridge.min.js',
"search": '../../js/static/genesys/widgets/plugins/search.min.js',
"sendmessage": '../../js/static/genesys/widgets/plugins/sendmessage.min.js',
"sendmessageservice": '../../js/static/genesys/widgets/plugins/sendmessageservice.min.js',
"sidebar": '../../js/static/genesys/widgets/plugins/sidebar.min.js',
"toaster": '../../js/static/genesys/widgets/plugins/toaster.min.js',
"webchat": '../../js/static/genesys/widgets/plugins/webchat.min.js',
"webchatservice": '../../js/static/genesys/widgets/plugins/webchatservice.min.js',
"webchatservicelegacy": '../../js/static/genesys/widgets/plugins/webchatservicelegacy.mod.js',
"webchatservicenextgen": '../../js/static/genesys/widgets/plugins/webchatservicenextgen.mod.js',
"widgets-core": '../../js/static/genesys/widgets/plugins/widgets-core.min.js',
"windowmanager": '../../js/static/genesys/widgets/plugins/windowmanager.min.js'
}
});
CXBus.loadFile('../../js/static/genesys/genesysLanguage_de.js')
.done(function() {
CXBus.loadFile('../../js/static/genesys/widgets.config.js')
.done(function() {
window._genesys.widgets.main.lang = 'de';
window._genesys.widgets.webchat.dataURL = 'https://gmsapii.barmer.de/genesys/2/chat/dev';
window._genesys.widgets.webchat.userData.firstname = '';
window._genesys.widgets.webchat.userData.lastname = '';
window._genesys.widgets.webchat.userData.insuranceNumber = '';
CXBus.loadPlugin('widgets-core');
});
});
});
document.head.appendChild(widgetScriptElement);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="de-DE" dir="ltr">
<head>
<title>Barmer CM10 Fractal</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="{{ path '/css/barmer-fractal.css' }}" media="all">
<script src="//www.barmer.de/utag/barmer.gek/barmer-main-v2/dev/utag.js" type="text/javascript" async=""></script>
</head>
<body data-genesys-deployment="true">
<div class="page">
{{ render '@list-basic--skip-links' merge=true }}
{{#switches.hasContactFlyout }}
{{ render '@contact-flyout' }}
{{/switches.hasContactFlyout }}
{{ render '@anchor' merge=true}}
{{{ yield }}}
{{ render '@footer' merge=true }}
</div><!-- /.page -->
{{ render '@modal--video-with-consent' partials.modalVideo merge=true }}
<script src="{{ path '/mock/text-transform-data.js' }}"></script>
<script src="{{ path '/js/commons.js' }}"></script>
<script src="{{ path '/js/barmer-fractal.js' }}"></script>
{{ render '@script-genesys--default'}}
</body>
</html>
{
"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.