Add hard facts and project suggestions to Biodiversity section
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<!-- Biodiversity & Quality Section -->
|
<!-- Biodiversity & Quality Section -->
|
||||||
<section id="biodiversity" class="py-32 bg-stone-900/50 border-y border-stone-800/50">
|
<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="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">
|
<div class="lg:col-span-6">
|
||||||
<span class="text-xs font-bold tracking-widest text-amber-500 uppercase block mb-3">Zukunftssicher & Lebendig</span>
|
<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>
|
<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="flex items-start gap-3">
|
||||||
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-leaf"></i></div>
|
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-leaf"></i></div>
|
||||||
<div>
|
<div>
|
||||||
<h4 class="font-bold text-white text-sm">Native Flora</h4>
|
<h4 class="font-bold text-white text-sm">Native Flora & Magerböden</h4>
|
||||||
<p class="text-stone-500 text-xs mt-1">Gezielter Einsatz heimischer Pflanzen zur Förderung von Insekten und Vögeln.</p>
|
<p class="text-stone-500 text-xs mt-1">Gezielte Abmagerung des Bodens für artenreiche Wildblumenwiesen statt Einheitsgrün.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-start gap-3">
|
<div class="flex items-start gap-3">
|
||||||
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-seedling"></i></div>
|
<div class="text-emerald-500 mt-1"><i class="fa-solid fa-seedling"></i></div>
|
||||||
<div>
|
<div>
|
||||||
<h4 class="font-bold text-white text-sm">Bodenbiologie</h4>
|
<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 nach DIN-Vorgaben für langlebiges Grün.</p>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -42,5 +42,45 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Reference in New Issue
Block a user