${#states.offer_page.no_offers_available}$
<!-- Xpresso: No offers available -->
${/states.offer_page.no_offers_available}$
${#states.offer_page.offers_available}$
<div class="paywall-box-header">
  <div class="premium-icon c-badge c-badge--user">HAZ+</div>
  <h2>Zugang freischalten und weiterlesen</h2>
  <div class="t-article-teaser-login">
    Sie haben bereits einen Zugang? <a href="/connect/xpresso">Hier einloggen</a>
  </div>
</div>
<div class="paywall-product-wrapper">
  <div class="paywall-product-box">
    ${#data.offer_page.offers.0}$
    <div class="paywall-product-box__inner">
      <div class="paywall-product-grid">
        <div class="paywall-product-box__special">
          <h2></h2>
        </div>
        <div class="paywall-product-box__logo">
          <div class="premium-icon c-badge c-badge--user">HAZ+</div>
        </div>
        <div class="paywall-product-box__title flex-head">
          <h2>${title}$</h2>
          ${{description}}$
        </div>
        <div class="paywall-product-box__price">
        ${#texts.offer_formatted_regular_price}
          <span class="og-price">${{#texts.offer_formatted_regular_price}}</span>
	${/texts.offer_formatted_regular_price}
          <h2>${currentPrice}$</h2>
          <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
        </div>
        <div class="paywall-product-box__button">
          <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
        ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
        ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
          </a>
        </div>
      </div>
    </div>
  </div>
  ${/data.offer_page.offers.0}$
  ${#data.offer_page.offers.1}$
  <div class="paywall-product-box special" data-xpr-bineos="touchpoint:angebot">
    <div class="paywall-product-box__inner">
      <div class="paywall-product-grid">
        <div class="paywall-product-box__special">
          <h2>Bestseller</h2>
        </div>
        <div class="paywall-product-box__logo">
          <div class="premium-icon c-badge c-badge--user">HAZ+</div>
        </div>
        <div class="paywall-product-box__title flex-head">
          <h2>${title}$</h2>
          ${{description}}$
        </div>
        <div class="paywall-product-box__price">
        ${#texts.offer_formatted_regular_price}
          <span class="og-price">${{#texts.offer_formatted_regular_price}}</span>
	${/texts.offer_formatted_regular_price}
          <h2>${currentPrice}$</h2>
          <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
        </div>
        <div class="paywall-product-box__button">
          <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
        ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
        ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
          </a>
        </div>
      </div>
    </div>
  </div>
  ${/data.offer_page.offers.1}$
  ${#data.offer_page.offers.2}$
  <div class="paywall-product-box">
    <div class="paywall-product-box__inner">
      <div class="paywall-product-grid">
        <div class="paywall-product-box__special">
          <h2></h2>
        </div>
        <div class="paywall-product-box__logo">
          <div class="premium-icon c-badge c-badge--user">HAZ+</div>
        </div>
        <div class="paywall-product-box__title flex-head">
          <h2>${title}$</h2>
          ${{description}}$
        </div>
        <div class="paywall-product-box__price">
        ${#texts.offer_formatted_regular_price}
          <span class="og-price">${{#texts.offer_formatted_regular_price}}</span>
	${/texts.offer_formatted_regular_price}
          <h2>${currentPrice}$</h2>
          <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
        </div>
        <div class="paywall-product-box__button">
          <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
        ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
        ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
          </a>
        </div>
      </div>
    </div>
  </div>
  ${/data.offer_page.offers.2}$
</div>
<div class="paywall-footer-text">
</div>
${> funnelCss}$
${/states.offer_page.offers_available}$