From fcd306548c802d2d9afd18690703ddae4a5fc531 Mon Sep 17 00:00:00 2001
From: Felix Brabetz <lixatnz@gmail.com>
Date: Sat, 16 May 2026 02:01:48 +0200
Subject: [PATCH] Add hard facts and project suggestions to Biodiversity
 section

---
 src/components/Biodiversity.astro | 50 +++++++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 5 deletions(-)

diff --git a/src/components/Biodiversity.astro b/src/components/Biodiversity.astro
index 5adf502..6448e49 100644
--- a/src/components/Biodiversity.astro
+++ b/src/components/Biodiversity.astro
@@ -4,7 +4,7 @@
 <!-- Biodiversity & Quality Section -->
 <section id="biodiversity" class="py-32 bg-stone-900/50 border-y border-stone-800/50">
     <div class="max-w-7xl mx-auto px-6 lg:px-8">
-        <div class="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center">
+        <div class="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center mb-20">
             <div class="lg:col-span-6">
                 <span class="text-xs font-bold tracking-widest text-amber-500 uppercase block mb-3">Zukunftssicher & Lebendig</span>
                 <h2 class="text-3xl sm:text-4xl font-luxury font-bold text-white mb-6">Biodiversität trifft Premium-Qualität</h2>
@@ -19,15 +19,15 @@
                     <div class="flex items-start gap-3">
                         <div class="text-emerald-500 mt-1"><i class="fa-solid fa-leaf"></i></div>
                         <div>
-                            <h4 class="font-bold text-white text-sm">Native Flora</h4>
-                            <p class="text-stone-500 text-xs mt-1">Gezielter Einsatz heimischer Pflanzen zur Förderung von Insekten und Vögeln.</p>
+                            <h4 class="font-bold text-white text-sm">Native Flora & Magerböden</h4>
+                            <p class="text-stone-500 text-xs mt-1">Gezielte Abmagerung des Bodens für artenreiche Wildblumenwiesen statt Einheitsgrün.</p>
                         </div>
                     </div>
                     <div class="flex items-start gap-3">
                         <div class="text-emerald-500 mt-1"><i class="fa-solid fa-seedling"></i></div>
                         <div>
-                            <h4 class="font-bold text-white text-sm">Bodenbiologie</h4>
-                            <p class="text-stone-500 text-xs mt-1">Nachhaltiger Aufbau der Bodenschichten nach DIN-Vorgaben für langlebiges Grün.</p>
+                            <h4 class="font-bold text-white text-sm">Bodenbiologie nach DIN 18915</h4>
+                            <p class="text-stone-500 text-xs mt-1">Nachhaltiger Aufbau der Bodenschichten für langlebiges Grün und optimalen Wasserhaushalt.</p>
                         </div>
                     </div>
                 </div>
@@ -42,5 +42,45 @@
                 </div>
             </div>
         </div>
+
+        <!-- Projektvorschläge -->
+        <div class="border-t border-stone-800/50 pt-20">
+            <div class="text-center mb-12">
+                <span class="text-xs font-bold tracking-widest text-amber-500 uppercase block mb-3">Konzepte & Techniken</span>
+                <h3 class="text-2xl sm:text-3xl font-luxury font-bold text-white">Biotop-Bausteine für Ihren Garten</h3>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Projekt 1 -->
+                <div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
+                    <div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-mound"></i></div>
+                    <h4 class="text-xl font-luxury font-bold text-white mb-3">Friesen- & Trockenmauern</h4>
+                    <p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
+                        Bauen ohne Mörtel: Wir setzen regionales Gestein im zweihäuptigen Verband. Die offenen Fugen bieten Eidechsen und Wildbienen perfekten Lebensraum und speichern Wärme.
+                    </p>
+                    <span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Trockenmauerwerk</span>
+                </div>
+
+                <!-- Projekt 2 -->
+                <div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
+                    <div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-seedling"></i></div>
+                    <h4 class="text-xl font-luxury font-bold text-white mb-3">Artenreiche Magerwiese</h4>
+                    <p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
+                        Wir tauschen humosen Oberboden gegen ein Sand-Kies-Gemisch, um Nährstoffe zu reduzieren. Nur so etablieren sich seltene Wildkräuter und Schmetterlingsweiden dauerhaft.
+                    </p>
+                    <span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Bodenabmagerung</span>
+                </div>
+
+                <!-- Projekt 3 -->
+                <div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
+                    <div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-droplet"></i></div>
+                    <h4 class="text-xl font-luxury font-bold text-white mb-3">Sumpf- & Feuchtbiotope</h4>
+                    <p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
+                        Kombination aus Regenwasser-Versickerung und Lebensraum. Mit standortgerechten Sumpfpflanzen schaffen wir Filterzonen, die das Mikroklima kühlen und Libellen anziehen.
+                    </p>
+                    <span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Retentionsmulde</span>
+                </div>
+            </div>
+        </div>
     </div>
 </section>