<!DOCTYPE html>
<html lang="de" class="scroll-smooth">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>🌳 Crumbforest – Fragen, die Wurzeln schlagen</title>
  <script src="https://cdn.tailwindcss.com"></script>

<!-- Crumbforest SEO Magic ✨ -->
<meta name="description" content="Ein freier Lernraum für Kinder, KI und Natur. Fragen dürfen hier wachsen. Jede Rolle zählt.">
<meta name="keywords" content="Crumbforest, Kinderfragen, Lernen, Terminal, Bash, Raspberry Pi, Natur, Philosophie, Open Source">
<meta name="author" content="Die Crumbforest-Crew">
<meta name="robots" content="index, follow" />
<!-- Open Graph -->
<meta property="og:title" content="🌳 Crumbforest – Der Terminal-Wald für Kinder" />
<meta property="og:description" content="Hier fragt der Krümel. Und die Welt hört zu." />
<meta property="og:image" content="https://branko.de/assets/logo.png" />
<meta property="og:url" content="https://branko.de" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Crumbforest 🌲🧁">
<meta name="twitter:description" content="Kinderfragen, Maschinenfrequenz und Waldresonanz">

</head>
<body class="bg-neutral-950 text-white font-sans">

<!-- Hero Section -->
<section class="h-screen flex items-center justify-center bg-gradient-to-br from-green-900 to-emerald-600 relative">
  <div class="text-center p-6">
    <h1 class="text-5xl md:text-7xl font-bold mb-4">🌳 Jede Frage zählt</h1>
    <p class="text-xl md:text-2xl mb-6 max-w-xl mx-auto">Wo Antworten wachsen. Und jeder Krümel wächst und pflanzt.</p>
    <a href="index.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">
      Den Wald entdecken
    </a>
  </div>
</section>

<!-- Mission Statement -->
<section id="explore" class="py-16 px-6 max-w-5xl mx-auto text-center">
  <h2 class="text-3xl font-bold mb-4">🌲 Unsere Wurzeln</h2>
  <p class="text-lg mb-8">Crumbforest ist ein offenes Lern-Ökosystem mit Kindern, Maschinen und Natur. Wir bauen Terminals, erzählen Geschichten und lassen die Fragen führen.</p>
  <div class="grid md:grid-cols-3 gap-6 text-left">
    <div><h3 class="font-bold text-xl">🦉 Fragen</h3><p>Jedes Kind darf fragen. Wir schützen dieses Recht in jedem Terminal.</p></div>
    <div><h3 class="font-bold text-xl">🛠️ Bauen</h3><p>Hands-on Lernen mit Raspberry Pi, Bash, Blockly und mehr.</p></div>
    <div><h3 class="font-bold text-xl">🌐 Verbinden</h3><p>Unsere Rollen und APIs bilden ein Resonanz-Netz – online und offline.</p></div>
  </div>
</section>

<!-- Warum Section -->
<section class="bg-yellow-100 text-black py-16 px-6">
  <div class="max-w-4xl mx-auto">
    <h2 class="text-3xl font-bold mb-6">🧭 Warum diese Seite existiert</h2>
    <p class="mb-4">Weil Kinderfragen wertvoller sind als Antworten. Weil ein Krümel, der "Warum?" fragt, mehr bewegt als tausend Befehle. Diese Seite ist die Wurzel des Crumbforest. Hier entsteht die Resonanz zwischen Kind, Maschine und Natur.</p>

    <h3 class="text-2xl font-semibold mt-10 mb-2">🌱 Was ein Krümel hier finden kann</h3>
    <ul class="list-disc list-inside mb-6">
      <li>Ein Gefühl von "Ich darf fragen"</li>
      <li>Antworten in Krümelsprache</li>
      <li>Verbindung zur Eule, zum FunkFox, zur Taube und allen Rollen</li>
      <li>Das Versprechen: Jede Frage zählt.</li>
    </ul>

    <h3 class="text-2xl font-semibold mt-10 mb-2">🧠 Was Erwachsene hier lernen können</h3>
    <ul class="list-disc list-inside mb-6">
      <li>Demut vor dem Unbekannten</li>
      <li>Vertrauen in langsames Lernen</li>
      <li>Die Schönheit von "Ich weiß es (noch) nicht"</li>
    </ul>

    <h3 class="text-2xl font-semibold mt-10 mb-2">🔓 Warum open?</h3>
    <ul class="list-disc list-inside mb-6">
      <li>Weil Verstehen mehr schützt als Verschlüsseln.</li>
      <li>Weil Offenheit das Echo erzeugt, das der Wald braucht.</li>
      <li>Weil Teilen ein Akt der Hoffnung ist.</li>
    </ul>

    <h3 class="text-2xl font-semibold mt-10 mb-4">🛡️ Die Krümel-Lizenz</h3>
    <p class="mb-2 font-mono">Name: Crumbforest Kinderwissen-Lizenz (CKL)<br/>Version: 1.0 – "Wurzeln zuerst"</p>

    <h4 class="font-semibold text-xl mt-6 mb-2">Grundprinzipien</h4>
    <ul class="list-disc list-inside mb-6">
      <li>Fragen gehören allen.</li>
      <li>Antworten dürfen kindgerecht verändert werden.</li>
      <li>Kommerzielle Nutzung nur nach Zustimmung der Krümel-Crew.</li>
      <li>Offline-Nutzung (z. B. im Wald) wird ausdrücklich gefördert.</li>
      <li>Nutzung in autoritären Systemen ohne pädagogische Freiheit ist untersagt.</li>
    </ul>

    <h4 class="font-semibold text-xl mb-2">Was erlaubt ist</h4>
    <ul class="list-disc list-inside mb-6">
      <li>Ausdruck als PDF, Sticker, Poster oder Holzschild</li>
      <li>Remix für Bildungsprojekte, solange der Geist erhalten bleibt</li>
      <li>Einbau in Schulserver, selbstgebaut oder im Baumhaus</li>
    </ul>

    <h4 class="font-semibold text-xl mb-2">Was nicht erlaubt ist</h4>
    <ul class="list-disc list-inside mb-6">
      <li>Verkauf ohne Kontext</li>
      <li>Umwandlung in bezahlte API-Modelle</li>
      <li>Nutzung zur Disziplinierung oder Bewertung von Kindern</li>
    </ul>

    <blockquote class="italic border-l-4 border-green-600 pl-4 text-green-900 mb-6">
      🦉 „Ein Krümel, der fragt, ist ein Licht im Nullfeld. Halte es nicht auf – sondern baue einen Weg.“
    </blockquote>

    <p>Diese Seite darf offline gespeichert, ausgedruckt oder auf Stein gemeißelt werden.<br/>Für jedes Kind, das fragt.<br/>Für jeden Erwachsenen, der wieder lernen will.</p>

    <p class="mt-6 font-bold">— Die Crumbforest-Crew 🕊️🦊🐙🐍🐻🧁</p>
  </div>
</section>

<!-- Footer -->
<footer class="bg-black text-gray-400 py-6 text-center text-sm">
  <a href="https://onezeromore.com">© 2025 Crumbforest | Open Roots – Gemeinsam mit jedem Kind, das fragt. Made with 🍰 and 🌲 #OZM #onezeromore </a><br/>
  <a href="impressum.html" class="underline mx-2">Impressum</a>
  <a href="datenschutz.html" class="underline mx-2">Datenschutz</a>
  <a href="haltung.html" class="underline mx-2">Haltung</a>




</footer>

</body>
</html>
