<!-- body ROOT -->
    
        <!-- GESIS micro header -->
        <section
          class="page-banner microsite has-bg-color"
          style="background-image:  url(/fileadmin/admin/Dateikatalog/Banner/Microsite/microsite.svg);" >
          <div class="page-banner--inner">

            <!-- Start Wrapper -->
            <div>
              <!-- Breadcrumb -->
              <nav class="gs_rootline d-lg-flex align-items-center"
                   aria-labelledby="gs_rootline_label" >
                <ol class="list-group list-group-horizontal flex-wrap">
                  <li>
                    <a href="link/microsite-home" data-auto-event-observed="true" > 
                       Microsite Breadcrumb Root 
                    </a>
                  </li>

                  <li>
                    <a href="link/overview/level-01" data-auto-event-observed="true" > 
                       Level 01 
                    </a>
                  </li>

                  <li>
                    <a href="link/overview/level-01/level-02" data-auto-event-observed="true" > 
                       Level 02
                    </a>
                  </li>

                  <li aria-current="page"> Aktuelle Seite </li>
                </ol>
              </nav>

              <!-- Microsite Titel *nicht der Seitentitel* -->
              <span class="h1">
                <a href="link/microsite-home" data-auto-event-observed="true"> 
                    Microsite Title 
                </a>
              </span>
            </div>
            <!-- End Wrapper -->

            <!-- Microsite Logo *optional* -->
            <figure class="microsite-logo">
              <img
                src=".../?/Microsite-individual-logo.svg"
                width="807"
                height="807"
                alt="..."
              />
            </figure>

          </div>
        </section>


    <!-- body ROOT -->