Big+Small Texts Overline+Headline+Text Text Left/Right Two Columns/Rows
{headline} {headline}
{headlineContent -> f:format.raw()}
<{headlineType} class="md:w-7/12 font-sub-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headlineContent -> f:format.raw()}
{text}
{smallText}
{headline}
<{headlineType} class="md:offset-l-4 md:w-7/12 font-sub-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{smallText}

{overline}

{headline}
<{headlineType} class="font-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{secondText}
{text}
{headline}
<{headlineType} class="font-sub-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{headline}
<{headlineType} class="font-sub-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{headline}
<{headlineType} class="font-teaser-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{secondHeadline}
<{headlineType} class="font-teaser-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{secondHeadline}
{secondText}
{headline}
<{headlineType} class="offset-l-2 md:offset-l-3 lg:offset-l-4 lg:offset-r-2 font-teaser-head pb-8 lg:pb-12 {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{secondHeadline}
<{headlineType} class="lg:offset-l-2 offset-r-2 md:offset-r-3 lg:offset-r-4 pt-8 lg:pt-12 font-teaser-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{secondHeadline}
{secondText}
{headline}
<{headlineType} class="lg:offset-l-2 offset-r-2 md:offset-r-3 lg:offset-r-4 pb-8 lg:pb-12 font-teaser-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{headline}
{text}
{secondHeadline}
<{headlineType} class="offset-l-2 md:offset-l-3 lg:offset-l-4 lg:offset-r-2 pt-8 lg:pt-12 font-teaser-head {f:if(condition: '{headlineColor} == 2', then: 'text-brand')}">{secondHeadline}
{secondText}