{% macro highlightedContent(highlightedTitleAboveImage, highlightedTitleBellowImage, highlightShowImageDisclaimer, highlightImageDisclaimer, image, imgAlt, path, highlightedContent, showCTA, skin, ctaLink, ctaText, style) %}
    <section class="highlight">
        <div class="container-md">
            {% if highlightedTitleAboveImage and highlightedTitleAboveImage != '' %}
            <h3 class="highlight__title">{{ highlightedTitleAboveImage }}</h3>
            {% endif %}

            {% if image and image != '' %}
                {% if 'svg' in image %}
                    <img class="lazyload" data-src="{{path}}/{{image}}" alt="{{imgAlt}}">
                {% else %}
                <picture>
                        <source type="image/webp" srcset="{{path}}/{{image}}.webp?format=webp">
                        <source type="image" srcset="{{path}}/{{image}}?format=webp">
                        <img class="lazyload" data-src="{{path}}/{{image}}?format=webp" alt="{{imgAlt}}"/>
                </picture>
                {% endif %}
            {% endif %}
            
            {% if highlightedTitleBellowImage and highlightedTitleBellowImage != '' %}
            <h3 class="highlight__title">{{ highlightedTitleBellowImage }}</h3>
            {% endif %}

            {% if highlightShowImageDisclaimer == 'true' %}
                <div class="disclaimer">{% if highlightImageDisclaimer != '' %}{{highlightImageDisclaimer}}{% endif %}</div>
            {% endif %}

            <p>
                {{ highlightedContent }}
            </p>

            {% if showCTA == "true" %}
                {% if skin == 'true' %}
                    {% from "../_CTABtn/_CTABtn.html" import CTA %}
                    {{ CTA(
                        wrapCTA = 'false',
                        ctaID = '',
                        ctaLink = ctaLink,
                        ctaTarget = "_blank",
                        dataParam = 'true',
                        ctaParam = 'false',
                        ctaText = ctaText,
                        hasIcon = 'false',
                        style = style
                        )
                    }}
                {% else %}
                    {% from "../_CTABtn/_CTABtn.html" import CTA %}
                    {{ CTA(
                        wrapCTA = 'false',
                        ctaID = '',
                        ctaLink = ctaLink,
                        ctaTarget = "_blank",
                        dataParam = 'true',
                        ctaParam = 'false',
                        ctaText = ctaText,
                        hasIcon = 'false',
                        style = 'default'
                        )
                    }}
                {% endif %}
            {% endif %}
        </div>
    </section>
{% endmacro %}