templates/includes/blocks/text-teaser.html.twig line 1

  1. <div class="text-teaser {% if content.textTeaserType != "default" %}text-teaser--{{ content.textTeaserType }} {% endif %}
  2.            {% if content.inverted %} text-teaser--inverted {% endif %} {{ content.top }} {{ content.bottom }}"
  3.            x-data="textteaser">
  4.     <div class="text-teaser__container">
  5.         <div class="text-teaser__title " x-ref="title">
  6.             {% if content.textTeaserPagina %}
  7.             {% if content.textTeaserSeoHeadlinePagina %}<{{ content.textTeaserSeoHeadlinePagina }}>{% endif %}
  8.                 <div class="pagina">
  9.                     {{ content.textTeaserPagina }}
  10.                 </div>
  11.             {% if content.textTeaserSeoHeadlinePagina %}</{{ content.textTeaserSeoHeadlinePagina }}>{% endif %}
  12.             {% endif %}
  13.             {% if content.textTeaserTitleDesktop %}
  14.                 <div {% if content.textTeaserTitleMobile %}class="desktop-only"{% endif %}>
  15.                     {{ content.textTeaserTitleDesktop|raw }}
  16.                 </div>
  17.             {% endif %}
  18.         </div>
  19.         {% if content.textTeaserTitleMobile %}
  20.             <div class="text-teaser__title mobile-only" x-ref="mobiletitle">
  21.                 {{ content.textTeaserTitleMobile|raw }}
  22.             </div>
  23.         {% endif %}
  24.         {% if content.text %}
  25.             <div class="text-teaser__content" x-ref="content">
  26.                 <div class="text-teaser__scoped">
  27.                     {{ content.text|raw }}
  28.                 </div>
  29.                 {% if content.textTeaserActionLink != null %}
  30.                     <div class="text-teaser__actions" x-ref="actions">
  31.                         {% if content.textTeaserButtonType == 'box' %}
  32.                             <a href="{{ content.textTeaserActionLink }}"
  33.                                class="button button--{{ content.textTeaserButtonColor }}
  34.                                      button--size-{{ content.textTeaserButtonSize }}">
  35.                                 <span class="button__inner">
  36.                                     {{ content.textTeaserButtonLabel }}
  37.                                 </span>
  38.                             </a>
  39.                         {% elseif content.textTeaserButtonType == 'text' %}
  40.                             <a href="{{ content.textTeaserActionLink }}"
  41.                                class="text-button text-button--{{ content.textTeaserTextButtonColor }}
  42.                                      {% if content.uppercase %} uppercase {% endif %}">
  43.                                 {{ content.textTeaserButtonLabel }}
  44.                                 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16">
  45.                                     <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor"
  46.                                           stroke-miterlimit="10" stroke-linecap="round"
  47.                                           stroke-linejoin="round"/>
  48.                                 </svg>
  49.                             </a>
  50.                         {% endif %}
  51.                     </div>
  52.                 {% endif %}
  53.             </div>
  54.         {% endif %}
  55.     </div>
  56. </div>