#
# Source of the HTML Template: https://litmus.com/builder/c5bbeb0
#

# *****************
# Config
# *****************
config {
	disableAllHeaderCode = 1
	absRefPrefix = {$absRefPrefix}
}

lib.nl-link = TEXT
lib.nl-link {
	typolink {
		parameter.data = TSFE:id
		returnLast = url
	}
	wrap (
		<a class="hlite" href="|" style="text-decoration: underline; color: #000">Sollte diese E-Mail nicht richtig angezeigt werden, dann bitte hier klicken.</a>
	)
}

lib.nlfooter = TEXT
lib.nlfooter.value (
<!-- Start of footer -->
<div class="block">
    <table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0"
           class="backgroundTable">
        <tbody>
        <tr>
            <td width="100%">
                <table width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0"
                       border="0" align="center" class="devicewidth footertable">
                    <tbody>
                    <!-- Spacing -->
                    <tr>
                        <td width="100%" height="5"></td>
                    </tr>
                    <!-- Spacing -->
                    <tr>
                        <td align="center" valign="middle" style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle};font-size: 12px;color:{$tx_bgmthemesites.responsive_newsletter.textColor};padding:10px;text-align:center">
                            <f:format.raw>{$tx_bgmthemesites.responsive_newsletter.impressumText}</f:format.raw>
                            <br>
                            E-Mail: <a href="mailto:{$tx_bgmthemesites.responsive_newsletter.impressumEmail}" title="Sendet eine E-Mail" class="mail"
                                       style="text-decoration:none;color:{$tx_bgmthemesites.responsive_newsletter.linkColor}">{$tx_bgmthemesites.responsive_newsletter.impressumEmail}</a>
                            <br>
<br>
<table width="120" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidthinner">
  <tbody>
    <tr class="align-center">
      <td>
        <a href="https://www.facebook.com/noventi.azh.srzh.zrk/" target="_blank" style="text-decoration:none;">
          <img height="21" width="20" src="https://www.azh.de/fileadmin/ressourcen_azh/Newsletter/Bilder/icon_facebook.jpg">
        </a>
      </td>
      <td>&nbsp;</td>
      <td>
        <a href="https://www.youtube.com/channel/UCqR4fqwNdts3qv-oXLhQm9w" target="_blank" style="text-decoration:none">
          <img height="21" width="20"
               src="https://www.azh.de/fileadmin/ressourcen_azh/Newsletter/Bilder/icon_youtube.jpg">
        </a>
      </td>
      <td>&nbsp;</td>
      <td>
        <a href="https://www.xing.com/companies/azhabrechnungs-undit-dienstleistungszentrumf%C3%BCrheilberufegmbh"
           target="_blank" style="text-decoration:none">
          <img height="21" width="20" src="https://www.azh.de/fileadmin/ressourcen_azh/Newsletter/Bilder/icon_xing.jpg">
        </a>
      </td>
      <td>&nbsp;</td>
      <td>
        <a href="https://www.linkedin.com/company/azh-gmbh" target="_blank" style="text-decoration:none">
          <img height="21" width="20"
               src="https://www.azh.de/fileadmin/ressourcen_azh/Newsletter/Bilder/icon_linkedin.jpg">
        </a>
      </td>
      <td>&nbsp;</td>
      <td>
        <a href="https://www.kununu.com/de/noventi-healthcare" target="_blank" style="text-decoration:none">
          <img height="21" width="20" src="https://www.azh.de/fileadmin/ressourcen_azh/Newsletter/Bilder/icon_kununu.jpg">
        </a>
      </td>
    </tr>
  </tbody>
</table>
<br>

                            <f:format.raw>{$tx_bgmthemesites.responsive_newsletter.impressumText_2}</f:format.raw>
                            <br>
                            <a href="http://{$tx_bgmthemesites.responsive_newsletter.footerDomain}" style="text-decoration:none;color:{$tx_bgmthemesites.responsive_newsletter.linkColor}">{$tx_bgmthemesites.responsive_newsletter.footerDomain}</a>
                            <f:format.raw>{$tx_bgmthemesites.responsive_newsletter.additionalFooterText}</f:format.raw>
                            <br>
                            <br>
                            <a href="{$ABMELDEURL}" class="unsubscribelink" title="Öffnet Link in neuem Fenster" style="text-decoration:none;color:{$tx_bgmthemesites.responsive_newsletter.linkColor}">Newsletter abmelden</a>
                    </tr>
                    <!-- Spacing -->
                    <tr>
                        <td width="100%" height="5"></td>
                    </tr>
                    <!-- Spacing -->
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<!-- End of footer -->

)



# *****************
# Page
# *****************
page = PAGE
page {
	typeNum = 0

	10 = FLUIDTEMPLATE
	10 {
		file = EXT:bgm_theme_azh/responsive-newsletter/Resources/Private/Templates/Pages/Layouts/Default.html

		variables {
			pageTitle = TEXT
			pageTitle.field = title

			Content < styles.content.get

			PageBackgroundColor = TEXT
			PageBackgroundColor.value = {$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}

			UnsubscribeTextColor = TEXT
			UnsubscribeTextColor.value = {$tx_bgmthemesites.responsive_newsletter.unsubscribeTextColor}

			UnsubscribeLink = TEXT
			UnsubscribeLink.value = {$tx_bgmthemesites.responsive_newsletter.unsubscribeLink}

			OnlineLink = TEXT
			OnlineLink.typolink.parameter.data = TSFE:id
			OnlineLink.typolink.returnLast = url

			LogoLink = TEXT
			LogoLink.value = {$tx_bgmthemesites.responsive_newsletter.logoLink}

			LogoImage = TEXT
			LogoImage.value = {$tx_bgmthemesites.responsive_newsletter.logoImage}

			BannerImage = TEXT
			BannerImage.value = {$tx_bgmthemesites.responsive_newsletter.bannerImage}


			textColor = TEXT
			textColor.value = {$tx_bgmthemesites.responsive_newsletter.textColor}

			lineColor = TEXT
			lineColor.value = {$tx_bgmthemesites.responsive_newsletter.lineColor}

			linkColor = TEXT
			linkColor.value = {$tx_bgmthemesites.responsive_newsletter.linkColor}

			td-p-inlineStyle = TEXT
			td-p-inlineStyle.value = {$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}

			linkToWebpage < lib.nl-link

			ABMELDEURL = TEXT
			ABMELDEURL.value = {$ABMELDEURL}

			pageTitle = TEXTd
			pageTitle.field = title

			pageSubtitle = TEXT
			pageSubtitle.field = subtitle


			outerTableWidth = TEXT
			outerTableWidth.value  = {$tx_bgmthemesites.responsive_newsletter.outerTableWidth}

			footerDomain = TEXT
			footerDomain.value  = {$tx_bgmthemesites.responsive_newsletter.footerDomain}

			bannerImage = TEXT
			bannerImage.value  = {$tx_bgmthemesites.responsive_newsletter.bannerImage}


			impressumText = TEXT
			impressumText.value  = {$tx_bgmthemesites.responsive_newsletter.impressumText}

			impressumText_2 = TEXT
			impressumText_2.value  = {$tx_bgmthemesites.responsive_newsletter.impressumText_2}

			impressumEmail = TEXT
			impressumEmail.value  = {$tx_bgmthemesites.responsive_newsletter.impressumEmail}

			impressumLink = TEXT
			impressumLink.value  = {$tx_bgmthemesites.responsive_newsletter.impressumLink}


			additionalFooterText = TEXT
			additionalFooterText.value  = {$tx_bgmthemesites.responsive_newsletter.additionalFooterText}
		}
	}
}



# *****************
# tt_content.stdWrap
# *****************
tt_content.stdWrap.innerWrap >
tt_content.stdWrap.innerWrap (
	<div class="block">
		<table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0" class="backgroundTable"">
			<tbody>
			<tr>
				<td>
					<table bgcolor="{$tx_bgmthemesites.responsive_newsletter.contentBackgroundColor}" width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
						<tbody>
							<tr>
								<td>|</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
)

tt_content.stdWrap {
	prepend = TEXT
	prepend.dataWrap = <a id="c{field:uid}"></a>
	prepend.if >

	outerWrap.cObject = CASE
	outerWrap.cObject {
		key.field = frame_class

		# 5 Ruler After
    ruler-before = TEXT
    ruler-before.value (
			<div class="block">
				<table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0" class="backgroundTable">
					<tbody>
					<tr>
						<td height="20"></td>
					</tr>
					<tr>
						<td>
							<table width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" bgcolor="#fff" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
								<tbody>
								<tr>
									<td height="1" bgcolor="{$tx_bgmthemesites.responsive_newsletter.lineColor}" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" class="line">&nbsp;</td>
								</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td height="20"></td>
					</tr>
					</tbody>
				</table>
			</div>
			|
		)

		#6 RulerBefore
    ruler-after = TEXT
    ruler-after.value (
		 	|
			<div class="block">
				<table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0" class="backgroundTable">
					<tbody>
					<tr>
						<td height="20"></td>
					</tr>
					<tr>
						<td>
							<table width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" bgcolor="#fff" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
								<tbody>
								<tr>
									<td height="1" bgcolor="{$tx_bgmthemesites.responsive_newsletter.lineColor}" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" class="line">&nbsp;</td>
								</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td height="20"></td>
					</tr>
					</tbody>
				</table>
			</div>
		)
		#33 Extra Abstand nach oben
		33 = TEXT
		33.value (
		 	<div class="block">
				<table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0" class="backgroundTable">
					<tbody>
					<tr>
						<td height="20"></td>
					</tr>
					</tbody>
				</table>
			</div>
			|
		)
		#34 Extra Abstand nach unten
		34 = TEXT
		34.value (
			|
		 	<div class="block">
				<table width="100%" bgcolor="{$tx_bgmthemesites.responsive_newsletter.pageBackgroundColor}" cellpadding="0" cellspacing="0" border="0" class="backgroundTable">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="20"></td>
					</tr>
					<!-- Spacing -->
					</tbody>
				</table>
			</div>
		)

	}

	#outerWrap = TEXT
	#outerWrap.value = | test


}

lib.stdheader.stdWrap.outerWrap (
			<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" bgcolor="{$tx_bgmthemesites.responsive_newsletter.contentBackgroundColor}" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidthinner">
				<tbody>
				<tr>
					<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
							|
					</td>
				</tr>
				<!-- Spacing -->
				<tr>
					<td width="100%" height="10"></td>
				</tr>
				<!-- Spacing -->
				</tbody>
			</table>

)

# *****************
# CType: textpic
# *****************
# per TSConfig ist nur imageorient = 0 oder 26 erlaubt
tt_content.textpic >
tt_content.textpic = COA
tt_content.textpic {
	10 = < lib.stdheader
	20  = < tt_content.image.20
	20 {
		text.20 = < tt_content.text.20
		text.20.wrap.cObject = COA
		text.20.wrap.cObject {
			10 = TEXT
			10.value (
						<table bgcolor="{$tx_bgmthemesites.responsive_newsletter.contentBackgroundColor}" width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" modulebg="edit">
							<tbody>
							<tr>
								<td>
									<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" bgcolor="{$tx_bgmthemesites.responsive_newsletter.contentBackgroundColor}" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidthinner">
										<tbody>
										<tr>
											<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
													|
											</td>
										</tr>
										</tbody>
									</table>
								</td>
							</tr>
							</tbody>
						</table>

			)
			stdWrap.if.isFalse.field = image
		}
	}
}



# *****************
# CType: image
# *****************

tt_content.image.20 {
	# Wrap um ###IMAGES### und ###TEXT### für Bild oben, Text darunter
	layout.default.value (
				<table bgcolor="#ffffff" width="{$tx_bgmthemesites.responsive_newsletter.outerTableWidth}" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidth" >
					<tbody>
					<tr>
						<td width="100%" height="20"></td>
					</tr>
					<tr>
						<td>
							<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" bgcolor="{$tx_bgmthemesites.responsive_newsletter.contentBackgroundColor}" align="center" cellspacing="0" cellpadding="0" border="0" class="devicewidthinner">
								<tbody>
								<tr>
									<!-- start of image -->
									<td align="center">
										###IMAGES###
									</td>
								</tr>
								<!-- end of image -->
								<!-- Spacing -->
								<tr>
									<td width="100%" height="20"></td>
								</tr>
								<!-- Spacing -->
								<!-- title -->

								<!-- end of title -->
								<!-- Spacing -->
								<tr>
									<td width="100%" height="20"></td>
								</tr>
								<!-- Spacing -->
								<!-- content -->
								<tr>
									<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
										###TEXT###
									</td>
								</tr>
								<!-- end of content -->
								<!-- Spacing -->
								<tr>
									<td width="100%" height="10"></td>
								</tr>
								<!-- Spacing -->
								<tr>
									<td width="100%" height="20"></td>
								</tr>
								<!-- Spacing -->
								</tbody>
							</table>
						</td>
					</tr>
					</tbody>
				</table>


	)

	# Wrap um ###IMAGES### und ###TEXT### für Bild links, Text rechts (leftimage) NICHT umfliessend
	layout.26.value (
		<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
			<tbody>
			<tr>
				<td>
					<!-- start of text content table -->
					<table width="200" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- image -->
						<tr>
							<td width="200" align="center" valign="top">
								###IMAGES###
							</td>
						</tr>
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
						<tbody>
						<tr>
							<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<!-- start of right column -->
					<table width="350" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- content -->
						<tr>
							<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
								###TEXT###
							</td>
						</tr>
						<!-- end of content -->
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>

						</tbody>
					</table>
					<!-- end of right column -->
				</td>
			</tr>
			</tbody>
		</table>
	)
	# Wrap um ###IMAGES### und ###TEXT### für Bild Rechts, Text links (rightimage) NICHT umfliessend
	layout.25.value (
		<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" align="center" valign="top" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
			<tbody>
			<tr>
				<td>
					<!-- start of text content table -->
					<table width="200" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- image -->
						<tr>
							<td width="200" align="center" valign="top">
								###IMAGES###
							</td>
						</tr>
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
						<tbody>
						<tr>
							<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<!-- start of right column -->
					<table width="350" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- content -->
						<tr>
							<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
								###TEXT###
							</td>
						</tr>
						<!-- end of content -->
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>

						</tbody>
					</table>
					<!-- end of right column -->
				</td>
			</tr>
			</tbody>
		</table>
	)

	# Wrap um ###IMAGES### und ###TEXT### für Bild links, Text rechts (leftimage) NICHT umfliessend
	layout.66 = TEXT
	layout.66.value (
		<table width="{$tx_bgmthemesites.responsive_newsletter.innerTableWidth}" align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
			<tbody>
			<tr>
				<td>
					<!-- start of text content table -->
					<table width="300" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- image -->
						<tr>
							<td width="300" align="center" valign="top">
								###IMAGES###
							</td>
						</tr>
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
						<tbody>
						<tr>
							<td width="100%" height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
						</tr>
						</tbody>
					</table>
					<!-- mobile spacing -->
					<!-- start of right column -->
					<table width="260" align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
						<tbody>
						<!-- content -->
						<tr>
							<td style="{$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle}">
								###TEXT###
							</td>
						</tr>
						<!-- end of content -->
						<!-- Spacing -->
						<tr>
							<td width="100%" height="10"></td>
						</tr>

						</tbody>
					</table>
					<!-- end of right column -->
				</td>
			</tr>
			</tbody>
		</table>
	)




	# Wraps um Bilder entfernen
	rendering.singleNoCaption.allStdWrap.dataWrap = |
	rendering.singleNoCaption.allStdWrap.innerWrap.cObject >
	rendering.singleNoCaption.singleStdWrap.wrap = |

	# Nur ein Bild pro Inhaltselement rendern
	imgList.cObject.maxItems = 1

	# Maximale Breite von Bildern, je nach Ausrichtung
	maxW =540

	maxW.cObject = CASE
	maxW.cObject {
		key.field = imageorient

		# Bild über die gesamte Breite
		0 = TEXT
		0.value = 520

		# Bild links
		25 = TEXT
		25.value = 400

		# Bild links
		26 = TEXT
		26.value = 400

		# Bild links breit
		66 = TEXT
		66.value = 300
	}


	# Breite des Bildes erzwigen
	1.file.width >
	1.file.width.cObject = CASE
	1.file.width.cObject {
		key.field = imageorient

		# Bild über die gesamte Breite
		0 = TEXT
		0.value = 520c

		# Bild rechts
		26 = TEXT
		26.value  = 200c

		# Bild links
		25 = TEXT
		25.value  = 300c
	}

	# Höhe des Bildes erzwigen
	/*
	1.file.height >
	1.file.height.cObject = CASE
	1.file.height.cObject {
		key.field = imageorient

		# Bild über die gesamte Breite
		0 = TEXT
		0.value = 200c

		# Bild links
		26 = TEXT
		26.value  = 300c
	}
*/

}



# *****************
# lib.stdheader
# *****************
# h1 Tag und wraps um Überschriften verhindern
lib.stdheader.10.1.dataWrap = <h2 style="font-family: Helvetica, arial, sans-serif; font-size: 18px;  text-align:left; line-height: 24px;margin:0;">|</h2>
lib.stdheader.10.2.dataWrap = <h2 style="font-family: Helvetica, arial, sans-serif; font-size: 16px; text-align:left; line-height: 18px;">|</h2>
lib.stdheader.stdWrap.dataWrap = |

#remove width and height from img rendering
tt_content.image.20.1.layout.default.element = <img src="###SRC###" width="###WIDTH###" ###PARAMS######ALTPARAMS######BORDER######SELFCLOSINGTAGSLASH### class="contentImage">

# *****************
# RTE
# *****************
# bodytext Klasse entfernen und inline Style setzen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.style={$tx_bgmthemesites.responsive_newsletter.td-p-inlineStyle};color: {$tx_bgmthemesites.responsive_newsletter.textColor};padding:0;margin:0;

tt_content.text.20.parseFunc.tags.link.typolink.ATagParams = style="text-decoration:none;color:{$tx_bgmthemesites.responsive_newsletter.linkColor}"


lib.parseFunc.tags.a.typolink.ATagParams = style="text-decoration:none;color:{$tx_bgmthemesites.responsive_newsletter.linkColor}"
lib.parseFunc.tags.a.typolink.ATagParams.data >


lib.parseFunc.allowTags = a, abbr, acronym, address, article, aside, b, bdo, big, blockquote, br, caption, center, cite, code, col, colgroup, dd,script, del, dfn, dl, div, dt, em, font, footer, header, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, link, meta, nav, ol, p, pre, q, samp, sdfield, section, small, span, strike, strong, style, sub, sup, table, thead, tbody, tfoot, td, th, tr, title, tt, u, ul, var
