{namespace bk2k = BK2K\BootstrapPackage\ViewHelpers}
<f:switch expression="{data.section_frame}">
    <f:case value="100"><bk2k:var name="sectionClass" value="frame-no-margin" /></f:case>
    <f:case value="101"><bk2k:var name="sectionClass" value="frame-no-margin-top" /></f:case>
    <f:case value="102"><bk2k:var name="sectionClass" value="frame-no-margin-bottom" /></f:case>
    <f:defaultCase><bk2k:var name="sectionClass" value="" /></f:defaultCase>
</f:switch>

<div class="frame default {sectionClass}" style="background-color: {data.tx_mask_box_bg};">
  
  <f:if condition="{data.tx_mask_image_position} == 0">
    <f:if condition="{data.tx_mask_image}">
      <f:for each="{data.tx_mask_image}" as="file">
        <div class="row" data-equalheight="container">
          <div class="col-md-12" data-equalheight="item">
            <figure class="image">
              <f:image image="{file}" alt="{file.alternative}" title="{file.title}" />
            </figure>
          </div>
        </div>
      </f:for>
    </f:if>
  </f:if>

  <f:if condition="{data.tx_mask_title}">
	<f:if condition="{data.tx_mask_title_color}">
		<f:then>
			<h2 style="color: {data.tx_mask_title_color};">{data.tx_mask_title}</h2>
		</f:then>
		<f:else>
			<h2>{data.tx_mask_title}</h2>
		</f:else>
	</f:if>
  </f:if>

  <f:if condition="{data.bodytext}">
    <f:format.html parseFuncTSPath="lib.parseFunc_RTE">{data.bodytext}</f:format.html>
  </f:if>

  <f:if condition="{data.tx_mask_image_position} == 1">
    <f:if condition="{data.tx_mask_image}">
      <f:for each="{data.tx_mask_image}" as="file">
        <div class="row" data-equalheight="container">
          <div class="col-md-12" data-equalheight="item">
            <figure class="image">
              <f:image image="{file}" alt="{file.alternative}" title="{file.title}" />
            </figure>
          </div>
        </div>
      </f:for>
    </f:if>
  </f:if>
</div>