{config_load file="$language/lang_$language.conf" section="index"}
{yes_vars assign="YES" contents=1} 

<div class="rightContent columns small-12 medium-12 large-12">
	<!--{if $CATEGORIES_HEADING_TITLE}
	<div class="row">
		<h1>{$CATEGORIES_HEADING_TITLE}</h1>
	</div>
	{/if}-->
	<div class="row">
		<h1></h1>
	</div>
	{if $smarty.server.REQUEST_URI|strstr:"advanced_search_result.php"}
	<div class="row">
		<h1>Suchergebnisse</h1>
	</div>
	{/if}


			
		<div class="row">
			{if $MANUFACTURERS_NAME}
			<div class="small-12 medium-12 large-12 columns ">
				<div class="row" style="padding:15px">
					<div class="small-12 medium-3 columns">{if $MANUFACTURERS_IMAGE}<img src="images/{$MANUFACTURERS_IMAGE}" style="padding-top:20px"/>{/if}</div>
					<div class="small-12 medium-9 columns"><h1 style="margin-left: 0px!important;margin-bottom:10px">{$MANUFACTURERS_META_TITLE}</h1>{$MANUFACTURERS_META_DESCRIPTION}<!--<br><a href="{$MANUFACTURERS_URL}" style="color: #555!important;"><i>weiter lesen ...</i></a>--></div>					
				</div>
			</div>
			
			{/if}
		</div>	
		{if $MANUFACTURERS_NAME}	
		<div class="small-12 medium-12 large-9" style="font-weight: 300;padding-left:20px;">
		
			<strong>Hier präsentieren wir Ihnen Produkte des internationalen Herstellers<strong style="color:#64655e"></strong><h3>{$MANUFACTURERS_META_TITLE}</h3></strong>
			
		</div>
		{/if}
		
		{* $NAVIGATION *}
		{products_groups_filter categories_id=$CATEGORIES_ID}
		
		
		<div class="row" data-equalizer  data-equalize-by-row="true">
			{foreach name=aussen item=product from=$module_content}
			<article class="prodListBox small-12 medium-12 columns articleHolder" style="padding: 25px; display: flex; flex-direction: row;">
				<a href="{$product.PRODUCTS_LINK}" style="display: flex; width: 100%;">
					<span class="articleImg" data-equalizer-watch style="flex: 0 0 auto; padding: 25px;">
						{if $product.PRODUCTS_IMAGE}
						<img alt="{$product.PRODUCTS_NAME}" src="{$product.PRODUCTS_IMAGE|replace:"thumbnail":"info"}" title="{$product.PRODUCTS_NAME}" style="width: 100%; height: auto;">
						{else}
						<img src="{$tpl_path}img/noimg.jpg" alt="kein Bild vorhanden" style="width: 100%; height: auto;" />
						{/if}
					</span>
					<div style="flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 25px;">
						<div>
							<span class="prodlistTitle"><h2><strong>{$product.PRODUCTS_NAME|truncate:95:"...":true}</strong></h2></span>
							<p style="text-align: justify;">Erfüllen Sie sich den Traum von maßgeschneiderten Lösungen für Ihr Zuhause. Unser Konfigurator ermöglicht es Ihnen, aus einer Vielzahl an Optionen zu wählen und das perfekte Design zu kreieren, das genau zu Ihren Vorstellungen passt. Ob klassisch, modern oder etwas dazwischen – Sie haben die Freiheit, Farben, Materialien und weitere Details nach Ihren Wünschen zu gestalten. Profitieren Sie von langlebigen und hochwertigen Produkten, die nicht nur optisch ansprechend sind, sondern auch höchste Standards in Sachen Funktionalität und Energieeffizienz erfüllen. Unsere Lösungen bieten optimalen Schutz, Komfort und Stil für Ihr Zuhause – individuell angepasst auf Ihre Bedürfnisse. Entdecken Sie die Vielfalt und beginnen Sie jetzt mit der Konfiguration Ihres Wunschprodukts. Der Weg zu Ihrem perfekt abgestimmten Wohnkomfort ist nur einen Klick entfernt.</p>
						</div>
						<p class="cl-panel-header-main" style="text-align: right; margin-top: auto;">JETZT KONFIGURIEREN</p>
					</div>
				</a>
			</article>

			<style>
				@media (max-width: 768px) {
					.prodListBox a {
						flex-direction: column; /* Stack on smaller screens */
					}
					.prodListBox .articleImg {
						margin-right: 20px; /* Space between image and text */
						margin-bottom: 0; /* Remove bottom margin on larger screens */
					}
				}
			</style>


			{/foreach}
		</div>
		
		
		{* $NAVIGATION *}
	<div class="row">
	<div class="small-12 medium-12 large-12 columns">
	{$CATEGORIES_DESCRIPTION}
	</div>
</div>