Træer
Hjemmehørende & biodiversitetsvenlige planter
Hjemmehørende arter er tilpasset det danske klima og jordbundsforhold og kræver minimal vedligeholdelse.
Introduktionstekst kan stå her. Kort, arkitekt-stil, premium tone med fokus på biodiversitet og anvendelse i projekter.
Hjemmehørende & biodiversitetsvenlige planter
Hjemmehørende arter er tilpasset det danske klima og jordbundsforhold og kræver minimal vedligeholdelse.
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%); }