Remove 'Pfusch' and add botanical names & locations to Biodiversity
This commit is contained in:
Felix Brabetz
@@ -52,33 +52,48 @@
|
|||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
<!-- Projekt 1 -->
|
<!-- Projekt 1 -->
|
||||||
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
|
||||||
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-mound"></i></div>
|
<div>
|
||||||
<h4 class="text-xl font-luxury font-bold text-white mb-3">Friesen- & Trockenmauern</h4>
|
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-mound"></i></div>
|
||||||
<p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
|
<h4 class="text-xl font-luxury font-bold text-white mb-3">Friesen- & Trockenmauern</h4>
|
||||||
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 class="text-stone-400 text-sm font-light leading-relaxed mb-6">
|
||||||
</p>
|
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>.
|
||||||
<span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Trockenmauerwerk</span>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- Projekt 2 -->
|
<!-- Projekt 2 -->
|
||||||
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
|
||||||
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-seedling"></i></div>
|
<div>
|
||||||
<h4 class="text-xl font-luxury font-bold text-white mb-3">Artenreiche Magerwiese</h4>
|
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-seedling"></i></div>
|
||||||
<p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
|
<h4 class="text-xl font-luxury font-bold text-white mb-3">Artenreiche Magerwiese</h4>
|
||||||
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 class="text-stone-400 text-sm font-light leading-relaxed mb-6">
|
||||||
</p>
|
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.
|
||||||
<span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Bodenabmagerung</span>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- Projekt 3 -->
|
<!-- Projekt 3 -->
|
||||||
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group">
|
<div class="glass p-8 rounded-2xl hover:border-amber-500/20 transition-all group flex flex-col h-full">
|
||||||
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-droplet"></i></div>
|
<div>
|
||||||
<h4 class="text-xl font-luxury font-bold text-white mb-3">Sumpf- & Feuchtbiotope</h4>
|
<div class="text-amber-400 text-2xl mb-4"><i class="fa-solid fa-droplet"></i></div>
|
||||||
<p class="text-stone-400 text-sm font-light leading-relaxed mb-4">
|
<h4 class="text-xl font-luxury font-bold text-white mb-3">Sumpf- & Feuchtbiotope</h4>
|
||||||
Kombination aus Regenwasser-Versickerung und Lebensraum. Mit standortgerechten Sumpfpflanzen schaffen wir Filterzonen, die das Mikroklima kühlen und Libellen anziehen.
|
<p class="text-stone-400 text-sm font-light leading-relaxed mb-6">
|
||||||
</p>
|
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.
|
||||||
<span class="text-[10px] font-mono text-emerald-400 uppercase tracking-widest">Technik: Retentionsmulde</span>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
|
|
||||||
<div class="relative max-w-5xl mx-auto px-6 text-center z-10 pt-20">
|
<div class="relative max-w-5xl mx-auto px-6 text-center z-10 pt-20">
|
||||||
<span class="text-xs font-bold tracking-[0.4em] text-amber-500 uppercase bg-emerald-950/80 px-6 py-2.5 rounded-full border border-amber-500/20 backdrop-blur-sm inline-block mb-8">
|
<span class="text-xs font-bold tracking-[0.4em] text-amber-500 uppercase bg-emerald-950/80 px-6 py-2.5 rounded-full border border-amber-500/20 backdrop-blur-sm inline-block mb-8">
|
||||||
Null Pfusch. Maximale Gewährleistung.
|
Botanische Präzision. Maximale Gewährleistung.
|
||||||
</span>
|
</span>
|
||||||
<h1 class="text-4xl sm:text-6xl lg:text-7xl font-luxury font-bold tracking-wide leading-tight mb-6">
|
<h1 class="text-4xl sm:text-6xl lg:text-7xl font-luxury font-bold tracking-wide leading-tight mb-6">
|
||||||
Wer billig baut,<br>baut dreimal.
|
Wer billig baut,<br>baut dreimal.
|
||||||
|
|||||||
Reference in New Issue
Block a user