{config_load file="$language/lang_$language.conf" section="product_info"}
{config_load file="$language/lang_$language.conf" section="index"}
{yes_vars assign="YES"}
<link rel="stylesheet" type="text/css" href="{$tpl_path}javascript/varianten/varianten.css">
<script type="text/javascript" src="{$tpl_path}/javascript/varianten/varianten.js"></script>
{if $slaves}
	<script type="text/javascript" language="javascript" src="{$tpl_path}javascript/jDropDown.js"></script>
	<link rel="stylesheet" type="text/css" href="{$tpl_path}css/jDropDown.css" />
{/if}
{literal}
<script type="text/javascript">
    $(document).ready(function(){
		{/literal}
		{if $INFO.PROPERTIES.0}{literal}
	endless.init({
            targHolderId: "#properties",
            targElementClass: "property",
            outputId:"#endlessOutput",
            imgFollow:true,
            livePreis:true,
            livePreisSrcId:'.prodPrize',
            cartFormId:'#prodBuyForm'
        });		
		{/literal}{/if}
		{literal}
    });
</script>
{/literal}
{if $slave_values|@count > 1}
<!-- Scripteinbindung Slave Sorter -->
<script type="text/javascript" src="{$tpl_path}javascript/sorter.js"></script>
<link rel="stylesheet" type="text/css" href="{$tpl_path}sorterStyle.css">
<!-- Scriptaufruf und Arraygenerierung Slave Sorter -->

{literal}
<!--[if gte IE 7]>
<style type="text/css">
    #jDrop{height:30px;
        padding-top:5px;}
</style>
<![endif]-->
<script type="text/javascript">
    jQuery(function(){
        //Array1 f?r Slave Sorter "Vorgaben"
        sorter.arr_names=[{/literal}{foreach from=$slave_values key=key item=item}"{$key}",{/foreach}{literal}]
        sorter.arr_filter=[ {/literal}
            {foreach from=$slave_values key=key item=item}
        [
                {foreach from=$item key=k item=i}
        "{$i.value}",
        {/foreach}
        ],
        {/foreach}
        {literal}
        ]
        //Array2 f?r Slave Sorter "Slaves"
        sorter.arr_items=[
        {/literal}
            {foreach from=$slaves key=key item=item}
            {literal}{{/literal}
            "link":"{$item.PRODUCTS_LINK}",
                    {foreach from=$item.key_values item=i key=k}
            "{$k}":"{$i}",
            {/foreach}
            {literal}},{/literal}
            {/foreach}
        {literal}
            ]
        //Scriptaufruf und Optionen
        sorter.init({
            target:'div#sortOutput',    // Selektor f?r Ausgabe (div mit ID wird empflohlen)
            counter:false});             // Counter der verf?gbaren Optionen true = anzeigen | false=ausblenden
    })
</script>
{/literal}
{/if}

<!-- ADMIN ZUGANG START -->
<div>
{* Kontrollfeld einblenden für die vereinfachte Kontrolle der MASTER-SLAVE und FSK18 Konfiguration *}
	{* Link einblenden für die direkte Produktbearbeitung *}
	{if $YES.SMARTY_SESSION_customers_status_array.customers_status_name == "Admin"}
		
		<div style=" position:fixed; top:0px; left:0px; width:220px; padding:5px; background:#F8F9FE; color:#000; font-size:12px; border: 1px solid #fff;z-index: 9999999;">
			{if $PRODUCTS_MASTER == 0 AND $slaves != ""}
				MASTER = JA<br>
			{/if}
			{if $PRODUCTS_MASTER != 0}
				<b>SLAVE = JA<br>
				<a href="{$PRODUCTS_MASTER_LINK|replace:'http://':'https://'}">Link zum MASTER</a></b><br>
			{/if}
			{if $PRODUCTS_FSK18}
				<div style=" background-color:#F00;">Dieses Produkt ist als FSK 18 markiert!</div>
			{else}
				<div style=" background-color:#2ba6cb;color:#fff;">Dieses Produkt ist NICHT als FSK 18 markiert!</div>
			{/if}
			<hr>
			Bestand V1: <strong>{$VERFUEGBARER_BESTAND1} Stk.<br></strong>
			Bestand V2: <strong>{$VERFUEGBARER_BESTAND2} Stk.<br></strong>
			Bestand phys.: <strong>{$PRODUCTS_QUANTITY} Stk.</strong>
			<hr><strong>Zur Artikelbearbeitung: </strong>
			<a href="{$YES.HTTP_SERVER|replace:'http://':'https://'}admin/categories.php?action=new_product&pID={$PRODUCTS_ID}" target="_blank"><strong>[PID: {$PRODUCTS_ID}]</strong></a>
		</div>
	{/if} 
</div>
<!-- ADMIN ZUGANG ENDE -->

<div class="reveal" id="prodDetModalContact" data-reveal>
	<div class="modal-content"><br><br>
		<div class="callout primary hollow"><p>Felder, die mit einem * markiert wurden sind Pflichtfelder.</p></div>
		<form data-standardTxt='Artikelname: {$PRODUCTS_NAME} {if $PRODUCTS_MODEL} Artikelnummer: {$PRODUCTS_MODEL}{/if}' name="contact_us" action="shop_content.php?action=send&amp;coID=7" method="post" class="ajaxForm">
			<label>Ihr Name</label>
			<input placeholder="Max Mustemann"  type="text" name="name" >
			<label>Ihre Email-Adresse*:</label><input placeholder="max@mustermann.de" required type="email" name="email" {if $YES.SMARTY_SESSION_customers_email_address} {/if}><br>
			<label>Ihre Nachricht:</label><textarea  name="message_body" wrap="soft" cols="21" rows="10" placeholder="Ich habe folgende Fragen zum Artikel"></textarea><br>
			<div class="row">
			{$YES_CAPTCHA}
			<div class="small-12 large-12"><br>Ihre Daten werden in unserer Kundendatenbank aufgenommen.</div>
			<div class="small-12 large-12"><a href="/Datenschutzerklaerung-_-2.html" target="_blank" class="float-left">Es gilt unsere Datenschutzerklärung</a><br><button class="button float-right" type="submit" border="0" title="Weiter" value="Weiter"><i class="fi-mail size-16"></i> Absenden</button></div>
			</div>
		</form>
	</div>
	<button class="close-button" data-close aria-label="Close modal" type="button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>


<div class="reveal" id="eek_modal" data-reveal style="max-width:310px;">
    <div class="modal-content">

    </div>
    <button class="close-button" data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>




<div class="contentHolder row">
	<h1><span itemprop="name">{$PRODUCTS_NAME}</span></h1>
	<div class="small-12 medium-6 pDetImg columns">
		<div class="borderBox pDetMainImg">
			{if $PRODUCTS_IMAGE}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME}" src="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" itemprop="image" title="{$PRODUCTS_NAME}"></a>
			{else}
			<a data-imagelightbox="a" href="{$tpl_path}img/noimg.jpg"><img alt="Keine Grafik vorhanden" src="{$tpl_path}img/noimg.jpg" itemprop="image"></a>
			{/if}
		</div>
		{if $PRODUCTS_IMAGE_1}
		<div class="borderBox hide-for-small-only">
			<div class="pDetImgList">
				<a href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 0" class="thumbnail" src="{$PRODUCTS_IMAGE}" itemprop="image"> </a>
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 1" class="thumbnail" src="{$PRODUCTS_IMAGE_1}" itemprop="image"> </a>
				{if $PRODUCTS_IMAGE_2}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 2" class="thumbnail" src="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_3}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 3" class="thumbnail" src="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_4}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 4" class="thumbnail" src="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_5}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 5" class="thumbnail" src="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_6}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 6" class="thumbnail" src="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_7}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_7|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 7" class="thumbnail" src="{$PRODUCTS_IMAGE_7|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_8}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_8|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 8" class="thumbnail" src="{$PRODUCTS_IMAGE_8|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_9}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_9|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 9" class="thumbnail" src="{$PRODUCTS_IMAGE_9|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_10}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_10|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 10" class="thumbnail" src="{$PRODUCTS_IMAGE_10|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_11}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_11|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 11" class="thumbnail" src="{$PRODUCTS_IMAGE_11|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_12}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_12|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 12" class="thumbnail" src="{$PRODUCTS_IMAGE_12|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_13}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_13|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 13" class="thumbnail" src="{$PRODUCTS_IMAGE_13|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_14}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_14|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 14" class="thumbnail" src="{$PRODUCTS_IMAGE_14|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_15}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_15|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 15" class="thumbnail" src="{$PRODUCTS_IMAGE_15|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_16}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_16|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 16" class="thumbnail" src="{$PRODUCTS_IMAGE_16|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_17}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_17|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 17" class="thumbnail" src="{$PRODUCTS_IMAGE_17|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_18}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_18|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 18" class="thumbnail" src="{$PRODUCTS_IMAGE_18|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_19}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_19|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 19" class="thumbnail" src="{$PRODUCTS_IMAGE_19|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_20}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_20|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 20" class="thumbnail" src="{$PRODUCTS_IMAGE_20|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_21}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_21|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 21" class="thumbnail" src="{$PRODUCTS_IMAGE_21|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_22}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_22|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 22" class="thumbnail" src="{$PRODUCTS_IMAGE_22|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_23}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_23|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 23" class="thumbnail" src="{$PRODUCTS_IMAGE_23|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_24}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_24|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 24" class="thumbnail" src="{$PRODUCTS_IMAGE_24|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_25}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_25|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 25" class="thumbnail" src="{$PRODUCTS_IMAGE_25|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_26}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_26|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 26" class="thumbnail" src="{$PRODUCTS_IMAGE_26|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_27}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_27|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 27" class="thumbnail" src="{$PRODUCTS_IMAGE_27|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_28}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_28|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 28" class="thumbnail" src="{$PRODUCTS_IMAGE_28|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
				{if $PRODUCTS_IMAGE_29}
				<a data-imagelightbox="a" href="{$PRODUCTS_IMAGE_29|replace:"info_images":"popup_images"}"><img alt="{$PRODUCTS_NAME} - 29" class="thumbnail" src="{$PRODUCTS_IMAGE_29|replace:"info_images":"popup_images"}" itemprop="image"> </a>
				{/if}
			</div>
		</div>
		{/if}
	</div>
	<div class="small-12 medium-6 pDetDetails columns">
		<div class="borderBox">
			<div class="row">

				<div class="small-12 medium-12 pDetDetails columns">
					<div class="pDetPrice ">{if $INFO.PRODUCTS_MASTER_STATUS == 1 AND $slaves AND $PRODUCTS_PRICE|replace:'EUR':'&euro;'|count_characters:true < 40 }<!--ab-->{elseif $PRODUCTS_PRICE|replace:'EUR':'&euro;'|count_characters:true < 40}<!--nur-->{/if} <span class="prodPrize">{$PRODUCTS_PRICE|replace:'EUR':'&euro;'|replace:"Ab":""}</span></div>
					<div class="pDetPriceAddition">
					
					{$INFO.PRODUCTS_TAX_INFO} zzgl. <a class="modalCall" data-src="{$YES.HTTP_SERVER}/popup_shippingcosts.php?products_id={$PRODUCTS_ID}" data-target="modalAjax" href="#">Versandkosten</a>
					<span itemprop="sku" content="{$PRODUCTS_ID}"></span>
					</div>
					{if $INFO.PRODUCTS_VPE_STATUS!=0}
							<div class="prodGp">{$INFO.PRODUCTS_VPE|replace:'EUR':'&euro;'|replace:"pro":"/"}</div>
						{/if}
					{if $INFO.GRADUATED_QUANTITY == "0-0"}
					{else}
					{if $MODULE_graduated_price}<br>{$MODULE_graduated_price|replace:'<div align="center">Staffelpreise</div>':'<div align="left" style="color: #2a81c4;font-weight: 600;font-size: 16px;">Staffelpreise</div>'}<div class="pDetPriceAddition"></div>{/if}	
					{/if}
					
				</div>
				<div class="small-12 medium-12 pDetDetails eek_holder columns">
					{if $PRODUCTS_MODEL}
					<div class="border">
						<div class="prod_data_title_1">Artikel Nr.</div><div class="prod_data_txt_1">
						{$PRODUCTS_MODEL}</div>
					</div>
					{/if}
					{if $PRODUCTS_EAN}
					<div class="border">
					<div class="prod_data_title_2">EAN</div><div class="prod_data_txt_2"><span itemprop="gtin13">{$PRODUCTS_EAN}</span>
					</div>
					</div>
					{/if}
					<div class="border">
					<div class="prod_data_title_2">Verfügbarkeit</div><div class="prod_data_txt_2"><div class="shipping_icon"><i class="fi-checkbox size-18"></i><span class="shipping_icon_txt">auf Lager</span></div>
					</div>
					</div>
					<div class="border">
						<div class="prod_data_title_3">{#text_shippingtime#|replace:':':''}*
						</div>
						<div class="prod_data_txt_3">
						{$INFO.SHIPPING_NAME}
						</div>
					</div>


				</div>
				{if $slaves}
				<div class="small-3 medium-3 pDetDetails columns mvari">
					<div class="prod_data_title_4">Varianten</div>
				</div>
				<div class="small-9 medium-9 pDetDetails columns mvari">
					<div class="vari">
					
						{if $slave_values|@count > 1}
						<div id="sortOutput"></div>
					{else}
						
						{if $INFO.PRODUCTS_MASTER_STATUS == 0 AND $INFO.PRODUCTS_FSK18 == 1}
						{else}
							{if $SLAVE_TITLE}
								gew&auml;hlte Variante: <br><b style="color: #f28d23;">{$SLAVE_TITLE}</b><br /><br>
							{elseif $key_values}
								gew&auml;hlte Variante: <br />
								{foreach key=Merkmal item=ausp from=$key_values}<b>{$Merkmal}:</b> {$ausp}<br />
								{/foreach}
					
								<br />
							{/if} 
						
							<div class="ch_titl" >weitere Varianten:</div>
						{/if}
							<div class="ch_vlue">
								<form style="margin-bottom:5px;">
									<SELECT NAME="liste1" style="width:100%;" onChange="location = form.liste1.options[form.liste1.selectedIndex].value;">
									
									{if $PRODUCTS_MASTER_STATUS == 1 AND $slaves != ""}
									<option SELECTED VALUE="">Bitte w&auml;hlen Sie...</option>
									{else}
									<option SELECTED VALUE="">{$INFO.SLAVE_TITLE}</option>
									{/if}
										{foreach name=aussen item=data from=$slaves}
										
											<OPTION VALUE="{$data.PRODUCTS_LINK}">{$data.products_name}</OPTION>
										{/foreach}
									</SELECT>
								 </form>
							</div>
						
					{/if}
					</div>
				</div>
				{/if}
				{if $INFO.PROPERTIES.0}
				<div id="properties" style="margin:10px;">
					<p><b>{#properties#}</b></p>
					{foreach from=$INFO.PROPERTIES item=property}
						{$property.title}<br />
						<div id="property" style="padding:10px;">
						{foreach from=$property.values item=pv}
							<label><input type="radio" class="ppv" name="pp_{$property.id}" value="{$pv.price_brutto}" id="{$pv.id}">&nbsp;{$pv.title}&nbsp;({$pv.price_formatted})</label><br />
							{assign var="pv_preselect" value="0"}
						{/foreach}
						</div>
					{/foreach}
				</div>
				{/if}
				
			</div>
			
			<div class="pDetCart">
				{if $PRODUCTS_DATE_AVIABLE}
					{$PRODUCTS_DATE_AVIABLE}
				{else}
					{$FORM|replace:'name=':'id="prodBuyForm" name='}
						{if $YES.SMARTY_SESSION_customers_email_address!=''}
							{$INFO.WISHLIST_BUTTON|replace:'<a':'<a class="wishlistTrigger"'|replace:'Wunschliste':'Merkliste'}
							{else}
							<a class="modalSend button hollow" data-html="<p>Um diese Funktion nutzen zu können müssen Sie sich erst anmelden.</p><br><a class='button float-right' href='login.php'>zur Anmeldung</a><span class='clearfix'></span>" href="#" style="display: inline-block;"><i class="fi-heart size-16"></i> <span class="hide-for-small-only"> Zur Merkliste</span></a>
						{/if}
						{if $INFO.PRODUCTS_FSK18}
						{else}
						<button class="button prod_buy cartSubmit greenhov" type="submit"><i class="fi-shopping-cart size-16"></i>  In den Warenkorb</button>
						<!-- <div class="cart_qty_r"><a href="#" class="button cart_qty_button secondary float-left">-</a><a href="#" class="button cart_qty_button float-right primary">+</a>{$ADD_QTY|replace:'<input type="text"':'<input type="number" class="cartQty " min="1" '}</div> -->
						<input type="number" min="1" class="cartQty addcart_qty" onfocus="this.select()" name="products_qty" value="1" size="3">
						
						<input type="hidden" value="{$PRODUCTS_ID}" name="products_id">
						
						
						{* $ADD_QTY|replace:'type="text"':'type="number" min="1" onfocus="this.select()"' *}
						<span class="clearfix"></span>
						{/if}
					{$FORM_END}
				{/if}
			</div>

			<div class="pDetData clearfix">
				<div class="small-12 medium-6 large-6 column float-left clearfix">
					{if $INFO.PROPERTIES.0}
					<div id="properties" style="margin:10px;">
						<p><b>{#properties#}</b></p>
						{foreach from=$INFO.PROPERTIES item=property}
						<div class="property" style="padding:10px;">
						<h5>{$property.title}</h5>
						{foreach from=$property.values item=pv}						
						 <span><input type="radio" class="ppv" name="pp_{$property.id}" value="{$pv.price_formatted|replace:" ":""|replace:'&nbsp;':''|replace:'EUR':'&euro;'}" id="{$pv.id}" /><img src="/images/product_images/thumbnail_images/{$pv.image}"> {$pv.title} {if $pv.price_formatted!=" 0,00 EUR"}({$pv.price_formatted|replace:"EUR":"&euro;*"}){/if}</span><br />
						{/foreach}
						</div>
						{/foreach}
					</div>
					<h6 class="prodInfoTitle">Variantenauswahl:</h6>
					<div id="endlessOutput"></div>
					{/if}
				</div>
				<div class="small-12 medium-6 large-6 column float-left clearfix">
				</div>
			</div>
			<div class="pDetMiniNav">
				<a class="hide-for-small-only printPopup" data-id="{$PRODUCTS_ID}" href="#")><i class="fi-print"></i> Datenblatt</a>
				<a  data-open="prodDetModalContact"><i class="fi-at-sign"></i> Frage zum Artikel</a>
			</div>
			<div class="pDetShort">
			{$INFO.PRODUCTS_SHORT_DESCRIPTION}
			</div>
			{if $PRODUCTS_CONTENT}
			<div style="padding-top:20px">
			<span class="prod_data_title_1">Energieeffizienzklasse:</span>
				{foreach item=CONTENT from=$PRODUCTS_CONTENT}
				<br><br>
				<a data-imagelightbox="a" href="{$CONTENT.content_file}"><strong><img itemprop="image" src="{$CONTENT.content_file}" width="120px"></strong></a>
				<!--<a href="{$CONTENT.content_file}"><strong><img id="imagelightbox" src="{$CONTENT.content_file}" width="120px"></strong></a>-->
				<!--<a target="popup" onclick="window.open('', 'popup', 'width=180,height=260,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=100,left=100')"href="{$CONTENT.content_file}"><img src="{$CONTENT.content_file}" width="120px"></a>-->
				<br>
									
				{/foreach}
			</div>
			{/if}
		</div>

	</div>


	<div class="small-12 columns">
		<div class="tab2acco hide-for-small-only">
			<a href="#" class="activeTab" data-accId="panel1">Artikelbeschreibung</a>
			{if $MODULE_product_characteristics}
			<a href="#" class="" data-accId="panel2">Produktdetails</a>
			{/if}
		</div>
		<ul class="accordion" data-accordion role="tablist" id="prodtab2acco">
			<li class="accordion-item is-active" data-accordion-item id="panel1">
				<a href="#" class="accordion-title show-for-small-only" role="tab">Artikelbeschreibung</a>
				<div class="accordion-content is-active" role="tabpanel" data-tab-content  >
					<span itemprop="description"><p>{$INFO.PRODUCTS_DESCRIPTION}</p></span>

				</div>
			</li>
			{if $MODULE_product_characteristics}
			<li class="accordion-item" data-accordion-item id="panel2">
				<a href="#" class="accordion-title  show-for-small-only"  role="tab">Produktdetails</a>
				<div class="accordion-content " data-tab-content="" role="tabpanel" >
					{$MODULE_product_characteristics}
				</div>
			</li>
			{/if}
		</ul>
	</div>
	
</div>
<div itemtype="https://schema.org/Offer" itemscope="" itemprop="offers">
	<meta content="{$smarty.server.HTTP_HOST|replace:".de":""|replace:".com":""|replace:".net":""}" itemprop="seller">
	<meta content="{$INFO.CURRENCY}" itemprop="priceCurrency">
	<meta content="{$INFO.PRODUCTS_PRICE_CLEAN|replace:'EUR':''|replace:',':'.'}" itemprop="price">
	<meta content="{$SHIPPING_NAME}" itemprop="availability">
</div>

{$MODULE_also_purchased}

{literal}
<script type="application/ld+json">

{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "{/literal}{$PRODUCTS_NAME}{literal}",
  "image": "{/literal}https://{$smarty.server.HTTP_HOST}/images/product_images/popup_images/{$PRODUCTS_ID}_0.jpg{literal}",
  "description": "{/literal}{$PRODUCTS_DESCRIPTION}{literal}",
  "mpn": "{/literal}{$PRODUCTS_MODEL}{literal}",
  "brand": {
    "@type": "Thing",
    "name": "{/literal}{$MANUFACTURERS_INFO.manufacturers_name}{literal}"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "{/literal}{$INFO.CURRENCY}{literal}",
    "price": "{/literal}{$INFO.PRODUCTS_PRICE_CLEAN|replace:'EUR':''|replace:',':'.'}{literal}",
    "priceValidUntil": "{/literal}2020-11-05{literal}",
    "itemCondition": "http://schema.org/UsedCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "{/literal}{$smarty.server.HTTP_HOST}{literal}"
    }
  }
}
</script>
<script>
    $(function(){
    var $data_src = $('.characteristics table tr').find('td:contains("Energieeffizienz:")');
    var $data_trgt = $('.eek_holder');
    var $data_modal= $('#eek_modal .modal-content');
    console.log($data_src);
        if($data_src.length>0){
            $data_src = $data_src.next().text();
            $data_src = $data_src.replace(/\s/g, "");
            var $trigger_img;
            var $target_img;
            switch ($data_src){
                case 'A++':
                    $trigger_img = '<img src="/files/EEK/eek_a%2B%2B_s.jpg" />';
                    $target_img = '/files/EEK/eek_a%2B%2B.jpg';
                break;
                case 'A+':
                    $trigger_img = '<img src="/files/EEK/eek_a%2B_s.jpg" />';
                    $target_img = '/files/EEK/eek_a%2B.jpg';
                break;
                case 'A':
                    $trigger_img = '<img src="/files/EEK/eek_a_s.jpg" />';
                    $target_img = '/files/EEK/eek_a.jpg';
                break;
                case 'B':
                    $trigger_img = '<img src="/files/EEK/eek_b_s.jpg" />';
                    $target_img = '/files/EEK/eek_b.jpg';
                break;
                case 'C':
                    $trigger_img = '<img src="/files/EEK/eek_c_s.jpg" />';
                    $target_img = '/files/EEK/eek_c.jpg';
                break;
                case 'D':
                    $trigger_img = '<img src="/files/EEK/eek_d_s.jpg" />';
                    $target_img = '/files/EEK/eek_d.jpg';
                break;
                case 'E':
                    $trigger_img = '<img src="/files/EEK/eek_e_s.jpg" />';
                    $target_img = '/files/EEK/eek_e.jpg';
                break;
            }
            var $target = '<div class="border">'+
                          '<div class="prod_data_title_2">Energieeffizienzklasse</div><div class="prod_data_txt_2"><span itemprop="gtin13"><div class="eek"><a  data-open="eek_modal">'+$trigger_img+'</a></div></span>'+
                          '</div>'+
                          '</div>';

            $data_trgt.append($target);
            var $target_holder=$('<div class="target_holder"></div>').css({'width':'250px','position':'relative','height':'500px','background-image':'url('+$target_img+')'}).html('<span style="position:absolute; font-size:12px; font-weight:bold; right:15px; top:30px;">{/literal}{$PRODUCTS_ID}{literal}</span>');
            $data_modal.append($target_holder);
        }

    });
</script>
{/literal}