<!-- main Wrapper -->
      <!-- contact-button -->
      <aside class="gesis-contact-button">
        <a href="#contact-section">
          <i class="gesis-icon-person-circle"></i>
        </a>
      </aside>
      <!-- END contact-button -->


      <!-- all Main Content -->


      <!-- START Contact-Section -->
      <section
        class="content-section has-bg-color gs-default-grey"
        id="contact-section">
        <div class="content-section--inner">

          <div class="row">
            <div class="col col-12 col-lg-5">
              <h2>Hier erreichen Sie uns</h2>
            </div>
            <div class="col col-12 col-lg-7">
              <div
                itemscope=""
                itemtype="https://schema.org/Person"
                class="gesis-contact-card remove-background">

                <div class="person-infos">
                  <div class="person-name">
                    <span>Name oder Orginsation</span>
                  </div>

                  Herr und Frau Mustername
                  <br />

                  <div class="person-contact-details">
                    <br />
                    <a
                      class="round-icon-before-link icon-mail"
                      href="#"
                      data-mailto-token="..."
                      data-mailto-vector="2"
                      data-auto-event-observed="true"
                    >
                      vor.nachname[at]gesis•org
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- END Contact-Section -->
  <!-- END main Wrapper -->