wip: Mobile-Theme-Testphase und PHP-8.2-Guards (Stand Juni 2026)

This commit is contained in:
Thomas Bartelt
2026-09-13 19:10:56 +02:00
parent 08beac8d67
commit 20d55f77b8
1448 changed files with 16015 additions and 583 deletions
@@ -0,0 +1,407 @@
/* =================================================================
Mobile-Theme — CSS Overrides für geerbte theme2/easyshop_advanced
Templates, die auf Mobile sonst zerschossen aussehen.
================================================================= */
/* --- Generic resets für geerbte Tables/Widths --- */
.content_box_structure_list table,
.content_box_structure_list table td,
.widget_content_wrapper table,
.widget_content_wrapper table td {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.content_box_structure_list img,
.structure_item img {
max-width: 100% !important;
height: auto !important;
}
/* --- Strukturlisten (Hauptkategorien auf Home) als Cards/Grid --- */
.content_box_structure_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
padding: 0;
margin: 12px 0 24px;
background: transparent !important;
border: 0 !important;
}
.content_box_structure_list .header,
.content_box_structure_list > .content > .header {
grid-column: 1 / -1;
background: transparent !important;
padding: 0;
}
.content_box_structure_list .header h1,
.content_box_structure_list .header h2 {
font-size: 1.05rem !important;
line-height: 1.3;
color: #333;
margin: 8px 0 12px;
padding: 0;
background: transparent !important;
border: 0 !important;
}
.content_box_structure_list > .content {
display: contents;
}
.structure_item {
display: block;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,.06);
transition: transform .1s ease, box-shadow .1s ease;
}
.structure_item:active {
transform: scale(.98);
}
.structure_item > a {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
padding: 0 !important;
background: transparent !important;
color: #222 !important;
text-decoration: none !important;
min-height: 160px;
}
.structure_item .image_wrapper {
order: 1;
background: #f9f9f9;
display: flex;
align-items: center;
justify-content: center;
min-height: 110px;
padding: 8px;
}
.structure_item .image_wrapper img {
max-height: 100px;
width: auto;
object-fit: contain;
}
.structure_item .structure_item_text_sign {
display: none !important; /* das » brauchen wir auf Mobile nicht */
}
.structure_item .structure_item_text {
order: 2;
display: block !important;
padding: 8px 10px !important;
background: #fff !important;
border-top: 1px solid #f0f0f0;
}
.structure_item .structure_item_text span {
font-size: 14px !important;
font-weight: 600;
color: #222;
line-height: 1.3;
}
/* --- Content-Boxen (allgemein) --- */
.content_box_textbox,
.content_box_substructure,
.content_box_item_list {
background: #fff !important;
border: 1px solid #eee !important;
border-radius: 8px;
padding: 12px !important;
margin-bottom: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,.05);
width: 100% !important;
max-width: 100% !important;
}
.content_box_textbox h1,
.content_box_textbox h2 {
font-size: 1.1rem !important;
color: #c00;
margin: 0 0 10px;
}
/* --- Item-Liste (geerbt aus theme2 item_box.tpl) --- */
.itemBox,
.item_box,
.shopItem {
display: flex !important;
flex-direction: column !important;
background: #fff;
border: 1px solid #eee !important;
border-radius: 8px;
margin-bottom: 12px !important;
padding: 12px !important;
width: 100% !important;
float: none !important;
}
.itemBox img,
.item_box img,
.shopItem img {
max-width: 100% !important;
height: auto !important;
}
/* ============================================
Sortier-Dropdown (JS, Desktop-only) — auf Mobile aus
============================================ */
.sort_wrapper {
display: none !important;
}
/* ============================================
SEO-Textbaustein NUR auf Item-Listen-Seiten verstecken
(CMS-Seiten wie AGB/Datenschutz/Widerruf nutzen denselben
.content_box_textbox-Wrapper für Inhalt — den dort zeigen!)
Marker: nur wenn body auch eine .content_box_item_list enthält.
============================================ */
body:has(.content_box_item_list) .content_box_textbox > .content,
body:has(.content_box_item_list) .content_box_textbox .text_box_hidden_text,
body:has(.content_box_item_list) .content_box_textbox .text_box_link_show_text,
body:has(.content_box_item_list) .content_box_textbox .text_box_link_hide_text {
display: none !important;
}
.content_box_textbox > .header {
background: transparent !important;
border: 0 !important;
padding: 4px 0 8px !important;
}
.content_box_textbox > .header h1 {
font-size: 1.25rem !important;
color: #c00 !important;
margin: 0 !important;
}
/* ============================================
Item-Liste (.list_item_box)
============================================ */
.content_box_item_list {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.list_item_box {
display: grid !important;
grid-template-columns: 100px 1fr;
gap: 12px;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 8px;
padding: 12px;
margin-bottom: 12px;
width: 100% !important;
box-shadow: 0 1px 3px rgba(0,0,0,.04);
float: none !important;
}
.list_item_box .imagebox {
grid-row: 1 / span 5;
width: 100px !important;
height: 100px !important;
background-color: #f9f9f9 !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
border-radius: 6px;
border: 1px solid #f0f0f0;
display: block;
position: relative;
}
.list_item_box .imagebox span {
position: absolute;
left: -9999px; /* "Zeige alle Bilder" Text auf Mobile weg */
}
/* Daten-Block rechts neben Bild */
.list_item_box .primary_data_box {
min-width: 0;
}
.list_item_box .artname h2 {
font-size: 0.95rem !important;
line-height: 1.3 !important;
margin: 0 0 6px !important;
color: #222;
}
.list_item_box .artname h2 a {
color: #222 !important;
text-decoration: none !important;
}
.list_item_box .product_no {
font-size: 0.78rem !important;
color: #666;
margin: 0 0 4px !important;
}
.list_item_box .product_no strong {
font-weight: 600;
color: #555;
}
.list_item_box .artmanulogo img {
max-height: 24px;
width: auto !important;
}
.list_item_box .availability {
font-size: 0.82rem;
margin: 6px 0;
}
.list_item_box .availability .notAvailable {
display: inline-block;
background: #fff4f4;
border-left: 3px solid #c00;
padding: 6px 8px;
font-size: 0.75rem !important;
}
/* Action-Buttons + Preis (gehen unter den Daten in voller Breite) */
.list_item_box .variants_box,
.list_item_box .link_box,
.list_item_box #artinfobox,
.list_item_box .linkbox,
.list_item_box .pricing_box {
grid-column: 1 / -1;
}
.list_item_box .link_box {
font-size: 0.78rem;
color: #555;
border-top: 1px dashed #eee;
padding-top: 8px;
margin-top: 4px;
}
.list_item_box .link_box a {
display: inline-block;
padding: 4px 8px;
margin: 2px 4px 2px 0;
background: #f4f4f4;
border-radius: 4px;
text-decoration: none !important;
color: #333 !important;
font-size: 0.78rem;
}
.list_item_box .button_details,
.list_item_box .button_details_no {
display: inline-block !important;
background: #c00 !important;
background-image: none !important;
color: #fff !important;
padding: 10px 16px !important;
border-radius: 6px !important;
font-weight: 600;
text-decoration: none !important;
width: auto !important;
height: auto !important;
min-height: 44px;
line-height: 1.4;
border: 0 !important;
}
.list_item_box .button_details_no {
background: #6c757d !important;
}
.list_item_box .pricing_box {
font-size: 1.1rem;
color: #c00;
font-weight: 700;
margin-top: 4px;
}
/* ============================================
Pagination — Mobile: nur die untere Variante sichtbar.
Carteasy rendert Pagination + 24/48/alle-Switcher doppelt
(oben + unten). Auf Mobile macht oben keinen Sinn.
============================================ */
.list_item_shown_wrapper:first-of-type,
.pagination:first-of-type {
display: none !important;
}
.list_item_shown_wrapper {
display: flex;
justify-content: center;
gap: 6px;
margin: 16px 0;
font-size: 0.85rem;
color: #666;
}
.pagingButton {
display: inline-block;
min-width: 38px;
min-height: 38px;
line-height: 38px;
padding: 0 8px;
text-align: center;
background: #f4f4f4;
border-radius: 6px;
text-decoration: none !important;
color: #333 !important;
font-weight: 500;
}
.pagingButton.activ {
background: #c00 !important;
color: #fff !important;
}
.pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
margin: 12px 0 20px;
}
.pagination a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0 10px;
background: #f4f4f4;
border-radius: 6px;
text-decoration: none !important;
color: #333 !important;
font-weight: 500;
font-size: 0.9rem;
}
.pagination_button.highlight,
.pagination a.highlight {
background: #c00 !important;
color: #fff !important;
}
.pagination_back,
.pagination_forward {
background: #fff !important;
border: 1px solid #ddd !important;
}
.pagination_back::before { content: "‹"; font-size: 1.3rem; line-height: 1; }
.pagination_forward::before { content: "›"; font-size: 1.3rem; line-height: 1; }
.pagination_back.inactive,
.pagination_forward.inactive {
opacity: 0.35;
pointer-events: none;
}
/* --- Tabellen die per width in PX gesetzt sind --- */
[style*="width:992px"],
[style*="width:720px"],
[style*="width:600px"],
[style*="width:480px"] {
width: 100% !important;
max-width: 100% !important;
}
[style*="float:left"],
[style*="float:right"] {
float: none !important;
}
/* --- Headings im Content-Bereich kompakter --- */
main h1 { font-size: 1.35rem; line-height: 1.3; }
main h2 { font-size: 1.15rem; line-height: 1.3; }
main h3 { font-size: 1.05rem; line-height: 1.3; }
/* --- Inputs touch-freundlich (mindestens 44px Tap-Target) --- */
main input[type=text],
main input[type=number],
main input[type=email],
main input[type=tel],
main select,
main button,
main .btn {
min-height: 44px;
}
@@ -0,0 +1,206 @@
<!-- mobile:content_item -->
{* MVP-Mobile-Item-Detail mit Bootstrap 5 Card-Layout.
Variablen aus $shopArticle (siehe Desktop-content_item.tpl).
POST geht zur selben URL (kein action= nötig). *}
{assign var=item_image_first value=""}
{if isset($shopArticle->files[0]) && $shopArticle->files[0]->file_name}
{assign var=item_image_first value=$shopArticle->files[0]->file_name}
{/if}
<form method="post" id="item_buy_form">
<input type="hidden" name="buy_quantity" value="{$shopArticle->buy_quantity}">
<input type="hidden" name="min_quantity" value="{$shopArticle->min_quantity}">
<div class="mb-3">
<a href="javascript:history.back()" class="text-muted text-decoration-none small">
<i class="bi bi-arrow-left"></i> zurück
</a>
</div>
{* --- Hauptbild + Bildergalerie --- *}
<div class="card shop-item-card mb-3">
{if $item_image_first}
<div id="itemImageSlider" class="carousel slide" data-bs-ride="false">
{if $shopArticle->files|@count > 1}
<div class="carousel-indicators">
{foreach from=$shopArticle->files item=file name=indi}
<button type="button" data-bs-target="#itemImageSlider" data-bs-slide-to="{$smarty.foreach.indi.index}"
{if $smarty.foreach.indi.first}class="active"{/if} aria-label="Bild {$smarty.foreach.indi.iteration}"></button>
{/foreach}
</div>
{/if}
<div class="carousel-inner bg-white">
{foreach from=$shopArticle->files item=file name=slides}
<div class="carousel-item {if $smarty.foreach.slides.first}active{/if}">
<a href="{$SHOP_DIR}images/article/{$file->file_name}" target="_blank">
<img src="{$SHOP_DIR}images/article/details_{$file->file_name}"
class="d-block w-100" style="height:280px;object-fit:contain;background:#fff;"
alt="{if isset($file->alt)}{$file->alt|escape:'html'}{else}{$shopArticle->name|escape:'html'}{/if}">
</a>
</div>
{/foreach}
</div>
{if $shopArticle->files|@count > 1}
<button class="carousel-control-prev" type="button" data-bs-target="#itemImageSlider" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" style="background-color:rgba(0,0,0,.3);border-radius:50%;"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#itemImageSlider" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" style="background-color:rgba(0,0,0,.3);border-radius:50%;"></span>
</button>
{/if}
</div>
{else}
<div class="card-body text-center text-muted py-5">
<i class="bi bi-image" style="font-size:3rem;"></i><br>
<small>Kein Bild verfügbar</small>
</div>
{/if}
</div>
{* --- Titel + Hersteller + Artikelnummer --- *}
<div class="card shop-item-card mb-3">
<div class="card-body">
<h1 class="h4 mb-2">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$shopArticle->name_en}
{$shopArticle->name}
{else}
{$shopArticle->name_en}
{/if}
</h1>
{if isset($shopArticle->manufacturer_data->name) && $shopArticle->manufacturer_data->name}
<span class="badge bg-secondary mb-2">{$shopArticle->manufacturer_data->name}</span>
{/if}
{if $shopArticle->number}
<div class="small text-muted mb-2">
{$template_text.item_details.item_number}:
<strong>
{if $shopArticle->attribute_7 && $shopArticle->number != $shopArticle->attribute_7}
{$shopArticle->attribute_7}
<span class="text-muted">(alt: {$shopArticle->number})</span>
{else}
{$shopArticle->number}
{/if}
</strong>
</div>
{/if}
{* Lagerbestand *}
{if $shopArticle->inventory > 0}
<div class="text-success small">
<i class="bi bi-check-circle-fill"></i> Auf Lager — {$shopArticle->inventory} Stück verfügbar
</div>
{elseif $shopArticle->inventory === 0}
<div class="text-danger small">
<i class="bi bi-x-circle-fill"></i> Aktuell nicht verfügbar
</div>
{else}
<div class="text-muted small">
<i class="bi bi-info-circle"></i> Lieferzeit auf Anfrage
</div>
{/if}
</div>
</div>
{* --- Preis + Add-to-Cart --- *}
<div class="card shop-item-card mb-3" id="priceBox">
<div class="card-body">
{if $shopArticle->shop_price_1 > 0}
<div class="mb-2">
<span class="h3 text-danger">
{$shopArticle->shop_price_1|number_format:"2":",":"."}&nbsp;&euro;
</span>
<small class="text-muted">inkl. MwSt.</small>
</div>
{else}
<div class="mb-2 text-muted">
Preis auf Anfrage
</div>
{/if}
<div class="d-flex gap-2 align-items-center">
<label for="qty" class="visually-hidden">Menge</label>
<input type="number" name="quantity" id="qty"
class="form-control text-center" style="max-width:90px;"
value="{if $shopArticle->min_quantity > 0}{$shopArticle->min_quantity}{else}1{/if}"
min="{if $shopArticle->min_quantity > 0}{$shopArticle->min_quantity}{else}1{/if}"
step="{if $shopArticle->buy_quantity > 0}{$shopArticle->buy_quantity}{else}1{/if}">
<button type="submit" name="item_to_cart" value="1" class="btn btn-brand btn-lg flex-grow-1">
<i class="bi bi-bag-plus"></i> In den Warenkorb
</button>
</div>
</div>
</div>
{* --- Beschreibung + weitere Tabs als Accordion --- *}
{if isset($shopArticle->tab_content) && $shopArticle->tab_content}
<div class="accordion mb-3" id="itemDetailsAcc">
{foreach from=$shopArticle->tab_content item=content key=content_id name=tabs}
{assign var=tab_label value=""}
{if isset($shopArticle->tab_title[$content_id])}
{assign var=tab_label value=$shopArticle->tab_title[$content_id]}
{else}
{assign var=tab_label value=$template_text.item_details.description}
{/if}
{if $content}
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button {if !$smarty.foreach.tabs.first}collapsed{/if}"
type="button" data-bs-toggle="collapse"
data-bs-target="#tabColl_{$content_id}"
aria-expanded="{if $smarty.foreach.tabs.first}true{else}false{/if}">
{$tab_label}
</button>
</h2>
<div id="tabColl_{$content_id}" class="accordion-collapse collapse {if $smarty.foreach.tabs.first}show{/if}" data-bs-parent="#itemDetailsAcc">
<div class="accordion-body">
{$content}
</div>
</div>
</div>
{/if}
{/foreach}
{* Technische Daten als zusätzlicher Block, falls Attribute vorhanden *}
{if isset($shopArticle->schema_data_attributes) && $shopArticle->schema_data_attributes}
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#tabColl_attributes" aria-expanded="false">
Technische Daten
</button>
</h2>
<div id="tabColl_attributes" class="accordion-collapse collapse" data-bs-parent="#itemDetailsAcc">
<div class="accordion-body">
<table class="table table-sm table-borderless mb-0">
<tbody>
{foreach from=$shopArticle->schema_data_attributes item=attribute}
{if $attribute.name}
<tr>
<th scope="row" class="text-muted fw-normal" style="width:45%;">{$attribute.name}</th>
<td>{$attribute.value|default:''}{if $attribute.unit} {$attribute.unit}{/if}</td>
</tr>
{/if}
{/foreach}
</tbody>
</table>
</div>
</div>
</div>
{/if}
</div>
{/if}
</form>
{* --- Sticky-Bottom-Bar (Quick Add) --- *}
<div class="position-fixed bottom-0 start-0 end-0 bg-white shadow-lg p-2 d-md-none" style="z-index:1030;border-top:1px solid #eee;">
<div class="d-flex gap-2">
<a href="#priceBox" class="btn btn-brand flex-grow-1">
<i class="bi bi-bag-plus"></i> Zum Warenkorb hinzufügen
</a>
</div>
</div>
@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>{if isset($html_meta.title)}{$html_meta.title}{else}{$system_configuration.full_shop_name}{/if}</title>
{if isset($html_meta.description)}<meta name="description" content="{$html_meta.description}">{/if}
{if isset($html_meta.keywords)}<meta name="keywords" content="{$html_meta.keywords}">{/if}
<link rel="canonical" href="{$serverProtocol}://{$servername}{$currentURI}">
<link rel="icon" href="{$SUB_DIR}favicon.ico" type="image/x-icon">
{* Bootstrap 5.3 *}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
{* Eigenes Mobile-CSS *}
<link rel="stylesheet" href="{$THEME_DIR}/media/css/mobile.css?v=6">
<style>
:root {
--brand-color: #c00;
--brand-color-dark: #a00;
}
body { padding-top: 56px; padding-bottom: 80px; }
.navbar-brand img { max-height: 36px; }
.shop-item-card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); margin-bottom: 12px; }
.btn-brand { background: var(--brand-color); color: #fff; border: 0; }
.btn-brand:hover { background: var(--brand-color-dark); color: #fff; }
.theme-switch-hint {
position: fixed; bottom: 8px; right: 8px; z-index: 999;
background: rgba(0,0,0,.7); color: #fff; padding: 4px 10px;
border-radius: 12px; font-size: 11px; text-decoration: none;
}
</style>
</head>
<body>
{* --- Top-Bar --- *}
<nav class="navbar navbar-expand-lg fixed-top bg-white shadow-sm" aria-label="Hauptnavigation">
<div class="container-fluid">
<button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileNav" aria-controls="mobileNav" aria-label="Menü öffnen">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand mx-auto" href="{$SUB_DIR}">
<strong>{$system_configuration.full_shop_name}</strong>
</a>
<a href="{$SUB_DIR}index.php?website_modul=website_shoppingcart" class="btn btn-link text-dark p-0" aria-label="Warenkorb">
<i class="bi bi-bag" style="font-size: 1.5rem;"></i>
</a>
</div>
</nav>
{* --- Off-Canvas Nav --- *}
<div class="offcanvas offcanvas-start" tabindex="-1" id="mobileNav" aria-labelledby="mobileNavLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="mobileNavLabel">Menü</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Schließen"></button>
</div>
<div class="offcanvas-body">
<form action="{$SUB_DIR}" method="get" class="mb-3">
<div class="input-group">
<input type="text" name="search_item[search_item]" class="form-control" placeholder="Suchen…" autocomplete="off">
<button class="btn btn-brand" type="submit"><i class="bi bi-search"></i></button>
</div>
</form>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}">Startseite</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Mein-Konto/">Mein Konto</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Kontakt/">Kontakt</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Widerrufsrecht/">Widerrufsbelehrung</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}AGB/">AGB</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Datenschutz/">Datenschutz</a></li>
<li class="nav-item"><a class="nav-link" href="{$SUB_DIR}Impressum/">Impressum</a></li>
</ul>
</div>
</div>
{* --- Content --- *}
<main class="container py-3">
{$maincontent}
</main>
{* --- Footer --- *}
<footer class="bg-light py-4 mt-4 border-top">
<div class="container text-center">
<a class="btn btn-brand btn-lg mb-2" href="{$SUB_DIR}widerruf.php">
Vertrag widerrufen
</a>
<p class="small text-muted mb-1">Elektronische Widerrufsfunktion gem. § 356a BGB</p>
<hr class="my-3">
<p class="small text-muted mb-0">
<strong>{$system_configuration.full_shop_name}</strong> &middot;
{$system_configuration.footer_copyright_text}
</p>
<p class="small mt-2 mb-0">
<a href="?theme=theme2" class="text-muted">Zur Desktop-Version</a>
</p>
</div>
</footer>
{* Theme-Switch Hint (nur Test-Phase) *}
<a href="?theme=theme2" class="theme-switch-hint">📱 mobile · zurück zur Desktop-Version</a>
{* Bootstrap 5 JS bundle *}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
@@ -4142,3 +4142,176 @@ form.formated_form select option {
/* Basisbreite der Boxen auf der Artikel-Detailseite (ohne Navi-Spalte).
Stand vorher als style="width:992px" direkt im main.tpl und war damit durch
kein Stylesheet zu ueberschreiben -- deshalb blieb die Suchbox schmal,
waehrend Titel und Preisbox schon mitgewachsen sind. */
#maincontent_wrapper2 .content_box_structure_list { width: 992px; }
/* ============================================================================
SEMI-FIXED RASTER (16.08.2026, nur DEV -- Test)
----------------------------------------------------------------------------
Ausgangslage: .centralizer/.hcentralizer sind fest 992px, der Inhalt bekommt
davon 722px (#content_wrapper), die Navi 235px. Das stammt aus der Zeit fester
1024er-Bildschirme.
Gemessen ueber 1.922 Aufloesungen aus 13 Tagen Access-Log (phpwebstat
js_resolution): 83,7 % der Desktop-Besucher haben >= 1600px Breite, nur 3,3 %
liegen unter 1280px. Bei 1920 (die Haelfte aller Besucher) bleibt heute ueber
die Haelfte des Fensters ungenutzt, waehrend lange Artikelnamen dreizeilig
umbrechen.
Bewusst STUFEN statt fluid: Das Theme rechnet an vielen Stellen mit festen
Pixeln (Hintergrundbilder, Dropdown-Menue, Spaltenbreiten). Feste Werte je
Stufe bleiben vorhersehbar; ein fluides Layout wuerde diese Annahmen brechen.
Unterhalb der ersten Stufe aendert sich NICHTS -- die 992px bleiben der
Ausgangszustand.
Rechnung: #content_wrapper = .centralizer - 235 (Navi) - 10 - 35 (Margins).
Rollback: diesen Block loeschen. Backup: customized_theme.css.bak_20260816_semifixed
============================================================================ */
/* Stufe 1 -- ab 1440px Viewport (trifft u.a. 1536x864 und alle 1600er) */
@media screen and (min-width: 1440px) {
.hcentralizer,
.centralizer { width: 1280px; }
/* Rahmen -- diese Breiten stehen im Parent-Theme (themes/easyshop_advanced/
media/css/layout.css) und werden von hier aus ueberschrieben, weil
customized_theme.css spaeter geladen wird. */
#wrapper,
#header_wrapper,
#header_trans2,
#main_wrapper,
#maincontent_wrapper2,
#footer { width: 1280px; }
#header_trans,
#footer_wrapper { min-width: 1280px; }
#content_sub_wrapper { width: 1014px; }
/* Artikel-Detailseite (site_type=full_width, ueber #maincontent_wrapper2).
Das Produktbild bleibt bewusst FIX bei 484px: es ist ein JS-Slider
(content_item.js:190 setzt die Innenbreite auf bigImageCount * bigImageWidth,
Viewport 484x484 mit overflow:hidden). Groesser ginge nur mit JS-Aenderung und
hoeher aufgeloesten details_*.jpg.
Stattdessen fuellt die rechte Spalte den gewonnenen Platz auf (Tom).
Die 111px Innenabstand der Preisbox (483 -> 372) bleiben ueber calc() erhalten. */
.content_item,
#item_content1,
#item_content2 { width: 1280px; }
.content_item .title_wrapper { width: 1189px; }
.content_item .image_wrapper { width: 484px; }
/* Preisspalte gedeckelt und an den rechten Rand: sie ist absolut positioniert
(items.css: top 101, left 508). Wuerde sie den ganzen Rest fuellen, waeren das
bei 1560 ueber 1000px fuer einen Kaufbutton -- viel Weissraum. Lieber Bild links,
Preis rechts am Rand, dazwischen Luft (Tom). */
/* Preisbox: 20px neben dem Bild beginnen und bis zur rechten Kante durchlaufen
(Tom: "box fill to end of side, inline container right 0"). Sie ist absolut
positioniert, also spannen left+right sie auf -- width muss dafuer auto sein.
506 = 484 Bild + 2 Border + 20 Abstand. */
.content_item .item_box_right_wrapper { left: 506px; right: 0; width: auto; }
#price_box_wrapper,
#manufacturer_wrapper { width: 100%; }
#price_box_wrapper .register_buy,
#price_box_wrapper .shippable_wrapper,
#price_box_wrapper .variant_selection,
#price_box_wrapper .register_buy .tab,
#price_box_wrapper .register_buy .variant_selection_wrapper { width: calc(100% - 111px); }
/* Detailseite laeuft OHNE Navi -- Boxen darin gehen auf Rahmen-, nicht auf
Contentbreite. Sonst endet die Suchbox weiter links als Titel und Preisbox
und nichts ist rechts buendig. */
#maincontent_wrapper2 .content_box_structure_list,
#maincontent_wrapper2 .full_box,
#maincontent_wrapper2 .content_box_textbox { width: 1280px; }
.item_friends_slider_wrapper { width: 1218px; }
.item_friends_slider_wrapper .image_slider_content_outer_wrapper { width: 1188px; }
#content_wrapper,
.full_box,
#headerImagesWrapper,
.image_slider_wrapper,
.list_item_box,
.content_box_textbox,
.content_box_structure_list,
.customer_center .full_box,
.consists_of_1 div { width: 1010px; }
.content_box_textbox .header,
.image_slider_wrapper .image_slider_content_outer_wrapper { width: 968px; }
#main_widget_item_categories_dropdown .main_navigation_subnav,
#main_widget_item_categories_dropdown .main_navigation_subnav .subNavRoller .subbox,
#main_widget_item_categories_dropdown .main_navigation_subnav .subNavRoller .subbox .subboxCover
{ width: 1280px; }
}
/* Stufe 2 -- ab 1800px Viewport (1920er aufwaerts, rund die Haelfte der Besucher) */
@media screen and (min-width: 1800px) {
.hcentralizer,
.centralizer { width: 1560px; }
/* Rahmen -- diese Breiten stehen im Parent-Theme (themes/easyshop_advanced/
media/css/layout.css) und werden von hier aus ueberschrieben, weil
customized_theme.css spaeter geladen wird. */
#wrapper,
#header_wrapper,
#header_trans2,
#main_wrapper,
#maincontent_wrapper2,
#footer { width: 1560px; }
#header_trans,
#footer_wrapper { min-width: 1560px; }
#content_sub_wrapper { width: 1294px; }
/* Artikel-Detailseite (site_type=full_width, ueber #maincontent_wrapper2).
Das Produktbild bleibt bewusst FIX bei 484px: es ist ein JS-Slider
(content_item.js:190 setzt die Innenbreite auf bigImageCount * bigImageWidth,
Viewport 484x484 mit overflow:hidden). Groesser ginge nur mit JS-Aenderung und
hoeher aufgeloesten details_*.jpg.
Stattdessen fuellt die rechte Spalte den gewonnenen Platz auf (Tom).
Die 111px Innenabstand der Preisbox (483 -> 372) bleiben ueber calc() erhalten. */
.content_item,
#item_content1,
#item_content2 { width: 1560px; }
.content_item .title_wrapper { width: 1469px; }
.content_item .image_wrapper { width: 484px; }
/* Preisspalte gedeckelt und an den rechten Rand: sie ist absolut positioniert
(items.css: top 101, left 508). Wuerde sie den ganzen Rest fuellen, waeren das
bei 1560 ueber 1000px fuer einen Kaufbutton -- viel Weissraum. Lieber Bild links,
Preis rechts am Rand, dazwischen Luft (Tom). */
/* Preisbox: 20px neben dem Bild beginnen und bis zur rechten Kante durchlaufen
(Tom: "box fill to end of side, inline container right 0"). Sie ist absolut
positioniert, also spannen left+right sie auf -- width muss dafuer auto sein.
506 = 484 Bild + 2 Border + 20 Abstand. */
.content_item .item_box_right_wrapper { left: 506px; right: 0; width: auto; }
#price_box_wrapper,
#manufacturer_wrapper { width: 100%; }
#price_box_wrapper .register_buy,
#price_box_wrapper .shippable_wrapper,
#price_box_wrapper .variant_selection,
#price_box_wrapper .register_buy .tab,
#price_box_wrapper .register_buy .variant_selection_wrapper { width: calc(100% - 111px); }
/* Detailseite laeuft OHNE Navi -- Boxen darin gehen auf Rahmen-, nicht auf
Contentbreite. Sonst endet die Suchbox weiter links als Titel und Preisbox
und nichts ist rechts buendig. */
#maincontent_wrapper2 .content_box_structure_list,
#maincontent_wrapper2 .full_box,
#maincontent_wrapper2 .content_box_textbox { width: 1560px; }
.item_friends_slider_wrapper { width: 1498px; }
.item_friends_slider_wrapper .image_slider_content_outer_wrapper { width: 1468px; }
#content_wrapper,
.full_box,
#headerImagesWrapper,
.image_slider_wrapper,
.list_item_box,
.content_box_textbox,
.content_box_structure_list,
.customer_center .full_box,
.consists_of_1 div { width: 1290px; }
.content_box_textbox .header,
.image_slider_wrapper .image_slider_content_outer_wrapper { width: 1248px; }
#main_widget_item_categories_dropdown .main_navigation_subnav,
#main_widget_item_categories_dropdown .main_navigation_subnav .subNavRoller .subbox,
#main_widget_item_categories_dropdown .main_navigation_subnav .subNavRoller .subbox .subboxCover
{ width: 1560px; }
}
@@ -105,7 +105,7 @@
{/if}
</div>
{if $search_item_categories}
{if isset($search_item_categories) && $search_item_categories}
<div class="content_box_structure_family_list full_box">
<div class="family_list_content clearfix">
{if isset($content_box_title) || $content_box_title}
@@ -31,7 +31,7 @@
<span>Zeige alle Bilder</span>
{/if}
</a>
{if $show_memory_items == 1}
{if isset($show_memory_items) && $show_memory_items == 1}
<a class="button_details button_delete_memory_item" href="?item_id={$shopArticle->id}&action=delete">von Merkliste entfernen</a>
{/if}
<div class="primary_data_box">
@@ -69,7 +69,7 @@
{/if}
</div>
<div class="artmanulogo">
{if $shopArticle->manufacturer_data->logo}
{if isset($shopArticle->manufacturer_data->logo) && $shopArticle->manufacturer_data->logo}
<img class="manufacturer_logo" src="{$SHOP_DIR}images/manufacturers/{$shopArticle->manufacturer_data->logo}">
{/if}
</div>
@@ -212,7 +212,7 @@
{/if}
</div>
<span class="taxInfo">
{if $shopArticle->sample_price && $shopArticle->sample_unit && $shopArticle->sample_price > 0 || $item_debug}
{if $shopArticle->sample_price && $shopArticle->sample_unit && $shopArticle->sample_price > 0 || (isset($item_debug) && $item_debug)}
Preis / {$shopArticle->sample_unit} = {$shopArticle->sample_price|number_format:"2":",":"."} &euro;<br>
{/if}
{$shopArticle->price_tax_text}
@@ -1,329 +1,374 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<meta charset="utf-8" />
{if isset($shopArticle) && $shopArticle->id && $shopArticle->structure_id != $menu_id}
<link rel="canonical" href="http://{$SERVER_NAME}/{$shopArticle->main_structure_uri_path}/{$shopArticle->short_uri}.html" />
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
<meta name="format-detection" content="telephone=no">
{foreach item=val key=key from=$metatags}
{if $key != 'footer_text'}
{if $key != 'title'}
<meta name="{$key}" content="{$val}" />
{else}
<title>{$val}</title>
{/if}
{/if}
{/foreach}
<meta name="google-site-verification" content="AiRYv1ltNq-QytW_F3ahgBq17ZkwImsS1MYyQrKicBg" />
<!-- standard parent theme css -->
<link rel="stylesheet" href="{$SUB_DIR}media/css/common_styles.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/layout.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/widgets.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/items.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/contents.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_shoppingcart.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_login.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_cash_desk.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_customer_center.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/forms.css?version=1" />
{*<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />*}
<link rel="stylesheet" href="{$SUB_DIR}libs/slimbox-2.02/css/slimbox2.css" media="screen,print" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/cookieconsent.css" media="print" onload="this.media='all'">
<!-- customized theme css -->
<link rel="stylesheet" href="{$THEME_DIR}/media/css/customized_theme.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/fontawesome.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/brands.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/solid.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/easycart-intelectra.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="{$THEME_DIR}/media/css/ie7.css" />
<![endif]-->
{if isset($theme_data->css) && $theme_data->css}
<style>
{$theme_data->css}
</style>
{/if}
<!-- standard parent theme javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js" integrity="sha512-SW0bB7zYONzOFdTogLM8mF+lpvSaPH55g+RyyV8+dRZkiW5n/c1gNgGk5i2xfzDLTmPHvSCqsaiEoZJDiToTWg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-1.6.4.min.js"></script>*}
{*<script src="{$PARENT_THEME_DIR}/media/js/jquery-1.6.4.min.js"></script>*}
<script src="{$PARENT_THEME_DIR}/media/js/jquery.color.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.hoverIntent.minified.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/script.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/widget.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/recommendation_form.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.cycle.all.js"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-ui-1.10.3.custom.min.js"></script>*}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" integrity="sha512-kHKdovQFIwzs2NABJSo9NgJKZOrRqLPSoqIumoCkaIytTRGgsddo7d0rFyyh8RvYyNNKcMF7C9+4sM7YhMylgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/plain" data-cookiecategory="analytics" src="/phpwebstat/pws.php?mode=js"></script>
<script src="{$SUB_DIR}libs/slimbox-2.02/src/slimbox2.js"></script>
<script src="{$SUB_DIR}libs/jquery.qrcode.min.js"></script>
<script defer src="{$PARENT_THEME_DIR}/media/js/cookieconsent.js"></script>
<script defer src="{$THEME_DIR}/media/js/cookieconsent-init.js"></script>
<script>
var shop_dir = '{$SHOP_DIR}';
var theme_dir = '{$THEME_DIR}';
var sub_dir = '{$SUB_DIR}';
</script>
{literal}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126168744-1"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
{/literal}
{literal}
<!-- Page hiding snippet (recommended) -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-T7HR4RC':true});</script>
<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-126168744-1', 'intelectra-shop.de');
ga('require', 'GTM-T7HR4RC');
ga('send', 'pageview');
</script>
{/literal}
</head>
<body>
<div id="layout_laden_window">{$template_text.default.searchload_text}</div>
<div id="header_trans_bg" class="firststicky">
<div class="hcentralizer">
<a class="logo" href="/" title="Intelectra"></a>
{if $items_in_memory }
<a class="memorylistbutton" href="/Merkliste/">Merkliste ({$items_in_memory})</a>
{/if}
<a class="quickshopping" href="/Warenkorb/">Schnelleinkauf</a>
</div>
</div>
<div id="header_sticky" class="sticky">
<div id="header_trans">
<div class="centralizer">
<span style="font-weight:bold;font-size:12px;">Sachsenring 48, D-94315 Straubing</span><br><br>
<span>Ersatzteile und Zubeh&ouml;r f&uuml;r Elektro Hausger&auml;te | Versandgro&szlig;handel | Einzelhandel&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
<strong style="font-size:20px;">Telefonische&nbsp;Beratung:&nbsp;+49&nbsp;(0)&nbsp;9421/62015&nbsp;&nbsp;</strong>
<div>
{if $top_widgets}
{foreach from=$top_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_trans_sub">
<div class="centralizer">
{if $header_widgets}
{foreach from=$header_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_logorodeo">
{if $subheader_widgets}
{foreach from=$subheader_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<div id="wrapper">
{*<div id="header_wrapper" {if $theme_data->header_image}style="background:transparent url({$SHOP_DIR}images/header/{$theme_data->header_image}) no-repeat;"{/if}></div>*}
<div id="breadcrumb">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
{if isset($structureData) && $structureData->id != 6}
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/Home/"><span itemprop="name">Intelectra Startseite</span></a>
<meta itemprop="position" content="1" />
</li>
{/if}
{foreach from=$breadcrumb item=breadcrumb_item}
{if isset($structureData) && $structureData->id == 6}
{$breadcrumb_item.name=$template_text.default.breadcrumb_home}
{/if}
<!-- 29. Januar 2021 wird das data-vocabulary.org-Markup nicht mehr für die Rich-Suchergebnisfunktionen von Google berücksichtigt.
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.name}</span>
</a>
{else}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.object->name_en}</span>
</a>
{/if}
</div>-->
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{else}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{/if}
</li>
</ol>
{/foreach}
</ol>
</div>
<div id="main_wrapper" class="clearfix">
{if !isset($site_type) || $site_type != 'full_width'}
<!-- Navi -->
<div id="navi_wrapper">
{if $left_widgets}
{foreach from=$left_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<!-- Content wrapper -->
<div id="content_wrapper">
<!-- Content -->
<div id="maincontent_wrapper">
<!-- Search -->
<div class="content_box_structure_list">
<div class="header"><h2>Suche <i class="fa-solid fa-magnifying-glass"></i></h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
<button title="Suche starten"><i class="fa fa-search"></i></button>
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{else}
<!-- Content wrapper -->
<div id="content_wrapper2">
<!-- Content -->
<div id="maincontent_wrapper2">
<!-- Search -->
<div class="content_box_structure_list" style="width:992px;">
<div class="header"><h2>Suche</h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text2}
<div class="above_field_text2">{$template_text.main_widget_search.above_field_text2}</div>
{/if}
{if $template_text.main_widget_search.above_field_text3}
<div class="above_field_text3">{$template_text.main_widget_search.above_field_text3}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{/if}
</div>
</div>
<div id="footer_wrapper">
<div id="footer">
{foreach from=$footer_widgets item=widget}
{$widget}
{/foreach}
<!-- Content wrapper
<div id="fb_box">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="225" data-show-faces="true"></div>
</div>-->
<div id="copyright">{$system_configuration.footer_copyright_text}</div>
</div>
</div>
<div id="layout_modal" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<div id="layout_laden" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<script src="{$THEME_DIR}/media/js/theme.js"></script>
<script src="{$THEME_DIR}/media/js/widget.js?v=1234"></script>
</body>
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<meta charset="utf-8" />
{if isset($shopArticle) && $shopArticle->id && $shopArticle->structure_id != $menu_id}
<link rel="canonical" href="http://{$SERVER_NAME}/{$shopArticle->main_structure_uri_path}/{$shopArticle->short_uri}.html" />
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
<meta name="format-detection" content="telephone=no">
{foreach item=val key=key from=$metatags}
{if $key != 'footer_text'}
{if $key != 'title'}
<meta name="{$key}" content="{$val}" />
{else}
<title>{$val}</title>
{/if}
{/if}
{/foreach}
<meta name="google-site-verification" content="AiRYv1ltNq-QytW_F3ahgBq17ZkwImsS1MYyQrKicBg" />
<!-- standard parent theme css -->
<link rel="stylesheet" href="{$SUB_DIR}media/css/common_styles.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/layout.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/widgets.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/items.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/contents.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_shoppingcart.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_login.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_cash_desk.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_customer_center.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/forms.css?version=1" />
{*<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />*}
<link rel="stylesheet" href="{$SUB_DIR}libs/slimbox-2.02/css/slimbox2.css" media="screen,print" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/cookieconsent.css" media="print" onload="this.media='all'">
<!-- customized theme css -->
<link rel="stylesheet" href="{$THEME_DIR}/media/css/customized_theme.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/fontawesome.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/brands.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/solid.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/easycart-intelectra.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="{$THEME_DIR}/media/css/ie7.css" />
<![endif]-->
{if isset($theme_data->css) && $theme_data->css}
<style>
{$theme_data->css}
</style>
{/if}
<!-- standard parent theme javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js" integrity="sha512-SW0bB7zYONzOFdTogLM8mF+lpvSaPH55g+RyyV8+dRZkiW5n/c1gNgGk5i2xfzDLTmPHvSCqsaiEoZJDiToTWg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-1.6.4.min.js"></script>*}
{*<script src="{$PARENT_THEME_DIR}/media/js/jquery-1.6.4.min.js"></script>*}
<script src="{$PARENT_THEME_DIR}/media/js/jquery.color.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.hoverIntent.minified.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/script.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/widget.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/recommendation_form.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.cycle.all.js"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-ui-1.10.3.custom.min.js"></script>*}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" integrity="sha512-kHKdovQFIwzs2NABJSo9NgJKZOrRqLPSoqIumoCkaIytTRGgsddo7d0rFyyh8RvYyNNKcMF7C9+4sM7YhMylgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/plain" data-cookiecategory="analytics" src="/phpwebstat/pws.php?mode=js"></script>
<script src="{$SUB_DIR}libs/slimbox-2.02/src/slimbox2.js"></script>
<script src="{$SUB_DIR}libs/jquery.qrcode.min.js"></script>
<script defer src="{$PARENT_THEME_DIR}/media/js/cookieconsent.js"></script>
<script defer src="{$THEME_DIR}/media/js/cookieconsent-init.js"></script>
<script>
var shop_dir = '{$SHOP_DIR}';
var theme_dir = '{$THEME_DIR}';
var sub_dir = '{$SUB_DIR}';
</script>
{literal}
<script src='https://www.google.com/recaptcha/api.js'></script>
{/literal}
{* Entfernt am 16.08.2026 (Angleich an Live, dort am 05.08.2026 entfernt) -- alles tot:
- Google Optimize Anti-Flicker-Snippet: Optimize ist seit September 2023 abgeschaltet.
Das Snippet setzte "opacity: 0" auf <html> und wartete bis zu 4000 ms darauf, dass
Optimize die Klasse wieder entfernt. Da nie jemand antwortet, lief die Wartezeit
immer voll durch -- bis zu 4 Sekunden leere Seite.
- Universal Analytics (UA-126168744-1, gtag.js + analytics.js): UA verarbeitet seit
Juli 2023 keine Daten mehr.
- "GTM-T7HR4RC" war KEIN Tag-Manager-Container, sondern die Optimize-Container-ID.
reCAPTCHA bleibt (wird von den Formularen gebraucht), steht aber weiterhin OHNE
async/defer im <head> und blockiert damit das Rendering -- offener Punkt, auf Live
ebenso. *}
</head>
<body>
<div id="layout_laden_window">{$template_text.default.searchload_text}</div>
<div id="header_trans_bg" class="firststicky">
<div class="hcentralizer">
<a class="logo" href="/" title="Intelectra"></a>
{if $items_in_memory }
<a class="memorylistbutton" href="/Merkliste/">Merkliste ({$items_in_memory})</a>
{/if}
<a class="quickshopping" href="/Warenkorb/">Schnelleinkauf</a>
</div>
</div>
<div id="header_sticky" class="sticky">
<div id="header_trans">
<div class="centralizer">
<span style="font-weight:bold;font-size:12px;">Sachsenring 48, D-94315 Straubing</span><br><br>
<span>Ersatzteile und Zubeh&ouml;r f&uuml;r Elektro Hausger&auml;te | Versandgro&szlig;handel | Einzelhandel&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
<strong style="font-size:20px;">Telefonische&nbsp;Beratung:&nbsp;+49&nbsp;(0)&nbsp;9421/62015&nbsp;&nbsp;</strong>
<div>
{if $top_widgets}
{foreach from=$top_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_trans_sub">
<div class="centralizer">
{if $header_widgets}
{foreach from=$header_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_logorodeo">
{if $subheader_widgets}
{foreach from=$subheader_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<div id="wrapper">
{*<div id="header_wrapper" {if $theme_data->header_image}style="background:transparent url({$SHOP_DIR}images/header/{$theme_data->header_image}) no-repeat;"{/if}></div>*}
<div id="breadcrumb">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
{if isset($structureData) && $structureData->id != 6}
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/Home/"><span itemprop="name">Intelectra Startseite</span></a>
<meta itemprop="position" content="1" />
</li>
{/if}
{foreach from=$breadcrumb item=breadcrumb_item}
{if isset($structureData) && $structureData->id == 6}
{$breadcrumb_item.name=$template_text.default.breadcrumb_home}
{/if}
<!-- 29. Januar 2021 wird das data-vocabulary.org-Markup nicht mehr für die Rich-Suchergebnisfunktionen von Google berücksichtigt.
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.name}</span>
</a>
{else}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.object->name_en}</span>
</a>
{/if}
</div>-->
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{else}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{/if}
</li>
</ol>
{/foreach}
</ol>
</div>
<div id="main_wrapper" class="clearfix">
{if !isset($site_type) || $site_type != 'full_width'}
<!-- Navi -->
<div id="navi_wrapper">
{if $left_widgets}
{foreach from=$left_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<!-- Content wrapper -->
<div id="content_wrapper">
<!-- Content -->
<div id="maincontent_wrapper">
<!-- Search -->
<div class="content_box_structure_list">
<div class="header"><h2>Suche <i class="fa-solid fa-magnifying-glass"></i></h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
<button title="Suche starten"><i class="fa fa-search"></i></button>
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{else}
<!-- Content wrapper -->
<div id="content_wrapper2">
<!-- Content -->
<div id="maincontent_wrapper2">
<!-- Search -->
<div class="content_box_structure_list">{* width kam als Inline-Style (992px) und schlug jede CSS-Regel -- jetzt in customized_theme.css, damit die Breitenstufen greifen *}
<div class="header"><h2>Suche</h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text2}
<div class="above_field_text2">{$template_text.main_widget_search.above_field_text2}</div>
{/if}
{if $template_text.main_widget_search.above_field_text3}
<div class="above_field_text3">{$template_text.main_widget_search.above_field_text3}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{/if}
</div>
</div>
<div id="footer_wrapper">
<div id="footer">
{* § 356a BGB – elektronische Widerrufsfunktion: separater, gut sichtbarer Button *}
<div id="widerruf_button_block">
<a class="widerruf_button" href="{$SUB_DIR}widerruf.php" title="Vertrag widerrufen">Vertrag widerrufen</a>
<span class="widerruf_button_hint">Elektronische Widerrufsfunktion gem.&nbsp;§&nbsp;356a&nbsp;BGB</span>
</div>
<style>
#widerruf_button_block{
position:relative !important;
display:block !important;
width:100% !important;
box-sizing:border-box !important;
padding:18px 0 20px !important;
text-align:center !important;
background:transparent !important;
border-bottom:1px solid rgba(255,255,255,.12) !important;
margin:0 0 18px !important;
z-index:5 !important;
clear:both !important;
}
#widerruf_button_block a.widerruf_button{
display:inline-block !important;
padding:13px 28px !important;
background:#c00 !important;
color:#fff !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
font-weight:700 !important;
letter-spacing:.3px !important;
text-transform:none !important;
text-decoration:none !important;
border:0 !important;
border-radius:6px !important;
box-shadow:0 2px 6px rgba(0,0,0,.25) !important;
transition:background .15s ease,transform .05s ease !important;
line-height:1.1 !important;
cursor:pointer !important;
}
#widerruf_button_block a.widerruf_button:hover,
#widerruf_button_block a.widerruf_button:focus{
background:#a30000 !important;
color:#fff !important;
text-decoration:none !important;
}
#widerruf_button_block a.widerruf_button:active{
transform:translateY(1px) !important;
}
#widerruf_button_block .widerruf_button_hint{
display:block !important;
margin-top:8px !important;
font-size:11px !important;
color:#fff !important;
font-weight:400 !important;
}
</style>
{foreach from=$footer_widgets item=widget}
{$widget}
{/foreach}
<!-- Content wrapper
<div id="fb_box">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="225" data-show-faces="true"></div>
</div>-->
<div id="copyright">{$system_configuration.footer_copyright_text}</div>
</div>
</div>
<div id="layout_modal" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<div id="layout_laden" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<script src="{$THEME_DIR}/media/js/theme.js"></script>
<script src="{$THEME_DIR}/media/js/widget.js?v=1234"></script>
</body>
</html>
@@ -0,0 +1,383 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<meta charset="utf-8" />
{if isset($shopArticle) && $shopArticle->id && $shopArticle->structure_id != $menu_id}
<link rel="canonical" href="http://{$SERVER_NAME}/{$shopArticle->main_structure_uri_path}/{$shopArticle->short_uri}.html" />
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
<meta name="format-detection" content="telephone=no">
{foreach item=val key=key from=$metatags}
{if $key != 'footer_text'}
{if $key != 'title'}
<meta name="{$key}" content="{$val}" />
{else}
<title>{$val}</title>
{/if}
{/if}
{/foreach}
<meta name="google-site-verification" content="AiRYv1ltNq-QytW_F3ahgBq17ZkwImsS1MYyQrKicBg" />
<!-- standard parent theme css -->
<link rel="stylesheet" href="{$SUB_DIR}media/css/common_styles.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/layout.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/widgets.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/items.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/contents.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_shoppingcart.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_login.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_cash_desk.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_customer_center.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/forms.css?version=1" />
{*<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />*}
<link rel="stylesheet" href="{$SUB_DIR}libs/slimbox-2.02/css/slimbox2.css" media="screen,print" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/cookieconsent.css" media="print" onload="this.media='all'">
<!-- customized theme css -->
<link rel="stylesheet" href="{$THEME_DIR}/media/css/customized_theme.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/fontawesome.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/brands.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/solid.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/easycart-intelectra.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="{$THEME_DIR}/media/css/ie7.css" />
<![endif]-->
{if isset($theme_data->css) && $theme_data->css}
<style>
{$theme_data->css}
</style>
{/if}
<!-- standard parent theme javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js" integrity="sha512-SW0bB7zYONzOFdTogLM8mF+lpvSaPH55g+RyyV8+dRZkiW5n/c1gNgGk5i2xfzDLTmPHvSCqsaiEoZJDiToTWg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-1.6.4.min.js"></script>*}
{*<script src="{$PARENT_THEME_DIR}/media/js/jquery-1.6.4.min.js"></script>*}
<script src="{$PARENT_THEME_DIR}/media/js/jquery.color.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.hoverIntent.minified.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/script.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/widget.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/recommendation_form.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.cycle.all.js"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-ui-1.10.3.custom.min.js"></script>*}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" integrity="sha512-kHKdovQFIwzs2NABJSo9NgJKZOrRqLPSoqIumoCkaIytTRGgsddo7d0rFyyh8RvYyNNKcMF7C9+4sM7YhMylgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/plain" data-cookiecategory="analytics" src="/phpwebstat/pws.php?mode=js"></script>
<script src="{$SUB_DIR}libs/slimbox-2.02/src/slimbox2.js"></script>
<script src="{$SUB_DIR}libs/jquery.qrcode.min.js"></script>
<script defer src="{$PARENT_THEME_DIR}/media/js/cookieconsent.js"></script>
<script defer src="{$THEME_DIR}/media/js/cookieconsent-init.js"></script>
<script>
var shop_dir = '{$SHOP_DIR}';
var theme_dir = '{$THEME_DIR}';
var sub_dir = '{$SUB_DIR}';
</script>
{literal}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126168744-1"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
{/literal}
{literal}
<!-- Page hiding snippet (recommended) -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-T7HR4RC':true});</script>
<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-126168744-1', 'intelectra-shop.de');
ga('require', 'GTM-T7HR4RC');
ga('send', 'pageview');
</script>
{/literal}
</head>
<body>
<div id="layout_laden_window">{$template_text.default.searchload_text}</div>
<div id="header_trans_bg" class="firststicky">
<div class="hcentralizer">
<a class="logo" href="/" title="Intelectra"></a>
{if $items_in_memory }
<a class="memorylistbutton" href="/Merkliste/">Merkliste ({$items_in_memory})</a>
{/if}
<a class="quickshopping" href="/Warenkorb/">Schnelleinkauf</a>
</div>
</div>
<div id="header_sticky" class="sticky">
<div id="header_trans">
<div class="centralizer">
<span style="font-weight:bold;font-size:12px;">Sachsenring 48, D-94315 Straubing</span><br><br>
<span>Ersatzteile und Zubeh&ouml;r f&uuml;r Elektro Hausger&auml;te | Versandgro&szlig;handel | Einzelhandel&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
<strong style="font-size:20px;">Telefonische&nbsp;Beratung:&nbsp;+49&nbsp;(0)&nbsp;9421/62015&nbsp;&nbsp;</strong>
<div>
{if $top_widgets}
{foreach from=$top_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_trans_sub">
<div class="centralizer">
{if $header_widgets}
{foreach from=$header_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_logorodeo">
{if $subheader_widgets}
{foreach from=$subheader_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<div id="wrapper">
{*<div id="header_wrapper" {if $theme_data->header_image}style="background:transparent url({$SHOP_DIR}images/header/{$theme_data->header_image}) no-repeat;"{/if}></div>*}
<div id="breadcrumb">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
{if isset($structureData) && $structureData->id != 6}
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/Home/"><span itemprop="name">Intelectra Startseite</span></a>
<meta itemprop="position" content="1" />
</li>
{/if}
{foreach from=$breadcrumb item=breadcrumb_item}
{if isset($structureData) && $structureData->id == 6}
{$breadcrumb_item.name=$template_text.default.breadcrumb_home}
{/if}
<!-- 29. Januar 2021 wird das data-vocabulary.org-Markup nicht mehr für die Rich-Suchergebnisfunktionen von Google berücksichtigt.
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.name}</span>
</a>
{else}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.object->name_en}</span>
</a>
{/if}
</div>-->
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{else}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{/if}
</li>
</ol>
{/foreach}
</ol>
</div>
<div id="main_wrapper" class="clearfix">
{if !isset($site_type) || $site_type != 'full_width'}
<!-- Navi -->
<div id="navi_wrapper">
{if $left_widgets}
{foreach from=$left_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<!-- Content wrapper -->
<div id="content_wrapper">
<!-- Content -->
<div id="maincontent_wrapper">
<!-- Search -->
<div class="content_box_structure_list">
<div class="header"><h2>Suche <i class="fa-solid fa-magnifying-glass"></i></h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
<button title="Suche starten"><i class="fa fa-search"></i></button>
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{else}
<!-- Content wrapper -->
<div id="content_wrapper2">
<!-- Content -->
<div id="maincontent_wrapper2">
<!-- Search -->
<div class="content_box_structure_list" style="width:992px;">
<div class="header"><h2>Suche</h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text2}
<div class="above_field_text2">{$template_text.main_widget_search.above_field_text2}</div>
{/if}
{if $template_text.main_widget_search.above_field_text3}
<div class="above_field_text3">{$template_text.main_widget_search.above_field_text3}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{/if}
</div>
</div>
<div id="footer_wrapper">
<div id="footer">
{* § 356a BGB – elektronische Widerrufsfunktion: separater, gut sichtbarer Button *}
<div id="widerruf_button_block">
<a class="widerruf_button" href="{$SUB_DIR}widerruf.php" title="Vertrag widerrufen">Vertrag widerrufen</a>
<span class="widerruf_button_hint">Elektronische Widerrufsfunktion gem.&nbsp;§&nbsp;356a&nbsp;BGB</span>
</div>
<style>
#widerruf_button_block{
position:relative !important;
display:block !important;
width:100% !important;
box-sizing:border-box !important;
padding:18px 0 20px !important;
text-align:center !important;
background:transparent !important;
border-bottom:1px solid rgba(255,255,255,.12) !important;
margin:0 0 18px !important;
z-index:5 !important;
clear:both !important;
}
#widerruf_button_block a.widerruf_button{
display:inline-block !important;
padding:13px 28px !important;
background:#c00 !important;
color:#fff !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
font-weight:700 !important;
letter-spacing:.3px !important;
text-transform:none !important;
text-decoration:none !important;
border:0 !important;
border-radius:6px !important;
box-shadow:0 2px 6px rgba(0,0,0,.25) !important;
transition:background .15s ease,transform .05s ease !important;
line-height:1.1 !important;
cursor:pointer !important;
}
#widerruf_button_block a.widerruf_button:hover,
#widerruf_button_block a.widerruf_button:focus{
background:#a30000 !important;
color:#fff !important;
text-decoration:none !important;
}
#widerruf_button_block a.widerruf_button:active{
transform:translateY(1px) !important;
}
#widerruf_button_block .widerruf_button_hint{
display:block !important;
margin-top:8px !important;
font-size:11px !important;
color:#fff !important;
font-weight:400 !important;
}
</style>
{foreach from=$footer_widgets item=widget}
{$widget}
{/foreach}
<!-- Content wrapper
<div id="fb_box">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="225" data-show-faces="true"></div>
</div>-->
<div id="copyright">{$system_configuration.footer_copyright_text}</div>
</div>
</div>
<div id="layout_modal" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<div id="layout_laden" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<script src="{$THEME_DIR}/media/js/theme.js"></script>
<script src="{$THEME_DIR}/media/js/widget.js?v=1234"></script>
</body>
</html>
@@ -0,0 +1,374 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="{$THEME_DIR}/media/images/favicon.ico" type="image/ico" />
<meta charset="utf-8" />
{if isset($shopArticle) && $shopArticle->id && $shopArticle->structure_id != $menu_id}
<link rel="canonical" href="http://{$SERVER_NAME}/{$shopArticle->main_structure_uri_path}/{$shopArticle->short_uri}.html" />
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
<meta name="format-detection" content="telephone=no">
{foreach item=val key=key from=$metatags}
{if $key != 'footer_text'}
{if $key != 'title'}
<meta name="{$key}" content="{$val}" />
{else}
<title>{$val}</title>
{/if}
{/if}
{/foreach}
<meta name="google-site-verification" content="AiRYv1ltNq-QytW_F3ahgBq17ZkwImsS1MYyQrKicBg" />
<!-- standard parent theme css -->
<link rel="stylesheet" href="{$SUB_DIR}media/css/common_styles.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/layout.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/widgets.css" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/items.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/contents.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_shoppingcart.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_login.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_cash_desk.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/content_customer_center.css?version=1" />
<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/forms.css?version=1" />
{*<link rel="stylesheet" href="{$PARENT_THEME_DIR}/media/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />*}
<link rel="stylesheet" href="{$SUB_DIR}libs/slimbox-2.02/css/slimbox2.css" media="screen,print" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/cookieconsent.css" media="print" onload="this.media='all'">
<!-- customized theme css -->
<link rel="stylesheet" href="{$THEME_DIR}/media/css/customized_theme.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/fontawesome.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/brands.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/fontawesome/css/solid.css" />
<link rel="stylesheet" href="{$THEME_DIR}/media/css/easycart-intelectra.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="{$THEME_DIR}/media/css/ie7.css" />
<![endif]-->
{if isset($theme_data->css) && $theme_data->css}
<style>
{$theme_data->css}
</style>
{/if}
<!-- standard parent theme javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js" integrity="sha512-SW0bB7zYONzOFdTogLM8mF+lpvSaPH55g+RyyV8+dRZkiW5n/c1gNgGk5i2xfzDLTmPHvSCqsaiEoZJDiToTWg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-1.6.4.min.js"></script>*}
{*<script src="{$PARENT_THEME_DIR}/media/js/jquery-1.6.4.min.js"></script>*}
<script src="{$PARENT_THEME_DIR}/media/js/jquery.color.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.hoverIntent.minified.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/script.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/widget.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/recommendation_form.js"></script>
<script src="{$PARENT_THEME_DIR}/media/js/jquery.cycle.all.js"></script>
{*<script src="https://intelectra-shop.de/themes/easyshop_advanced/media/js/jquery-ui-1.10.3.custom.min.js"></script>*}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" integrity="sha512-kHKdovQFIwzs2NABJSo9NgJKZOrRqLPSoqIumoCkaIytTRGgsddo7d0rFyyh8RvYyNNKcMF7C9+4sM7YhMylgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/plain" data-cookiecategory="analytics" src="/phpwebstat/pws.php?mode=js"></script>
<script src="{$SUB_DIR}libs/slimbox-2.02/src/slimbox2.js"></script>
<script src="{$SUB_DIR}libs/jquery.qrcode.min.js"></script>
<script defer src="{$PARENT_THEME_DIR}/media/js/cookieconsent.js"></script>
<script defer src="{$THEME_DIR}/media/js/cookieconsent-init.js"></script>
<script>
var shop_dir = '{$SHOP_DIR}';
var theme_dir = '{$THEME_DIR}';
var sub_dir = '{$SUB_DIR}';
</script>
{literal}
<script src='https://www.google.com/recaptcha/api.js'></script>
{/literal}
{* Entfernt am 16.08.2026 (Angleich an Live, dort am 05.08.2026 entfernt) -- alles tot:
- Google Optimize Anti-Flicker-Snippet: Optimize ist seit September 2023 abgeschaltet.
Das Snippet setzte "opacity: 0" auf <html> und wartete bis zu 4000 ms darauf, dass
Optimize die Klasse wieder entfernt. Da nie jemand antwortet, lief die Wartezeit
immer voll durch -- bis zu 4 Sekunden leere Seite.
- Universal Analytics (UA-126168744-1, gtag.js + analytics.js): UA verarbeitet seit
Juli 2023 keine Daten mehr.
- "GTM-T7HR4RC" war KEIN Tag-Manager-Container, sondern die Optimize-Container-ID.
reCAPTCHA bleibt (wird von den Formularen gebraucht), steht aber weiterhin OHNE
async/defer im <head> und blockiert damit das Rendering -- offener Punkt, auf Live
ebenso. *}
</head>
<body>
<div id="layout_laden_window">{$template_text.default.searchload_text}</div>
<div id="header_trans_bg" class="firststicky">
<div class="hcentralizer">
<a class="logo" href="/" title="Intelectra"></a>
{if $items_in_memory }
<a class="memorylistbutton" href="/Merkliste/">Merkliste ({$items_in_memory})</a>
{/if}
<a class="quickshopping" href="/Warenkorb/">Schnelleinkauf</a>
</div>
</div>
<div id="header_sticky" class="sticky">
<div id="header_trans">
<div class="centralizer">
<span style="font-weight:bold;font-size:12px;">Sachsenring 48, D-94315 Straubing</span><br><br>
<span>Ersatzteile und Zubeh&ouml;r f&uuml;r Elektro Hausger&auml;te | Versandgro&szlig;handel | Einzelhandel&nbsp;&nbsp;&nbsp;&nbsp;</span><br>
<strong style="font-size:20px;">Telefonische&nbsp;Beratung:&nbsp;+49&nbsp;(0)&nbsp;9421/62015&nbsp;&nbsp;</strong>
<div>
{if $top_widgets}
{foreach from=$top_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_trans_sub">
<div class="centralizer">
{if $header_widgets}
{foreach from=$header_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
</div>
</div>
<div id="header_logorodeo">
{if $subheader_widgets}
{foreach from=$subheader_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<div id="wrapper">
{*<div id="header_wrapper" {if $theme_data->header_image}style="background:transparent url({$SHOP_DIR}images/header/{$theme_data->header_image}) no-repeat;"{/if}></div>*}
<div id="breadcrumb">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
{if isset($structureData) && $structureData->id != 6}
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/Home/"><span itemprop="name">Intelectra Startseite</span></a>
<meta itemprop="position" content="1" />
</li>
{/if}
{foreach from=$breadcrumb item=breadcrumb_item}
{if isset($structureData) && $structureData->id == 6}
{$breadcrumb_item.name=$template_text.default.breadcrumb_home}
{/if}
<!-- 29. Januar 2021 wird das data-vocabulary.org-Markup nicht mehr für die Rich-Suchergebnisfunktionen von Google berücksichtigt.
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.name}</span>
</a>
{else}
<a href="/{$breadcrumb_item.short_uri}/" class="arrow" itemprop="url" title="{$breadcrumb_item.name}">
<span itemprop="title">{$breadcrumb_item.object->name_en}</span>
</a>
{/if}
</div>-->
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
{if !$user_lang || $user_lang == $system_configuration.default_system_language || !$breadcrumb_item.object->name_en}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{else}
<a itemprop="item" href="/{$breadcrumb_item.short_uri}/"><span itemprop="name">{$breadcrumb_item.name}</span></a>
<meta itemprop="position" content="2" />
{/if}
</li>
</ol>
{/foreach}
</ol>
</div>
<div id="main_wrapper" class="clearfix">
{if !isset($site_type) || $site_type != 'full_width'}
<!-- Navi -->
<div id="navi_wrapper">
{if $left_widgets}
{foreach from=$left_widgets item=widget}
{$widget}
{/foreach}
{/if}
</div>
<!-- Content wrapper -->
<div id="content_wrapper">
<!-- Content -->
<div id="maincontent_wrapper">
<!-- Search -->
<div class="content_box_structure_list">
<div class="header"><h2>Suche <i class="fa-solid fa-magnifying-glass"></i></h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
<button title="Suche starten"><i class="fa fa-search"></i></button>
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{else}
<!-- Content wrapper -->
<div id="content_wrapper2">
<!-- Content -->
<div id="maincontent_wrapper2">
<!-- Search -->
<div class="content_box_structure_list" style="width:992px;">
<div class="header"><h2>Suche</h2></div>
<div class="content">
<div class="search_widget_wrapper" style="z-index:0;">
<div class="widget_content_wrapper">
{*<form action="/" method="post" name="easyshop_searchcontent">
<input type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input type="text" id="searchcontent_item2" name="search_item[search_item2]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text2}" value="{if isset($search_item2)}{$search_item2}{else}{$template_text.main_widget_search.search_field_text2}{/if}" />
<input type="text" id="searchcontent_item3" name="search_item[search_item3]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text3}" value="{if isset($search_item3)}{$search_item3}{else}{$template_text.main_widget_search.search_field_text3}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>*}
<form action="/" method="post" name="easyshop_searchcontent">
<input style="width:420px;background:#dddddd;padding-left:15px;color:#000000;" type="text" id="searchcontent_item" name="search_item[search_item]" autocomplete="off" data-defaultv="{$template_text.main_widget_search.search_field_text}" value="{if isset($search_item)}{$search_item}{else}{$template_text.main_widget_search.search_field_text}{/if}" />
<input class="searchcontent_button" type="submit" value="{$template_text.default.search}" />
</form>
{if $template_text.main_widget_search.subsearch_field_text}
<div class="subsearch_field_text">{$template_text.main_widget_search.subsearch_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text}
<div class="above_field_text">{$template_text.main_widget_search.above_field_text}</div>
{/if}
{if $template_text.main_widget_search.above_field_text2}
<div class="above_field_text2">{$template_text.main_widget_search.above_field_text2}</div>
{/if}
{if $template_text.main_widget_search.above_field_text3}
<div class="above_field_text3">{$template_text.main_widget_search.above_field_text3}</div>
{/if}
</div>
</div>
</div><br><br>
</div>
{$maincontent}
</div>
</div>
{/if}
</div>
</div>
<div id="footer_wrapper">
<div id="footer">
{* § 356a BGB – elektronische Widerrufsfunktion: separater, gut sichtbarer Button *}
<div id="widerruf_button_block">
<a class="widerruf_button" href="{$SUB_DIR}widerruf.php" title="Vertrag widerrufen">Vertrag widerrufen</a>
<span class="widerruf_button_hint">Elektronische Widerrufsfunktion gem.&nbsp;§&nbsp;356a&nbsp;BGB</span>
</div>
<style>
#widerruf_button_block{
position:relative !important;
display:block !important;
width:100% !important;
box-sizing:border-box !important;
padding:18px 0 20px !important;
text-align:center !important;
background:transparent !important;
border-bottom:1px solid rgba(255,255,255,.12) !important;
margin:0 0 18px !important;
z-index:5 !important;
clear:both !important;
}
#widerruf_button_block a.widerruf_button{
display:inline-block !important;
padding:13px 28px !important;
background:#c00 !important;
color:#fff !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
font-weight:700 !important;
letter-spacing:.3px !important;
text-transform:none !important;
text-decoration:none !important;
border:0 !important;
border-radius:6px !important;
box-shadow:0 2px 6px rgba(0,0,0,.25) !important;
transition:background .15s ease,transform .05s ease !important;
line-height:1.1 !important;
cursor:pointer !important;
}
#widerruf_button_block a.widerruf_button:hover,
#widerruf_button_block a.widerruf_button:focus{
background:#a30000 !important;
color:#fff !important;
text-decoration:none !important;
}
#widerruf_button_block a.widerruf_button:active{
transform:translateY(1px) !important;
}
#widerruf_button_block .widerruf_button_hint{
display:block !important;
margin-top:8px !important;
font-size:11px !important;
color:#fff !important;
font-weight:400 !important;
}
</style>
{foreach from=$footer_widgets item=widget}
{$widget}
{/foreach}
<!-- Content wrapper
<div id="fb_box">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="true" data-layout="button_count" data-width="225" data-show-faces="true"></div>
</div>-->
<div id="copyright">{$system_configuration.footer_copyright_text}</div>
</div>
</div>
<div id="layout_modal" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<div id="layout_laden" style="width:100%;height:0px;background-color:#000000;opacity:0.5;z-index:3500;position:absolute;top:0px;left:0px;display:none;">&nbsp;</div>
<script src="{$THEME_DIR}/media/js/theme.js"></script>
<script src="{$THEME_DIR}/media/js/widget.js?v=1234"></script>
</body>
</html>