{% macro modal(id, title, close_label='Schließen') -%}
  <div class="modal" id="{{ id }}" data-component="modal" hidden>
    <div class="modal__backdrop" data-action="modal-close"></div>
    <section class="modal__dialog"
             role="dialog"
             aria-modal="true"
             aria-labelledby="{{ id }}-title">
      <header class="modal__header">
        <h2 id="{{ id }}-title">{{ title }}</h2>
        <button class="modal__close"
                type="button"
                data-action="modal-close"
                aria-label="{{ close_label }}">×</button>
      </header>
      <div class="modal__body">{{ caller() }}</div>
    </section>
  </div>
{%- endmacro %}