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}