<!-- Icon-Liste -->
<dl class="icon-list">
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--address" viewBox="0 0 200 200" role="img" aria-labelledby="icon-5c7d-title">
<title id="icon-5c7d-title">Postanschrift</title>
<use xlink:href="#icon-address"></use>
</svg>
</dt>
<dd class="icon-list__content">Postanschrift:
<br/> Martin-Luther-Universität Halle-Wittenberg
<br/> Institutsname
<br/> ggf. Straße, Hausnummer
<br/> 06099 Halle</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--position" viewBox="0 0 200 200" role="img" aria-labelledby="icon-ff04-title">
<title id="icon-ff04-title">Anschrift</title>
<use xlink:href="#icon-position"></use>
</svg>
</dt>
<dd class="icon-list__content">Besucheranschrift:
<br/> Raumangabe
<br/> Ansprechpartnerin
<br/> Gebäude, Straße, Hausnummer
<br/> 06120 Halle</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--mail" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0e43-title">
<title id="icon-0e43-title">E-Mail-Adresse</title>
<use xlink:href="#icon-mail"></use>
</svg>
</dt>
<dd class="icon-list__content">
<a href="mailto:name@fakultaet.uni-halle.de">name@fakultaet.uni-halle.de</a>
</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--phone" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3379-title">
<title id="icon-3379-title">Telefon/Fax</title>
<use xlink:href="#icon-phone"></use>
</svg>
</dt>
<dd class="icon-list__content">Telefon:
<a href="tel:+491230000001">+49 123 0000001</a>
<br/> Telefax:
<a href="fax:+491230000002">+49 123 0000002</a>
</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--clock" viewBox="0 0 200 200" role="img" aria-labelledby="icon-9c8a-title">
<title id="icon-9c8a-title">Öffnungszeiten</title>
<use xlink:href="#icon-clock"></use>
</svg>
</dt>
<dd class="icon-list__content">
<div class="opening-hours">
<p class="opening-hours__text">Sprechzeiten: (ggf. Öffnungszeiten)
<br/> Terminvereinbarung per Telefon</p>
<dl class="opening-hours__list">
<div class="opening-hours__item">
<dt class="opening-hours__day">Mo:</dt>
<dd class="opening-hours__hours">09:00–12:00 Uhr</dd>
</div>
<div class="opening-hours__item">
<dt class="opening-hours__day">Di:</dt>
<dd class="opening-hours__hours">08:00–12:00 Uhr</dd>
</div>
<div class="opening-hours__item">
<dt class="opening-hours__day">Mi:</dt>
<dd class="opening-hours__hours">13:00–15:00 Uhr</dd>
</div>
<div class="opening-hours__item">
<dt class="opening-hours__day">Fr:</dt>
<dd class="opening-hours__hours">13:00–18:00 Uhr</dd>
</div>
</dl>
</div>
</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--location-arrow" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8cd2-title">
<title id="icon-8cd2-title">Anfahrt</title>
<use xlink:href="#icon-location-arrow"></use>
</svg>
</dt>
<dd class="icon-list__content">Anfahrt:
<a href="#" target="_blank" rel="noopener noreferrer">Google Maps</a>,
<a href="#" target="_blank" rel="noopener noreferrer">ÖPNV</a>
</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--twitter" viewBox="0 0 200 200" role="img" aria-labelledby="icon-c8d8-title">
<title id="icon-c8d8-title">Social-Media-Profil</title>
<use xlink:href="#icon-twitter"></use>
</svg>
</dt>
<dd class="icon-list__content">
<a href="#" target="_blank" rel="noopener noreferrer">Twitter</a>
</dd>
</div>
<div class="icon-list__item">
<dt class="icon-list__icon">
<svg class="icon icon--xing" viewBox="0 0 200 200" role="img" aria-labelledby="icon-3a42-title">
<title id="icon-3a42-title">Social-Media-Profil</title>
<use xlink:href="#icon-xing"></use>
</svg>
</dt>
<dd class="icon-list__content">
<a href="#" target="_blank" rel="noopener noreferrer">XING</a>
</dd>
</div>
</dl>
{
"items": [
{
"icon": "address",
"label": "Postanschrift",
"content": "Postanschrift:#[br] Martin-Luther-Universität Halle-Wittenberg#[br] Institutsname#[br] ggf. Straße, Hausnummer#[br] 06099 Halle\n"
},
{
"icon": "position",
"label": "Anschrift",
"content": "Besucheranschrift:#[br] Raumangabe#[br] Ansprechpartnerin#[br] Gebäude, Straße, Hausnummer#[br] 06120 Halle\n"
},
{
"icon": "mail",
"label": "E-Mail-Adresse",
"content": "#[a(href='mailto:name@fakultaet.uni-halle.de') name@fakultaet.uni-halle.de]\n"
},
{
"icon": "phone",
"label": "Telefon/Fax",
"content": "Telefon: #[a(href='tel:+491230000001') +49 123 0000001]#[br] Telefax: #[a(href='fax:+491230000002') +49 123 0000002]\n"
},
{
"icon": "clock",
"label": "Öffnungszeiten",
"use": {
"component": "opening-hours",
"context": {
"text": "Sprechzeiten: (ggf. Öffnungszeiten)#[br] Terminvereinbarung per Telefon\n",
"items": [
{
"day": "Mo:",
"hours": "09:00–12:00 Uhr"
},
{
"day": "Di:",
"hours": "08:00–12:00 Uhr"
},
{
"day": "Mi:",
"hours": "13:00–15:00 Uhr"
},
{
"day": "Fr:",
"hours": "13:00–18:00 Uhr"
}
]
},
"merge": null
}
},
{
"icon": "location-arrow",
"label": "Anfahrt",
"content": "Anfahrt: #[a(href='#', target='_blank', rel='noopener noreferrer') Google Maps], #[a(href='#', target='_blank', rel='noopener noreferrer') ÖPNV]\n"
},
{
"icon": "twitter",
"label": "Social-Media-Profil",
"content": "#[a(href='#', target='_blank', rel='noopener noreferrer') Twitter]\n"
},
{
"icon": "xing",
"label": "Social-Media-Profil",
"content": "#[a(href='#', target='_blank', rel='noopener noreferrer') XING]\n"
}
]
}