Startseite

<!-- ====== HERO ====== -->
<section class="te-hero">
  <div class="te-hero__content">
    <h1>Tiere erleben e.V.</h1>
    <p>Gemeinsam für Mensch und Tier – mit Herz, Verantwortung und Freude.</p>
    <div class="te-cta">
      <a class="btn" href="/ueber-uns">Mehr über uns</a>
      <a class="btn btn--ghost" href="/pferde">Unsere Pferde</a>
	  <link rel="stylesheet" href="/startseite test.css"> <!-- CSS getrennt -->
    </div>
  </div>
</section>

<!-- ====== HAUPTINHALT ====== -->
<main class="te-wrapper">

  <section class="te-intro">
    <h2>Wer wir sind</h2>
    <p class="lead">
      Wir sind ein kleiner, ehrenamtlich geführter Verein am
      <strong>Modenbacher Hof</strong>. Ein Zusammenschluss von Menschen,
      die ihre Pferde bei uns stehen haben und die Stallgemeinschaft gemeinsam
      gestalten – mit Respekt, Achtsamkeit und Freude.
    </p>
  </section>

  <section class="te-values">
    <article class="te-value">
      <div class="te-emoji" aria-hidden="true">🐎</div>
      <h3>Liebe zum Tier</h3>
      <p>Artgerechtes Miteinander und achtsamer Umgang stehen an erster Stelle.</p>
    </article>
    <article class="te-value">
      <div class="te-emoji" aria-hidden="true">🤝</div>
      <h3>Gemeinschaft</h3>
      <p>Wir helfen einander – im Stallalltag und bei kleinen Aktionen.</p>
    </article>
    <article class="te-value">
      <div class="te-emoji" aria-hidden="true">🌿</div>
      <h3>Verantwortung</h3>
      <p>Respekt für Tier und Natur prägt unser Handeln.</p>
    </article>
    <article class="te-value">
      <div class="te-emoji" aria-hidden="true">😊</div>
      <h3>Freude</h3>
      <p>Gemeinsame Momente, die verbinden – ohne Leistungsdruck.</p>
    </article>
  </section>

  <section class="te-cards">
    <article class="te-card">
      <img src="/bilder/pferde-hero.jpg" alt="Pferde auf der Wiese">
      <h3>Unsere Pferde</h3>
      <p>Lerne unser Vereinspferd und die Gastpferde kennen.</p>
      <a class="btn btn--small" href="/pferde">Mehr erfahren</a>
    </article>

    <article class="te-card">
      <img src="/bilder/betreuer.jpg" alt="Betreuerinnen und Betreuer">
      <h3>Betreuer</h3>
      <p>Die Menschen, die sich täglich kümmern und anpacken.</p>
      <a class="btn btn--small" href="/betreuer">Mehr erfahren</a>
    </article>

    <article class="te-card">
      <img src="/bilder/vorstand.jpg" alt="Vorstand">
      <h3>Vorstand</h3>
      <p>Ansprechpersonen und Kontakt für Vereinsfragen.</p>
      <a class="btn btn--small" href="/vorstand">Mehr erfahren</a>
    </article>
  </section>

  <section class="te-note">
    <h2>Freizeit & Veranstaltungen</h2>
    <p>
      Über das Jahr verteilt gibt es nur wenige, aber besondere Termine – z.&nbsp;B. die Sommerfreizeit
      und unsere Weihnachtsfeier. Infos veröffentlichen wir hier, sobald sie feststehen.
    </p>
  </section>

  <section class="te-cta-wide">
    <h2>Mitmachen & Unterstützen</h2>
    <p>Du möchtest Teil unserer Stallgemeinschaft werden oder uns unterstützen?</p>
    <a class="btn" href="/kontakt">Kontakt aufnehmen</a>
  </section>
</main>

<!-- ====== FOOTER ====== -->
<footer class="te-footer">
  <div class="te-wrapper te-footer__grid">
    <div>
      <h4>Tiere erleben e.V.</h4>
      <p>Modenbacher Hof · 76835 (Ort eintragen)</p>
      <p>
        <a href="mailto:Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.">Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</a> · Tel. 06345 / …
      </p>
      <small>Besuche bitte nur nach Absprache – unsere Tiere genießen ihre Ruhezeiten.</small>
    </div>
    <nav class="te-footer__nav">
      <a href="/ueber-uns">Über uns</a>
      <a href="/angebot">Unser Angebot</a>
      <a href="/pferde">Pferde</a>
      <a href="/impressum">Impressum</a>
      <a href="/datenschutz">Datenschutz</a>
    </nav>
  </div>
</footer>