<f:if condition="{neos:rendering.inBackend()} || {introTitle -> vh:string.notEmpty()} || {introText -> vh:string.notEmpty()}">
    <neos:contentElement.wrap node="{node}">
        <section class="o-container o-container--sm">
            <div class="c-page-intro c-neos-text {h1FontColor} {f:if(condition: h1FontColorOverwrite, then: h1FontColorOverwrite, else: h1FontColor)}">
                {neos:contentElement.editable(property: 'introTitle', tag: 'h1', class: 'c-page-intro__title')}
                {neos:contentElement.editable(property: 'introText', tag: 'p', class: 'c-page-intro__text')}
            </div>
        </section>
    </neos:contentElement.wrap>
</f:if>
