<!-- Details -->
<section class="container container--50-50 container--profile-details">
  <div class="container__inner-wrap">
    <div class="container__inner">
      <header class="container__headline">
        <h2 class="headline headline--small">Kontakt</h2>
      </header>
      <div class="container__content">
        <dl class="icon-list">
          <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-2ca9-title">
                <title id="icon-2ca9-title">E-Mail-Adresse</title>
                <use xlink:href="#icon-mail"></use>
              </svg>
            </dt>
            <dd class="icon-list__content">
              <a href="mailto:vorname.name@uni-halle.de">vorname.name@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-e5b3-title">
                <title id="icon-e5b3-title">Telefon/Fax</title>
                <use xlink:href="#icon-phone"></use>
              </svg>
            </dt>
            <dd class="icon-list__content">Telefon:
              <a href="tel:+491230000001">+49 123 00000-01</a>
              <br/> Telefax:
              <a href="fax:+491230000002">+49 123 00000-02</a>
            </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-3a66-title">
                <title id="icon-3a66-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--address" viewBox="0 0 200 200" role="img" aria-labelledby="icon-0d5d-title">
                <title id="icon-0d5d-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>
        </dl>
      </div>
      <div class="container__content">
        <div class="container__element">
          <div class="info">
            <div class="info__label" id="notice-label"><span class="info-label">Notiz</span></div>
            <div class="info__text" aria-labelledby="notice-label">
              <p>Ich bin bis 5. Januar 2018 im Urlaub</p>
            </div>
          </div>
        </div>
        <div class="container__element">
          <figure class="quote">
            <blockquote class="quote__text">Hier kann ein kurzes Zitat der Person stehen, das nicht länger als 160 Zeichen ist. Lorem ipsum dolor sit amet.</blockquote>
          </figure>
        </div>
      </div>
    </div>
  </div>
</section>

{
  "headline": {
    "text": "Kontakt"
  },
  "note": {
    "label": "Notiz",
    "labelId": "notice-label",
    "text": "p Ich bin bis 5. Januar 2018 im Urlaub\n"
  },
  "quote": "Hier kann ein kurzes Zitat der Person stehen, das nicht länger als 160 Zeichen ist. Lorem ipsum dolor sit amet.",
  "info": {
    "items": [
      {
        "icon": "mail",
        "label": "E-Mail-Adresse",
        "content": "#[a(href='mailto:vorname.name@uni-halle.de') vorname.name@uni-halle.de]\n"
      },
      {
        "icon": "phone",
        "label": "Telefon/Fax",
        "content": "Telefon: #[a(href='tel:+491230000001') +49 123 00000-01]#[br] Telefax: #[a(href='fax:+491230000002') +49 123 00000-02]\n"
      },
      {
        "icon": "position",
        "label": "Anschrift",
        "content": "Besucheranschrift:#[br] Raumangabe#[br] Ansprechpartnerin#[br] Gebäude, Straße, Hausnummer#[br] 06120 Halle\n"
      },
      {
        "icon": "address",
        "label": "Postanschrift",
        "content": "Postanschrift:#[br] Martin-Luther-Universität Halle-Wittenberg#[br] Institutsname#[br] ggf. Straße, Hausnummer#[br] 06099 Halle\n"
      }
    ]
  }
}