Footer @footer
<!-- Footer -->
<footer class="footer">
<div class="footer__content">
<div class="footer__row">
<ul class="footer__social-list">
<li class="footer__social-list-item"><a class="footer__social-link" href="https://x.com/vividabkk" target="_blank"><svg class="icon icon--x footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-e03a-title">
<title id="icon-e03a-title">x</title>
<use xlink:href="#icon-x"></use>
</svg></a></li>
<li class="footer__social-list-item"><a class="footer__social-link" href="https://twitter.com/vividabkk" target="_blank"><svg class="icon icon--facebook footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-81ae-title">
<title id="icon-81ae-title">facebook</title>
<use xlink:href="#icon-facebook"></use>
</svg></a></li>
<li class="footer__social-list-item"><a class="footer__social-link" href="https://www.youtube.com/c/vividabkk" target="_blank"><svg class="icon icon--youtube footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0b91-title">
<title id="icon-0b91-title">youtube</title>
<use xlink:href="#icon-youtube"></use>
</svg></a></li>
<li class="footer__social-list-item"><a class="footer__social-link" href="https://instagram.com/maches.gesund?utm_medium=copy_link" target="_blank"><svg class="icon icon--instagram footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-48da-title">
<title id="icon-48da-title">instagram</title>
<use xlink:href="#icon-instagram"></use>
</svg></a></li>
<li class="footer__social-list-item"><a class="footer__social-link" href="http://www.xing.com/pages/vividabkk" target="_blank"><svg class="icon icon--xing footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-4cf4-title">
<title id="icon-4cf4-title">xing</title>
<use xlink:href="#icon-xing"></use>
</svg></a></li>
<li class="footer__social-list-item"><a class="footer__social-link" href="https://www.linkedin.com/company/vividabkk" target="_blank"><svg class="icon icon--linkedin footer__social-link-icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-2381-title">
<title id="icon-2381-title">linkedin</title>
<use xlink:href="#icon-linkedin"></use>
</svg></a></li>
</ul>
<div class="footer__hotline"><svg class="icon icon--phone footer__hotline-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<div class="footer__hotline-content"><a class="footer__hotline-link" href="tel:+49800375537555">0800 3755 3755 5</a><span class="footer__text">Mo. bis Fr. von 8 - 18 Uhr</span></div>
</div>
</div>
<div class="footer__row">
<div class="footer__columns">
<div class="footer__column">
<h4 class="footer__column-headline">Mitglied werden<svg class="icon icon--chevron-right footer__column-headline-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-chevron-right"></use>
</svg></h4>
<ul class="footer__checklist">
<li class="footer__checklist-item"><svg class="icon icon--check footer__checklist-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>Bonusprogramm – gesund Leben zahlt sich aus</li>
<li class="footer__checklist-item"><svg class="icon icon--check footer__checklist-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>Gezielte, individuelle Sport- und Fitnessangebote</li>
<li class="footer__checklist-item"><svg class="icon icon--check footer__checklist-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>Perfekter Impfschutz – in jeder Lebenssituation</li>
<li class="footer__checklist-item"><svg class="icon icon--check footer__checklist-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>Kostenfreie Absicherung Ihrer Familie</li>
<li class="footer__checklist-item"><svg class="icon icon--check footer__checklist-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>Medizinische Beratungshotline</li>
</ul><a class="footer__button" href="#">Jetzt Mitglied werden</a>
</div>
<div class="footer__column">
<h4 class="footer__column-headline">Kontakt<svg class="icon icon--chevron-right footer__column-headline-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-chevron-right"></use>
</svg></h4>
<div class="footer__textblocks">
<div class="footer__textblock">
<p class="footer__textblock-line">Zentrale Postanschrift:</p>
<p class="footer__textblock-line">vivida bkk</p>
<p class="footer__textblock-line">78044 Villingen-Schwenningen</p>
</div>
<div class="footer__textblock">
<p class="footer__textblock-line">Kundencenter</p>
<p class="footer__textblock-line">Telefon 0800 3755 3755 5</p>
<p class="footer__textblock-line">Fax 0800 3755 3755 9</p>
</div>
</div><a class="footer__mail-link" href="#"><svg class="icon icon--letter footer__mail-link-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-letter"></use>
</svg>Kontaktformulare</a>
</div>
<div class="footer__column">
<h4 class="footer__column-headline"><a class="footer__column-headline-link" href="#">Service</a><svg class="icon icon--chevron-right footer__column-headline-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-chevron-right"></use>
</svg></h4>
<ul class="footer__linklist">
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Häufige Fragen - FAQ</a></li>
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Downloadcenter</a></li>
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Standorte</a></li>
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Kundenmagazin</a></li>
</ul>
</div>
<div class="footer__column">
<h4 class="footer__column-headline"><a class="footer__column-headline-link" href="#">Portale</a><svg class="icon icon--chevron-right footer__column-headline-icon" viewBox="0 0 200 200" aria-hidden="true">
<use xlink:href="#icon-chevron-right"></use>
</svg></h4>
<ul class="footer__linklist">
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Karriere</a></li>
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">vivida Kundenmagazin</a></li>
<li class="footer__linklist-item"><a class="footer__linklist-link" href="#">Vertriebspartner</a></li>
</ul>
</div>
</div>
<div class="footer__apps"><a class="footer__apps-link" href="https://apps.apple.com/de/app/vivida-bkk/id1536767169" target="_blank"><img class="footer__apps-image" src="/images/apple-store-de.webp" alt="App Store" /></a><a class="footer__apps-link" href="https://play.google.com/store/apps/details?id=de.vividabkk.app" target="_blank"><img class="footer__apps-image" src="/images/google-play-de.webp" alt="Google Play Store" /></a></div>
</div>
</div>
<div class="footer__end"><span class="footer__text">© 2024 vivida bkk</span>
<nav class="footer__end-navigation">
<ul class="footer__end-list">
<li class="footer__end-list-item"><a class="footer__link" href="#">Barrierefreiheit</a></li>
<li class="footer__end-list-item"><a class="footer__link" href="#">Bildnachweis</a></li>
<li class="footer__end-list-item"><a class="footer__link" href="#">Impressum</a></li>
<li class="footer__end-list-item"><a class="footer__link" href="#">Datenschutz</a></li>
<li class="footer__end-list-item"><a class="footer__link" href="#" data-toggle="cookieconsent">Cookie-Einstellungen</a></li>
</ul>
</nav>
</div>
</footer>
{
"sociallinks": [
{
"icon": "x",
"link": "https://x.com/vividabkk"
},
{
"icon": "facebook",
"link": "https://twitter.com/vividabkk"
},
{
"icon": "youtube",
"link": "https://www.youtube.com/c/vividabkk"
},
{
"icon": "instagram",
"link": "https://instagram.com/maches.gesund?utm_medium=copy_link"
},
{
"icon": "xing",
"link": "http://www.xing.com/pages/vividabkk"
},
{
"icon": "linkedin",
"link": "https://www.linkedin.com/company/vividabkk"
}
],
"columns": [
{
"headline": "Mitglied werden",
"checklist": [
"Bonusprogramm – gesund Leben zahlt sich aus",
"Gezielte, individuelle Sport- und Fitnessangebote",
"Perfekter Impfschutz – in jeder Lebenssituation",
"Kostenfreie Absicherung Ihrer Familie",
"Medizinische Beratungshotline"
]
},
{
"headline": "Kontakt",
"textblocks": [
{
"lines": [
"Zentrale Postanschrift:",
"vivida bkk",
"78044 Villingen-Schwenningen"
]
},
{
"lines": [
"Kundencenter",
"Telefon 0800 3755 3755 5",
"Fax 0800 3755 3755 9"
]
}
]
},
{
"headline": "Service",
"link": "#",
"linklist": [
"Häufige Fragen - FAQ",
"Downloadcenter",
"Standorte",
"Kundenmagazin"
]
},
{
"headline": "Portale",
"link": "#",
"linklist": [
"Karriere",
"vivida Kundenmagazin",
"Vertriebspartner"
]
}
],
"end": {
"items": [
{
"text": "Barrierefreiheit",
"link": "#"
},
{
"text": "Bildnachweis",
"link": "#"
},
{
"text": "Impressum",
"link": "#"
},
{
"text": "Datenschutz",
"link": "#"
},
{
"text": "Cookie-Einstellungen",
"link": "#",
"attr": {
"data-toggle": "cookieconsent"
}
}
]
}
}