{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/highlight/highlight-macros.njk" as highlight %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<div class="l-section">

	{{highlight.default("c-highlight--theme-green c-highlight--with-text l-section--background-green", {
		title: "Duurzaamheidshypotheek",
		text: "Met de duurzaamheidshypotheek van Lot kun je voor je
		energiebesparende maatregelen betalen. Je sluit deze hypotheek naast je
		gewone hypotheek voor je woning. Lot stort het bedrag voor je in een
		duurzaamheidsdepot waaruit je de rekeningen betaalt van de installaties
		en werkzaamheden.",
		cta:
			{
				text: "meer info",
				class: "c-button--inverted"
			}
	})}}

</div>