{config_load file="$language/lang_$language.conf" section="index"}
{config_load file="$language/uebergang_translation.conf" section="index"}
{yes_vars assign="YES" contents=1}
{assign var="tpl_path" value="templates/yes-system/"}
{if $YES.SMARTY_SESSION_customer_id}

<link rel="stylesheet" href="{$tpl_path}assets/lightbox/dist/css/lightbox.min.css">
<link rel="stylesheet" href="{$tpl_path}assets/css/main.css?v=16122025">

<style>
	.gtranslate_wrapper a {
	margin-right: 10px;
	display: inline-block;
	}
	.gtranslate_wrapper a:last-child {
	margin-right: 0;
	}
	.mnav-item.mnav-translate {
	display: flex;
	justify-content: center;
	padding: 0.5rem 0;
	}
	
	.mnav-item.mnav-translate .gtranslate_wrapper {
	display: inline-flex;
	gap: 0.5rem;
	}
</style>

<!--###############################################################################################################################-->

<div id="sticky-note" class="collapsed">
	<div class="sticky-header">
		<span id="sticky-title"><strong>SolarSet QUICK-TOOL</strong></span>
		<div>
			<button style="color: #ffffff;" id="toggle-sticky">▲</button>
		</div>
	</div>
	
	<div class="sticky-content">
		<!-- Hinweis zur Toolseite -->
		<div class="sticky-link">
			<a href="/SolarTools-_-56.html">Alle Tools anzeigen</a>
			<p style="text-align: justify;">
				<small>
					Die Schnell-Tools werden automatisch über unsere Haupt-Tools für Sie befüllt. 
					So wird Ihr Einkaufserlebnis noch einfacher. 
					Sie können hier im Schnell-Tool Änderungen aktualisieren, indem Sie auf 
					„Daten neu laden“ klicken. Dieses Fenster wird auf jeder Seite angezeigt.
				</small>
			</p>
		</div>
		
		<!-- Ergebnisse aus Tools -->
		<div id="sticky-results"></div>
		
		<!-- Eigene Notizen -->
		<h4>Notizen:</h4>
		<textarea id="sticky-text" placeholder="Ihre Notizen... Standort... Dachfläche... Budget... usw."></textarea>
		<button class="sticky-button" id="clear-storage">Daten löschen</button>
		<button class="sticky-button" id="refresh-storage">Daten neu laden</button>
		<button class="sticky-button" id="export-pdf">Als *.PDF exportieren (DE)</button>
	</div>
</div>

<!--###############################################################################################################################-->

<div class="modal fade" id="modal-cnt" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Modal title</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<p>Modal body text goes here.</p>
			</div>
		</div>
	</div>
</div>

<div class="mobile-head">
	<!-- NEW MOBILE HEADER -->
	<div class="mnav-header">
		<div class="mnav-container">
			<div class="mnav-logo">
				<a href="#">
					<img src="{$tpl_path}img/logo.png" alt="Logo">
				</a>
			</div>
			
			<div class="mnav-controls">
				<a href="/shopping_cart.php" class="mnav-cart">
					<i class="fa-solid fa-cart-shopping"></i>
				</a>
				
				<button id="mnav-toggle" class="mnav-toggle">
					<i class="fa-solid fa-bars"></i>
				</button>
			</div>
		</div>
	</div>
	
	<!-- NEW MOBILE NAVIGATION -->
	<ul class="mnav-menu">
		<!-- SEARCH -->
		<li class="mnav-item mnav-search">
			<form method="get" action="advanced_search_result.php">
				<div class="mnav-search-wrap">
					<input type="search" name="keywords" placeholder="Produktsuche" required>
					<button type="submit"><i class="fas fa-search"></i></button>
				</div>
			</form>
		</li>
		
		<!-- LOGIN / REGISTER -->
		<li class="mnav-item">
			<div class="mnav-user-grid">
				
				<div class="mnav-user-col">
					{if !$logoff}
					<a href="#" class="modal-call" data-modalTitle="Anmelden" data-modalSize="md" data-modalCnt="{$box_LOGIN}">
						<i class="fa-regular fa-user"></i>
						<span>Anmelden</span>
					</a>
					{else}
					<a href="logoff.php">
						<i class="fa-solid fa-right-from-bracket"></i>
						<span>Abmelden</span>
					</a>
					{/if}
				</div>
				
				<div class="mnav-user-col">
					{if !$logoff}
					<a href="create_account.php?account_type=1">
						<i class="fa-solid fa-user-plus"></i>
						<span>Registrieren</span>
					</a>
					{else}
					<a href="account.php">
						<i class="fa-solid fa-user"></i>
						<span>Ihr Bereich</span>
					</a>
					{/if}
				</div>
				
			</div>
		</li>
		
		<!-- CATEGORIES -->
		{foreach item=module_cat from=$CATEGORIES_STRUCT}
		<li class="mnav-item has-sub">
			<a href="{$module_cat.link}">{$module_cat.categories_name}</a>
			
			{if $module_cat.children && $module_cat.categories_id != 55}
			<ul class="mnav-submenu">
				{foreach item=sub_cat from=$module_cat.children}
				<li class="mnav-subitem {if $sub_cat.children}has-sub{/if}">
					<a href="{$sub_cat.link}">{$sub_cat.categories_name}</a>
					
					{if $sub_cat.children}
					<ul class="mnav-submenu">
						{foreach item=final_cat from=$sub_cat.children}
						<li class="mnav-subitem">
							<a href="{$final_cat.link}">{$final_cat.categories_name}</a>
						</li>
						{/foreach}
					</ul>
					{/if}
					
				</li>
				{/foreach}
			</ul>
			{/if}
		</li>
		{/foreach}
		
		<li class="mnav-item"><a href="/ALL-IN-ONE-KOMPLETTLOeSUNGEN---50.html">SETS</a></li>
		<li class="mnav-item"><a href="/SolarTools-_-56.html">TOOLS</a></li>
		<li class="mnav-item"><a href="/Blog-_-57.html">BLOG</a></li>
		<!--<li class="mnav-item"><a href="/Projects-_-63.html">PROJEKTE</a></li>-->
		<li class="mnav-item"><a href="/Downloads-_-86.html">DOWNLOADS</a></li>
		<!--<li class="mnav-item"><a href="faq.html">ÜBER UNS</a></li>-->
		<!-- GOOGLE TRANSLATE WIDGET -->
		<li class="mnav-item mnav-translate"></li>
		
	</ul>
	
	{literal}
	<script>
		// Mobile menu toggle
		const mnavToggle = document.getElementById("mnav-toggle");
		const mnavMenu = document.querySelector(".mnav-menu");
		
		mnavToggle.addEventListener("click", () => {
			mnavMenu.classList.toggle("open");
			
			const translateLi = mnavMenu.querySelector(".mnav-item.mnav-translate");
			if (translateLi && !translateLi.hasChildNodes()) {
				const gtranslate = document.getElementById("gtranslate-container");
				if (gtranslate) {
					// Move the container itself
					translateLi.appendChild(gtranslate);
				}
			}
		});
		
		document.querySelectorAll(".mnav-item.has-sub > a").forEach(link => {
			link.addEventListener("click", e => {
				const parent = link.parentElement;
				const submenu = parent.querySelector(".mnav-submenu");
				if (submenu) {
					e.preventDefault();
					parent.classList.toggle("open");
				}
			});
		});
	</script>
	{/literal}
</div>


<!-- Schmaler Header Top -->
<div class="head-small sticky-header">
	<div class="container">
		<div class="row">
			<div class="col icons-top d-none">
				<a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
				<a href="#"><i class="fa-brands fa-facebook"></i></a>
				<a href="#"><i class="fa-brands fa-youtube"></i></a>
			</div>
			
			<div class="col">
				{if $YES.CONTENT.ID_55.text}	
				<span class="f-b text-center">	
					{$YES.CONTENT.ID_55.text}
				</span>
				{/if}
			</div>
			
			<div class="col">
				<div class="recht-links" style="display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 1rem;">
					<!-- Left links -->
					<div style="display: flex; gap: 1rem;">
						<!--<a href="/Impressum-_-4.html">Impressum</a>
							<a href="/Datenschutzerklaerung-_-2.html">Datenschutzerklärung</a>
						<a href="/Widerrufsrecht-_-9.html">Widerrufsrecht</a>-->
						<!--<a href="#">{$box_LANGUAGES}</a>-->
					</div>
					
					<!-- Right dropdown -->
					<!-- Global GTranslate container -->
					<div id="gtranslate-container">
						<div class="gtranslate_wrapper" style="white-space: nowrap;"></div>
					</div>
					
					{literal}
					<script>
						window.gtranslateSettings = {
							"default_language":"de",
							"native_language_names": false,
							"detect_browser_language": false,
							"languages":["de","en","fr","es","pl","uk","nl","pt","it"],
							"wrapper_selector":".gtranslate_wrapper",
							"flag_size":24
						};
					</script>
					<script src="https://cdn.gtranslate.net/widgets/latest/flags.js" defer></script>
					<script>
						window.addEventListener("load", function () {
							if (window.gtranslate && window.gtranslate.translatePage) {
								window.gtranslate.translatePage();
							}
						});
					</script>
					{/literal}	
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Haupt Header mit Navigation -->
<div class="head-search" style="height: 120px !important;">
	<div class="container position-relative">
		<div class="row">
		
			<div class="col">
				<a class="logo" href="/index.php">
					<img src="{$tpl_path}img/logo.png" alt="Logo">
				</a>
			</div>
			
			<div class="col">
				<div class="input-group func-search">
					<form id="searchform" class="w-100" method="get" action="advanced_search_result.php" name="search">
						<div class="input-group w-100">
							<input type="search" placeholder="Produktsuche" name="keywords" class="form-control rounded" style="width:85%; height: 40px;" required="" aria-label="Search">
							<button class="input-group-text border-0" style="width:15%; height: 40px;" id="search-addon" type="submit">
								<i class="fas fa-search">
								</i>
							</button>
						</div>
					</form>           
				</div>
			</div>
			
			<div class="col">
				<div class="func-buttons d-flex justify-content-end">
					{if $box_ADMIN}
					<div class="func">
						<a href="admin/start.php" target="_blank">
							<i class="fa-solid fa-user-tie"></i>
							<span class="func-desc">Admin</span>
						</a>
					</div>
					{/if}
					<div class="func">
						{if !$logoff}		
						<a href="#" class="modal-call" data-modalTitle='Anmelden' data-modalSize="md" data-modalCnt='{$box_LOGIN}' ><i class="fa-regular fa-user"></i>
							<span class="func-desc" aria-label="Login">Anmelden</span>
						</a>
						{else}			
						<a href="logoff.php">
							<i class="fa-solid fa-right-from-bracket"></i>
							<span class="func-desc" aria-label="Logout">Abmelden</span>
						</a>
						{/if}
					</div>
					<div class="func">
						{if !$logoff}	
						<a href="create_account.php?account_type=1">
							<i class="fa-solid fa-user-plus d-block m-auto text-center"></i>
							<span class="func-desc" aria-label="Register">Registrieren</span>
						</a>
						{else}
						<a href="account.php">
							<i class="fa-solid fa-user"></i>
							<span class="func-desc" aria-label="Account">Ihr Bereich</span>
						</a>
						{/if}  
					</div>
					<div id="cart-load" class=" d-none pt-4 text-center">
						<div class="spinner-border text-white" role="status">
							<span class="visually-hidden">Lädt...</span>
						</div>	
					</div>
					<div id="cart-refresh">
						{$box_CART}
					</div>
				</div>
			</div>
			
		</div>
	</div>
	
	<div class="MultiLevelMenu depth-1">
		<ul class="menu">
			{foreach item=module_cat from=$CATEGORIES_STRUCT}
			<li class="MultiItem">
				<a class="MultiLink" href="{$module_cat.link}">
					{$module_cat.categories_name}
				</a>
				{if $module_cat.children && $module_cat.categories_id != 55}
				<div class="MultiLevelMenu depth-2">
					<ul class="menu">
						{foreach item=sub_cat from=$module_cat.children}
						<li class="MultiItem">
							<a class="MultiLink" href="{$sub_cat.link}">
								{$sub_cat.categories_name}
							</a>
							{if $sub_cat.children}
							<div class="MultiLevelMenu depth-3">
								<ul class="menu">
									{foreach item=final_cat from=$sub_cat.children}
									<li class="MultiItem">
										<a class="MultiLink" href="{$final_cat.link}">
											{$final_cat.categories_name}
										</a>
									</li>
									{/foreach}
								</ul>
							</div>
							{/if}
						</li>
						{/foreach}
					</ul>
				</div>
				{/if}
			</li>
			{/foreach}
			<li class="MultiItem"><a class="MultiLink" href="/ALL-IN-ONE-KOMPLETTLOeSUNGEN---50.html">SETS</a></li>
			<li class="MultiItem"><a class="MultiLink" href="/SolarTools-_-56.html">TOOLS</a></li>
			<li class="MultiItem"><a class="MultiLink" href="/Blog-_-57.html">BLOG</a></li>
			<!--<li class="MultiItem"><a class="MultiLink" href="/Projects-_-63.html">PROJEKTE</a></li>-->
			<li class="MultiItem"><a class="MultiLink" href="/Downloads-_-86.html">DOWNLOADS</a></li>
			<!--<li class="MultiItem"><a class="MultiLink" href="faq.html" nofollow="nofollow">ÜBER UNS</a></li>-->
			
			<li class="MultiItem"><a class="MultiLink orange-button" href="/Angebote___1.html">% SALE</a></li>
		</ul>
	</div>
	
</div>
<div class="mobile-spacer"></div>
<!-- Slider --> 
{if $smarty.server.REQUEST_URI == "/index.php" 
OR $smarty.server.REQUEST_URI == "/yes/index.php?language=en&"
OR $smarty.server.REQUEST_URI == "/yes/index.php?language=de&"
OR $smarty.server.REQUEST_URI == "/index.php?language=en&"
OR $smarty.server.REQUEST_URI == "/index.php?language=de&"
OR $smarty.server.REQUEST_URI == "/yes/index.php"
OR $smarty.server.REQUEST_URI == "/yes/"
OR $smarty.server.REQUEST_URI == "/"
OR $smarty.server.REQUEST_URI == ""
}

<body>
	<div class="karusels">
		
		<div class="karusels__nav">
			<span id="moveLeft" class="karusels__arrow">
				<svg class="karusels__icon" width="24" height="24" viewBox="0 0 24 24">
					<path d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"></path>
				</svg>
			</span>
			<span id="moveRight" class="karusels__arrow" >
				<svg class="karusels__icon"  width="24" height="24" viewBox="0 0 24 24">
					<path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path>
				</svg>    
			</span>
		</div>
		
		<div class="karusels-item karusels-item--1">
			<div class="karusels-item__info">
				<div class="karusels-item__container">
					<h2 class="karusels-item__subtitle">SOLARSET.SHOP </h2>
					<h1 class="karusels-item__title">WILKOMMEN</h1>
					<p class="karusels-item__description">Ihre Energiezukunft beginnt hier – mit innovativen Solar­lösungen für jedes Zuhause.</p>
					<a href="/ALLE-PRODUKTE---41.html" class="karusels-item__btn">Mehr Entdecken</a>
				</div>
			</div>
			<div class="karusels-item__image"></div>
		</div>
		
		<div class="karusels-item karusels-item--2">
			<div class="karusels-item__info">
				<div class="karusels-item__container">
					<h2 class="karusels-item__subtitle">IHR HAUS KANN MEHR: </h2>
					<h1 class="karusels-item__title">Professionelle<br>Solarsysteme</h1>
					<p class="karusels-item__description">Komplettlösungen für nachhaltige Energie – effizient, zuverlässig und individuell planbar.</p>
					<a href="/ALL-IN-ONE-KOMPLETTLOeSUNGEN---50.html" class="karusels-item__btn">Passende Lösung finden</a>
				</div>
			</div>
			<div class="karusels-item__image"></div>
		</div>
		
		<div class="karusels-item karusels-item--3">
			<div class="karusels-item__info">
				<div class="karusels-item__container">
					<h2 class="karusels-item__subtitle">Umweltschutz: </h2>
					<h1 class="karusels-item__title">Batterie-<br>entsorgung</h1>
					<p class="karusels-item__description">Altbatterien gehören nicht in den Hausmüll – erfahren Sie hier, wie Sie Batterien richtig entsorgen.</p>
					<a href="#" class="karusels-item__btn">Mehr Erfahren</a>
				</div>
			</div>
			<div class="karusels-item__image"></div>
		</div>
		
		<div class="karusels-item karusels-item--4">
			
			<div class="karusels-item__info">
				<div class="karusels-item__container">
					<h2 class="karusels-item__subtitle">für Privatpersonen*: </h2>
					<h1 class="karusels-item__title">0% Umsatzsteuer </h1>
					<p class="karusels-item__description">Profitieren Sie von steuerfreien Solar­anlagen und senken Sie Ihre Investitionskosten.<br><br>*Privatpersonen: Betreibererklärung nur für deutsche Kunden möglich.</p>
					<a href="/create_account.php?account_type=1" class="karusels-item__btn">Jetzt Vorteile Sichern</a>
				</div>
			</div>
			<div class="karusels-item__image"></div>
		</div>
		
		<div class="karusels-item karusels-item--5">
			<div class="karusels-item__info">
				<div class="karusels-item__container">
					<h2 class="karusels-item__subtitle">Deye Platinum Partner </h2>
					<h1 class="karusels-item__title">Starke Partner</h1>
					<p class="karusels-item__description">Gemeinsam erfolgreich – profitieren Sie von unserem B2B-Netzwerk und attraktiven Konditionen.</p>
					<a href="https://syd-green-energy.com/" class="karusels-item__btn">Hier zum B2B Shop</a>
				</div>
			</div>
			<div class="karusels-item__image"></div>
		</div>
		
	</div>
</body>

<!-- -------------------------------------------------- -->
<div class="slujder">
	<div class="slujd-track">
		<div class="slujd"><img src="/files/images/partner-deye.png" height="100" width="250" alt="Deye" /></div>
		<div class="slujd"><img src="/files/images/partner-solax-power.png" height="100" width="250" alt="Solax Power" /></div>
		<div class="slujd"><img src="/files/images/partner-shoto.png" height="100" width="250" alt="Shoto" /></div>
		<div class="slujd"><img src="/files/images/partner-dyness.png" height="100" width="250" alt="Dyness Energy Storage Systems" /></div>
		<div class="slujd"><img src="/files/images/partner-hopewind.png" height="100" width="250" alt="Hopewind" /></div>
		<div class="slujd"><img src="/files/images/partner-syd.png" height="100" width="250" alt="SYD Green Energy GmbH" /></div>
		<div class="slujd"><img src="/files/images/partner-partner.png" height="100" width="250" alt="Partner" /></div>
		<!-- loop -->
		<div class="slujd"><img src="/files/images/partner-deye.png" height="100" width="250" alt="Deye" /></div>
		<div class="slujd"><img src="/files/images/partner-solax-power.png" height="100" width="250" alt="Solax Power" /></div>
		<div class="slujd"><img src="/files/images/partner-shoto.png" height="100" width="250" alt="Shoto" /></div>
		<div class="slujd"><img src="/files/images/partner-dyness.png" height="100" width="250" alt="Dyness Energy Storage Systems" /></div>
		<div class="slujd"><img src="/files/images/partner-hopewind.png" height="100" width="250" alt="Hopewind" /></div>
		<div class="slujd"><img src="/files/images/partner-syd.png" height="100" width="250" alt="SYD Green Energy GmbH" /></div>
		<div class="slujd"><img src="/files/images/partner-partner.png" height="100" width="250" alt="Partner" /></div>
	</div>
</div>
<!-- -------------------------------------------------- -->






<!-- -------------Betreibererklärung-------------------- -->

{if $YES.SMARTY_SESSION_customer_id}
		
	{else}

	{if $YES.CONTENT.ID_64.text}
		{$YES.CONTENT.ID_64.text}
	{/if}

{/if}



<!-- -------------Betreibererklärung-------------------- -->

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/solarset-mood-001.jpeg')">
	<div class="axlax-content">
		<h1>Saubere Energie für eine bessere Zukunft</h1>
		<p>Reduzieren Sie Ihren CO2-Fußabdruck und Ihre Energiekosten mit modernster Solartechnologie.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Kategorie Slider -->
<div class="categories">
	
	<div class="tiles-container">
		
		<a href="/ALL-IN-ONE---43.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-all-in-one.jpg');">
			<div class="icon">
				
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
					<g>
						<path d="M230.56,66.12c0.19-21.22-19.55-42.1-42.24-41.75c-20.97,0.32-41.94,0.07-62.91,0.07c-21.27,0-42.53,0-63.8,0
						c-22.52,0.01-41.98,18.94-42.06,41.39c-0.15,39.28-0.14,78.57,0.03,117.85c0.1,23.07,19.43,41.95,42.5,41.96
						c41.5,0.01,83,0.02,124.5-0.04c3.51-0.01,7.07-0.29,10.53-0.91c18.36-3.3,33.3-21.1,33.34-39.83
						C230.51,145.28,230.21,105.7,230.56,66.12z M120.9,125.02c-0.01,0-0.01,0-0.02,0c0,22.29,0.02,44.58-0.01,66.87
						c-0.01,8.59-2.19,10.71-10.71,10.71c-16.24,0-32.48,0.02-48.71-0.01c-11.1-0.02-19.81-8.73-19.81-19.91
						c-0.03-37.94,0.11-75.87-0.08-113.81c-0.06-12.61,10.38-22.11,21.69-21.6c15.91,0.72,31.88,0.17,47.82,0.19
						c7.26,0.01,9.81,2.5,9.82,9.81C120.92,79.85,120.9,102.43,120.9,125.02z M215.46,78.37c-5.18,0-10.28,0-15.58,0
						c0,12.91,0,25.37,0,38.21c5.19,0,10.15,0,15.4,0c0,3.97,0,7.57,0,11.7c-5.05,0-10.12,0-15.41,0c0,13.43,0,26.34,0,39.67
						c5.22,0,10.31,0,15.57,0c0,4.06,0,7.7,0,11.65c-1.13,0.1-2.25,0.29-3.37,0.29c-21.85,0.01-43.69,0-65.54-0.02
						c-1.18,0-2.36-0.04-3.53-0.18c-4.36-0.51-6.73-2.87-6.48-7.27c0.51-8.97,1.29-17.92,2.06-26.87c1.02-11.88,2.17-23.75,3.19-35.64
						c0.99-11.45,1.77-22.91,2.88-34.35c0.64-6.6,3.69-9.3,10.01-9.32c20.08-0.05,40.15-0.02,60.8-0.02
						C215.46,70.39,215.46,74.16,215.46,78.37z"/>
						<path d="M106.15,112.12c-2.8-0.14-5.61-0.03-8.42-0.03c0-0.02,0-0.03,0-0.05c-1.77,0-3.55,0-5.32,0c-7.79,0.02-7.6,0.05-6.11-7.56
						c1.85-9.5,3.44-19.05,4.88-28.61c0.21-1.4-1.05-3.01-1.63-4.53c-1.53,0.84-3.71,1.29-4.48,2.58
						c-10.66,17.94-21.15,35.98-31.6,54.04c-2.08,3.59-0.9,5.38,3.43,5.48c4.58,0.1,9.16,0.08,13.74,0.09c6.47,0.02,6.57,0.32,5.18,6.88
						c-2.04,9.62-3.99,19.26-5.61,28.95c-0.3,1.78,1.14,3.85,1.77,5.79c1.68-1.15,4.01-1.91,4.96-3.49
						c10.76-18.06,21.31-36.23,31.89-54.39C110.76,113.97,109.9,112.3,106.15,112.12z"/>
						<path d="M153.92,128.49c-0.79,0.01-2.12,1.76-2.24,2.81c-0.76,6.72-1.3,13.47-1.83,20.21c-0.42,5.37-0.74,10.74-1.11,16.33
						c13.15,0,25.8,0,38.92,0c0-13.19,0-26.09,0-39.47C176.26,128.36,165.09,128.3,153.92,128.49z"/>
						<path d="M159,78.56c-1.01,0.02-2.73,1.66-2.86,2.71c-0.83,6.72-1.35,13.47-1.89,20.22c-0.4,4.92-0.67,9.85-1,14.86
						c11.81,0,23.08,0,34.49,0c0-12.64,0-25,0-37.91C177.86,78.44,168.42,78.35,159,78.56z"/>
					</g>
				</svg>
				
			</div>
			
			{if $smarty.session.language=='german'}
			<div class="tile-content">
				<h2>ALL IN ONE SYSTEME</h2>
				<p>Kompaktes Energiesystem vereint alles in einem Modul.</p>
				<span class="cta">Jetzt Entdecken</span>
			</div>
			{else}
			<div class="tile-content">
				<h2>ALL-IN-ONE SYSTEMS</h2>
				<p>Compact energy system combines everything in a single module.</p>
				<span class="cta">Discover Now</span>
			</div>
			{/if}
		</a>
		
		<a href="/WECHSELRICHTER---44.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-3-phase-string-inverter.jpg');">
			<div class="icon">
				
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
					<path d="M233.14,144.83c-2.8,0-5.71,0.5-8.38-0.1c-6.16-1.38-9.42-6.06-10.54-11.82c-1.6-8.21-2.17-16.62-3.79-24.82
					c-1.3-6.58-3.27-13.06-5.44-19.41c-0.66-1.91-2.94-4.39-4.62-4.5c-1.56-0.1-4.23,2.31-4.81,4.13c-2.43,7.63-4.93,15.35-6.17,23.23
					c-2.53,16.11-4,32.38-6.49,48.49c-0.74,4.79-2.84,9.62-5.32,13.84c-7.1,12.09-22.99,12.28-30.69,0.55
					c-5.04-7.67-6.91-16.54-8.03-25.4c-1.62-12.85-2.08-25.85-3.83-38.67c-1.02-7.48-2.89-15.02-5.65-22.03
					c-2.57-6.53-7.5-6.63-10.12-0.15c-2.98,7.36-4.96,15.32-6.1,23.2c-2.54,17.57-1.91,35.6-7.32,52.75c-1.39,4.39-3.4,8.92-6.29,12.43
					c-7.94,9.65-22.8,8.72-28.68-2.28c-3.71-6.94-6.09-14.98-7.27-22.8c-2.24-14.83-2.83-29.89-4.82-44.77
					c-0.86-6.43-2.93-12.86-5.46-18.87c-2.38-5.63-6.96-5.68-9.53-0.06c-2.71,5.93-4.64,12.34-5.98,18.73
					c-1.72,8.18-2.16,16.61-3.77,24.82c-2.06,10.49-6.43,13.71-17.12,13.71c-2.07,0-4.14,0.03-6.2-0.01c-5.36-0.1-8.57-3.34-8.48-8.53
					c0.09-4.97,2.77-7.37,8.29-7.43c7.86-0.08,7.51-0.13,8.69-7.76c1.72-11.14,3.33-22.39,6.31-33.22c1.53-5.54,5.31-10.86,9.22-15.26
					c8.05-9.05,24.56-7.75,30.56,2.84c3.87,6.83,6.35,14.87,7.61,22.66c2.51,15.52,3.67,31.26,5.57,46.89c0.6,4.94,1.4,9.92,2.83,14.66
					c0.72,2.38,3.04,4.28,4.64,6.4c1.66-2.03,4.16-3.83,4.83-6.15c1.66-5.75,2.74-11.7,3.58-17.64c2.49-17.44,4.27-35.01,7.39-52.33
					c1.06-5.91,4.72-11.63,8.17-16.78c6.32-9.45,26.96-8.97,32.91,4.73c4.69,10.8,6.91,22.08,8.28,33.61
					c1.81,15.18,3.51,30.37,5.36,45.54c0.21,1.7,0.75,3.54,1.69,4.93c1.07,1.58,2.64,3.49,4.25,3.78c1.01,0.18,3.16-2.16,3.66-3.73
					c1.52-4.73,2.95-9.57,3.57-14.48c1.74-13.87,2.84-27.81,4.61-41.67c1.26-9.9,3.37-19.63,8.14-28.62
					c6.64-12.49,28.31-15.66,35.94,0.48c2.24,4.74,4.26,9.74,5.36,14.84c2.18,10.18,3.84,20.48,5.33,30.79
					c0.61,4.17,2.19,6.14,6.52,5.54c1.45-0.2,2.95-0.06,4.43-0.04c5.12,0.07,7.7,2.55,7.77,7.46c0.07,5.07-2.67,8.21-7.53,8.46
					c-2.36,0.12-4.73,0.02-7.09,0.02C233.14,144.97,233.14,144.9,233.14,144.83z"/>
				</svg>
				
			</div>
			{if $smarty.session.language=='german'}
			<div class="tile-content">
				<h2>WECHSELRICHTER</h2>
				<p>Effiziente Wechselrichter für große Hausanlagen.</p>
				<span class="cta">Jetzt Entdecken</span>
			</div>
			{else}
			<div class="tile-content">
				<h2>INVERTERS</h2>
				<p>Efficient inverters for large residential systems.</p>
				<span class="cta">Discover Now</span>
			</div>
			{/if}
		</a>
		
		<a href="/PV-HAUSANLAGEN---47.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-solar-home.jpg');">
			<div class="icon">
				
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
					<g>
						<path d="M235.33,120.23c-6.81-6.33-13.61-12.68-20.58-18.83c-2.73-2.41-3.92-4.91-3.87-8.7c0.25-16.54-0.06-33.08,0.19-49.61
						c0.1-6.78-1.4-9.36-9.3-9.61c-7.38-0.24-14.77-0.13-22.15-0.04c-5.28,0.06-7.62,2.58-7.65,8.01c-0.03,6.54-0.01,13.08-0.01,20.38
						c-13.41-12.36-26.11-24.02-38.75-35.74c-6.83-6.34-10.07-6.62-16.91-0.35c-13.28,12.16-26.37,24.53-39.52,36.83
						C55.97,82,35.19,101.49,14.37,120.94c-2.61,2.44-4.75,5.12-3.3,8.87c1.48,3.83,4.59,5.53,8.71,5.5c5.42-0.04,10.83-0.01,16.6-0.01
						c0,2.08,0,3.68,0,5.27c0,24.81,0.27,49.62-0.13,74.42c-0.16,9.81,4.07,14.01,14.11,13.84c19.19-0.32,38.39-0.09,57.59-0.09
						c1.57,0,3.13,0,5.17,0c0-11.9,0-23.32,0-34.61c9.85,0,19.23,0,28.78,0c0,11.53,0,22.74,0,34.36c22.46,0,44.43,0.13,66.39-0.09
						c5.62-0.05,8.89-4.37,8.9-10.53c0.03-25.84,0.01-51.68,0.01-77.53c0-1.57,0-3.14,0-5.05c4.32,0,8.14-0.09,11.95,0.02
						c4.37,0.13,7.94-1.2,9.69-5.43C240.53,125.77,238.11,122.82,235.33,120.23z M194.68,182.27c-22.6,0.07-45.19,0.02-67.79,0.02
						c-22.3,0-44.6,0.02-66.9-0.01c-8.1-0.01-13.75-3.79-15.12-10.77c-0.52-2.67-0.04-5.97,1.11-8.47
						c10.36-22.54,20.97-44.96,31.52-67.41c1.53-3.25,4.03-4.7,7.74-4.69c28.06,0.08,56.12,0.1,84.18-0.02
						c4.15-0.02,6.82,1.82,8.41,5.24c10.2,21.96,20.46,43.9,30.35,66C212.7,172.31,205.83,182.23,194.68,182.27z"/>
						<path d="M70.63,141.65c-1.13,0.01-2.7,1.44-3.29,2.61c-3.41,6.64-6.59,13.41-9.85,20.13c-2.71,5.6-2.28,6.33,3.76,6.33
						c18.44,0.01,36.87,0,55.31,0c1.57,0,3.15,0,4.91,0c0-9.89,0-19.27,0-29.19C104.22,141.54,87.42,141.49,70.63,141.65z"/>
						<path d="M187.45,144.38c-1.03-2.32-2.27-2.92-4.64-2.9c-14.02,0.1-28.05,0.05-42.07,0.05c-2.32,0-4.64,0-7.19,0
						c0,9.84,0,19.22,0,29.21c20.6,0,40.81,0.03,61.03-0.03c3.59-0.01,4.5-1.85,2.88-5.23C194.11,158.45,190.59,151.49,187.45,144.38z"
						/>
						<path d="M169.01,103.98c-0.41-0.87-2.06-1.63-3.14-1.64c-10.61-0.12-21.23-0.07-32.33-0.07c0,9.39,0,18.34,0,27.51
						c15.75,0,31.3,0,47.28,0C176.83,120.97,173.03,112.43,169.01,103.98z"/>
						<path d="M121.42,102.31c-11.02,0-21.75-0.03-32.48,0.06c-0.86,0.01-2.17,0.61-2.51,1.31c-4.13,8.52-8.11,17.12-12.3,26.06
						c16.24,0,31.91,0,47.29,0C121.42,120.51,121.42,111.57,121.42,102.31z"/>
					</g>
				</svg>
				
			</div>
			{if $smarty.session.language=='german'}
			<div class="tile-content">
				<h2>PV-HAUSANLAGEN</h2>
				<p>Individuelle Solarlösungen für Ihr Zuhause.</p>
				<span class="cta">Jetzt Entdecken</span>
			</div>
			{else}
			<div class="tile-content">
				<h2>HOME PV SYSTEMS</h2>
				<p>Customized solar solutions for your home.</p>
				<span class="cta">Discover Now</span>
			</div>
			{/if}
		</a>
	</a>
	
	<a href="/SOLARMODULE---45.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-solar-panels.jpg');">
		<div class="icon">
			
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
				<g>
					<path d="M178.69,122.52c-1.06-27.1-24.06-52.65-56.23-51.51c-30.03,1.06-51.7,26.32-51.29,53.54c0.46,30.49,23.59,53.97,53.69,53.8
					C154.85,179.03,179.92,153.81,178.69,122.52z"/>
					<path d="M220.9,116.2c-3.84-0.06-7.68-0.01-11.52-0.01c-3.84,0-7.68-0.04-11.52,0.01c-5.29,0.07-8.65,3.39-8.64,8.45
					c0.01,4.82,3.31,8.26,8.32,8.33c7.83,0.11,15.66,0.12,23.48,0c4.96-0.08,8.19-3.6,8.18-8.5C229.2,119.52,225.99,116.28,220.9,116.2
					z"/>
					<path d="M60.69,123.94c-0.21-4.55-3.52-7.66-8.39-7.74c-3.83-0.07-7.66-0.01-11.49-0.01c-4.12,0.01-8.25-0.15-12.37,0.05
					c-4.47,0.21-7.56,3.63-7.65,8.06c-0.09,4.64,3,8.53,7.5,8.64c8.24,0.22,16.5,0.23,24.74,0C57.76,132.8,60.91,128.77,60.69,123.94z"
					/>
					<path d="M124.87,60.73c4.58-0.06,7.68-3.06,7.8-7.77c0.11-4.28,0.02-8.57,0.02-12.85c-0.02,0-0.04,0-0.06,0
					c0-4.28,0.09-8.57-0.02-12.85c-0.13-4.94-2.94-7.79-7.57-7.93c-4.54-0.13-8.35,3.13-8.44,7.76c-0.17,8.71-0.18,17.43,0.01,26.15
					C116.71,57.67,120.44,60.79,124.87,60.73z"/>
					<path d="M175.89,82.85c2.76-1.24,4.98-1.67,6.37-2.97c5.59-5.24,11.08-10.62,16.31-16.22c3.24-3.47,2.84-8.44-0.35-11.58
					c-3.05-3-7.89-3.47-11.24-0.38c-5.85,5.39-11.46,11.07-16.92,16.86c-2.38,2.53-3.05,6.12-0.9,8.97
					C170.86,79.78,173.68,81.17,175.89,82.85z"/>
					<path d="M183,170.93c-1.63-1.52-3.93-2.32-6.89-4c-2.44,2.05-5.34,3.63-6.96,6.06c-2.04,3.07-1.17,6.55,1.51,9.26
					c4.88,4.94,9.79,9.84,14.72,14.73c4.12,4.09,8.98,4.55,12.54,1.24c3.8-3.54,3.72-8.56-0.47-12.91
					C192.74,180.41,187.96,175.57,183,170.93z"/>
					<path d="M67.39,79.86c2.76,2.71,6.33,3.15,9.32,1.19c2.28-1.5,3.65-4.37,5.34-6.52c-1.23-2.81-1.58-4.87-2.78-6.14
					c-5.36-5.68-10.81-11.31-16.54-16.61c-3.57-3.31-8.24-2.77-11.43,0.63c-3.12,3.32-3.21,7.99,0.14,11.49
					C56.65,69.33,62.03,74.6,67.39,79.86z"/>
					<path d="M76.3,168.87c-3.29-1.4-6.66-0.93-9.39,1.79c-5.01,5.01-10.07,9.98-15.02,15.05c-3.61,3.69-3.81,8.39-0.69,11.84
					c3.29,3.65,8.29,3.98,12.19,0.34c5.29-4.93,10.4-10.07,15.36-15.34c1.4-1.49,1.98-3.75,2.93-5.65
					C81.33,172.91,79.45,170.22,76.3,168.87z"/>
					<path d="M132.73,211.07c0-4.12,0.11-8.25-0.03-12.36c-0.17-5.12-3.18-8.08-7.93-8.06c-4.52,0.01-8.09,3.31-8.17,8.01
					c-0.15,8.09-0.14,16.19,0,24.29c0.08,4.65,3.68,7.79,8.37,7.73c4.75-0.06,7.59-2.78,7.76-7.68c0.14-3.97,0.03-7.95,0.03-11.92
					C132.74,211.07,132.73,211.07,132.73,211.07z"/>
				</g>
			</svg>
			
		</div>
		{if $smarty.session.language=='german'}
		<div class="tile-content">
			<h2>SOLARMODULE</h2>
			<p>Premium Solarpanels mit hoher Effizienz.</p>
			<span class="cta">Jetzt Entdecken</span>
		</div>
		{else}
		<div class="tile-content">
			<h2>SOLAR PANELS</h2>
			<p>Premium solar panels with high efficiency.</p>
			<span class="cta">Discover Now</span>
		</div>
		{/if}
	</a>
	
	<a href="/SPEICHERSYSTEME---46.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-battery.jpg');">
		<div class="icon">
			
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
				<g>
					<path d="M204.06,61.14c-0.98-12.44-10.02-20.74-22.5-20.87c-7.37-0.08-14.74-0.01-22.88-0.01c0-3.67,0.09-6.75-0.02-9.82
					c-0.22-6.57-4.55-11.22-11.05-11.3c-14.92-0.17-29.84-0.2-44.76,0c-7.46,0.1-11.53,4.62-11.63,12.09c-0.04,2.9-0.01,5.81-0.01,9.05
					c-7.63,0-14.7-0.04-21.76,0.01c-14.85,0.11-23.58,8.66-23.68,23.55c-0.15,22.3-0.08,44.61-0.07,66.91c0.01,25.7,0.24,51.41,0,77.11
					c-0.14,14.48,11.99,23.22,23.61,23.14c37.07-0.25,74.15-0.09,111.23-0.11c1.75,0,3.56-0.06,5.25-0.48
					c12.6-3.12,18.42-10.83,18.44-24.82c0.08-43.28,0.07-86.56,0.07-129.84C204.3,70.88,204.44,65.99,204.06,61.14z M187,175.28
					c0,1.32,0,2.63,0,4.46c-41.48,0-82.48,0-124.11,0c0-1.48,0-2.89,0-4.3c0-34.84,0-69.67,0.01-104.51c0-9.52,2.51-12.03,12-12.03
					c33.8,0,67.61,0,101.41,0.01c7.88,0,10.7,2.79,10.7,10.53C187.01,104.72,187,140,187,175.28z"/>
					<path d="M124.92,98.85c-11.98,0-22.06,9.94-22.13,21.82c-0.07,12.21,9.91,22.41,21.99,22.48c12.55,0.07,22.27-9.43,22.31-21.81
					C147.14,108.61,137.51,98.85,124.92,98.85z"/>
					<path d="M125.09,92.26c1.86-0.22,3.59-2.84,5.01-4.7c0.59-0.77,0.2-2.28,0.26-3.45c-0.04,0-0.09,0-0.13,0
					c0-1.32,0.53-3.04-0.11-3.87c-1.36-1.8-3.1-3.86-5.1-4.5c-2.81-0.89-5.49,0.96-5.96,3.8c-0.48,2.92-0.43,6.29,0.62,8.99
					C120.38,90.31,123.38,92.46,125.09,92.26z"/>
					<path d="M124.6,149.5c-3.47-0.13-4.99,2.62-5.75,5.65c-0.21,0.84-0.1,1.76-0.12,2.64c-0.09,5.27,1.66,7.61,5.69,7.63
					c4.04,0.02,5.92-2.38,5.83-7.51c0-0.74,0.06-1.48-0.01-2.21C129.92,152.22,128.17,149.63,124.6,149.5z"/>
					<path d="M97.48,121.84c-0.05-3.58-2.16-5.34-6.46-5.38c-5.31-0.05-8.34,2.03-8.3,5.68c0.04,3.52,2.99,5.87,7.39,5.89
					C94.91,128.05,97.54,125.84,97.48,121.84z"/>
					<path d="M148.07,138.66c-2.93-0.12-6.32,3.09-6.43,6.09c-0.13,3.61,3.74,7.18,7.91,7.28c3.65,0.28,5.58-1.41,5.69-5.06
					C155.34,143.23,151.47,138.8,148.07,138.66z"/>
					<path d="M101.66,104.21c2.74,0.08,6.17-2.97,6.4-5.68c0.25-2.95-4.47-7.48-7.96-7.66c-3.04-0.16-5.91,2.33-6,5.21
					C93.99,99.15,98.63,104.13,101.66,104.21z"/>
					<path d="M158.32,116.03c-3.65,0.05-5.9,2.22-5.89,5.67c0.02,3.82,2.25,5.5,7.32,5.49c4.86,0,6.89-1.53,6.96-5.25
					C166.8,117.76,164.24,115.95,158.32,116.03z"/>
					<path d="M147.81,103.93c2.5,1.02,7.38-4.8,7.25-8.02c-0.14-3.45-2.27-4.85-4.7-5.05c-4.31,0.07-9.96,4.75-8.81,7.27
					C142.66,100.56,145.29,102.9,147.81,103.93z"/>
					<path d="M102.75,139.47c-4.16-0.08-8.54,3.64-8.63,6.86c-0.09,2.85,2.63,5.58,5.65,5.67c3.86,0.12,8.45-3.63,8.27-7.06
					C107.85,141.43,105.28,140.09,102.75,139.47z"/>
				</g>
			</svg>
			
		</div>
		{if $smarty.session.language=='german'}
		<div class="tile-content">
			<h2>Speichersysteme</h2>
			<p>Für Einfamilienhäuser und kleine Gewerbe.</p>
			<span class="cta">Jetzt Entdecken</span>
		</div>
		{else}
		<div class="tile-content">
			<h2>Battery Systems</h2>
			<p>For single-family homes and small businesses.</p>
			<span class="cta">Discover Now</span>
		</div>
		{/if}
	</a>
	
	<a href="/ZUBEHÖR%20&%20MONTAGE---49.html" class="tile" style="--bg:url('https://sekiart.com/review/solarset-shop-installation.jpg');">
		<div class="icon">
			
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
				<path d="M223.74,79.53c-0.62-2.1-2.23-4.76-4.02-5.39c-1.53-0.54-4.4,0.99-5.9,2.41c-7.06,6.71-13.82,13.74-20.76,20.58
				c-8.58,8.46-19.72,8.47-28.26,0.09c-4.21-4.14-8.38-8.33-12.54-12.51c-10.15-10.2-10.1-19.94,0.17-30.25
				c6.77-6.8,13.62-13.52,20.35-20.37c3.65-3.71,2.66-7.82-2.22-9.56c-1.37-0.49-2.86-0.95-4.28-0.92c-7.46,0.2-15.09-0.39-22.33,1.02
				c-34.75,6.8-56.97,44.6-45.95,78.01c2.11,6.41,0.8,10.89-3.76,15.4c-20.48,20.24-40.76,40.68-61.23,60.93
				c-5.72,5.65-8.26,12.2-7.94,20.2c0.64,16.12,17.26,29.6,33,26.85c7.36-1.28,13.03-5.15,18.1-10.21
				c19.96-19.93,39.94-39.83,59.77-59.88c3.53-3.57,7.42-4.02,12.07-3.72c7.59,0.49,15.42,1.62,22.8,0.39
				c32.11-5.34,53.77-31.27,54.14-63.49C224.6,85.91,224.65,82.58,223.74,79.53z M53.64,207.96c-5.19-0.13-9.84-4.88-9.76-9.95
				c0.09-5.54,4.66-9.85,10.34-9.75c5.39,0.09,9.69,4.48,9.71,9.92C63.96,203.62,59.24,208.1,53.64,207.96z"/>
			</svg>
			
		</div>
		{if $smarty.session.language=='german'}
		<div class="tile-content">
			<h2>MONTAGE & ZUBEHÖR</h2>
			<p>Professionelle Installation vom Experten.</p>
			<span class="cta">Jetzt Entdecken</span>
		</div>
		{else}
		<div class="tile-content">
			<h2>INSTALLATION & ACCESSORIES</h2>
			<p>Professional installation by experts.</p>
			<span class="cta">Discover Now</span>
		</div>
		{/if}
	</a>
	
</div>

<script>
	document.querySelectorAll('.tile').forEach(tile => {
		const bg = tile.style.getPropertyValue('--bg');
		if (bg) tile.style.setProperty('--bg-image', bg);
	});
</script>
</div>

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/wilkommen-solarset-shop.jpg')">
	<div class="axlax-content">
		<h1>Ihre Solarreise beginnt hier</h1>
		<p>Entdecken Sie unsere Lösungen für Privathaushalte und mehr.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Über uns Bereich -->

{if $YES.CONTENT.ID_51.text}
<div class="container">
	{$YES.CONTENT.ID_51.text}	
</div>
{else}
<div class="container">
	{$YES.CONTENT.ID_82.text}
</div>
{/if}

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/starke-partner.jpg')">
	<div class="axlax-content">
		<h1>Darum ist Solarenergie so wichtig</h1>
		<p>Setzen Sie auf Zuverlässigkeit, Energieeinsparung und nachhaltige Unabhängigkeit – für Ihr Zuhause und die Zukunft.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Über uns Bereich -->

{if $YES.CONTENT.ID_59.text}
<div class="container">
	{$YES.CONTENT.ID_59.text}
</div>
{else}
<div class="container">
	{$YES.CONTENT.ID_76.text}
</div>
{/if}

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/intelligente-loesungen.jpg')">
	<div class="axlax-content">
		<h1>Intelligente Solarlösungen für jedes Zuhause</h1>
		<p>Plug-and-Play, DIY oder Komplettsysteme – wir machen Solarenergie einfach, sicher und effizient.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Über uns Bereich -->

{if $YES.CONTENT.ID_60.text}
<div class="container">
	{$YES.CONTENT.ID_60.text}
</div>
{else}
<div class="container">
	{$YES.CONTENT.ID_77.text}
</div>
{/if}

<!-- ----------------------b2b---------------------------- -->

<section class="axlax" style="--bg:url('/files/images/professionelle-solarsysteme.jpg')">
	<div class="axlax-content">
		<h1>Effiziente Solarlösungen für Unternehmen</h1>
		<p>Zuverlässige Photovoltaik-Systeme, langfristige Sicherheit und optimierte Energieeffizienz – perfekt für jede Unternehmensgröße.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Über uns Bereich -->

{if $YES.CONTENT.ID_62.text}
<div class="container">
	{$YES.CONTENT.ID_62.text}
</div>
{else}
<div class="container">
	{$YES.CONTENT.ID_79.text}
</div>
{/if}

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/passende-loesungen.jpg')">
	<div class="axlax-content">
		<h1>Jetzt die passende Solarlösung finden</h1>
		<p>Unsere Produkte werden dynamisch für Sie geladen – entdecken Sie sofort, was zu Ihrem Zuhause passt.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

{/if}
<!--Product Listing Start-->
</div>
{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 == "/"
}

<div class="pt-3 pb-3" style="margin-top: 50px; margin-bottom: 50px;">
	<div class="container">
		{/if}
		{$main_content}
		
		{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 == "/Projects-_-63.html"
		}
	</div>
</div>

{/if}

<div class="container">
	{if $YES.CONTENT.ID_156.text}
	<div class="disclaimer rounded-4 p-3 mb-5 mt-5">
		{$YES.CONTENT.ID_156.text}  		
	</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 == "/"
	}
	
	{/if}
	
</div>

{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 == "/Projects-_-63.html"
}
<div id="hidden-marketing-box" style="display: none;">
	{marketing_box box=1 template="boxes/box_marketing.html"}
</div>
{/if}

<!-- -------------------------------------------------- -->

<section class="axlax" style="--bg:url('/files/images/solarset-mood-002.jpeg')">
	<div class="axlax-content">
		<h1>Warum sich Photovoltaik für Sie lohnt</h1>
		<p>Senken Sie Kosten, erhöhen Sie Ihre Unabhängigkeit und tragen Sie aktiv zum Klimaschutz bei.</p>
	</div>
</section>

<!-- -------------------------------------------------- -->

<!-- Global Informatio -->

{if $YES.CONTENT.ID_61.text}
<div class="container">
	{$YES.CONTENT.ID_61.text}
</div>
{else}
<div class="container">
	{$YES.CONTENT.ID_78.text}
</div>
{/if}

<!-- -------------------------------------------------- -->

<footer class="text-light py-5 main-footer">
	<div class="container">
		<div class="row">
			
			<div class="col-md-3 col-12">
				<img src="{$tpl_path}img/logo.png" alt="Firmenlogo" class="mb-3" style="max-width: 150px;">
				<address>
					<strong>SYD Green Energy<br>GmbH & Co. KG</strong><br>
					An der Gümpgesbrücke 26<br>
					41564 Kaarst<br>
					Deutschland<br>
					<a href="mailto:info@solarset.shop" class="text-light">info@solarset.shop</a>
				</address>
			</div>
			
			
			<div class="col-md-3 col-12">
				<h5 class="pt-5 ">Quick-Links</h5>
				<ul class="list-unstyled">
					<!--{$box_INFORMATION}<hr>{$box_CONTENT}-->
					<li><a href="/ALL-IN-ONE-KOMPLETTLOeSUNGEN---50.html" class="text-light">Sets</a></li>
					<li><a href="/SolarTools-_-56.html" class="text-light">Tools</a></li>
					<li><a href="/Blog-_-57.html" class="text-light">Blog</a></li>
					<!--<li><a href="/Projects-_-63.html" class="text-light">Projekte</a></li>-->
					<li><a href="/Downloads-_-86.html" class="text-light">Downloads</a></li>
					<!--<li><a href="faq.html" class="text-light">Über Uns</a></li>-->
				</ul>
			</div>
			
			
			<div class="col-md-3 col-12">
				<h5 class="pt-5 ">Rechtliches</h5>
				<ul class="list-unstyled">
					<li><a href="/Impressum-_-4.html" class="text-light">Impressum</a></li>
					<li><a href="/Datenschutzerklaerung-_-2.html" class="text-light">Datenschutz</a></li>
					<li><a href="/Unsere-AGB-_-3.html" class="text-light">AGB</a></li>
					<li><a href="/Widerrufsrecht-_-9.html" class="text-light">Widerrufsrecht</a></li>
					<li><a href="/Versandkosten-_-1.html" class="text-light">Versandkosten</a></li>
					
				</ul>
			</div>
			
			<div class="col-md-3 col-12">
				<h5 class="pt-5 ">Zahlungsarten</h5>
				<img class="mb-2" src="{$tpl_path}img/mon_vorkasse.png" alt="Zahlart Vorkasse"><br>
				<img src="{$tpl_path}img/mon_paypal.png"  alt="Zahlart PayPal">
			</div>
			
		</div>
	</div>	
</footer>

<!-- -------------------------------------------------- -->

<div class="copyright bg-black p-3">  <div class="container text-end">
<a class="text-white text-decoration-none" href="https://yes-system.de" target="_blank">Basierend auf dem Yes-System - Cloud ERP Ecommerce System für den Onlinehandel</a></div>
</div>

<!-- -------------------------------------------------- -->

<script>
	if ('serviceWorker' in navigator) {
		navigator.serviceWorker.register('/service-worker.js')
		.then(() => console.log('✅ Service Worker erfolgreich registriert'))
		.catch(error => console.error('❌ Service Worker Fehler:', error));
	}
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="{$tpl_path}/assets/slick/slick/slick.js"></script>
<script src="{$tpl_path}assets/lightbox/dist/js/lightbox.min.js"></script>
<script src="{$tpl_path}/assets/js/app.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>

<!-- -------------------------------------------------- -->

<script>
	$(function(){
		$('.karusels-item').eq(0).addClass('active');
		var total = $('.karusels-item').length;
		var current = 0;
		
		$('#moveRight').on('click', function(){
			var next=current;
			current= current+1;
			setSlide(next, current);
		});
		
		$('#moveLeft').on('click', function(){
			var prev=current;
			current = current- 1;
			setSlide(prev, current);
		});
		
		function setSlide(prev, next){
			var slide= current;
			if(next>total-1){
				slide=0;
				current=0;
			}
			if(next<0){
				slide=total - 1;
				current=total - 1;
			}
			$('.karusels-item').eq(prev).removeClass('active');
			$('.karusels-item').eq(slide).addClass('active');
		}
		
		// AUTO SLIDE every 5 seconds (5000 ms)
		setInterval(function(){
			var next=current;
			current = current+1;
			setSlide(next, current);
		}, 7500);
	});
</script>

<!-- -------------------------------------------------- -->

{literal}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>

<script>
	document.addEventListener("DOMContentLoaded", () => {
		
		// -----------------------------------------------------
		//  LANGUAGE SWITCH (Smarty injected value)
		// -----------------------------------------------------
		const isDE = {/literal}{if $smarty.session.language=='german'}true{else}false{/if}{literal};
		
		// -----------------------------------------------------
		//  TRANSLATIONS
		// -----------------------------------------------------
		const TEXT = {
			results: isDE
			? {
				standort: "Standortbestimmung",
				anlagengroesse: "Anlagengröße",
				energieproduktion: "Energieproduktion",
				eigenverbrauch: "Eigenverbrauch",
				wirtschaftlichkeit: "Wirtschaftlichkeitsrechner",
				speicher_autarkie: "Speicher & Autarkiegrad",
				balkonkraftwerk: "Balkonkraftwerk",
				co2: "CO₂-Einsparung",
				vergleich: "Vergleichsrechner",
				kostenersparnis: "Kostenersparnis"
			}
			: {
				systemSize: "System Size Calculator",
				annualProduction: "Annual Energy Production",
				selfConsumption: "Self-Consumption Rate",
				economics: "Economic Calculator",
				storage_autonomy: "Storage & Self-Sufficiency",
				balcony_pv: "Balcony PV Calculator",
				co2: "CO₂ Savings",
				comparison: "Comparison Calculator",
				cost_savings: "Cost Savings Calculator"
			},
			
			pdf: {
				title: isDE ? "SolarSet - ALL-IN-ONE TOOL" : "SolarSet - ALL-IN-ONE TOOL",
				header: isDE ? "SolarSet.shop - ALL-IN-ONE Tool" : "SolarSet.shop - ALL-IN-ONE Tool",
				text:
				isDE
				? "Vielen Dank für die Nutzung unseres ALL-IN-ONE Power Tools! Angaben ohne Gewähr.\nBesuchen Sie uns auf unserer Website für weitere Infos und Angebote:"
				: "Thank you for using our ALL-IN-ONE Solar Tool! Data provided without warranty.\nVisit our website for more info and offers:",
				notes: isDE ? "Ihre Notizen" : "Your Notes",
				save: isDE ? "solarset-konfiguration.pdf" : "solarset-configuration.pdf",
				address:
				isDE
				? "SYD Green Energy GmbH & Co. KG\nAn der Gümpgesbrücke 26, 41564 Kaarst, Deutschland\nKontakt: info@solarset.shop"
				: "SYD Green Energy GmbH & Co. KG\nAn der Gümpgesbrücke 26, 41564 Kaarst, Germany\nContact: info@solarset.shop"
			}
		};
		
		// -----------------------------------------------------
		//  DOM ELEMENTS
		// -----------------------------------------------------
		const sticky = document.getElementById("sticky-note");
		const toggleBtn = document.getElementById("toggle-sticky");
		const textarea = document.getElementById("sticky-text");
		const resultsContainer = document.getElementById("sticky-results");
		const clearBtn = document.getElementById("clear-storage");
		const refreshBtn = document.getElementById("refresh-storage");
		
		// Load saved notes
		const savedNote = localStorage.getItem("stickyNote");
		if (savedNote) textarea.value = savedNote;
		
		textarea.addEventListener("input", () => {
			localStorage.setItem("stickyNote", textarea.value);
		});
		
		// Toggle sticky
		toggleBtn.addEventListener("click", () => {
			sticky.classList.toggle("collapsed");
			toggleBtn.textContent = sticky.classList.contains("collapsed") ? "▲" : "▼";
		});
		
		// -----------------------------------------------------
		//  LOAD TOOL RESULTS
		// -----------------------------------------------------
		function loadResults() {
			resultsContainer.innerHTML = "";
			
			const toolMap = TEXT.results;
			
			for (const key in toolMap) {
				const raw = localStorage.getItem(key);
				if (!raw) continue;
				
				let html = `<h5>${toolMap[key]}</h5>`;
				
				try {
					const obj = JSON.parse(raw);
					if (typeof obj === "object") {
						html += `<div class="tool-result">`;
						for (const subKey in obj) {
							html += `<p><strong>${subKey}:</strong> ${obj[subKey]}</p>`;
						}
						html += `</div>`;
						} else {
						html += `<p>${raw}</p>`;
					}
					} catch {
					html += `<p>${raw}</p>`;
				}
				
				resultsContainer.innerHTML += html;
			}
		}
		
		loadResults();
		window.addEventListener("storage", loadResults);
		
		// Clear all storage
		clearBtn.addEventListener("click", () => {
			localStorage.clear();
			textarea.value = "";
			resultsContainer.innerHTML = "";
		});
		
		refreshBtn.addEventListener("click", loadResults);
		
		// -----------------------------------------------------
		//  PDF EXPORT
		// -----------------------------------------------------
		document.getElementById("export-pdf").addEventListener("click", () => {
			const { jsPDF } = window.jspdf;
			const doc = new jsPDF("p", "mm", "a4");
			
			doc.setProperties({ title: TEXT.pdf.title });
			
			const img = new Image();
			img.src = "/templates/yes-system/img/logo.png";
			
			img.onload = () => {
				doc.addImage(img, "PNG", 15, 10, 45, 18);
				
				doc.setFontSize(18);
				doc.setFont("helvetica", "bold");
				doc.setTextColor("#313193");
				doc.text(TEXT.pdf.header, 15, 40);
				
				doc.setFontSize(11.5);
				doc.setTextColor("#000");
				doc.text(TEXT.pdf.text, 15, 50);
				
				doc.setTextColor("#313193");
				doc.textWithLink("http://solarset.shop", 15, 60, { url: "http://solarset.shop" });
				
				let y = 70;
				
				const keyMap = { ...TEXT.results, stickyNote: TEXT.pdf.notes };
				
				for (const key in keyMap) {
					const val = localStorage.getItem(key);
					if (!val) continue;
					
					doc.setFontSize(12.5);
					doc.setFont("helvetica", "bold");
					doc.setTextColor("#313193");
					doc.text(keyMap[key], 15, y);
					y += 5;
					
					doc.setFontSize(11);
					doc.setFont("helvetica", "normal");
					doc.setTextColor("#000");
					
					let text = "";
					try {
						const parsed = JSON.parse(val);
						if (typeof parsed === "object") {
							text = Object.entries(parsed).map(([a, b]) => `${a}: ${b}`).join("\n");
							} else {
							text = parsed;
						}
						} catch {
						text = val;
					}
					
					const split = doc.splitTextToSize(text, 180);
					doc.text(split, 15, y, { lineHeightFactor: 1.2 });
					y += split.length * 5.5 + 6;
				}
				
				doc.addImage(img, "PNG", 15, y, 25, 10);
				y += 15;
				
				doc.setFontSize(10);
				doc.setTextColor("#000");
				const footer = doc.splitTextToSize(TEXT.pdf.address, 180);
				doc.text(footer, 15, y);
				
				doc.save(TEXT.pdf.save);
			};
		});
	});
</script>
{/literal}

<!-- -------------------------------------------------- -->

<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "Organization",
		"name": "Yes-system",
		"url": "https://www.yes-system.de",
		"logo": "https://www.yes-system.de/logo.png",
		"contactPoint": {
			"@type": "ContactPoint",
			"telephone": "+49-40-209314800",
			"contactType": "customer service",
			"areaServed": "DE",
			"availableLanguage": "de"
		},
		"sameAs": [
		"https://www.facebook.com/yessystem",
		"https://www.instagram.com/yessystem"
		]
	}
</script>

<!-- -------------------------------------------------- --><!-- -------------------------------------------------- --><!-- -------------------------------------------------- -->

<!-- Yes-System Cloud ERP Ecommerce System - www.yes-system.com -->


{else}

<!-- Während der Designentwicklungsphase bitte nachfolgenden Code so
	bestehen lassen. Er bewirkt, dass nur mit einer Admin-Anmeldung die
Shopstruktur angezeigt wird. -->

<link rel="stylesheet" href="https://yes-system.de/new-store.css" type="text/css" media="screen" />

<div style="padding-top: 100px;">
	<span><img src="https://yes-system.de/wp-content/uploads/2019/02/favicon.png"></span>
</div>
<div class="text">
	
	<h1 style="color: #fff"Herzlich Willkommen bei der YES Websolutions - einem neuen Yes-System.</h1>
	
	<p><span style="color: #fff"><strong>Das Yes-System ist das <a href="https://yes-system.de/multichannel-module/" ><strong>Multichannel System</strong></a> für professionellen Onlinehandel aus Hamburg.</strong></span></p>
	<p>&nbsp;</p>
	<p><span style="color: #fff"><strong>Das System bildet Ihren gesamten Handel aus einem System ab:</strong></span>
		<ul>
			<li><a href="https://yes-system.de/functions/webshop/" ><strong> Onlinehandel</strong></a></li>
			<li><a href="https://yes-system.de/functions/ladengeschaeft-als-eigenstaendige-filiale/" ><strong> Offline-/Stationärer Handel</strong></a></li>
			<li><a href="https://yes-system.de/multichannel-module/"><strong> Marktplatzhandel über eBay, amazon und real und weitere<strong></a></li>
				<li><a href="https://yes-system.de/functions/warenwirtschaft-lvs/" ><strong> Alles aus Ihrer Warenwirtschaft</strong></a></li>
				<li><a href="https://yes-system.de/functions/versandabwicklung/" ><strong> Globale Versandabwicklung</strong></a></li>
			</ul>
			</p> 
			
			<p><span style="color: #fff">Sämtliche Funktionen, wie Wawi, CRM, Marktplatzhandel, Webshop, Ladenkasse, ... (<a href="https://yes-system.de/functions/" >Auszug aus den Funktionen</a>) sind integrierte Bestandteile des Systems - alles in einem System.</p>
			<p>Das <a href="https://yes-system.de/">YES System</a> wird seit 2004 zusammen mit unseren Anwendern täglich weiter entwickelt.</span></p>
			<span style="color: #fff">
				<p style="color: #fff">Kommen Sie einfach auf uns zu <a href="tel:+4940209314800"> 040 209 314 800   <i class="fas fa-phone"></i></a> - fragen Sie gern unsere Kunden (<a href="https://yes-system.de/referenzen-uebersicht/" >Auszug aus den Referenzen</a>) - schauen Sie sich die Umfangreichen Informationen auf unserer Seite <a href="https://yes-system.de" >yes-system.de</a> an.<br>
				Sie werden feststellen, dass wir nicht mit Marketing, sondern mit Fakten überzeugen.</p>
				<p style="color: #fff">Kennen Sie das <a href="https://yes-system.de/wir/">YES Concept</a>? <br>Lassen Sie sich überaschen und lesen Sie <a href="https://yes-system.de/wir/" >hier</a>, was wir unter <a href="https://yes-system.de/wir/" >Zusammenarbeit</a> verstehen</p>
				
				<p style="color: #fff">Wir freuen uns auf Sie.</p>
				
				
				<p style="color: #fff"><a href="https://yes-system.de/kontakt/">Ihr Yes Team der Yes Websolutions</a></p>
			<p style="color: #fff"><br><i>*Die Anmeldung finden Sie unten.</i></p></span>
			
			
			<div class="entwickler">
				
				<a class="yeslink" href="https://yes-system.de"></a>
				<a class="appslink" href="https://yes-system.de"></a>
				
				<form method="post" action="/login.php?action=process">
					
					<input class="benutzer" type="text" name="email_address" value="E-Mail" onblur="if(this.value=='') this.value='E-Mail'" onfocus="if(this.value =='E-Mail' ) this.value=''">
					<input class="passwort" type="password" name="password" maxlength="40" value="Bitte eingeben" onblur="if(this.value=='') this.value='Bitte eingeben'" onfocus="if(this.value =='Bitte eingeben' ) this.value=''">
					<input class="btn_login" type='submit' value="Start">
					
				</form>
				<a class="passwortlink" href="/password_double_opt.php"></a>
			</div>
			
			<div style="position:relative;top: 50px;width: 98%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;">
				<div style="display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;">
					<div style="-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;padding-left:20px;color: #08c;"><i><a href="https://yes-websolutions.de/">© 2020 YES Websolutions</a></i></div>
					<div style="text-align: right!important;width: 100%;">
						<ul style="float: right;display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;">
							<li style="margin-left: 20px;display: list-item;text-align: -webkit-match-parent;padding-bottom: 20px;">
								<a href="https://yes-system.de/impressum/"><i>Impressum</i></a><br>
							</li>
							<li style="margin-left: 20px;display: list-item;text-align: -webkit-match-parent;padding-bottom: 20px;">
								<a href="https://yes-system.de/datenschutzerklaerung/"><i>Datenschutz</i></a><br>
							</li>
						</ul>
					</div>
				</div>
			</div> 
		</div>
		
		{/if}
		
		
		<!-- Yes-System - Das Ecommerce ERP System für Onlinehändler aus Hamburg - https://yes-system.de -->