<div class="p-1.5 h-full"> <div class="relative h-full bg-rs-red"> <img class="absolute top-0 left-0 object-cover w-full h-full" src="{{ successStory.teaserImage.getThumbnail('jumpstartImage') }}" /> <div class="relative flex flex-col justify-between w-full h-full p-2 text-white overlay bg-gradient-to-b from-black/0 to-black"> <div class="relative grow px-7 pt-[65%]"> <h3 class="mb-4 text-3xl font-bold break-words">{{ successStory.title }}</h3> <label class=""> {% set tags = successStory.tags|split('|') %} {% for tag in tags %} <span class="p-1 text-sm font-semibold bg-rs-red">{{ tag|upper }}</span> {% endfor %} </label> <p class="pt-4 font-thin">{{ successStory.teaser }}</p> </div> <div class="px-8 py-8"> <a href="/erfolgsgeschichten/{% if successStory.url|length %}{{ successStory.url }}{% else %}ssid-{{ successStory.id }}{% endif %}"> <button class="robotics-button"> Erfolgsgeschichte ansehen </button> </a> </div> </div> </div></div>