<!-- Office Map -->
<div class="office-map js-office-map" data-map-z="14" data-offices-api="[{"uid":1,"name":"Ansbach","street":"Welserstraße 17","zip":91522,"city":"Ansbach","times":"8:00 Uhr bis 17:00 Uhr","phone":"0981 9531-0","phone_time":"8:00 Uhr bis 18:00 Uhr","fax":"07720 9727-100","email":"kundencenter@vividabkk.de","latitude":"49.29646770","longitude":"10.58047827","sickPay":"0661 9789-25202","care":"0661 9789-25602"},{"uid":15,"name":"Villingen-Schwenningen","street":"Spittelstr. 50","zip":78056,"city":"Villingen-Schwenningen","times":"8:00 Uhr bis 17:00 Uhr","phone":"07720 9727-0","phone_time":"8:00 Uhr bis 18:00 Uhr","fax":"07720 9727-100","email":"kundencenter@vividabkk.de","latitude":"48.06607674","longitude":"8.54196480","sickPay":"06053 6160-25704","care":"07720 9727-55601"}]" data-filter-api="https://www.vividabkk.de/de/leistungen-1?locationsearch=1" data-filter-distance="280000">
<div class="office-map__inner">
<div class="office-map__consent">
<h3 class="headline--3">vivida BKK Standorte-Karte</h3>
<p>Die Standorte-Karte wird von Google Inc. bereitgestellt. Mit der Nutzung dieses Dienstes erklären Sie sich einverstanden, dass Ihr Browser eine Verbindung zu Servern von Google Inc. herstellt.
</p><input class="office-map__consent-checkbox" id="office-map-consent" type="checkbox" name="office-map-consent" /><label for="office-map-consent">Ich habe die <a href="#">Datenschutzerklärung</a> gelesen und bin einverstanden.</label><button class="office-map__consent-button btn btn--primary" type="button" disabled="disabled">Lade die Karte</button>
</div>
<div class="office-map__left">
<div class="office-map__left-head">
<div class="office-map__zip-search">
<div class="textinput js-textinput" id="textinput-9abd">
<div class="textinput__inner"><label class="textinput__label" for="textinput-9abd-input">Ihre Postleitzahl</label>
<div class="textinput__input-outer"><input class="textinput__input" id="textinput-9abd-input" type="search" minlength="5" maxlength="5" pattern="[0-9]{5}" placeholder="01234" autocomplete="zip" aria-errormessage="textinput-9abd-error" /></div>
<div class="textinput__error" id="textinput-9abd-error">Bitte geben Sie fünf Ziffern an.</div>
</div>
</div>
</div>
<div class="tab-bar js-tab-bar">
<div class="tab-bar__inner">
<ul class="tab-bar__items">
<li class="tab-bar__item tab-bar__item--selected"><button class="tab-bar__tab" type="button" aria-controls="tab-list">Listenansicht</button></li>
<li class="tab-bar__item"><button class="tab-bar__tab" type="button" aria-controls="tab-map">Kartenansicht</button></li>
</ul>
</div>
</div>
</div>
<div class="office-map__list-container" id="tab-list">
<div class="office-list office-map__list">
<div class="office-list__inner">
<ul class="office-list__items"><template class="js-office-list__item-template">
<div class="office-item" data-zip-code="%ZIPCODE%" data-lon="%LON%" data-lat="%LAT%" data-uid="%UID%" data-distance-text="ca. %DIST% km">
<details class="office-item__inner">
<summary class="office-item__title"><span class="office-item__indicator"></span>%TITLE%</summary>
<div class="office-item__content">
<div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--place office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="/icons/icons.svg#icon-place"></use>
</svg>
<div class="office-item__content-title">Geschäftsstelle</div>
<div class="office-item__content-text">
<div class="branch-office-street">%STREET%</div>
<div class="branch-office-city">%ZIPCODE% %CITY%</div>
</div>
</div>
<div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--time office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="/icons/icons.svg#icon-time"></use>
</svg>
<div class="office-item__content-title">Öffnungszeiten</div>
<div class="office-item__content-text">
<div class="personal-time">%TIMES% (persönlich)</div>
<div class="phone-time">%PHONETIME% (telefonisch)</div>
</div>
</div>
<div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--phone office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="/icons/icons.svg#icon-phone"></use>
</svg>
<div class="office-item__content-title">Standort-Rufnummer</div>
<div class="office-item__content-text"><a class="link phone-link" href="tel:%PHONE%">%PHONE%</a></div>
</div>
<div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--fax office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="/icons/icons.svg#icon-fax"></use>
</svg>
<div class="office-item__content-title">Fax-Nummer</div>
<div class="office-item__content-text"><a class="link" href="fax:%FAX%">%FAX%</a></div>
</div>
<div class="office-item__content-item office-item__content-item--icon"><svg class="icon icon--letter office-item__content-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="/icons/icons.svg#icon-letter"></use>
</svg>
<div class="office-item__content-title">E-Mail-Adresse</div>
<div class="office-item__content-text"><a class="link" href="mailto:%EMAIL%">%EMAIL%</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Krankengeld</div>
<div class="office-item__content-text"><a class="link" href="tel:%SICKPAY%">%SICKPAY%</a> <a class="link" href="mailto:krankengeld@vividabkk.de">krankengeld@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Pflegeversicherung</div>
<div class="office-item__content-text"><a class="link" href="tel:%CARE%">%CARE%</a> <a class="link" href="mailto:pflege-service@vividabkk.de">pflege-service@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Zahn- und zahnärztliche Behandlung</div>
<div class="office-item__content-text"><a class="link" href="tel:%TEETH%">%TEETH%</a> <a class="link" href="mailto:zahn@vividabkk.de">zahn@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Hilfsmittel</div>
<div class="office-item__content-text"><a class="link" href="tel:%HELP%">%HELP%</a> <a class="link" href="mailto:hilfsmittel@vividabkk.de"> hilfsmittel@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Reha</div>
<div class="office-item__content-text"><a class="link" href="tel:%REHA%">%REHA%</a> <a class="link" href="mailto:reha@vividabkk.de">reha@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Häusliche Krankenpflege</div>
<div class="office-item__content-text"><a class="link" href="tel:%HOMECARE%">%HOMECARE%</a> <a class="link" href="mailto:haeusliche_krankenpflege@vividabkk.de">haeusliche_krankenpflege@vividabkk.de</a></div>
</div>
<div class="office-item__content-item">
<div class="office-item__content-title">Firmenkunden</div>
<div class="office-item__content-text"><a class="link" href="tel:%CORPCLIENTS%">%CORPCLIENTS%</a> <a class="link" href="mailto:firmenkunden@vividabkk.de">firmenkunden@vividabkk.de</a></div>
</div>
</div>
</details>
</div>
</template></ul>
</div>
</div>
</div>
</div>
<div class="office-map__right">
<div class="office-map__map-container" id="tab-map">
<div class="office-map__map"></div>
</div><template class="office-map__marker-template">
<div class="office-map__marker-content">
<h3 class="headline headline--4 office-map__headline">%OFFICE_NAME%</h3>
<p class="f-w-bold">Geschäftsstelle</p>
<p>%OFFICE_STREET%,<br />%OFFICE_ZIP% %OFFICE_CITY%</p>
<p class="f-w-bold">Öffnungszeiten</p>
<p>%OFFICE_TIMES% (persönlich)<br />%OFFICE_PHONE_TIME% (telefonisch)</p>
</div>
</template>
</div>
</div>
</div>
{
"filterApi": "https://www.vividabkk.de/de/leistungen-1?locationsearch=1",
"zipSearch": true,
"tabBar": true,
"list": true,
"map": {
"focusZoom": 14
},
"filterDistance": 280000,
"markerTemplate": "#[h3.headline.headline--4.office-map__headline %OFFICE_NAME%] #[p.f-w-bold Geschäftsstelle] #[p %OFFICE_STREET%,#[br]%OFFICE_ZIP% %OFFICE_CITY%] #[p.f-w-bold Öffnungszeiten] #[p %OFFICE_TIMES% (persönlich)#[br]%OFFICE_PHONE_TIME% (telefonisch)]\n",
"consent": {
"headline": "vivida BKK Standorte-Karte",
"message": "Die Standorte-Karte wird von Google Inc. bereitgestellt. Mit der Nutzung dieses Dienstes erklären Sie sich einverstanden, dass Ihr Browser eine Verbindung zu Servern von Google Inc. herstellt.\n",
"checkboxLabel": "Ich habe die #[a(href='#') Datenschutzerklärung] gelesen und bin einverstanden.\n",
"acceptButtonText": "Lade die Karte"
}
}