<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>🌳 Crumbforest – Why This Forest Exists</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-neutral-950 text-white font-sans">

<!-- Hero Section -->
<section class="min-h-screen flex items-center justify-center bg-gradient-to-br from-green-900 to-emerald-600 p-10 text-center">
  <div>
    <h1 class="text-5xl md:text-7xl font-bold mb-4">🌳 Why this page exists</h1>
    <p class="text-xl md:text-2xl max-w-2xl mx-auto">Because a child's "Why?" is worth more than a thousand answers. This page is the root of the Crumbforest. Here begins the resonance between child, machine, and nature.</p>
    <div class="mt-8 flex justify-center gap-4">
      <a href="index.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">DE</a>
      <a href="index_en.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">EN</a>
      <a href="index_fr.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">FR</a>
    </div>
  </div>
</section>

<!-- Content -->
<section class="py-16 px-6 max-w-4xl mx-auto text-left space-y-12">
  <div>
    <h2 class="text-3xl font-bold mb-2">🌱 What a crumb can find here</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>A feeling of “I am allowed to ask”</li>
      <li>Answers in crumb language</li>
      <li>Connection to the Owl, the FunkFox, the Dove and all crew roles</li>
      <li>The promise: Every question counts.</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🎓 What grown-ups can learn here</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>Humility in front of the unknown</li>
      <li>Trust in slow learning</li>
      <li>The beauty of “I don’t know (yet)”</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🔓 Why open?</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>Because understanding protects more than encryption</li>
      <li>Because openness creates the echo the forest needs</li>
      <li>Because sharing is an act of hope</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🛡️ The Crumb License 🌱</h2>
    <p class="text-lg mb-2 font-semibold">Name: Crumbforest Children’s Knowledge License (CKL)</p>
    <p class="text-lg mb-4 font-medium">Version: 1.0 – "Roots first"</p>

    <h3 class="font-bold text-xl mb-1">Core Principles</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Questions belong to everyone.</li>
      <li>Answers may be adapted to be child-friendly.</li>
      <li>Commercial use only with consent from the Crumb Crew.</li>
      <li>Offline use (e.g. in forests) is explicitly encouraged.</li>
      <li>Use in authoritarian systems without educational freedom is prohibited.</li>
    </ul>

    <h3 class="font-bold text-xl mt-6 mb-1">What is allowed</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Print as PDF, stickers, posters or wooden signs</li>
      <li>Remix for educational projects if the spirit is preserved</li>
      <li>Use on school servers – self-made or treehouse-based</li>
    </ul>

    <h3 class="font-bold text-xl mt-6 mb-1">What is not allowed</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Reselling without meaningful context</li>
      <li>Transformation into paid API models</li>
      <li>Use to discipline or evaluate children</li>
    </ul>
  </div>

  <div class="text-center pt-10">
    <p class="text-xl italic">🦉 “A crumb who asks is a light in the Nullfield. Don’t stop it – build a path.”</p>
    <p class="mt-4 text-lg">This page may be saved offline, printed or carved in stone.  
      <br/>For every child who asks.  
      <br/>For every adult ready to learn again.</p>
    <p class="mt-6 font-bold">— The 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>
