<section class="arrows-hero">

  <div class="arrows-hero-inner">

    <div class="arrows-hero-content">

      <div class="arrows-kicker">Ein Mitmachprojekt in Schwalmstadt-Ziegenhain</div>

      <h1>12 Pfeile –<br>Konfirmation weltweit</h1>

      <p class="arrows-lead">
        Gemeinsam bauen wir nachhaltige internationale Kontakte zu Ländern auf,
        in denen Konfirmation gefeiert wird. Für Austausch, Verständnis und eine Welt,
        die näher zusammenrückt.
      </p>

      <div class="arrows-buttons">
        <a class="arrows-btn arrows-btn-primary" href="/mitmachen/">Jetzt mitmachen</a>
        <a class="arrows-btn arrows-btn-secondary" href="/projekt/">Mehr erfahren</a>
      </div>

      <div class="arrows-partners">
        <div class="arrows-partner-text">
          Unterstützt vom<br>
          <strong>Rotary Club Schwalmstadt</strong>
        </div>

        <div class="arrows-partner-logo">
          <img src="http://12-arrows.org/wp-content/uploads/2026/06/Logo_Rotary_International.png" alt="Rotary Club Schwalmstadt">
        </div>

        <div class="arrows-partner-separator"></div>

        <div class="arrows-partner-logo konfi-logo">
          <img src="http://12-arrows.org/wp-content/uploads/2026/06/Logo-Footer.png" alt="Verein zur Förderung der Konfirmationsstadt e.V.">
        </div>

        <div class="arrows-partner-text">
          Verein zur Förderung der<br>
          <strong>Konfirmationsstadt e.V.</strong>
        </div>
      </div>

    </div>

    <div class="arrows-hero-image">
      <img src="http://12-arrows.org/wp-content/uploads/2026/06/Konfi-Wegweiser_1397-scaled.png" alt="Wegweiser 12 Pfeile Konfirmation weltweit in Ziegenhain">
    </div>

  </div>

</section>


<section class="arrows-cards">

  <a class="arrows-card" href="/die-12-laender/">
    <div class="arrows-card-icon">🌍</div>
    <div>
      <h2>12 Länder</h2>
      <p>Wir knüpfen Verbindungen zu Ländern, in denen Konfirmation gefeiert wird.</p>
    </div>
    <span class="arrows-card-arrow">→</span>
  </a>

  <a class="arrows-card" href="/workshops/">
    <div class="arrows-card-icon">👥</div>
    <div>
      <h2>Workshops</h2>
      <p>Gemeinsam recherchieren, gestalten und Inhalte für QR-Codes entwickeln.</p>
    </div>
    <span class="arrows-card-arrow">→</span>
  </a>

  <a class="arrows-card" href="/qr-code-inhalte/">
    <div class="arrows-card-icon">▦</div>
    <div>
      <h2>QR-Code-Inhalte</h2>
      <p>Geschichten, Bilder, Videos und Informationen direkt vor Ort entdecken.</p>
    </div>
    <span class="arrows-card-arrow">→</span>
  </a>

</section>


<section class="arrows-info-section">

  <div class="arrows-info-box">
    <h2>Nächste Workshops</h2>
    <div class="arrows-date-row">
      <div class="arrows-date">
        <strong>24</strong>
        <span>MAI</span>
      </div>
      <div>
        <h3>Workshop: Chile</h3>
        <p>Samstag, 24. Mai 2025 · 10:00 – 14:00 Uhr</p>
      </div>
      <a href="/aktuelles/">Mehr erfahren →</a>
    </div>
  </div>

  <div class="arrows-info-box">
    <h2>Aktuelle Termine</h2>
    <div class="arrows-date-row">
      <div class="arrows-date">
        <strong>07</strong>
        <span>JUN</span>
      </div>
      <div>
        <h3>Internationale Begegnung</h3>
        <p>Samstag, 7. Juni 2025 · 15:00 Uhr</p>
      </div>
      <a href="/termine/">Alle Termine anzeigen →</a>
    </div>
  </div>

</section>