fberger/brabetz-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove 'Pfusch' and add botanical names & locations to Biodiversity

Browse Source
This commit is contained in:
Felix Brabetz
2026-05-16 02:14:02 +02:00
parent cd6aaa1ef1
commit f5bc182a06
2 changed files with 37 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Biodiversity.astro
+36 -21
View File
@@ -52,33 +52,48 @@
<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 class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
<div>
<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-6">
Bauen ohne Mörtel: Wir setzen regionales Gestein im zweihäuptigen Verband. Die offenen Fugen bieten Eidechsen und Wildbienen Lebensraum. Ideal für Steingartenpflanzen wie <em class="text-emerald-400">Sedum album</em> (Weiße Fetthenne) und <em class="text-emerald-400">Sempervivum tectorum</em>.
</p>
</div>
<div class="flex justify-between items-center mt-auto pt-4 border-t border-stone-800/50">
<span class="text-[10px] font-mono text-emerald-500 uppercase tracking-widest">Mauerwerk</span>
<span class="text-[10px] font-mono text-stone-500 uppercase tracking-widest">Taunus-Hänge</span>
</div>
</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 class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
<div>
<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-6">
Wir tauschen humosen Oberboden gegen ein Sand-Kies-Gemisch, um Nährstoffe zu reduzieren. Nur so etablieren sich seltene Wildkräuter wie <em class="text-emerald-400">Salvia pratensis</em> (Wiesensalbei) und <em class="text-emerald-400">Leucanthemum vulgare</em> dauerhaft.
</p>
</div>
<div class="flex justify-between items-center mt-auto pt-4 border-t border-stone-800/50">
<span class="text-[10px] font-mono text-emerald-500 uppercase tracking-widest">Bodenabmagerung</span>
<span class="text-[10px] font-mono text-stone-500 uppercase tracking-widest">Rheingau-Sonne</span>
</div>
</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 class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
<div>
<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-6">
Kombination aus Versickerung und Lebensraum. Mit standortgerechten Sumpfpflanzen wie <em class="text-emerald-400">Iris pseudacorus</em> (Sumpf-Schwertlilie) und <em class="text-emerald-400">Caltha palustris</em> schaffen wir Filterzonen, die Libellen anziehen.
</p>
</div>
<div class="flex justify-between items-center mt-auto pt-4 border-t border-stone-800/50">
<span class="text-[10px] font-mono text-emerald-500 uppercase tracking-widest">Retentionsmulde</span>
<span class="text-[10px] font-mono text-stone-500 uppercase tracking-widest">Talauen & Senken</span>
</div>
</div>
</div>
</div>