{load_language_text section="index"}{$HEAD}
{load_language_text section="mobile_template" name="mobile"}

	{if $smarty.const.SHOP_OFFLINE}
		{html_shop_offline}
	{else}

	{$POPUP_NOTIFICATION}
		
	<div class="hideAfterLoad">
		<p>{$smarty.const.STORE_NAME}</p>
	</div>
	<div data-role="page" id="page_{$page}">
		<div class="display-after-load" style="height: 0; overflow: hidden;">
			<div id="mobile_header" data-role="header">
				<div class="mobile_headline">
					<div class="mobile_navigation">
						<a href="shopping_cart.php" data-ajax="false" id="mobile_button_shopping_cart">{if $products_in_shopping_cart > 0}<span>{$products_in_shopping_cart}</span>{/if}</a>
						<div id="mobile_button_search"> <!-- --> </div>
						{if $page != "index"}
							<div id="mobile_button_navi"> <!-- --> </div>
						{/if}
						<div class="clear_both"> <!-- --> </div>
					</div>
					<a href="index.php" class="mobile_shop_link">
						<img class="mobile_shop_logo" src="{$mobile_logo}" />
						<div class="clear_both"> <!-- --> </div>
					</a>
					<div class="clear_both"> <!-- --> </div>
				</div>
			</div><!-- /header -->
			<div data-role="content" id="mobile_content_wrapper">
				{$TOPBAR}
				{$COOKIEBAR}
				<div class="mobile_navigation_container bg_container">{$box_CATEGORIES}</div>
				<div class="mobile_search_container bg_container">{$box_SEARCH}</div>
				<div class="mobile_content_wrapper">
					{if $page != "index"}
						{$breadcrumb}
					{/if}
					{if $page == "index"}
						<div class="mobile_content_container">
							{$box_SLIDER}
							{if trim( $box_mobile_index|strip_tags ) != ""}{$box_mobile_index}{/if}
							{$box_CATEGORIES}	
						</div>
					{else}
						<div id="content_{$page}" class="mobile_content_container">
							{$main_content}
						</div>
					{/if}
					<div class="bottom_container">
						{if $box_LANGUAGES || $box_CURRENCIES || $box_COUNTRIES}
							<div class="content-settings">
								<div data-role="collapsible" data-collapsed="true" data-corners="false" data-iconpos="right" data-theme="d" class="content_settings_container">
									<h3>{$mobile.shop_settings}</h3>
									<div data-role="fieldcontain">
										{$box_LANGUAGES}
										{$box_CURRENCIES}
										{$box_COUNTRIES}
									</div>
								</div>
							</div>
						{/if}
						{$box_CONTENT_MANAGER}
						<!-- Kundenlogin -->
						<div class="login_container">
							<div class="button_container">
								{if $account && isset($smarty.session.customer_id)}
									<a href="{$account}" data-role="button" data-icon="false" data-theme="b" data-corners="false">{$mobile.my_account}</a>
								{else}
									<a href="{$FILENAME_LOGIN}" data-role="button" data-icon="false" data-theme="b" data-corners="false">{$mobile.login}</a>
								{/if}
								{if $default_template_link}
									<div style="margin: 10px auto;">
										<a href="{$default_template_link}" data-role="button" data-theme="e" rel="nofollow">{$mobile.desktop_view}</a>
									</div>
								{/if}
								{if isset($smarty.session.customers_status.customers_status_id) && $smarty.session.customers_status.customers_status_id === '0'}
									<a href="{$FILENAME_START}" data-role="button" data-icon="false" data-theme="b" data-corners="false">{$mobile.admin_control_panel}</a>
								{/if}
							</div>
						</div>
					</div>
				</div>
			</div><!-- /content -->
			{$box_FOOTER}
		</div>
	</div><!-- /page -->
	{/if}
{$BOTTOM}