<div class="box">
    <div class="columns">
        <div class="column is-2 has-text-centered has-background-dark has-text-white has-text-weight-bold is-uppercase">
                [[+subtitle]]
        </div>
    
        <div class="column">
            <div class="list-item-title">
                <h3>[[+longtitle]]</h3>
            </div>
    
            <div class="list-item-description">
                [[+content:striptags=`<p>,<br />`:ellipsis=`300`]]
            </div>
    
            <div class="buttons is-right">
                <a href="[[~[[+id]]]]">
                    <button class="button">
                        <span class="icon-text">
                            <span class="icon"><ion-icon name="document-text-outline"></ion-icon></span>
                            <span>Artikel lesen</span>
                        </span>
                    </button>
                </a>
            </div>
        </div>
    </div>
</div>
