{% if bildquelle %}
  {% set quelle %} (Quelle: {{ bildquelle | raw }}){% endset %}
{% else %}
  {% set quelle = '' %}
{% endif %}

{% if bild_gross.get_attribute('width') > 282 %}
  {% set lightbox_enabled = true %}
{% else %}
  {% set lightbox_enabled = false %}
{% endif %}

{% if cb_singlecolumn == ' CHECKED' %}
  {% set image_class = 'bild' %}
  {% set image_html = bild_klein.get_attributes_html %}
{% else %}
  {% set image_class = 'bild-multicolumn' %}
  {% set image_html = bild_gross.get_attributes_html %}
  {% set lightbox_enabled = false %}
{% endif %}

{% if page_version == "amp" %}

  {% if bild_gross.is_valid and bild_mittel.is_valid %}
    <div class="inlinebild noMargin">
      <amp-img
        media="(min-width: 580px)"
        src="{{ bild_gross.get_attribute('src')|raw }}"
        width="{{ bild_gross.get_attribute('width') }}"
        height="{{ bild_gross.get_attribute('height') }}"
        layout="responsive"
      ></amp-img>
      <amp-img
        media="(max-width: 579px)"
        src="{{ bild_mittel.get_attribute('src')|raw }}"
        width="{{ bild_mittel.get_attribute('width') }}"
        height="{{ bild_mittel.get_attribute('height') }}"
        layout="responsive"
      ></amp-img>
      {% if bildunterschrift or quelle %}
        <div class="bildinfos">
          {{ bildunterschrift|striptags }}
          {% if quelle %}
          <div class="quelle">
            Quelle: {{ quelle }}
          </div>
          {% endif %}
        </div>
      {% endif %}
    </div>
  {% endif %}

{% elseif page_version == "fbia" %}

  <figure>
    <img src="{{ bild_gross.get_attribute('src')|raw }}" />
    {% if bildunterschrift or _quelle %}
      <figcaption class="op-vertical-below">
        {{ bildunterschrift|striptags }}
        {% if _quelle %}
          <cite>
            {{ _quelle }}
          </cite>
        {% endif %}
      </figcaption>
    {% endif %}
  </figure>

{% else %}

  <div class="inline {{ image_class }} {{ align }}">
    {% if lightbox_enabled %}
      <a href="{{ bild_gross.get_attribute('src') }}" class="pirobox" title="{{ quelle|raw }}">
    {% endif %}
      <div class="bild">
        <img {{ image_html|raw }} />
        {% if lightbox_enabled and not microsite %}<div class="lupe"></div>{% endif %}
      </div>
    {% if lightbox_enabled %}
      </a>
    {% endif %}
    <div class="bildunterschrift clear clearfix">
      {% if bildunterschrift %}
        {{ bildunterschrift|raw }}
      {% endif %}
      <div class="bildquelle float-right">{{ quelle | raw }}</div>
    </div>
  </div>

{% endif %}