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

{yes_vars assign="YES" contents=1}




<script src="/templates/yes-system/js/vendor/foundation.js"></script>
<!-- Fuer schnellen Switch -->

{yes_vars assign="YES" contents=1}  

<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>

 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]--> 
<!--[if gte IE 8]>
    <p class="chromeframe">Sie benutzen einen <strong>sehr alten</strong> Browser. <br>Installieren Sie sich bitte den neuen Microsoft Edge oder anderen Browser. <br>"Nicht" aber den Internet Explorere. Dieser ist veraltet und unsicher. Hier finden Sie aktuellen Browser: <a href="https://browsehappy.com/">aktualisieren Sie Ihren Browser</a>.</p>
<![endif]-->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVDJ7N9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<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/logo.png" alt="{$yes.HTTP_SERVER}" rel="nofollow"> </a>
                <a href="#" class="button secondary1 show-for-small hide-for-large mediumCaller callMobiNav"><i class="fi-list size-24"></i></a>
                <a href="#" class="button primary1 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="slogan columns leftTopNav" style="color: #ffffff">
					{if $YES.CONTENT.ID_56.text}
						
						<!--<span class="fi-telephone size-16"></span>-->
						{$YES.CONTENT.ID_56.text}
						
                    {/if}
                    
                </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="account.php">{#link_account#}</a></li>
						{if !$logoff}
						<li><a href="login.php">Anmelden</a>
						{else}
						<li><a href="logoff.php">Abmelden</a>
						{/if}
						</li>
						{if $box_ADMIN}{$box_ADMIN}{/if}  
                        
                    </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-3 hide-for-small-only">
				<div id="test1" class="breakpoint1 logo">
					<!--<a href="{$yes.HTTP_SERVER}"> </a>-->
					<a href="{$yes.HTTP_SERVER}" title="{$yes.HTTP_SERVER}"><img class="item" src="/files/Logos/logo.svg" alt="{$yes.HTTP_SERVER}" rel="nofollow" style="width: 230px;margin-left: -40px;"> </a>
				
				</div>
            </div> 
			
            <div class="columns hide-for-medium-only large-5 hide-for-small-only">
                {$box_SEARCH}
            </div>
			<div class="hide-for-medium-only hide-for-small-only" style="padding-top: 28px;padding-left: 70px;margin-right: -50px;">
                <ul class="menu" style="padding-left: 25px;">
                    <li><a href="account.php"><img src="templates/yes-system/img/icons/buettner_icon_profile.svg" alt="Kundenkonto" width="35px"></a><!--<span style="left: 12px;font-size: 0.75em;color: #4e8a2d;font-weight: 700;position: relative;">Ihr Konto</span>--></li>
					<li><a href="wishlist.php"><img src="templates/yes-system/img/icons/buettner_icon_heart_alt.svg" alt="Wunschzettel" width="42px"></a><!--<span style="font-size: 0.75em;color: #4e8a2d;font-weight: 700;padding-left: 12px;">Merkzettel</span>--></li>
                </ul>
            </div>
            <div id="test5" class="breakpoint5 cart columns medium-6 large-1 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 hide-for-medium-only">
						<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 $module_cat.categories_id == '66'}
							{else}
							{if $smarty.get.cPath == $module_cat.categories_id} 
								{assign var="newexit1" value=$module_cat.categories_id}
							{/if}
							{/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.categories_id == '66'}
							{else}
						{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" style="border-left: 1px solid #fff!Important;">
											<a {if $katid2 == $newexit2} class="current"{/if} href="{$module_cat2.link}">
													<strong>{$module_cat2.categories_name}</strong>
											</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" style="border-left: 1px solid #fff!Important;">
													<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>
						{/if}
						{/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 -->*}
					<h2 class="medium-12 large-12 headlines2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;KATEGORIEN</h2>
                    {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}
				
					<h3 class="mobTitle">Konto</h3>
					<li><a href="account.php">{#link_account#}</a></li>
					{if !$logoff}
					<li><a href="login.php">Anmelden</a>
					{else}
					<li><a href="logoff.php">Abmelden</a>
					{/if}
					</li>
					{if $box_ADMIN}{$box_ADMIN}{/if}  
				
                </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;':'>&nbsp;&nbsp;'|replace:'Auf Wiedersehen':''|replace:'Kasse':'<span class="lst_bread">Bestellung'|replace:'Erfolg':'erfolgreich</span>'|replace:'<a href="#" class="headerNavigation">Katalog</a>':''|replace:'Merkzettel ':'Wunschliste'|replace:'Versandinformationen':''|replace:"Bestellung   erfolgreich":""}
    </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="small-12 medium-12 large-12 columns space10bottom">
		<div id="promoboxes" class="row align-justify ">
			<div class="mainslider">
				
				<ul id="topSlider" style="width: 615%; position: relative; transition-duration: 0.5s; transform: translate3d(-2970px, 0px, 0px);">
				
					{if $YES.CONTENT.ID_64.text}
					<li class="orbit-image">{$YES.CONTENT.ID_64.text}
						<span style="position: absolute;top: 215px;left: 130px;font-weight: bold;font-size: 1.5em;">{$YES.CONTENT.ID_64.titel}</span>
						<span style="position: absolute;top: 315px;left: 130px;font-weight: bold;font-size: 1.5em;">{$YES.CONTENT.ID_64.heading}</span>
					</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_49.text}
					<li class="orbit-image">{$YES.CONTENT.ID_49.text}</li>
					{/if}
					{if $YES.CONTENT.ID_65.text}
					<li class="orbit-image">{$YES.CONTENT.ID_65.text}</li>
					{/if}
									
				</ul>
				
			</div>
			
		</div>
		</div>	
		
	
		 
			
		<div class="contentHolder small-12 medium-12 large-12 columns row align-justify">
		{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=1 template="boxes/box_marketing.html"}
		{$box_BESTSELLERS}
		</div>
		<div class="contentHolder small-12 medium-12 large-12 columns row align-justify">
		{marketing_box|replace:"Keine Artikel in der Marketingbox zum anzeigen.":"" box=2 template="boxes/box_marketing2.html"}
		</div>
		

		
		<!-- KATEGORIEN BOX START -->
		
			<div class="contentHolder small-12 medium-12 large-12 columns row align-justify">
				<h1 class="headlines1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Shoppen nach Kategorien</h1>
			</div>
			
				<div class="row"style="margin-top: -12px;">
					{foreach item=module_cat from=$CATEGORIES_STRUCT}
                    
                        {if $module_cat.children}
                        <div class="row">	
                            {foreach item=module_cat2 from=$module_cat.children}
                            <div class="columns small-12 medium-4 large-3">
                                {if $module_cat2.categories_additional_image}
								<div class="categoryHolder small-12 hide-for-large" style="padding-bottom: 30px;padding: 20px;">
								<a href="{$module_cat2.link}">
                                    <img src="../images/categories/{$module_cat2.categories_additional_image}" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
									<span class="categoryTitle"> {$module_cat2.categories_name}</span>
                                </a>
								</div>
								
								<div class="categoryHolder show-for-large" style="max-width: 296px">
								<a href="{$module_cat2.link}">
                                    <img class="categoryImage" src="../images/categories/{$module_cat2.categories_additional_image}" alt="{$module_cat2.categories_name}" title="{$module_cat2.categories_name}"/>
									<span class="categoryTitle"> {$module_cat2.categories_name}</span>
								</a> 
								</div>
								
								{/if}
                                
                            </div> 
                            {/foreach}
                        </div>
                        {/if}
             
                    {/foreach}				
				</div>
			
		
		
		<!-- KATEGORIEN BOX ENDE -->
		

	{/if}
 

	{if $smarty.server.REQUEST_URI == "/index.php" 
			OR $smarty.server.REQUEST_URI == "index.php"
			OR $smarty.server.REQUEST_URI == "/yes/"
			OR $smarty.server.REQUEST_URI == "/"
			OR $smarty.server.REQUEST_URI == ""
			}
	{$main_content}
	{if $YES.CONTENT.ID_41.text}
		<div class="clearfix">
 	
	 		<div class="row contentHolder small-12 medium-12 large-12">
				<div style="" class="small-12">
					{if $YES.CONTENT.ID_41.heading}<h1 class="headlines1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$YES.CONTENT.ID_41.heading}</h1>{/if}
				</div>
			<div class="small-12 medium-12 large-12 columns">
				<div class="borderBox">	
					{$YES.CONTENT.ID_41.text}
				</div>
			</div>
			</div>
		</div>
		{/if}	
		
	{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"
			OR $YES.FILENAME == "checkout_success.php"			
			
			} 
	{$main_content}
	{elseif $listing_mode == 'categories'}
	
	{$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 -->*}
				<h1 class="headlines1" style="margin-top: 15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;KATEGORIEN</h1></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>

			
		<div class="space10top"> </div>
		
			{$main_content}

	<!-- /* Nachfolgende div schliesst contentHolder */-->
	</div>
	
	
	{/if}
	
	
	
	
	
	
	
	{if $YES.FILENAME eq "product_info.php"}
	<div class="contentHolder row" style="padding-bottom:40px">
		{$box_WHATSNEW}
		{$box_LAST_VIEWED}
	</div>
	{/if} 

	


</div> <!-- Wrapper_inner Ende -->
	
	

		
</div> <!-- Wrapper Ende -->
	
	
	
<footer id="mainFooter">
	<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-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}
			
			<h4 class="footerhead" style="padding-top:20px;margin-left: -10px;padding-left: 10px;">Information</h4>
			<ul>
			<li><a class="link_n" href="/Kontakt-_-7.html" style="color: #fff;font-size: 1.1em;">Kontaktformular</a></li>
			<li><a class="link_n" href="/Wir-ueber-uns-_-10.html" style="color: #fff;font-size: 1.1em;">Story of Büttner</a></li>
			<li><a href="/Showroom-HafenCity-_-30.html" style="color: #fff;font-size: 1.1em;">Showroom HafenCity</a></li>
			</ul> 
		</article>
		<!--<article class="footerInfo small-12 medium-6 large-3 columns">
			{$box_CONTENT}
		</article>-->
		<!--<article class="footerInfo small-12 medium-6 large-2 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}
		</article>-->
        
		<article class="footerInfo small-12 medium-6 large-3 columns">
			
			{if $YES.CONTENT.ID_52.heading}<h4 class="footerhead">{$YES.CONTENT.ID_52.heading}</h4>{/if}
			<table style="background-color: #f49610!Important;">
			<tbody style="background-color: #f49610!Important;">
			<tr style="background-color: #f49610!Important;">
			<td><img src="https://buettnerartofliving.de/files/Footer/Buettner-LOCATION-w.svg" alt="" height="25px" width="25px" /></td>
			<td><strong>Büttner - Art of Living GmbH</strong><br />Versmannstraße 14<br />20457 Hamburg</td>
			</tr>
			<tr style="background-color: #f49610!Important;"> 
			<td><img src="https://buettnerartofliving.de/files/Footer/Buettner-E-Mail-w.svg" alt="" height="25px" width="25px" /></td>
			<td><a href="mailto:shop@buettnerartofliving.de" target="_blank" style="color: #ffffff;">shop@buettnerartofliving.de</a><br /><a href="https://buettnerartofliving.de/Kontakt-_-7.html" style="color: #ffffff;">Zum Kontaktformular</a></td>
			</tr>
			<tr style="background-color: #f49610!Important;">
			<td><img src="https://buettnerartofliving.de/files/Footer/Buettner-TEL-w.svg" alt="" height="25px" width="25px" /></td>
			<td><a href="tel:+494069635590" target="_blank" style="color: #ffffff;">Telefon: 040 69635590</a></td>
			</tr>
			</tbody>
			</table>
			
			{$YES.CONTENT.ID_52.text}

		</article>	
		
				
		
		<div class="footerInfo small-12 medium-12 large-12 columns space10top">&nbsp;</div>
		{if $YES.CONTENT.ID_53.text}
		<article class="small-12 medium-12 medium-centered large-12 large-centered columns">		
			<div class="">
				<div class="row">
					<div class=" small-12 medium-12 large-12 columns nwsltr_txt">
					{if $YES.CONTENT.ID_53.text}
						{$YES.CONTENT.ID_53.text}
					{/if}
					</div>	
				</div>
			</div>			
		</article>
		{/if}
	</div>
</footer>

	
	<div class="scroll-top-wrapper ">
		<span class="scroll-top-inner">
			<!--<i class="fa fa-2x fi-arrow-up"></i>--><img src="https://buettnerartofliving.de/files/Footer/Buettner-Pfeil.svg">
		</span>
	</div>
    
	
</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/foundation.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/javascript/slick/slick.js" type="text/javascript" charset="utf-8"></script>

<script type="/templates/yes-system/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="/templates/yes-system/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="/templates/yes-system/javascript" src="/templates/yes-system/javascript/slick.min.js"></script>
<script src="/templates/yes-system/js/app.js"></script>

{literal}
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-XXXXXXXX-X', 'auto');
  ga('set', 'anonymizeIp', true);
  ga('require', 'displayfeatures');
  ga('require', 'linkid', 'linkid.js');
  ga('send', 'pageview');
 
</script>

{/literal}