51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Paywall: Default

100% 
<div class="o-paywall">
    <div class="o-paywall__header">
        <span class="c-badge c-badge--user c-badge--large c-badge--outline">HAZ+</span>
    </div>
    <div class="o-paywall__body">
        <div class="grid-x grid-padding-y grid-padding-x">
            <div class="cell">
                <h3 class="u-inline-block">
                    Sofort weiterlesen
                </h3>
                <ul class="c-check-list">
                    <li class="c-check-list__item">Alle Nachrichten aus Hildesheim und der Region</li>
                    <li class="c-check-list__item">Monatlich mehr als 300 Artikel, Reportagen und exklusive Inhalte</li>
                    <li class="c-check-list__item">Keine Mindestvertragslaufzeit und einfach online kündbar</li>
                    <li class="c-check-list__item">Erster Monat kostenlos, danach monatlich nur 9,90 Euro</li>
                </ul>
                <a class="c-button c-button--ghost" href="#">
    JETZT GRATIS TESTEN
</a>
            </div>
        </div>
    </div>
    <hr class="o-paywall__divider">
    <div class="o-paywall__footer">
        <p>
            Sie haben bereits ein Abo? <a href="#">Hier einloggen</a>
        </p>
    </div>
</div>
 
<div class="o-paywall">
    <div class="o-paywall__header">
        {% render '@badge--user' with { additionalClasses: 'c-badge--large c-badge--outline' } %}
    </div>
    <div class="o-paywall__body">
        <div class="grid-x grid-padding-y grid-padding-x">
            <div class="cell">
                {% render '@heading--h3' with { text: 'Sofort weiterlesen', classes: "u-inline-block" } %}
                {% render '@check-list' with {
                    items: [
                        "Alle Nachrichten aus Hildesheim und der Region",
                        "Monatlich mehr als 300 Artikel, Reportagen und exklusive Inhalte",
                        "Keine Mindestvertragslaufzeit und einfach online kündbar",
                        "Erster Monat kostenlos, danach monatlich nur 9,90 Euro",
                    ],
                } %}
                {% render '@button--ghost' with { text: 'JETZT GRATIS TESTEN' } %}
            </div>
        </div>
    </div>
    <hr class="o-paywall__divider">
    <div class="o-paywall__footer">
        {% render '@paragraph' with { text: 'Sie haben bereits ein Abo? <a href="#">Hier einloggen</a>' } %}
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.