Match heights and allow for nobody in template teckids_event

sass/_utils.scss

@@ -13,3 +13,7 @@ figure.image > figcaption {
 .content .gallery figure {
   margin: 0;
 }
+
+.is-fullheight {
+  height: 100%
+}

templates/shortcodes/teckids_event.html

@@ -30,12 +30,9 @@
               {{ event.cost }} €
             </div>
           </div></div>
-          <div class="content">
-            {{ body }}
-          </div>
           </div>
         <div class="column is-one-third">
-          <div class="buttons are-responsive are-medium">
+          <div class="buttons are-responsive are-medium is-fullheight is-flex is-justify-content-space-between">
             <a class="button is-primary is-fullwidth is-justify-content-start" href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
               <span class="icon"><i class="fa-regular fa-paper-plane"></i></span>
               <span>Zur Anmeldung</span>
@@ -44,13 +41,18 @@
               <span class="icon"><i class="fa-regular fa-envelope-open-text"></i></span>
               <span>E-Mail schreiben</span>
             </a>
-            <a class="button is-link is-fullwidth is-justify-content-start" href="tel:{{ phone|default(value=" +4922892934160") }}">
+            <a class="button is-link is-fullwidth is-justify-content-start mb-0" href="tel:{{ phone|default(value=" +4922892934160") }}">
               <span class="icon"><i class="fa-regular fa-phone"></i></span>
               <span>Anrufen</span>
             </a>
           </div>
         </div>
       </div>
+      {%if body %}
+      <div class="content">
+        {{ body|markdown|safe }}
+      </div>
+      {% endif %}
     </div>
   </div>
 </section>