Træer
Introduktionstekst kan stå her. Kort, arkitekt-stil, premium tone med fokus på biodiversitet og anvendelse i projekter.
Vores plantevalg styrker biodiversitet, reducerer drift og skaber robuste grønne løsninger til landskab og byrum.
Center
Tekst her
Højre
Tekst her
Venstre
Tekst her
Midt
Tekst til center overlay
Højre
Tekst til højre overlay
Venstre
Tekst til venstre overlay
.proplant-page{ font-family: system-ui, Arial; color:#1b1f1d; max-width:1000px; margin:0 auto; } /* ================= HERO ================= */ .proplant-page .hero{ position:relative; border-radius:16px; overflow:hidden; margin-bottom:30px; } .proplant-page .hero img{ width:100%; height:420px; object-fit:cover; } .proplant-page .hero-text{ position:absolute; left:30px; bottom:30px; background:rgba(0,0,0,0.35); color:#fff; padding:15px; border-radius:10px; } /* ================= VALUE ================= */ .proplant-page .value-grid{ display:flex; gap:15px; margin:30px 0; } .proplant-page .value-card{ position:relative; flex:1; border-radius:14px; overflow:hidden; } .proplant-page .value-card img{ width:100%; height:200px; object-fit:cover; display:block; } .proplant-page .value-text{ position:absolute; bottom:10px; left:10px; right:10px; color:#fff; background:rgba(0,0,0,0.35); padding:10px; border-radius:10px; } /* ================= OVERLAP ================= */ .proplant-page .overlap{ position:relative; margin-top:40px; } .proplant-page .overlap img{ width:100%; height:400px; object-fit:cover; border-radius:16px; } .proplant-page .overlap-box{ position:absolute; bottom:-30px; background:#fff; padding:20px; border-radius:12px; max-width:300px; box-shadow:0 10px 25px rgba(0,0,0,0.15); } .proplant-page .overlap-box.center{ left:50%; transform:translateX(-50%); }
