{% extends 'default/templates/renderable/leadimagecontent.html' %}

{% block header %}
    <a class="teaser-link" href="{{ content.url() }}">
        <header>
            <div class="lead-image">
                {% if content.lead_image_id %}
                    <img
                        src="{{ content.lead_image.url('raw') }}"
                        {% if content.lead_image.description %}
                            alt="{{ content.lead_image.description }}"
                            title="{{ content.lead_image.description }}"
                        {% endif %}
                    />
                {% else %}
                    <img class="lead-image-fallback" src="/theme/svg/logo.svg" />
                {% endif %}
            </div>
            <h2>{{ content.title.render('inline') }}</h2>
            {{ super() }}
        </header>
    </a>
{% endblock %}

{% block content %}
    <a class="teaser-link" href="{{ content.url() }}">
        <div class="teaser-text">{{ content.teaser.render() }}</div>
    </a>
{% endblock %}