<div id="slider" {% if slidety == 0 %}style="max-width: {{ wrapper }}; margin: 0 auto;"{% endif %}>
<ul class="slides">
{% if show_slide1 %}
  <li>
    <div class="post slide1">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide1_url }}">{% if slide1_head is not empty %}{{ slide1_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide1_desc is not empty %}{{ slide1_desc|t|raw }}{% endif %}</div>      
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide1_url }}"><img src="{{ slide1_image_url }}" loading="eager" fetchpriority="high" class="pure-img slide-image" alt="{{ slide1_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide2 %}
  <li>
    <div class="post slide2">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide2_url }}">{% if slide2_head is not empty %}{{ slide2_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide2_desc is not empty %}{{ slide2_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide2_url }}"><img src="{{ slide2_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide2_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide3 %}
  <li>
    <div class="post slide3">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide3_url }}">{% if slide3_head is not empty %}{{ slide3_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide3_desc is not empty %}{{ slide3_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide3_url }}"><img src="{{ slide3_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide3_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide4 %}
  <li>
    <div class="post slide4">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide4_url }}">{% if slide4_head is not empty %}{{ slide4_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide4_desc is not empty %}{{ slide4_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide4_url }}"><img src="{{ slide4_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide4_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide5 %}
  <li>
    <div class="post slide5">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide5_url }}">{% if slide5_head is not empty %}{{ slide5_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide5_desc is not empty %}{{ slide5_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide5_url }}"><img src="{{ slide5_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide5_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide6 %}
  <li>
    <div class="post slide6">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide6_url }}">{% if slide6_head is not empty %}{{ slide6_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide6_desc is not empty %}{{ slide6_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide6_url }}"><img src="{{ slide6_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide6_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
{% if show_slide7 %}
  <li>
    <div class="post slide7">
    <div class="entry-container">
    <div class="txww">
      <div class="entry-header"><div class="entry-title"><a href="{{ url('<front>') }}{{ slide7_url }}">{% if slide7_head is not empty %}{{ slide7_head|t }}{% endif %}</a></div></div>
      <div class="entry-summary">{% if slide7_desc is not empty %}{{ slide7_desc|t|raw }}{% endif %}</div>
    </div>
    </div>
    <a href="{{ url('<front>') }}{{ slide7_url }}"><img src="{{ slide7_image_url }}" loading="lazy" class="pure-img slide-image" alt="{{ slide7_alt }}" {% if slideh %}style="max-height: {{ slideh }}"{% endif %}></a>
    </div>
  </li>
{% endif %}
</ul>
</div>
