highlight

// src/components/patterns/highlight/highlight.html.twig

<div class="Highlight{% if textblock_align %} Highlight--{{ textblock_align }}{% endif %}{% if media %} Highlight--media{% endif %}{% if background %} Highlight--{{ background }}{% endif %}">
  <div class="Highlight-inner u-grid u-container">
    {% if headline %}
      <h2 class="Highlight-headline{% if headline_background %} Highlight-headline--{{ headline_background }}{% endif %}">{{ headline|german_quotes }}</h2>
    {% endif %}
    {% if media %}
      {% include "@elements/media-template/media-template.html.twig" with media|merge({class: "Highlight-media"}) only %}
    {% endif %}
    <div class="Highlight-content">
      <p class="Highlight-text u-typo-big-copy-subline">{{ text|german_quotes }}</p>
      {% if button %}
        {% include "@elements/button/button.html.twig" with button|merge({class: "Highlight-button Tracking--highlight-button"}) only %}
      {% endif %}
    </div>
  </div>
</div>