<div class="component__inner timeline__inner mr_wrapper_container"
  style="{{#if bgColor}}background-color: {{bgColor}};{{/if}}{{#if textColor}}color: {{textColor}};{{/if}}">

  {{!-- {{> component this}} --}}
  <div class="component__header timeline__header">
    <div class="component__header-inner timeline__header-inner">
      <div class="component__title timeline__title">
        <div class="js-heading">
          <div class="js-heading-inner" role="heading" aria-hidden="true">
            <span class="aria-label">
            </span>
          </div>
        </div>
        <div class="component__title-inner timeline__title-inner" tabindex="0">
          {{{compile displayTitle}}}
        </div>
      </div>
      <div class="component__body timeline__body">
        <div class="component__body-inner timeline__body-inner">
         <div style="display: none;">
            {{{compile body}}}
         </div>

          <div class="timeline-container">
          {{#each timeline}}
          <div class=" timeline-wrapper">
            {{#if_odd @index}}
            <div class="even even-wrapper row">
              <div class="w-50 even">
                <div class="timeline-wrapper-inner timeline-content">
                  <div class="body-wrapper">
                    {{{compile this.body}}}
                  </div>
                  <div class="img-wrapper">
                    {{#if this.image}} <img src="{{this.image}}" alt="{{this.imagealt}}">{{/if}}
                  </div>
                </div>
              </div>
              <div class="w-50 ">
                <div class="timeline-wrapper-inner timeline-flag even" tabindex="0">
                  <div class="year-wrapper">
                    <div class="bg-color-container" style="background-color: {{titleColor}};">
                      <h4>{{this.year}}</h4>
                    </div>
                  </div>
                  <div class="title-wrapper">
                    <div class="bg-color-container" style="background-color: {{titleColor}};">
                      <p>{{this.title}}</p>
                      <span class="noch"></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            {{else}}
            <div class="odd odd-wrapper row">
              <div class="w-50">
                <div class="timeline-wrapper-inner timeline-flag odd" tabindex="0">
                  <div class="year-wrapper">
                    <div class="bg-color-container" style="background-color: {{titleColor}};">
                      <h4 >{{this.year}}</h4>
                    </div>
                  </div>
                  <div class="title-wrapper">
                    <div class="bg-color-container" style="background-color: {{titleColor}};">
                      <p>{{this.title}}</p>
                      <span class="noch"></span>
                    </div>

                  </div>
                </div>
              </div>
              <div class="w-50 odd">
                <div class="timeline-wrapper-inner timeline-content">
                  <div class="body-wrapper">
                    {{{compile this.body}}}
                  </div>
                  <div class="img-wrapper">
                    {{#if this.image}} <img src="{{this.image}}" alt="{{this.imagealt}}">{{/if}}
                  </div>
                </div>
              </div>
            </div>
            {{/if_odd}}
          </div>
          {{/each}}
        </div>
        </div>
        
      </div>
    </div>
  </div>
</div>