{config_load file="$language/lang_$language.conf" section="index"}

{yes_vars assign="YES" contents=1}
<link rel="stylesheet" href="/templates/yes-system//js/splide/css/splide.min.css">
<script src="/templates/yes-system/js/vendor/foundation.js"></script>
<!-- Fuer schnellen Switch -->

<script type="text/javascript">
$(document).foundation();
</script>

<script type="text/javascript">
var text_cart_select_product_property = '{#text_cart_select_product_property#}';
{literal}
var product_properties_price_adds = {};
$().ready(function(){
	$('#properties input.ppv').each(function(){
		$(this).click(function(){
			ppID_parts = $(this).attr('name').split('pp_');
			ppID = ppID_parts[1];
			new_pp_price = parseFloat($(this).attr('value'));
			
			product_properties_price_adds[ ppID ] = new_pp_price;
			pp_price_add = 0;
			for(var pp in product_properties_price_adds){
				pp_price_add += product_properties_price_adds[pp];
			}
			pp_price = product_properties_original_price_raw+pp_price_add;
			pp_price = pp_price.toFixed(2);
			pp_price = pp_price.replace('.',',') + ' '+product_properties_currency;
			$('.prodPrize').each(function(){
				$(this).html(pp_price);
			});
		});
	});
	$('a.prod_buy').click(function(){
		var ppv_distinct = [];
		var distinct_props = 0;
		var dp = [];
		$('#properties div#property input.ppv').each(function(){
			if( dp.indexOf( $(this).attr('name') ) == -1 ){
				distinct_props++;
				dp.push($(this).attr('name'));
			}
		});
		var qty = parseInt($('form.prod_form .addcart_qty input[name="products_qty"]').val());
		if(qty < 1) return false;
		$('#properties input.ppv:checked').each(function(){
				ppv_distinct.push( $(this).attr('id') );
		});
		if(ppv_distinct.length == distinct_props){
			var url = $(this).attr('id');
			params = '';
			for(i=0;i<ppv_distinct.length;i++){
				params += '&ppvID[]='+ppv_distinct[i];
			}

			window.location.href=url+params+'&products_qty='+qty;
		}else{
			alert(text_cart_select_product_property);
		}
	});
});
{/literal}
</script>



<!-- FSK 18 Überlappung Start -->
<div id="fsk_18_shadow">
	<div id="fsk_18_holder">
		<img id="fsk_18_logo" src="files/Logos/ONEMOS-Logo.svg">
		<div id="fsk_18_text">
		<h2>ALTERSPRÜFUNG</h2>
		Um bei uns einkaufen zu können, müssen Sie mindestens 18 Jahre alt sein.
		<p>Sind Sie 18 Jahre alt, oder älter?</p>
		</div>
		<hr>
		<a class="fsk_18_button" id="fsk_18_consent" href="#">&nbsp; Ja &nbsp;</a>
		<a class="fsk_18_button" href="https://www.massvoll-geniessen.de/">Nein</a>
		<br>
		Der Versand erfolgt mittels Altersprüfung.
		<br>
	</div>
</div>
{literal}
<script>
	$(function(){
		var fsk = localStorage.getItem('fsk_18');
		if(fsk === 'true'){
			$('#fsk_18_shadow').css('display','none');
		}else{
			$('#fsk_18_consent').on('click',function (e) {
				e.preventDefault();
				localStorage.setItem('fsk_18', 'true');
				$('#fsk_18_shadow').fadeOut();
			})
		}
	})

</script>
{/literal}
<!-- FSK 18 Überlappung Ende -->
<div class="reveal" id="modalAjax" data-reveal>
    <div class="modalContent">
    </div>
    <button class="close-button" data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">x</span>
    </button>
</div>
<nav id="mobiMenu"></nav>
<div class="background">
    <header id="mainHead">
        <div class="smallSpacer show-for-small-only"></div>
        <nav id="miniTopNav">
            <div class="show-for-small-only">
                <a href="{$yes.HTTP_SERVER}" title="{$yes.HTTP_SERVER}"><img class="item" src="/files/Logos/ONEMOS-Logo.svg" alt="{$yes.HTTP_SERVER}" rel="nofollow" > </a>
                <a href="#" class="button secondary show-for-small hide-for-large mediumCaller callMobiNav"><i class="fi-list size-24"></i></a>
                <a href="#" class="button primary show-for-small hide-for-large mediumCaller callSearchBox"><i class="fi-magnifying-glass size-24"></i></a>
                {$box_CART}
            </div>
            <div class="breakpoint3 wideTop large-uncollapse hide-for-small-only">
                <div class="row">
                <div class="columns leftTopNav">
                    <ul class="menu wideTopImportantLinks bemobile">
                        {if $logoff}
                        <li><a href="{$logoff}"><i class="fi-x size-18"></i> <span class="iconHeight">{#link_logoff#}</span></a></li>
                        {else}
                        <li><a href="login.php"><i class="fi-torso size-18"></i> <span class="iconHeight">{#link_login#}</span></a></li>
                        {/if}
						 {if $logoff}
						
                        <li><a href="account.php"><i class="fi-folder size-18"></i> <span class="iconHeight">{#link_account#}</span></a></li>
						 {/if}
                        <li><a href="wishlist.php"><i class="fi-heart size-18"></i> <span class="iconHeight">Merkzettel</span></a></li>
                        {if $box_ADMIN}{$box_ADMIN}{/if}
                    </ul>
                </div>
                <div class="phoneTop columns show-for-large">
                    {if $YES.CONTENT.ID_55.text}
						
						<!--<span class="fi-telephone size-16"></span>-->
						{$YES.CONTENT.ID_55.text}
						
                    {/if}
                </div>
                <div class="columns rightTopNav">
                    <ul class="menu align-right wideTopSecondaryLinks">
                        <li><a href="Kontakt-_-7.html">Kontakt</a></li>
                        <li><a href="Impressum-_-4.html">Impressum</a></li>
                        
                    </ul>
				</div>
                </div>
            </div>
        </nav>
        <section id="mainTop" class="row align-spaced " >
            <div class="show-for-small hide-for-large" id="mediumSearch">
                <form class="searchbar" id="searchform" method="get" action="advanced_search_result.php" name="search">
                <input type="search" name="keywords" class="mediumSearchbar " placeholder="Suchbegriff">
                <button type="submit" class="mediumSearcher button primary" href="#"><i class="fi-magnifying-glass size-36"></i></button>
                <a class="mediumCloser button hollow hide-for-small-only" href="#"><i class="fi-x size-24"></i></a>
                    </form>
            </div>
            <div id="test4" class="breakpoint4 columns medium-6 large-5 hide-for-small-only">
				<div id="test1" class="breakpoint1 logo hide-for-small-only">
					<!--<a href="{$yes.HTTP_SERVER}"> </a>-->
					<a href="{$yes.HTTP_SERVER}" title="{$yes.HTTP_SERVER}"><img class="item" src="/files/Logos/ONEMOS-Logo.svg" alt="{$yes.HTTP_SERVER}" rel="nofollow" width="350px"> </a>
				
				</div>
            </div>
            <div class="columns hide-for-medium-only large-5 hide-for-small-only">
                {$box_SEARCH}
            </div>
            <div id="test5" class="breakpoint5 cart columns medium-6 large-2 hide-for-small-only">
                <a href="#" class="button secondary show-for-medium-only mediumCaller callMobiNav"><i class="fi-list size-24"></i></a>
                <a href="#" class="button primary show-for-medium-only mediumCaller callSearchBox"><i class="fi-magnifying-glass size-24"></i></a>
				<div class="cartdropdown">
				{$box_CART}
				</div>
				
				<div id="account_scroll" class="breakpoint7 hider2 account_scroll"><a class="button mediumButton" href="account.php"><i class="fi-folder size-18"></i></a></div>
				{if $logoff}
				<div id="login_scroll" class="breakpoint7 hider2 login_scroll"><a class="button mediumButton" href="{$logoff}"><i class="fi-x size-18"></i></a></div>
				{else}
				<div id="login_scroll" class="breakpoint7 hider2 login_scroll"><a class="button mediumButton" href="login.php"><i class="fi-torso size-18"></i></a></div>
				{/if}
            </div>
        </section>
<section class="nav_head_border">
		<nav id="nav_main">
			<div class="container">
				<div class="row">			
					<div id="nav-inner" class="large-12 show-for-large">
						<ul id="nav"  >
						{assign var="newexit1" value="0"} {*<!-- 2 Ebene -->*}
						{assign var="newexit2" value="0"} {*<!-- 3 Ebene -->*}
						{assign var="newexit3" value="0"} {*<!-- 4 Ebene -->*}
						{assign var="newexit4" value="0"} {*<!-- 5 Ebene -->*}
						
						{foreach item=module_cat from=$CATEGORIES_STRUCT}
							{if $smarty.get.cPath == $module_cat.categories_id} 
								{assign var="newexit1" value=$module_cat.categories_id}
							{/if}
							{if $module_cat.children}
								{foreach item=module_cat2 from=$module_cat.children}
									{if $smarty.get.cPath == $module_cat2.categories_id}
										{assign var="newexit1" value=$module_cat.categories_id}
										{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
									{/if}
									{if $module_cat2.children}
										{foreach item=module_cat3 from=$module_cat2.children}
											{if $smarty.get.cPath == $module_cat3.categories_id}
												{assign var="newexit1" value=$module_cat.categories_id}
												{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
												{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}
											{/if}
											{if $module_cat3.children}
												{foreach item=module_cat4 from=$module_cat3.children}
													{if $smarty.get.cPath == $module_cat4.categories_id}
														{assign var="newexit1" value=$module_cat.categories_id}
														{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
														{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id|cat:"_"|cat:$module_cat4.categories_id}
														
													{/if}
												{/foreach}
											{/if}
										{/foreach}
									{/if}
								{/foreach}
							{/if}
						{/foreach}
						{foreach item=module_cat from=$CATEGORIES_STRUCT}
						{if $module_cat.children}
						<li class="first parent">
						{else}
						<li class="first">
						{/if}
						<a {if $module_cat.categories_id == $newexit1}class="current"{/if} href="{$module_cat.link}">
							{$module_cat.categories_name}
						</a>
						{if $module_cat.children}
							<div class="first-wrapper dropdown-6col">
								<div class="first-wrapper2">
									<div class="nav-block nav-block-center">
										<ul class="first">
											{foreach item=module_cat2 from=$module_cat.children}
											{assign var="katid2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
											<li class="second parent">
											<a {if $katid2 == $newexit2}class="current"{/if} href="{$module_cat2.link}">
													{$module_cat2.categories_name}
											</a>
											{if $module_cat2.children}
											<ul class="second">
												{foreach item=module_cat3 from=$module_cat2.children}
												{assign var="katid3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}
												<li class="third">
													<a {if $katid3 == $newexit3}class="current"{/if} href="{$module_cat3.link}">
													   > {$module_cat3.categories_name}
													</a>
												</li>
												{/foreach}
											</ul>
											{/if}
											</li>
											{/foreach}
										</ul>
									</div>
								</div>
							</div>
						{/if}
						</li>
						{/foreach}
						</ul>
					</div>
				</div>
			</div>	
		</nav>
		</section>
		<nav id="mainNav" class="row hider">
              <ul class="menu expanded bemobile" data-name="Navigation">
				  <li><a style="color:#000;" href="#">Startseite</a></li><br>
                    {assign var="exit0" value="0"}  {*<!-- Oberkat 1 Ebene -->*}
					{assign var="exit1" value="0"}  {*<!-- 2 Ebene -->*}
					{assign var="exit2" value="0"}  {*<!-- 3 Ebene -->*}
					{assign var="exit3" value="0"}  {*<!-- 4 Ebene -->*}
					{assign var="newexit1" value="0"} {*<!-- 2 Ebene -->*}
					{assign var="newexit2" value="0"} {*<!-- 3 Ebene -->*}
					{assign var="newexit3" value="0"} {*<!-- 4 Ebene -->*}
					{assign var="newexit4" value="0"} {*<!-- 5 Ebene -->*}
					<span style="font-weight: normal;text-decoration: none;color: #efab22;text-transform: uppercase;font-size: 1em;margin-top: 30px;">KATEGORIEN</span>
                    {foreach item=module_cat from=$CATEGORIES_STRUCT}
						{if $smarty.get.cPath == $module_cat.categories_id} 
							{assign var="exit0" value=$module_cat.categories_id}
							{assign var="newexit1" value=$module_cat.categories_id}
						{/if}
						{if $module_cat.children}
							{foreach item=module_cat2 from=$module_cat.children}
								{if $smarty.get.cPath == $module_cat2.categories_id}
									{assign var="exit0" value=$module_cat.categories_id}
									{assign var="exit1" value=$module_cat2.categories_id}
									{assign var="newexit1" value=$module_cat.categories_id}
								{/if}
								{if $module_cat2.children}
									{foreach item=module_cat3 from=$module_cat2.children}
										{if $smarty.get.cPath == $module_cat3.categories_id}
											{assign var="exit0" value=$module_cat.categories_id}
											{assign var="exit1" value=$module_cat2.categories_id}
											{assign var="exit2" value=$module_cat3.categories_id}
											{assign var="newexit1" value=$module_cat.categories_id}
											{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
										{/if}
										{if $module_cat3.children}
											{foreach item=module_cat4 from=$module_cat3.children}
												{if $smarty.get.cPath == $module_cat4.categories_id}
													{assign var="exit0" value=$module_cat.categories_id}
													{assign var="exit1" value=$module_cat2.categories_id}
													{assign var="exit2" value=$module_cat3.categories_id}
													{assign var="exit3" value=$module_cat4.categories_id}
													{assign var="newexit1" value=$module_cat.categories_id}
													{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
													{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat3.categories_id}
												{/if}
											{/foreach}
										{/if}
									{/foreach}
								{/if}
							{/foreach}
						{/if}
                    {/foreach}
                    {foreach item=module_cat from=$CATEGORIES_STRUCT}
                    <li class="first_stage_{$k}">
                        <a href="{$module_cat.link}">
							{if $module_cat.categories_id == $newexit1}<b>{/if}
								{$module_cat.categories_name}
							{if $module_cat.categories_id == $newexit1}</b>{/if}
                        </a>
                        {if $module_cat.children}
                        <ul class="dropdown-menu">
                            {foreach item=module_cat2 from=$module_cat.children}
                            <li>
                                <a href="{$module_cat2.link}">
                                    {$module_cat2.categories_name}
                                </a>
                                {if $module_cat2.children}
                                <ul class="dropdown-menu">
                                    {foreach item=module_cat3 from=$module_cat2.children}
                                    <li>
                                        <a href="{$module_cat3.link}">
                                            {$module_cat3.categories_name}
                                        </a>
                                        {if $module_cat3.children}
                                        <ul class="dropdown-menu">
                                            {foreach item=module_cat4 from=$module_cat3.children}
                                            <li>
                                                <a href="{$module_cat4.link}">
                                                    {$module_cat4.categories_name}
                                                </a>
                                            </li>
                                            {/foreach}
                                        </ul>
                                        {/if}
                                    </li>
                                    {/foreach}
                                </ul>
                                {/if}
                            </li>
                            {/foreach}
                        </ul>
                        {/if}
                    </li>
                    {/foreach}
                </ul>
        </nav>
	</header>
	<div class="wrapper">
	<div class="wrapper_inner">
    <!-- NAVTRAIL START -->
    {if $smarty.server.REQUEST_URI != "/index.php"
    AND $smarty.server.REQUEST_URI != "/yes/index.php"
    AND $smarty.server.REQUEST_URI != "/yes/"
    AND $smarty.server.REQUEST_URI != "/"
    AND $smarty.server.REQUEST_URI != ""
    }
    <nav class="breadcrumb hide-for-small-only row">
        <a class="breadcrumb_home" href="{$yes.HTTP_SERVER}"><i class="fi-home size-18"></i> </a>    {$navtrail|replace:'&raquo;':' '|replace:'Auf Wiedersehen':''|replace:'Kasse':'<span class="lst_bread">Bestellung'|replace:'Erfolg':'erfolgreich</span>'|replace:'<a href="#" class="headerNavigation">Katalog</a>':''}
    </nav>
    {/if}
    <!-- NAVTRAIL ENDE -->
    <!--{* $box_POPCART *}-->
     {if $smarty.server.REQUEST_URI == "/index.php"
    OR $smarty.server.REQUEST_URI == "/yes/index.php"
    OR $smarty.server.REQUEST_URI == "/yes/"
    OR $smarty.server.REQUEST_URI == "/"
    OR $smarty.server.REQUEST_URI == ""
    }
	<div class="backgroundimage" style="padding-bottom:30px;"> 
	<div class="small-12 medium-12 large-12 space10top">&nbsp;</div>
		<div class="small-12 medium-12 large-12 columns">
			<div class="mainslider" style="border: 5px solid #fff">
				<ul id="topSlider" style="width: 615%; position: relative; transition-duration: 0.5s; transform: translate3d(-2970px, 0px, 0px);">
					{if $YES.CONTENT.ID_45.text}
					<li class="orbit-image">{$YES.CONTENT.ID_45.text}</li>
					{/if}
					{if $YES.CONTENT.ID_46.text}
					<li class="orbit-image">{$YES.CONTENT.ID_46.text}</li>
					{/if}
					{if $YES.CONTENT.ID_47.text}
					<li class="orbit-image">{$YES.CONTENT.ID_47.text}</li>
					{/if}
					{if $YES.CONTENT.ID_48.text}
					<li class="orbit-image">{$YES.CONTENT.ID_48.text}</li>
					{/if}
					{if $YES.CONTENT.ID_69.text}
					<li class="orbit-image">{$YES.CONTENT.ID_69.text}</li>
					{/if}			
				</ul>
			</div>
		</div>	

		<div class="row contentHolder new-top-products">
		<div class="small-12 medium-12 large-8 columns">
			<h2 class="medium-12 large-12 headlines2"><span class="highlighth2">Unsere</span> Empfehlungen</h2>
			{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=1 template="boxes/box_marketing.html"}
			<!--<div class="relative">
			<div class="splide_vert">
				<div class="splide__track">
					  <ul class="splide__list">
						{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=3 template="boxes/box_marketing_batch.html"}						
					  </ul>
				</div>
			  </div>
			</div>-->
		</div>
		<div class="small-12 medium-12 large-4 columns">
			<h2 class="medium-12 large-12 headlines2"><span class="highlighth2">Angebot</span> der Woche</h2>
			{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=2 template="boxes/box_marketing_single.html"}
		</div>
		</div>

		<!-- Änderung Februar 2022 Ende-->
		

	</div>
	</div>
	{/if}
	{if $smarty.server.REQUEST_URI == "/index.php" 
			OR $smarty.server.REQUEST_URI == "/yes/index.php"
			OR $smarty.server.REQUEST_URI == "/yes/"
			OR $smarty.server.REQUEST_URI == "/"
			OR $smarty.server.REQUEST_URI == ""
			}
	<!-- KATEGORIEN BOX START -->
		<div class="row contentHolder">	
			<div style="padding:0 15px 15px 15px" class="small-12">
				<h2><span class="highlighth2">Unser</span> Sortiment</h2>
			</div>
			
			
					{foreach item=module_cat from=$CATEGORIES_STRUCT}
                    <div class="small-12 medium-12 large-12" style="padding-left: 15px">
                        {if $module_cat.categories_additional_image}
						<a href="{$module_cat.link}">
							<img src="../images/categories/{$module_cat.categories_additional_image}"/>
                        </a>
						{/if}
                        {if $module_cat.children}
                        <div style="text-decoration: none;list-style: none;">
                            {foreach item=module_cat2 from=$module_cat.children}
                            <div style="position:relative;float:left;">
                                {if $module_cat2.categories_additional_image}
								<div class="show-for-small-only" style="padding-bottom: 30px;padding-right:15px;padding-left: 15px;">
								<a href="{$module_cat2.link}">
                                    <img src="../images/categories/{$module_cat2.categories_additional_image}" style="width:420px" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
                                </a>
								</div>
								<div class="show-for-large show-for-medium" style="padding-bottom: 28px;padding-right:12px;padding-left: 15px;">
								<a href="{$module_cat2.link}">
                                    <img src="../images/categories/{$module_cat2.categories_additional_image}" style="height:270px" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
                                </a>
								</div>
								{/if}
                                {if $module_cat2.categories_additional_image}
                                <div>
                                    {foreach item=module_cat3 from=$module_cat2.children}
                                    <div>
										{if $module_cat3.categories_additional_image}
                                        <a href="{$module_cat3.link}">
                                            <img src="../images/categories/{$module_cat3.categories_additional_image}" style="height:275px" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
                                        </a>
										{/if}
                                        {if $module_cat3.categories_additional_image}
                                        <div>
                                            {foreach item=module_cat4 from=$module_cat3.children}
                                            <div>
												{if $module_cat4.categories_additional_image}
                                                <a href="{$module_cat4.link}">
                                                    <img src="../images/categories/{$module_cat4.categories_additional_image}" style="height:275px" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
                                                </a>
												{/if}
                                            </div>
                                            {/foreach}
                                        </div>
                                        {/if}
                                    </div>
                                    {/foreach}
                                </div>
                                {/if}
                            </div>
                            {/foreach}
                        </div>
                        {/if}
                    </div>
                    {/foreach}				
		</div>
	<div id="promoboxes" class="row align-justify show-for-small-only">
		{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=1 template="boxes/box_marketing.html"}
		</div>
	{$main_content}
	<!-- BLOG START -->
	{if $YES.CONTENT.ID_64.text}
	<div class="clearfix">
	<div class="row contentHolderBlog small-12 medium-3" style="padding-top:10px">
		<div style="padding:0 15px 15px 15px" class="small-12">
			<h2><span class="highlighth2">Unser</span> Blog</h2>
		</div>
		<div class="row">
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_64.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_64.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_65.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_65.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_64.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_64.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_65.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_65.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_64.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_64.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_65.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_65.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_64.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_64.heading}</span>
			</article> 
			<article class="prodListBox small-12 medium-3 columns articleHolderBlog">
				<span class="articleImgBlog">{$YES.CONTENT.ID_65.text}</span>
				<span class="prodlistTitle">{$YES.CONTENT.ID_65.heading}</span>
			</article> 
		</div>
	</div>
	</div>  
    {/if}		
	<!-- BLOG Icons ENDE -->
	
	<!-- Hersteller Icons START -->

	
	<div class="row contentHolder hide-for-small-only" style="padding-top:10px">	
		<div style="padding:0px 5px 0px 15px" class="small-12">
			<h2><span class="highlighth2">Unsere</span> Marken</h2>
		</div>
		<script>
			$(function(){
			var splide = new Splide( '.splide', {
			  direction: 'ltr',
			  height   : '200px',
			type   : 'loop',
			padding: '5rem',
			perPage: 4,
			perMove: 4,
			autoplay:true,
			pagination:true
			} );
			splide.mount();
			})
				</script>
				<style>
					.splide{
						margin:0 80px;
					}
					.splide .splide__arrow--prev{
						left:-70px;
					}
					.splide .splide__arrow--next{
						right:-70px;
					}
					.splide img{
						max-width:100%;
					}
				</style>
				<div class="relative">
					<div class="splide">
						<div class="splide__track">
							<ul class="splide__list">
							{$box_MANUFACTURERS}
							</ul>
						</div>
					</div>
				</div>
				{$box_MANUFACTURERS_ARRAY}
</div>

<!-- Über OMS ONE MORE SPRIRITS START -->
	{if $YES.CONTENT.ID_41.text}
	<div class="backgroundimage">
		<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>
		<div class="row contentHolder textbox ">
			{if $YES.CONTENT.ID_41.heading}<h1>{$YES.CONTENT.ID_41.heading}</h1>{/if}
			<div class="columns">
				<br>
				{$YES.CONTENT.ID_41.text}
			</div>
		</div>
	<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>
		</div>
	{/if}
	<!-- Über OMS ONE MORE SPRIRITS ENDE -->
	

	<!-- Hersteller Icons ENDE -->
	{elseif $YES.FILENAME eq "login.php" AND $YES.GET_PARAMETER[0] == "" 
			OR $YES.FILENAME eq "product_info.php"
			OR $YES.FILENAME == "shop_content.php"
			OR $YES.FILENAME == "address_book_process.php"
			OR $YES.FILENAME == "account.php"
			OR $YES.FILENAME == "account_notifications.php"
			OR $YES.FILENAME == "account_history.php"
			OR $YES.FILENAME == "account_history_info.php"
			OR $YES.FILENAME == "contact_us.php"
			OR $YES.FILENAME == "address_book.php"
			OR $YES.FILENAME == "login.php" 
			OR $YES.FILENAME == "logoff.php" 
			OR $YES.FILENAME == "shopping_cart.php" 
			OR $YES.FILENAME == "admin_product_info.php" 
			OR $YES.FILENAME == "advanced_search.php"  
			OR $YES.FILENAME == "create_account.php"  
			OR $YES.FILENAME == "create_guest_account.php"  
			OR $YES.FILENAME == "password_double_opt.php"  
			OR $YES.FILENAME == "password_double_opt_in.php"  
			OR $YES.FILENAME == "account_edit.php"  
			OR $YES.FILENAME == "account_password.php"  	 
			OR $YES.FILENAME == "advanced_search.php"
			OR $YES.FILENAME == "checkout_shipping.php"  
			OR $YES.FILENAME == "checkout_shipping_address.php"  
			OR $YES.FILENAME == "checkout_payment.php" 
			OR $YES.FILENAME == "checkout_payment_address.php" 
			OR $YES.FILENAME == "checkout_confirmation.php"
			OR $YES.FILENAME == "newsletter.php" 
			OR $YES.FILENAME == "wishlist.php" 
			OR $YES.FILENAME == "checkout_paypal.php" 
			OR $YES.FILENAME == "checkout_success.php" 
			OR $YES.FILENAME == "paypal_checkout.php"
			OR $YES.FILENAME == "specials.php"
			OR $YES.FILENAME == "products_new.php"
			} 
	{$main_content}
	{else}
	<div class="contentHolder row">
		<div class="leftNav  columns show-for-large large-3">
			<nav class="nav borderBox" role="navigation">
				<ul class="vertical menu" data-accordion-menu>
				{assign var="newexit1" value="0"} {*<!-- 2 Ebene -->*}
				{assign var="newexit2" value="0"} {*<!-- 3 Ebene -->*}
				{assign var="newexit3" value="0"} {*<!-- 4 Ebene -->*}
				{assign var="newexit4" value="0"} {*<!-- 5 Ebene -->*}
				<span style="font-weight: normal;text-decoration: none;color: #9a0201;text-transform: uppercase;font-size: 1em;">KATEGORIEN</span>
				{foreach item=module_cat from=$CATEGORIES_STRUCT}
					{if $smarty.get.cPath == $module_cat.categories_id} 
						{assign var="newexit1" value=$module_cat.categories_id}
					{/if}
					{if $module_cat.children}
						{foreach item=module_cat2 from=$module_cat.children}
							{if $smarty.get.cPath == $module_cat2.categories_id}
								{assign var="newexit1" value=$module_cat.categories_id}
								{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
							{/if}
							{if $module_cat2.children}
								{foreach item=module_cat3 from=$module_cat2.children}
									{if $smarty.get.cPath == $module_cat3.categories_id}
										{assign var="newexit1" value=$module_cat.categories_id}
										{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
										{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}
									{/if}
									{if $module_cat3.children}
										{foreach item=module_cat4 from=$module_cat3.children}
											{if $smarty.get.cPath == $module_cat4.categories_id}
												{assign var="newexit1" value=$module_cat.categories_id}
												{assign var="newexit2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
												{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}{assign var="newexit3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id|cat:"_"|cat:$module_cat4.categories_id}
												
											{/if}
										{/foreach}
									{/if}
								{/foreach}
							{/if}
						{/foreach}
					{/if}
				{/foreach}
				{foreach item=module_cat from=$CATEGORIES_STRUCT}
				<li>
				<a {if $module_cat.categories_id == $newexit1}class="current"{/if} href="{$module_cat.link}">
					{$module_cat.categories_name}
				</a>
				{if $module_cat.children}
					<ul class="menu vertical nested {if $module_cat.categories_id == $newexit1}is-active{/if}">
						{foreach item=module_cat2 from=$module_cat.children}
						{assign var="katid2" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id}
						<li>
						<a {if $katid2 == $newexit2}class="current"{/if} href="{$module_cat2.link}">
							&nbsp;&nbsp;> {$module_cat2.categories_name}
						</a>
						{if $module_cat2.children}
						<ul class="menu vertical nested {if $katid2 == $newexit2}is-active{/if} {$module_cat2.categories_id} {$newexit2}">
							{foreach item=module_cat3 from=$module_cat2.children}
							{assign var="katid3" value=$module_cat.categories_id|cat:"_"|cat:$module_cat2.categories_id|cat:"_"|cat:$module_cat3.categories_id}
							<li>
								<a {if $katid3 == $newexit3}class="current"{/if} href="{$module_cat3.link}">
								   &nbsp;&nbsp;&nbsp;> {$module_cat3.categories_name}
								</a>
							</li>
							{/foreach}
						</ul>
						{/if}
						</li>
						{/foreach}
									
					</ul>
				{/if}
				</li>
				{/foreach}
				</ul>
			</nav>
		</div>
			{if $error}
			<div class="center_message_start">{$error}</div>
			{/if}
			{$main_content}
	<!-- /* Nachfolgende div schliesst contentHolder */-->
	</div>
	{/if}
	{if $YES.FILENAME eq "product_info.php"}
	<div class="contentHolder row">
		{$box_WHATSNEW}
		{$box_LAST_VIEWED}
	</div>
	{/if} 
 <!-- Wrapper_inner Ende -->
	<!-- NEWSLETTER START -->
	</div>
	{if $smarty.server.REQUEST_URI != "/newsletter.php"}
	<div class="clearfix backgroundimage" >
	<div class="small-12 medium-12 large-12 columns space5top">&nbsp;</div>
	 	<div class="row contentHolder2">
			<div class="columns" style="background-color: #f1f1f1; margin-left: 15px;margin-right: 15px;margin-top: 5px;margin-bottom: 5px">
			<h2><span class="highlighth2 ">Newsletter</span></h2>
				<div class="float-center text-center" >
				<h3>Verpassen Sie nichts mehr!</h3>
				<p>Abonnieren Sie unseren kostenlosen Newsletter und verpassen Sie keine Neuigkeit oder Aktionen mehr aus unserem Onlineshop.</p>
					<div class="columns">
					{$box_NEWSLETTER}
					<p>Sie können sich jederzeit abmelden!</p>
					</div>				
				</div>
			</div>
	</div> 
	{/if}		
	<!-- NEWSLETTER ENDE -->
	{if $YES.CONTENT.ID_53.text}
	 	<div class="row contentHolder2 float-center text-center" style="padding-bottom: 0px!important;">
			<article class="columns">
				<div class="footerhinweis columns">
						{$YES.CONTENT.ID_53.text}
				</div>
			</article>
		</div> 
    {/if}		
	</div> 
	
	 
<!-- Wrapper Ende -->

</div>

<footer id="mainFooter backgroundimage">
<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>
	<div class="row">
		<article class="footerInfo small-12 medium-6 large-3 columns">
			{if $YES.CONTENT.ID_51.text}
			{if $YES.CONTENT.ID_51.heading}<h4 class="footerhead">{$YES.CONTENT.ID_51.heading}</h4>{/if}
			{$YES.CONTENT.ID_51.text}
			{/if}
		</article>
		<article class="footerInfo small-12 medium-6 large-3 columns">
			{$box_INFORMATION}
		</article>
		<!--<article class="footerInfo small-12 medium-6 large-2 columns">
			{$box_CONTENT}
		</article>-->
		<article class="footerInfo small-12 medium-6 large-3 columns">
			{if $YES.CONTENT.ID_50.text}
			{if $YES.CONTENT.ID_50.heading}<h4 class="footerhead">{$YES.CONTENT.ID_50.heading}</h4>{/if}
			{$YES.CONTENT.ID_50.text}
			{/if}
			{if $YES.CONTENT.ID_61.text}
			{if $YES.CONTENT.ID_61.heading}<br><h4 class="footerhead">{$YES.CONTENT.ID_61.heading}</h4>{/if}
			{$YES.CONTENT.ID_61.text}
			{/if}
			{if $YES.CONTENT.ID_62.text}
			{if $YES.CONTENT.ID_62.heading}<br><br><h4 class="footerhead">{$YES.CONTENT.ID_62.heading}</h4>{/if}
			{$YES.CONTENT.ID_62.text}
			{/if}
		</article>	
		<article class="footerInfo small-12 medium-6 large-3 columns">
			{if $YES.CONTENT.ID_52.text}
			{if $YES.CONTENT.ID_52.heading}<h4 class="footerhead">{$YES.CONTENT.ID_52.heading}</h4>{/if}
			{$YES.CONTENT.ID_52.text}
			{/if}
			{$box_CONTENT}
		</article>	
	</div>
</footer>
	<div class="scroll-top-wrapper ">
		<span class="scroll-top-inner">
			<i class="fa fa-2x fi-arrow-up"></i>
		</span>
	</div>
    <div class="copyright" style="color:#f1f1f1;"><a href="https://yes-system.de" target="_blank">YES-System - ERP Software für den Onlinehandel</a></div>

{literal}
<script type="text/javascript">
$(document).ready(function () {
    var menu = $('.breakpoint1');
    var origOffsetY = menu.offset().top;
    function scroll() {
        if ($(window).scrollTop() >= origOffsetY) {
			/*
			$('.breakpoint1').addClass('logo2');
            $('.breakpoint1').removeClass('logo1');
            $('.breakpoint2').addClass('searchbar2');
            $('.breakpoint2').removeClass('searchbar1');
			*/
            $('.breakpoint3').addClass('hider');
			/*
			$('.breakpoint4').addClass('large-2');
            $('.breakpoint4').removeClass('large-4');
            $('.breakpoint5').addClass('large-5');
            $('.breakpoint5').removeClass('large-3');
            $('.breakpoint5').addClass('cart_breaker');
            $('.breakpoint5').removeClass('cart');
            $('.breakpoint6').addClass('hider');
            $('.breakpoint6').removeClass('showing');
            $('.breakpoint7').addClass('showing2');
            $('.breakpoint7').removeClass('hider2');
			*/
        } else {
			/*
			$('.breakpoint1').addClass('logo1');
            $('.breakpoint1').removeClass('logo2');
			$('.breakpoint2').addClass('searchbar1');
            $('.breakpoint2').removeClass('searchbar2');
			*/
            $('.breakpoint3').removeClass('hider');
			/*
			$('.breakpoint4').removeClass('large-2');
			$('.breakpoint4').addClass('large-4');
			$('.breakpoint5').removeClass('large-5');
			$('.breakpoint5').addClass('large-3');
			$('.breakpoint5').removeClass('cart_breaker');
			$('.breakpoint5').addClass('cart');
			$('.breakpoint6').removeClass('hider');
			$('.breakpoint6').addClass('showing');
			$('.breakpoint7').removeClass('showing2');
			$('.breakpoint7').addClass('hider2');
			*/
        }
    }
    document.onscroll = scroll;
});

jQuery(document).ready(function(){
    $(".dropdown_m").hover(
        function() { $('.dropdown-menu_m', this).stop().slideDown("fast");
        },
        function() { $('.dropdown-menu_m', this).stop().slideUp("fast");
    });
});

</script>
{/literal}


<script src="/templates/yes-system/js/vendor/what-input.js"></script>
<script src="/templates/yes-system/js/vendor/jquery.mobile.custom.min.js"></script>
<script src="/templates/yes-system/js/imagelightbox.min.js"></script>
<script src="/templates/yes-system/js/jquery.bxslider.min.js"></script>
<script src="/templates/yes-system/js/bemobile.js"></script>
<script src="/templates/yes-system/js/splide/splide.min.js"></script>
<script src="/templates/yes-system/js/app.js"></script>

<script src="/templates/yes-system/javascript/slick/slick.js" type="text/javascript" charset="utf-8"></script>


<!-- YES System - Das Ecommerce ERP System für Onlinehändler aus Hamburg - https//yes-system.de -->