{% extends 'base.html' %}
{% load static %}
{% block content %}
<style scoped>
@media (min-width:562px){.dc-main-background {background-image:url({% static 'pictures/background-i.webp' %});width:100%;}}
@media (max-width:561px){.dc-main-background {background-image:url({% static 'pictures/background-mobile.webp' %});width:100%;}}
</style>
<section style="padding-bottom:770px;width:100%"class="dc-header dc-text-white">
<span class="dc-parallax dc-main-background">
<div class="dc-header dc-center">
<h1 class="dc-jumbo">Im·Puls 2024</h1>
<h2 class="dc-xxxlarge">Geistige IDEALE<br>&<br>irdische REALITÄT</h2>
<span class="dc-xlarge">Die aktuelle Tagung findet vom 14. Februar, 17:00, bis zum 18. Februar, 12:30, in Stuttgart statt. 
</div>
<svg class="editorial" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /></defs>
<g class="px1"><use xlink:href="#gentle-wave" x="50" y="3" fill="#fde6a0"/></g>
<g class="px2"><use xlink:href="#gentle-wave" x="50" y="0" fill="#e0be8d"/></g>
<g class="px3"><use xlink:href="#gentle-wave" x="50" y="9" fill="#fee7a1"/></g>
<g class="px4"><use xlink:href="#gentle-wave" x="50" y="6" fill="#995f5e"/></g></svg>
</section>

<section>
  <div class="dc-container dc-secondary-background dc-text-white" style="padding:64px 16px" id="details">
    <h2 class="dc-center dc-half">Was ist die Im·Puls-Tagung?</h2>
    <div class="dc-center dc-half">
      Die Im·Puls-Tagung ist eine Tagung mit primärem Fokus auf junge Erwachsene, welche über die Spanne von 4 Tagen mit verschiedenen Vorträgen
      und gemeinsamen Arbeitsgruppen Impulse zum Tagungsthema geben möchte. Dazu gibt es auch viel Zeit und Möglichkeit mit anderen Tagungsteilnehmern
      in Kontakt zu treten. Unser Ziel ist, dass jeder Teilnehmer estärkt und vielleicht sogar mit einem ganz neuen Impuls in sein Leben zurückkehrt.
    </div>
  </div>
</section>

<section>
<div class="dc-container dc-secondary-background dc-text-white" style="padding:64px 16px"  id="contact">
<h3 class="dc-center">Interesse an der Tagung?</h3>
  <div class="dc-center">
  <a href="{% url 'anmeldung' %}" class="dc-btn">Melde dich Hier an!</a>
  </div>
</div>
</section>

{% endblock content %}