{*
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2017 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"{if isset($language_code) && $language_code} lang="{$language_code|escape:'html':'UTF-8'}"{/if}><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7"{if isset($language_code) && $language_code} lang="{$language_code|escape:'html':'UTF-8'}"{/if}><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8"{if isset($language_code) && $language_code} lang="{$language_code|escape:'html':'UTF-8'}"{/if}><![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9"{if isset($language_code) && $language_code} lang="{$language_code|escape:'html':'UTF-8'}"{/if}><![endif]-->
<html{if isset($language_code) && $language_code} lang="{$language_code|escape:'html':'UTF-8'}"{/if}>
	<head>
		<meta charset="utf-8" />
		<title>{$meta_title|escape:'html':'UTF-8'}</title>
		{if isset($meta_description) AND $meta_description}
			<meta name="description" content="{$meta_description|escape:'html':'UTF-8'}" />
		{/if} 
		{if isset($meta_keywords) AND $meta_keywords}
			<meta name="keywords" content="{$meta_keywords|escape:'html':'UTF-8'}" />
		{/if}
		<meta name="generator" content="PrestaShop" />
		<meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
		<meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, initial-scale=1.0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
		<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap" rel="stylesheet"> 
		{if isset($css_files)}
			{foreach from=$css_files key=css_uri item=media}
				{if $css_uri == 'lteIE9'}
					<!--[if lte IE 9]>
					{foreach from=$css_files[$css_uri] key=css_uriie9 item=mediaie9}
					<link rel="stylesheet" href="{$css_uriie9|escape:'html':'UTF-8'}" type="text/css" media="{$mediaie9|escape:'html':'UTF-8'}" />
					{/foreach}
					<![endif]-->
				{else}
					<link rel="stylesheet" href="{$css_uri|escape:'html':'UTF-8'}" type="text/css" media="{$media|escape:'html':'UTF-8'}" />
				{/if}
			{/foreach}
		{/if}
		{if isset($js_defer) && !$js_defer && isset($js_files) && isset($js_def)}
			{$js_def}
			{foreach from=$js_files item=js_uri}
			<script type="text/javascript" src="{$js_uri|escape:'html':'UTF-8'}"></script>
			{/foreach}
		{/if}
		{$HOOK_HEADER}
		<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,600&amp;subset=latin,latin-ext" type="text/css" media="all" />
		<!--[if IE 8]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
		{literal}
		<script type="text/javascript">
			$(document).ready( function() {
				$(".various").fancybox({
					maxWidth : 800,
					maxHeight : 600,
					fitToView : false,
					width : '70%',
					height : '70%', 
					autoSize : false,
					closeClick : false,
					openEffect : 'none',
					closeEffect : 'none'
				});

			});
		</script>
		{/literal}
	</head>
	<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{else} show-left-column{/if}{if $hide_right_column} hide-right-column{else} show-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">
	{if !isset($content_only) || !$content_only}
		{if isset($restricted_country_mode) && $restricted_country_mode}
			<div id="restricted-country">
				<p>{l s='You cannot place a new order from your country.'}{if isset($geolocation_country) && $geolocation_country} <span class="bold">{$geolocation_country|escape:'html':'UTF-8'}</span>{/if}</p>
			</div>
		{/if}
		<div id="page">
			<div class="header-container">
				<header id="header">
					{capture name='displayBanner'}{hook h='displayBanner'}{/capture}
					{if $smarty.capture.displayBanner}
						<div class="banner">
							<div class="container">
								<div class="row">
									{$smarty.capture.displayBanner}
								</div>
							</div>
						</div>
					{/if}
					<div>
						<div class="container">
							<div class="row">
								<div class="col-xs-12 col-sm-4 col-md-3">
									<div class="row">
										<div class="col-xs-6 col-sm-4" style="padding-right:0px">
											<div class="logo-top">
												<a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
													<img class="logo img-responsive" src="{$img_dir}/mateck-logo.png" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
												</a>
											</div>
										</div>
										<div class="col-xs-6 col-sm-8">
											<div class="slogan">
												Material, Technologie<br/>& Kristalle GmbH
											</div>
										</div>
									</div>
								</div>
								{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
								<div class="col-sm-2 col-md-2 clearfix informacioncc">
									<div class="infocontacto">
										Ihre Verbindung zu uns
										<ul>
											<li class="email"><a href="mailto:info@mateck.com">info@mateck.com</a></li>
											<li class="tel"><a href="#" onclick="javascript:;">+49(0) 2461-9352-0</a></li>
											<li class="fax" style="display:none"><a href="#" onclick="javascript:;">+49(0) 2461-9352-11</a></li>
										</ul>
									</div>
								</div>
								<div class="col-xs-7 col-sm-4 col-md-3 navopcs">
									<div class="opcs">
										{capture name='displayNav'}{hook h='displayNav'}{/capture}
										{if $smarty.capture.displayNav}
											{$smarty.capture.displayNav}
										{/if}
									</div>
								</div>
							</div>
						</div>
					</div>
				</header>
			</div>
			{capture name='displayFullMenu'}{hook h='displayFullMenu'}{/capture}
			{if $smarty.capture.displayFullMenu}
				{$smarty.capture.displayFullMenu}
			{/if}
			{if isset($page_name) AND $page_name == 'category'}
			<div class="bg-cat">
				<div class="container">
					<div class="row">
						<div class="col-sm-3 extrasc">
							<h1 style="padding-bottom:0px; margin-bottom:5px; font-size:24px; line-height:25px; margin-left:-5px" class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}">{$padre->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)}&nbsp;{$categoryNameComplement|escape:'html':'UTF-8'}{/if} {if isset($padre->codigo) AND $padre->codigo!=''}<span class="cat-name">[{$padre->codigo|escape:'html':'UTF-8'}]</span>{/if}</h1>
							<div class="row no-cel">
								<table class="tablita">
									<tr>
										<td class="no-tablet">
											{if isset($padre->codigo) AND $padre->codigo!=''}<div style="font-size:12px; line-height:14px">[{$padre->codigo|escape:'html':'UTF-8'}]</div>{/if}
											<a href="{$link->getCategoryLink($padre->id, $padre->link_rewrite)|escape:'html':'UTF-8'}">
												<img src="{$link->getCatImageLink($padre->link_rewrite, $padre->id_image)|escape:'html':'UTF-8'}" class="img-fluid" />
											</a>
										</td>
										<td style="vertical-align:bottom;">
											<div class="no-movil cat-description">{$padre->description}</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="col-sm-9" style="padding: 0px;">
							<div class="descripcionc no-cel">{$padre->extra}. <a href="{$padre->liga}">{l s="Read more"}</a></div>
							{if isset($subcategories)}
								{if (isset($display_subcategories) && $display_subcategories eq 1) || !isset($display_subcategories) }
								<!-- Subcategories -->
								<div id="subcategories">
									<ul class="clearfix">
									{foreach from=$subcategories item=subcategory}
										<li{if $category->id == $subcategory.id_category} class="activo"{/if}>
											<div class="subcategory-image">
												<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
													{if $subcategory.id_image}
														<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image)|escape:'html':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
													{else}
														<img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-medium_default.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
													{/if}
												</a>
												<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
											</div>
											
											
										</li>
									{/foreach}
										<li>
											<div class="subcategory-image">
												<a href="{$link->getCMSLink('90')}" title="Einkristalle" class="img">
													<img class="replace-2x" src="{$img_ps_dir}/c/820.jpg" alt="Einkristalle">
												</a>
												<h5><a class="subcategory-name" href="{$link->getCMSLink('7')}">{l s='Einkristalle'}</a></h5>
											</div>
											
											
										</li>
									</ul>
								</div>
								{/if}
							{/if}
						</div>
					</div>
				</div>
			</div>
			{else if $page_name=='contact'}
			<div class="bg-contenidos" style="margin-bottom:0px">
				<div class="titulop">
					<h1>
						{l s='Contact us'}
					</h1>
					<p>MaTeck Material Technologie & Kristalle GmbH</p>
				</div>
			</div>
			<div style="background:#fbfbfb">
				<div class="container">
					<div class="row redes">
						<div class="col-sm-offset-2 col-sm-4">
						  <div class="ico adress">
							Im Langenbroich 20 <br/>52428 Juelich Germany<br/>Germany
						  </div>
						</div>
						<div class="col-sm-offset-1 col-sm-4">
							  <div class="ico phone">
								Rufen Sie uns an:<br/> <a href="tel:+490246193520" style="color:#4d86ca;font-weight:500">+49 (0) 2461-93520</a>
							   </div>
						</div>
					</div>
					<div class="row redes">
						<div class="col-sm-offset-2 col-sm-4">
							<div class="ico email">
								E-Mail: <br/><a href="mailto:info@mateck.com" style="color:#4d86ca;font-weight:500">info@mateck.com</a>
							</div>
						</div>
						<div class="col-sm-offset-1 col-sm-4">
							<div class="ico fax">
								Fax: <br/><span style="color:#4d86ca;font-weight:500">+49 (0) 2461-935211</span>
							</div>
						</div>
					</div>
					<div class="row redes">
						<div class="col-sm-12">
						   <div style="color: #000;text-align: center;margin-top: 10px;font-size: 24px;line-height: 20px;">{l s='Hier geht´s zur'}  <a href="{$link->getCMSLink('87')}" style="color:#4d86ca">{l s='Wegbeschreibung!'}</a></div>
						</div>
					</div>
				</div>
			</div>
			{else if $page_name=='cms'}
			<div class="bg-contenidos">
				<div class="titulop">
					<h1>{$cms->meta_title|escape:'html':'UTF-8'}</h1>
					<p> Wir sind führender Hersteller und Lieferant von Forschungsmaterialien </p>
				</div>
			</div>
			{/if}
			
			<div class="columns-container"> 
				<div id="columns" class="container"> 
						{if $page_name !='index' && $page_name !='pagenotfound' && $page_name !='category' && $page_name !='contact' && $page_name !='cms'}
							{include file="$tpl_dir./breadcrumb.tpl"}
						{/if}
					<div id="slider_row" class="row">
						{capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
						{if $smarty.capture.displayTopColumn}
							<div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
						{/if}
					</div>
					<div class="row">
						{if isset($left_column_size) && !empty($left_column_size)}
						<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>
						{/if}
						{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
						<div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">
	{/if}
