{% extends "_layout/main" %}
 
 {% block main %}
 

      
      <!-- section start -->
      <section class="layout-pt-lg layout-pb-lg">
        <!-- container start -->
        <div class="container">
          <!-- row start -->
          
          
          <div class="fancy-grid -col-2">
      
            {% for postEntry in craft.entries.section('newsPosts').site('main').all() %} 
               <div class="fancy-grid__item">
                 <a data-cursor-icon="arrow-right" data-anim="slide-up delay-2" class="portfolioCard -type-1 -hover" data-barba href="{{ postEntry.url }}">
                   <div class="portfolioCard__img">
                     <div class="portfolioCard__img__inner">
                        {% set image = postEntry.featuredImage.inReverse().one() %}
                        {% if image %}
                           <div class="ratio ratio-3:4 bg-image js-lazy" data-bg="{{ image.getUrl('featuredImage') }}"></div>
                        {% endif %}
                     </div>
                   </div>
         
                   <div class="portfolioCard__content mt-20">
                     <p class="portfolioCard__category overflow-hidden text-dark mb-8">
                       {{ postEntry.headline }}
                     </p>
         
                     <h3 class="portfolioCard__title overflow-hidden text-2xl fw-600">
                       {{ postEntry.title }}
                     </h3>
                   </div>
                 </a>
               </div>
            {% endfor %}  
          </div>
          <!-- row end -->
        </div>
        <!-- container end -->
      </section>
      <!-- section end -->




      
      <!-- section start -->
      {# <section data-parallax="0.7" class="layout-pt-lg layout-pb-lg">
        <div data-parallax-target class="overlay-black-md bg-image js-lazy" data-bg="assets/img/dirk-wetzel-testimonials.jpg"></div>
        <div class="container z-5">
          <div class="row justify-content-center text-center">
            <div class="col-12">
              <p class="text-sm uppercase tracking-lg text-white mb-20">
                Contact me
              </p>
      
              <h2 class="text-5xl sm:text-5xl xs:text-4xl leading-sm fw-700 text-white">
                  Was haben Sie geplant?<br>Erzählen Sie mir<br>von Ihrem Projekt.
              </h2>
      
              <a href="mailto:info@dirkwetzel.com" class="button -md -white text-black mt-32">
                Get in Touch
              </a>
            </div>
          </div>
        </div>
      </section> #}
      <!-- section end -->
      

{% endblock %}