**ACHTUNG: Class cg-equal-align-button has to be added to content grid module.**

Layout.css

.pp-content-grid-post {
    font-size: 14px;
}

.pp-content-grid-title {
    margin-bottom:10px;
}

.pp-content-grid-image img {
    height:120px!important;
    object-fit: cover;
    aspect-ratio:16/9;
}

.pp-content-post-data {
    padding:1em 1.5em 1em 1.5em;
}

.pp-content-grid-post-more-link {
    margin-top:20px;
}

.pp-content-grid-post-more-link a {
    background-color:var(--surface-70);
    color:white;
    padding:5px 40px 5px 20px;
    font-weight:bold;
}

.pp-content-grid-post-more-link a:hover {
    background-color:var(--contrast);
    color:black;
}

layout.php

<!--DONT FORGET to add the class .cg-equal-align-button to the Grid module to allow for equally aligned buttons  -->
<div class="pp-content-grid-image pp-post-image">
   <img src="[wpbb post:featured_image size='medium' display='url']" />
</div>

<div class="pp-content-post-data">
    <h3 class="pp-content-grid-title pp-post-title">[wpbb post:title]</h3>
    <div class="pp-content-grid-content pp-post-content">[wpbb post:acf type='textarea' name='teasertext']</div>   

    <div class="pp-content-grid-post-more-link clearfix">
           <a href="[wpbb post:url]" class="linkcol">Mehr zu [wpbb post:title]</a>
     </div>
    
</div>