<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;

/* catalog/view/theme/journal3/template/common/content_top.twig */
class __TwigTemplate_0c30c6902b1e4b8f7e26944be2e97155 extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // line 1
        yield "<div id=\"content-top\">
      <div class=\"grid-rows single-item\">
              <div class=\"grid-row grid-row-content-top-3\">
                <div class=\"row-bg\"></div>
                <div class=\"grid-cols-wrapper\">
          <div class=\"grid-cols \">
                          <div class=\"grid-col grid-col-content-top-3-1\">
                                <div class=\"grid-items single-item\">
                                      <div class=\"grid-item grid-module-content-top-3-1-1\"><div class=\"module module-categories module-categories-1025  sub-categories module-categories-\">
  <button aria-label=\"Edit\" class=\"admin-edit\" type=\"button\" data-edit=\"module_layout/categories/edit/1025\"><em class=\"fa fa-pencil\" data-placement=\"auto\" data-toggle=\"tooltip-hover\" data-tooltip-class=\"admin-edit-tooltip\" title=\"Edit Subcategories / Category Page (Auto Layout)\"></em></button>
      <h3 class=\"title module-title\">Unterkategorien</h3>
    <div class=\"module-body\">
                      <div class=\"module-item module-item-1\">
                            <div class=\"category-grid no-scroll flex-grid\">
                <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-amarok\">VW Amarok</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-amarok\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-arteon\">VW Arteon</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-arteon\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-beetle\">VW Beetle</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-beetle\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-bora\">VW Bora</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-bora\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-caddy\">VW Caddy</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-caddy\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-cc\">VW CC</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-cc\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-crafter\">VW Crafter</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-crafter\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-eos\">VW EOS</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-eos\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-fox\">VW Fox</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-fox\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-golf\">VW Golf</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-golf\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id-buzz\">VW ID-Buzz</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id-buzz\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id3\">VW ID3</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id3\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id4\">VW ID4</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id4\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id5\">VW ID5</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id5\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id7\">VW ID7</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id7\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-jetta\">VW Jetta</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-jetta\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lt\">VW LT</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lt\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lupo\">VW Lupo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lupo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-multivan-transporter\">VW Multivan Transporter</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-multivan-transporter\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-passat\">VW Passat</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-passat\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-phaeton\">VW Phaeton</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-phaeton\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-polo\">VW Polo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-polo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-scirocco\">VW Scirocco</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-scirocco\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-sharan\">VW Sharan</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-sharan\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-cross\">VW T-Cross</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-cross\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-roc\">VW T-Roc</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-roc\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taigo\">VW Taigo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taigo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taos\">VW Taos</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taos\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tayron\">VW Tayron</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tayron\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-teramont-atlas\">VW Teramont / Atlas</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-teramont-atlas\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tiguan\">VW Tiguan</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tiguan\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touareg\">VW Touareg</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touareg\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touran\">VW Touran</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touran\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-up\">VW up!</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-up\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>

          </div>
  
        </div>
                            </div>
</div>
</div>
                                  </div>
              </div>
                          <div class=\"grid-col grid-col-content-top-3-2 filter-container\">
                                <div class=\"grid-items single-item\">
                                      <div class=\"grid-item grid-module-content-top-3-2-1\"><button type=\"button\" class=\"mobile-filter-trigger\" id=\"mobileFilterOpen\">
  Filter
</button>

<div class=\"desktop-filter-wrapper\" id=\"mobileFilterSheet\">
  <div id=\"filter\" class=\"module module-filter module-filter-36\">
    <button aria-label=\"Edit\" class=\"admin-edit\" type=\"button\" data-edit=\"module_layout/filter/edit/36\">
      <em class=\"fa fa-pencil\"
          data-placement=\"auto\"
          data-toggle=\"tooltip-hover\"
          data-tooltip-class=\"admin-edit-tooltip\"
          title=\"Edit Filter / Default\"></em>
    </button>

    <h3 class=\"title module-title\">
      <span class=\"filter-title-text\">Filter</span>
      <button aria-label=\"Reset\" class=\"reset-filter btn\">Klar</button>
      <a class=\"x\" href=\"javascript:;\" title=\"Close\"></a>
    </h3>

    <div class=\"module-body\">
      <div class=\"mobile-filter-sheet-header\">
        <strong>Filter</strong>
        <button type=\"button\" class=\"mobile-filter-close\" id=\"mobileFilterClose\">
          <em class=\"fa fa-times\"></em>
        </button>
      </div>

      <div class=\"selected-filters-preview\" id=\"selectedFiltersPreview\" style=\"display:none;\">
        <div class=\"selected-filters-title\">Ausgewählte Filter</div>
        <div class=\"selected-filters-chips\" id=\"selectedFiltersChips\"></div>
      </div>

      <div class=\"custom-filter-list\">
                  
          <div class=\"custom-filter-item module-item module-item-p  panel panel-active\" data-filter-key=\"p\">
           
             <div class=\"filter-dropdown filter-price-dropdown\" data-dropdown>
    <button type=\"button\"
            class=\"filter-dropdown-toggle\"
            data-dropdown-toggle
            aria-expanded=\"false\">
      <span class=\"filter-dropdown-summary\"
            data-dropdown-summary
            data-default=\"Price\">
        Price
      </span>
      <em class=\"fa fa-angle-down\"></em>
    </button>

    <div class=\"filter-dropdown-menu\" data-dropdown-menu>
      <div class=\"filter-dropdown-scroll\">
        <div class=\"filter-price\" id=\"filter-filter-69f2f7eba7945-1\">
          <div class=\"range-slider\">
            <input type=\"text\"
                   class=\"js-range-slider\"
                   value=\"\"
                   aria-hidden=\"true\"
                   aria-label=\"min-max\"
                   title=\"min-max\"/>
          </div>

          <div class=\"extra-controls\">
            
            <input type=\"text\"
                   class=\"filter-price-min\"
                   name=\"min\"
                   data-min=\"165\"
                   value=\"165\"
                   aria-label=\"min\"
                   title=\"min\"/>

                          <span class=\"currency-symbol currency-right\">CHF</span>
            
            
            <input type=\"text\"
                   class=\"filter-price-max\"
                   name=\"max\"
                   data-max=\"330\"
                   value=\"330\"
                   aria-label=\"max\"
                   title=\"max\"/>

                          <span class=\"currency-symbol currency-right\">CHF</span>
                      </div>
        </div>
      </div>
    </div>
  </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f10  panel panel-active\" data-filter-key=\"f10\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Codierhilfe\">
                    Codierhilfe
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f10\"
                                   value=\"16\"
                                                                      title=\"Voll-Codierdongle\"
                                   aria-label=\"Voll-Codierdongle\">

                            
                            <span class=\"links-text\">Voll-Codierdongle</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f1  panel panel-active\" data-filter-key=\"f1\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Hersteller\">
                    Hersteller
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f1\"
                                   value=\"1\"
                                                                      title=\"KUFATEC GmbH &amp; Co. KG\"
                                   aria-label=\"KUFATEC GmbH &amp; Co. KG\">

                            
                            <span class=\"links-text\">KUFATEC GmbH &amp; Co. KG</span>
                            <span class=\"count-badge\">3</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f5  panel panel-active\" data-filter-key=\"f5\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Produktgruppe\">
                    Produktgruppe
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"5147\"
                                                                      title=\"Cabrio Pro  Module\"
                                   aria-label=\"Cabrio Pro  Module\">

                            
                            <span class=\"links-text\">Cabrio Pro  Module</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"3396\"
                                                                      title=\"DVD / TV Freischaltung\"
                                   aria-label=\"DVD / TV Freischaltung\">

                            
                            <span class=\"links-text\">DVD / TV Freischaltung</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"142\"
                                                                      title=\"Heckklappenmodule\"
                                   aria-label=\"Heckklappenmodule\">

                            
                            <span class=\"links-text\">Heckklappenmodule</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f6  panel panel-active\" data-filter-key=\"f6\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Produktvariante\">
                    Produktvariante
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f6\"
                                   value=\"10\"
                                                                      title=\"Komplettset\"
                                   aria-label=\"Komplettset\">

                            
                            <span class=\"links-text\">Komplettset</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f4  panel panel-active\" data-filter-key=\"f4\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Typ\">
                    Typ
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                                          <div class=\"filter-search-box\">
                        <input type=\"text\"
                               class=\"filter-search-input\"
                               placeholder=\"Suchen...\"
                               aria-label=\"Filter search\">
                      </div>
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"274\"
                                                                      title=\"A1 - GB\"
                                   aria-label=\"A1 - GB\">

                            
                            <span class=\"links-text\">A1 - GB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"15\"
                                                                      title=\"A3 - 8V\"
                                   aria-label=\"A3 - 8V\">

                            
                            <span class=\"links-text\">A3 - 8V</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"78\"
                                                                      title=\"A3 - 8Y\"
                                   aria-label=\"A3 - 8Y\">

                            
                            <span class=\"links-text\">A3 - 8Y</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"125\"
                                                                      title=\"A4 - B8/8K\"
                                   aria-label=\"A4 - B8/8K\">

                            
                            <span class=\"links-text\">A4 - B8/8K</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"102\"
                                                                      title=\"A4 - B9/8W\"
                                   aria-label=\"A4 - B9/8W\">

                            
                            <span class=\"links-text\">A4 - B9/8W</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"129\"
                                                                      title=\"A5 - F5\"
                                   aria-label=\"A5 - F5\">

                            
                            <span class=\"links-text\">A5 - F5</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"114\"
                                                                      title=\"A6 - 4A\"
                                   aria-label=\"A6 - 4A\">

                            
                            <span class=\"links-text\">A6 - 4A</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"139\"
                                                                      title=\"A6 - 4F\"
                                   aria-label=\"A6 - 4F\">

                            
                            <span class=\"links-text\">A6 - 4F</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"120\"
                                                                      title=\"A6 - 4G\"
                                   aria-label=\"A6 - 4G\">

                            
                            <span class=\"links-text\">A6 - 4G</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"92\"
                                                                      title=\"A7 - 4G\"
                                   aria-label=\"A7 - 4G\">

                            
                            <span class=\"links-text\">A7 - 4G</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"103\"
                                                                      title=\"A7 - 4K\"
                                   aria-label=\"A7 - 4K\">

                            
                            <span class=\"links-text\">A7 - 4K</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"122\"
                                                                      title=\"A8 - 4E\"
                                   aria-label=\"A8 - 4E\">

                            
                            <span class=\"links-text\">A8 - 4E</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"329\"
                                                                      title=\"A8 - 4N\"
                                   aria-label=\"A8 - 4N\">

                            
                            <span class=\"links-text\">A8 - 4N</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"337\"
                                                                      title=\"Arteon - 3H\"
                                   aria-label=\"Arteon - 3H\">

                            
                            <span class=\"links-text\">Arteon - 3H</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"141\"
                                                                      title=\"Ateca KH7\"
                                   aria-label=\"Ateca KH7\">

                            
                            <span class=\"links-text\">Ateca KH7</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"328\"
                                                                      title=\"Born K11\"
                                   aria-label=\"Born K11\">

                            
                            <span class=\"links-text\">Born K11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"333\"
                                                                      title=\"Caddy - SB\"
                                   aria-label=\"Caddy - SB\">

                            
                            <span class=\"links-text\">Caddy - SB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"324\"
                                                                      title=\"Crafter - SY/SZ\"
                                   aria-label=\"Crafter - SY/SZ\">

                            
                            <span class=\"links-text\">Crafter - SY/SZ</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"84\"
                                                                      title=\"e-tron GE\"
                                   aria-label=\"e-tron GE\">

                            
                            <span class=\"links-text\">e-tron GE</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"1811\"
                                                                      title=\"e-tron GT F8\"
                                   aria-label=\"e-tron GT F8\">

                            
                            <span class=\"links-text\">e-tron GT F8</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"90\"
                                                                      title=\"Enyaq 5A\"
                                   aria-label=\"Enyaq 5A\">

                            
                            <span class=\"links-text\">Enyaq 5A</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"30\"
                                                                      title=\"Formentor KM7\"
                                   aria-label=\"Formentor KM7\">

                            
                            <span class=\"links-text\">Formentor KM7</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"341\"
                                                                      title=\"Golf 7 - 5Q\"
                                   aria-label=\"Golf 7 - 5Q\">

                            
                            <span class=\"links-text\">Golf 7 - 5Q</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"82\"
                                                                      title=\"Golf 8 - CD\"
                                   aria-label=\"Golf 8 - CD\">

                            
                            <span class=\"links-text\">Golf 8 - CD</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"331\"
                                                                      title=\"ID3 E11\"
                                   aria-label=\"ID3 E11\">

                            
                            <span class=\"links-text\">ID3 E11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"131\"
                                                                      title=\"ID4 E21\"
                                   aria-label=\"ID4 E21\">

                            
                            <span class=\"links-text\">ID4 E21</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"86\"
                                                                      title=\"ID5 E39\"
                                   aria-label=\"ID5 E39\">

                            
                            <span class=\"links-text\">ID5 E39</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"113\"
                                                                      title=\"Kamiq NW4\"
                                   aria-label=\"Kamiq NW4\">

                            
                            <span class=\"links-text\">Kamiq NW4</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"255\"
                                                                      title=\"Kodiaq NS\"
                                   aria-label=\"Kodiaq NS\">

                            
                            <span class=\"links-text\">Kodiaq NS</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"332\"
                                                                      title=\"Leon 5F\"
                                   aria-label=\"Leon 5F\">

                            
                            <span class=\"links-text\">Leon 5F</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"135\"
                                                                      title=\"Leon KL\"
                                   aria-label=\"Leon KL\">

                            
                            <span class=\"links-text\">Leon KL</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"340\"
                                                                      title=\"Octavia 5E\"
                                   aria-label=\"Octavia 5E\">

                            
                            <span class=\"links-text\">Octavia 5E</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"101\"
                                                                      title=\"Octavia NX\"
                                   aria-label=\"Octavia NX\">

                            
                            <span class=\"links-text\">Octavia NX</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"118\"
                                                                      title=\"Panamera 971\"
                                   aria-label=\"Panamera 971\">

                            
                            <span class=\"links-text\">Panamera 971</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"107\"
                                                                      title=\"Passat - B6 (3C)\"
                                   aria-label=\"Passat - B6 (3C)\">

                            
                            <span class=\"links-text\">Passat - B6 (3C)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"115\"
                                                                      title=\"Passat - B7 (3C)\"
                                   aria-label=\"Passat - B7 (3C)\">

                            
                            <span class=\"links-text\">Passat - B7 (3C)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"95\"
                                                                      title=\"Passat - B8 (3G)\"
                                   aria-label=\"Passat - B8 (3G)\">

                            
                            <span class=\"links-text\">Passat - B8 (3G)</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"138\"
                                                                      title=\"Q2 - GA\"
                                   aria-label=\"Q2 - GA\">

                            
                            <span class=\"links-text\">Q2 - GA</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"322\"
                                                                      title=\"Q3 - F3\"
                                   aria-label=\"Q3 - F3\">

                            
                            <span class=\"links-text\">Q3 - F3</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"80\"
                                                                      title=\"Q4 - F4\"
                                   aria-label=\"Q4 - F4\">

                            
                            <span class=\"links-text\">Q4 - F4</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"106\"
                                                                      title=\"Q5 - 8R\"
                                   aria-label=\"Q5 - 8R\">

                            
                            <span class=\"links-text\">Q5 - 8R</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"99\"
                                                                      title=\"Q5 - FY\"
                                   aria-label=\"Q5 - FY\">

                            
                            <span class=\"links-text\">Q5 - FY</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"93\"
                                                                      title=\"Q7 - 4L\"
                                   aria-label=\"Q7 - 4L\">

                            
                            <span class=\"links-text\">Q7 - 4L</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"77\"
                                                                      title=\"Q7 - 4M\"
                                   aria-label=\"Q7 - 4M\">

                            
                            <span class=\"links-text\">Q7 - 4M</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"133\"
                                                                      title=\"Q8 - 4M\"
                                   aria-label=\"Q8 - 4M\">

                            
                            <span class=\"links-text\">Q8 - 4M</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"1813\"
                                                                      title=\"R8 42\"
                                   aria-label=\"R8 42\">

                            
                            <span class=\"links-text\">R8 42</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"88\"
                                                                      title=\"Scala NW1\"
                                   aria-label=\"Scala NW1\">

                            
                            <span class=\"links-text\">Scala NW1</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"127\"
                                                                      title=\"Superb 3V\"
                                   aria-label=\"Superb 3V\">

                            
                            <span class=\"links-text\">Superb 3V</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"335\"
                                                                      title=\"T-Cross C11\"
                                   aria-label=\"T-Cross C11\">

                            
                            <span class=\"links-text\">T-Cross C11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"109\"
                                                                      title=\"T-Roc - A11 AC7\"
                                   aria-label=\"T-Roc - A11 AC7\">

                            
                            <span class=\"links-text\">T-Roc - A11 AC7</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"136\"
                                                                      title=\"T6 - SH\"
                                   aria-label=\"T6 - SH\">

                            
                            <span class=\"links-text\">T6 - SH</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"111\"
                                                                      title=\"T7 - ST\"
                                   aria-label=\"T7 - ST\">

                            
                            <span class=\"links-text\">T7 - ST</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"105\"
                                                                      title=\"Tarraco KN2\"
                                   aria-label=\"Tarraco KN2\">

                            
                            <span class=\"links-text\">Tarraco KN2</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"65\"
                                                                      title=\"Tiguan - 5N\"
                                   aria-label=\"Tiguan - 5N\">

                            
                            <span class=\"links-text\">Tiguan - 5N</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"119\"
                                                                      title=\"Tiguan - AD1\"
                                   aria-label=\"Tiguan - AD1\">

                            
                            <span class=\"links-text\">Tiguan - AD1</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"71\"
                                                                      title=\"Tiguan Allspace - BW2\"
                                   aria-label=\"Tiguan Allspace - BW2\">

                            
                            <span class=\"links-text\">Tiguan Allspace - BW2</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"124\"
                                                                      title=\"Touareg - CR\"
                                   aria-label=\"Touareg - CR\">

                            
                            <span class=\"links-text\">Touareg - CR</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"97\"
                                                                      title=\"Touran - 5T\"
                                   aria-label=\"Touran - 5T\">

                            
                            <span class=\"links-text\">Touran - 5T</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"664\"
                                                                      title=\"TT - 8S (FV)\"
                                   aria-label=\"TT - 8S (FV)\">

                            
                            <span class=\"links-text\">TT - 8S (FV)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"3758\"
                                                                      title=\"Urus ZL\"
                                   aria-label=\"Urus ZL\">

                            
                            <span class=\"links-text\">Urus ZL</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"494\"
                                                                      title=\"VW ID-Buzz - EB\"
                                   aria-label=\"VW ID-Buzz - EB\">

                            
                            <span class=\"links-text\">VW ID-Buzz - EB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"339\"
                                                                      title=\"VW Taigo CS\"
                                   aria-label=\"VW Taigo CS\">

                            
                            <span class=\"links-text\">VW Taigo CS</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
              </div>
    </div>
  </div>
</div>

<div class=\"mobile-filter-backdrop\" id=\"mobileFilterBackdrop\"></div>

<script>
(function () {
  let observerScheduled = false;
  let originalParent = null;
  let originalNextSibling = null;

  function isMobile() {
    return window.innerWidth <= 599;
  }

  function moveMobileFilterDependingViewport() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop) return;

    if (!originalParent && sheet.parentNode) {
      originalParent = sheet.parentNode;
      originalNextSibling = sheet.nextSibling;
    }

    if (isMobile()) {
      if (sheet.parentNode !== document.body) document.body.appendChild(sheet);
      if (backdrop.parentNode !== document.body) document.body.appendChild(backdrop);
    } else {
      if (originalParent && sheet.parentNode !== originalParent) {
        if (originalNextSibling && originalNextSibling.parentNode === originalParent) {
          originalParent.insertBefore(sheet, originalNextSibling);
        } else {
          originalParent.appendChild(sheet);
        }
      }

      closeMobileSheet();
    }
  }

  function closeAllDropdowns(except = null) {
    document.querySelectorAll('.desktop-filter-wrapper [data-dropdown].open').forEach(function (dropdown) {
      if (dropdown !== except) {
        dropdown.classList.remove('open');

        const toggle = dropdown.querySelector('[data-dropdown-toggle]');
        if (toggle) toggle.setAttribute('aria-expanded', 'false');
      }
    });
  }

  function getInputLabelText(input) {
    const label = input.closest('label');
    if (!label) return input.value || '';

    const textEl = label.querySelector('.links-text');

    if (textEl) {
      return textEl.textContent.trim().replace(/\\s+/g, ' ');
    }

    return input.value || '';
  }

  function updateSummary(dropdown) {
    const summary = dropdown.querySelector('[data-dropdown-summary]');
    if (!summary) return;

    const defaultText = summary.getAttribute('data-default') || '';

    const checkedInputs = dropdown.querySelectorAll(
      'input[type=\"checkbox\"]:checked, input[type=\"radio\"]:checked'
    );

    const selected = Array.from(checkedInputs)
      .map(getInputLabelText)
      .filter(Boolean);

    if (selected.length === 0) {
      summary.textContent = defaultText;
    } else if (selected.length <= 2) {
      summary.textContent = defaultText + ': ' + selected.join(', ');
    } else {
      summary.textContent = defaultText + ': ' + selected.length + ' ausgewählt';
    }
  }

  /* ==========================
     SELECTED FILTER PREVIEW
  ========================== */

  function renderSelectedFiltersPreview() {
    const preview = document.getElementById('selectedFiltersPreview');
    const chipsWrapper = document.getElementById('selectedFiltersChips');

    if (!preview || !chipsWrapper) return;

    chipsWrapper.innerHTML = '';

    const checkedInputs = document.querySelectorAll(
      '.desktop-filter-wrapper input[type=\"checkbox\"]:checked, .desktop-filter-wrapper input[type=\"radio\"]:checked'
    );

    checkedInputs.forEach(function (input) {
      const text = getInputLabelText(input);
      if (!text) return;

      const chip = document.createElement('span');
      chip.className = 'selected-filter-chip';

      chip.dataset.name = input.name;
      chip.dataset.value = input.value;


      chip.innerHTML =
        '<span>' + text + '</span>' +
        '<em class=\"fa fa-times\"></em>';

      chipsWrapper.appendChild(chip);
    });

    preview.style.display = checkedInputs.length ? '' : 'none';
  }

  /* ==========================
     JOURNAL3 REMOVE FILTER
  ========================== */

  function removeJournalFilter(input) {
    if (!input) return;

    const \$input = window.jQuery ? jQuery(input) : null;

    /* checkbox / radio kaldır */
    input.checked = false;
    input.removeAttribute('checked');

    /* native events */
    input.dispatchEvent(new Event('input', { bubbles: true }));
    input.dispatchEvent(new Event('change', { bubbles: true }));

    /* jQuery events */
    if (\$input) {
      \$input.prop('checked', false);
      \$input.trigger('change');
      \$input.trigger('input');
      \$input.trigger('click');
    }

    /* Journal3 ajax refresh */
    if (window.Journal) {
      if (Journal.filter && typeof Journal.filter.update === 'function') {
        Journal.filter.update();
      }

      if (Journal.filter && typeof Journal.filter.reload === 'function') {
        Journal.filter.reload();
      }
    }

    /* fallback */
    setTimeout(function () {
      renderSelectedFiltersPreview();

      const dropdown = input.closest('[data-dropdown]');
      if (dropdown) updateSummary(dropdown);
    }, 400);
  }


  /* ==========================
     FILTER DROPDOWN
  ========================== */

  function initFilterDropdowns(scope) {
    const root = scope || document;

    const dropdowns = root.querySelectorAll('.desktop-filter-wrapper [data-dropdown]');

    dropdowns.forEach(function (dropdown) {
      const toggle = dropdown.querySelector('[data-dropdown-toggle]');
      const menu = dropdown.querySelector('[data-dropdown-menu]');
      const inputs = dropdown.querySelectorAll(
        'input[type=\"checkbox\"], input[type=\"radio\"]'
      );

      const searchInput = dropdown.querySelector('.filter-search-input');
      const options = dropdown.querySelectorAll('.custom-option');

      if (!toggle || !menu) return;

      updateSummary(dropdown);

      if (dropdown.dataset.dropdownInitialized === 'true') return;
      dropdown.dataset.dropdownInitialized = 'true';

      toggle.addEventListener('click', function (e) {
        e.preventDefault();
        e.stopPropagation();

        const isOpen = dropdown.classList.contains('open');

        closeAllDropdowns();

        if (!isOpen) {
          dropdown.classList.add('open');
          toggle.setAttribute('aria-expanded', 'true');
        } else {
          dropdown.classList.remove('open');
          toggle.setAttribute('aria-expanded', 'false');
        }
      });

      menu.addEventListener('click', function (e) {
        e.stopPropagation();
      });

      inputs.forEach(function (input) {
        input.addEventListener('change', function () {
          updateSummary(dropdown);
          renderSelectedFiltersPreview();

          if (input.type === 'radio') {
            dropdown.classList.remove('open');
            toggle.setAttribute('aria-expanded', 'false');
          }
        });
      });

      if (searchInput && searchInput.dataset.searchInitialized !== 'true') {
        searchInput.dataset.searchInitialized = 'true';

        searchInput.addEventListener('input', function () {
          const keyword = searchInput.value.trim().toLowerCase();

          options.forEach(function (option) {
            const text = option.textContent.trim().toLowerCase();

            option.style.display =
              !keyword || text.includes(keyword) ? '' : 'none';
          });
        });

        searchInput.addEventListener('click', function (e) {
          e.stopPropagation();
        });
      }
    });
  }

  /* ==========================
     MOBILE
  ========================== */

  function openMobileSheet() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop || !isMobile()) return;

    sheet.classList.add('mobile-sheet-open');
    backdrop.classList.add('active');
    document.body.classList.add('mobile-filter-lock');
  }

  function closeMobileSheet() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop) return;

    sheet.classList.remove('mobile-sheet-open');
    backdrop.classList.remove('active');
    document.body.classList.remove('mobile-filter-lock');
  }

  function initMobileFilterSheet() {
    const openBtn = document.getElementById('mobileFilterOpen');
    const closeBtn = document.getElementById('mobileFilterClose');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (openBtn && openBtn.dataset.mobileFilterInitialized !== 'true') {
      openBtn.dataset.mobileFilterInitialized = 'true';
      openBtn.addEventListener('click', openMobileSheet);
    }

    if (closeBtn && closeBtn.dataset.mobileFilterInitialized !== 'true') {
      closeBtn.dataset.mobileFilterInitialized = 'true';
      closeBtn.addEventListener('click', closeMobileSheet);
    }

    if (backdrop && backdrop.dataset.mobileFilterInitialized !== 'true') {
      backdrop.dataset.mobileFilterInitialized = 'true';
      backdrop.addEventListener('click', closeMobileSheet);
    }
  }

  function initResetButtons(scope) {
    const root = scope || document;

    const resetButtons = root.querySelectorAll(
      '.desktop-filter-wrapper .reset-filter'
    );

    resetButtons.forEach(function (btn) {
      if (btn.dataset.resetInitialized === 'true') return;

      btn.dataset.resetInitialized = 'true';

      btn.addEventListener('click', function () {
        setTimeout(function () {
          document
            .querySelectorAll('.desktop-filter-wrapper [data-dropdown]')
            .forEach(updateSummary);

          renderSelectedFiltersPreview();
        }, 300);
      });
    });
  }

  function bindGlobalEvents() {
    if (document.body.dataset.dropdownGlobalEventsBound === 'true') return;

    document.body.dataset.dropdownGlobalEventsBound = 'true';

    document.addEventListener('click', function () {
      closeAllDropdowns();
    });

    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape') {
        closeAllDropdowns();
        closeMobileSheet();
      }
    });

    window.addEventListener('resize', function () {
      moveMobileFilterDependingViewport();
    });
  }

  function initAll(scope) {
    moveMobileFilterDependingViewport();
    initFilterDropdowns(scope || document);
    initMobileFilterSheet();
    initResetButtons(scope || document);
     bindSelectedFilterRemove();
    renderSelectedFiltersPreview();
    bindGlobalEvents();
  }

  document.addEventListener('DOMContentLoaded', function () {
    initAll(document);
  });

  const observer = new MutationObserver(function () {
    if (observerScheduled) return;

    observerScheduled = true;

    requestAnimationFrame(function () {
      initAll(document);
      observerScheduled = false;
    });
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });



})();
function bindSelectedFilterRemove() {
  if (document.body.dataset.selectedFilterRemoveBound === 'true') return;
  document.body.dataset.selectedFilterRemoveBound = 'true';

  document.addEventListener('pointerdown', function (e) {
    const chip = e.target.closest('.selected-filter-chip');
    if (!chip) return;

    e.preventDefault();
    e.stopPropagation();

    const name = chip.getAttribute('data-name');
    const value = chip.getAttribute('data-value');

    const inputs = document.querySelectorAll(
      '.desktop-filter-wrapper input[type=\"checkbox\"], .desktop-filter-wrapper input[type=\"radio\"]'
    );

    let input = null;

    inputs.forEach(function (el) {
      if (el.name === name && el.value === value) {
        input = el;
      }
    });

    if (!input) {
      console.log('Input bulunamadı:', name, value);
      return;
    }

    input.checked = false;
    input.removeAttribute('checked');

    if (window.jQuery) {
      jQuery(input).prop('checked', false).trigger('change');
    } else {
      input.dispatchEvent(new Event('change', { bubbles: true }));
    }

    const dropdown = input.closest('[data-dropdown]');
    if (dropdown) {
      updateSummary(dropdown);
    }

    chip.remove();

    setTimeout(function () {
      renderSelectedFiltersPreview();
    }, 300);
  }, true);
}
</script></div>
                                  </div>
              </div>
                      </div>
        </div>
              </div>
      </div>

  </div>
";
        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "catalog/view/theme/journal3/template/common/content_top.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("<div id=\"content-top\">
      <div class=\"grid-rows single-item\">
              <div class=\"grid-row grid-row-content-top-3\">
                <div class=\"row-bg\"></div>
                <div class=\"grid-cols-wrapper\">
          <div class=\"grid-cols \">
                          <div class=\"grid-col grid-col-content-top-3-1\">
                                <div class=\"grid-items single-item\">
                                      <div class=\"grid-item grid-module-content-top-3-1-1\"><div class=\"module module-categories module-categories-1025  sub-categories module-categories-\">
  <button aria-label=\"Edit\" class=\"admin-edit\" type=\"button\" data-edit=\"module_layout/categories/edit/1025\"><em class=\"fa fa-pencil\" data-placement=\"auto\" data-toggle=\"tooltip-hover\" data-tooltip-class=\"admin-edit-tooltip\" title=\"Edit Subcategories / Category Page (Auto Layout)\"></em></button>
      <h3 class=\"title module-title\">Unterkategorien</h3>
    <div class=\"module-body\">
                      <div class=\"module-item module-item-1\">
                            <div class=\"category-grid no-scroll flex-grid\">
                <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-amarok\">VW Amarok</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-amarok\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-arteon\">VW Arteon</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-arteon\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-beetle\">VW Beetle</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-beetle\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-bora\">VW Bora</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-bora\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-caddy\">VW Caddy</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-caddy\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-cc\">VW CC</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-cc\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-crafter\">VW Crafter</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-crafter\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-eos\">VW EOS</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-eos\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-fox\">VW Fox</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-fox\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-golf\">VW Golf</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-golf\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id-buzz\">VW ID-Buzz</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id-buzz\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id3\">VW ID3</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id3\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id4\">VW ID4</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id4\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id5\">VW ID5</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id5\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id7\">VW ID7</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-id7\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-jetta\">VW Jetta</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-jetta\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lt\">VW LT</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lt\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lupo\">VW Lupo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-lupo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-multivan-transporter\">VW Multivan Transporter</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-multivan-transporter\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-passat\">VW Passat</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-passat\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-phaeton\">VW Phaeton</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-phaeton\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-polo\">VW Polo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-polo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-scirocco\">VW Scirocco</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-scirocco\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-sharan\">VW Sharan</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-sharan\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-cross\">VW T-Cross</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-cross\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-roc\">VW T-Roc</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-t-roc\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taigo\">VW Taigo</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taigo\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taos\">VW Taos</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-taos\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tayron\">VW Tayron</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tayron\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-teramont-atlas\">VW Teramont / Atlas</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-teramont-atlas\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tiguan\">VW Tiguan</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-tiguan\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touareg\">VW Touareg</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touareg\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touran\">VW Touran</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-touran\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>
  <div class=\"category-layout  \">
    <div class=\"category-thumb\">
      
      <div class=\"caption\">
        <div class=\"name\"><a href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-up\">VW up!</a> </div>

        
        <div class=\"description\">..</div>

                <div class=\"button-group\">
          <a class=\"btn btn-view-more\" href=\"https://opencart.my-multiplanet.ch/de-de/catalog/volkswagen/vw-up\"  title=\"See products\">
            <span class=\"btn-text\">See products</span>
          </a>
        </div>
              </div>
    </div>
  </div>

          </div>
  
        </div>
                            </div>
</div>
</div>
                                  </div>
              </div>
                          <div class=\"grid-col grid-col-content-top-3-2 filter-container\">
                                <div class=\"grid-items single-item\">
                                      <div class=\"grid-item grid-module-content-top-3-2-1\"><button type=\"button\" class=\"mobile-filter-trigger\" id=\"mobileFilterOpen\">
  Filter
</button>

<div class=\"desktop-filter-wrapper\" id=\"mobileFilterSheet\">
  <div id=\"filter\" class=\"module module-filter module-filter-36\">
    <button aria-label=\"Edit\" class=\"admin-edit\" type=\"button\" data-edit=\"module_layout/filter/edit/36\">
      <em class=\"fa fa-pencil\"
          data-placement=\"auto\"
          data-toggle=\"tooltip-hover\"
          data-tooltip-class=\"admin-edit-tooltip\"
          title=\"Edit Filter / Default\"></em>
    </button>

    <h3 class=\"title module-title\">
      <span class=\"filter-title-text\">Filter</span>
      <button aria-label=\"Reset\" class=\"reset-filter btn\">Klar</button>
      <a class=\"x\" href=\"javascript:;\" title=\"Close\"></a>
    </h3>

    <div class=\"module-body\">
      <div class=\"mobile-filter-sheet-header\">
        <strong>Filter</strong>
        <button type=\"button\" class=\"mobile-filter-close\" id=\"mobileFilterClose\">
          <em class=\"fa fa-times\"></em>
        </button>
      </div>

      <div class=\"selected-filters-preview\" id=\"selectedFiltersPreview\" style=\"display:none;\">
        <div class=\"selected-filters-title\">Ausgewählte Filter</div>
        <div class=\"selected-filters-chips\" id=\"selectedFiltersChips\"></div>
      </div>

      <div class=\"custom-filter-list\">
                  
          <div class=\"custom-filter-item module-item module-item-p  panel panel-active\" data-filter-key=\"p\">
           
             <div class=\"filter-dropdown filter-price-dropdown\" data-dropdown>
    <button type=\"button\"
            class=\"filter-dropdown-toggle\"
            data-dropdown-toggle
            aria-expanded=\"false\">
      <span class=\"filter-dropdown-summary\"
            data-dropdown-summary
            data-default=\"Price\">
        Price
      </span>
      <em class=\"fa fa-angle-down\"></em>
    </button>

    <div class=\"filter-dropdown-menu\" data-dropdown-menu>
      <div class=\"filter-dropdown-scroll\">
        <div class=\"filter-price\" id=\"filter-filter-69f2f7eba7945-1\">
          <div class=\"range-slider\">
            <input type=\"text\"
                   class=\"js-range-slider\"
                   value=\"\"
                   aria-hidden=\"true\"
                   aria-label=\"min-max\"
                   title=\"min-max\"/>
          </div>

          <div class=\"extra-controls\">
            
            <input type=\"text\"
                   class=\"filter-price-min\"
                   name=\"min\"
                   data-min=\"165\"
                   value=\"165\"
                   aria-label=\"min\"
                   title=\"min\"/>

                          <span class=\"currency-symbol currency-right\">CHF</span>
            
            
            <input type=\"text\"
                   class=\"filter-price-max\"
                   name=\"max\"
                   data-max=\"330\"
                   value=\"330\"
                   aria-label=\"max\"
                   title=\"max\"/>

                          <span class=\"currency-symbol currency-right\">CHF</span>
                      </div>
        </div>
      </div>
    </div>
  </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f10  panel panel-active\" data-filter-key=\"f10\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Codierhilfe\">
                    Codierhilfe
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f10\"
                                   value=\"16\"
                                                                      title=\"Voll-Codierdongle\"
                                   aria-label=\"Voll-Codierdongle\">

                            
                            <span class=\"links-text\">Voll-Codierdongle</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f1  panel panel-active\" data-filter-key=\"f1\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Hersteller\">
                    Hersteller
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f1\"
                                   value=\"1\"
                                                                      title=\"KUFATEC GmbH &amp; Co. KG\"
                                   aria-label=\"KUFATEC GmbH &amp; Co. KG\">

                            
                            <span class=\"links-text\">KUFATEC GmbH &amp; Co. KG</span>
                            <span class=\"count-badge\">3</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f5  panel panel-active\" data-filter-key=\"f5\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Produktgruppe\">
                    Produktgruppe
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"5147\"
                                                                      title=\"Cabrio Pro  Module\"
                                   aria-label=\"Cabrio Pro  Module\">

                            
                            <span class=\"links-text\">Cabrio Pro  Module</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"3396\"
                                                                      title=\"DVD / TV Freischaltung\"
                                   aria-label=\"DVD / TV Freischaltung\">

                            
                            <span class=\"links-text\">DVD / TV Freischaltung</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f5\"
                                   value=\"142\"
                                                                      title=\"Heckklappenmodule\"
                                   aria-label=\"Heckklappenmodule\">

                            
                            <span class=\"links-text\">Heckklappenmodule</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f6  panel panel-active\" data-filter-key=\"f6\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Produktvariante\">
                    Produktvariante
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f6\"
                                   value=\"10\"
                                                                      title=\"Komplettset\"
                                   aria-label=\"Komplettset\">

                            
                            <span class=\"links-text\">Komplettset</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
                  
          <div class=\"custom-filter-item module-item module-item-f4  panel panel-active\" data-filter-key=\"f4\">
           
                         <div class=\"filter-dropdown\" data-dropdown>
                <button type=\"button\"
                        class=\"filter-dropdown-toggle\"
                        data-dropdown-toggle
                        aria-expanded=\"false\">
                  <span class=\"filter-dropdown-summary\"
                        data-dropdown-summary
                        data-default=\"Typ\">
                    Typ
                  </span>
                  <em class=\"fa fa-angle-down\"></em>
                </button>

                <div class=\"filter-dropdown-menu\" data-dropdown-menu>
                  <div class=\"filter-dropdown-scroll\">
                                          <div class=\"filter-search-box\">
                        <input type=\"text\"
                               class=\"filter-search-input\"
                               placeholder=\"Suchen...\"
                               aria-label=\"Filter search\">
                      </div>
                    
                                          <div class=\"filter-checkbox\">
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"274\"
                                                                      title=\"A1 - GB\"
                                   aria-label=\"A1 - GB\">

                            
                            <span class=\"links-text\">A1 - GB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"15\"
                                                                      title=\"A3 - 8V\"
                                   aria-label=\"A3 - 8V\">

                            
                            <span class=\"links-text\">A3 - 8V</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"78\"
                                                                      title=\"A3 - 8Y\"
                                   aria-label=\"A3 - 8Y\">

                            
                            <span class=\"links-text\">A3 - 8Y</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"125\"
                                                                      title=\"A4 - B8/8K\"
                                   aria-label=\"A4 - B8/8K\">

                            
                            <span class=\"links-text\">A4 - B8/8K</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"102\"
                                                                      title=\"A4 - B9/8W\"
                                   aria-label=\"A4 - B9/8W\">

                            
                            <span class=\"links-text\">A4 - B9/8W</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"129\"
                                                                      title=\"A5 - F5\"
                                   aria-label=\"A5 - F5\">

                            
                            <span class=\"links-text\">A5 - F5</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"114\"
                                                                      title=\"A6 - 4A\"
                                   aria-label=\"A6 - 4A\">

                            
                            <span class=\"links-text\">A6 - 4A</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"139\"
                                                                      title=\"A6 - 4F\"
                                   aria-label=\"A6 - 4F\">

                            
                            <span class=\"links-text\">A6 - 4F</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"120\"
                                                                      title=\"A6 - 4G\"
                                   aria-label=\"A6 - 4G\">

                            
                            <span class=\"links-text\">A6 - 4G</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"92\"
                                                                      title=\"A7 - 4G\"
                                   aria-label=\"A7 - 4G\">

                            
                            <span class=\"links-text\">A7 - 4G</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"103\"
                                                                      title=\"A7 - 4K\"
                                   aria-label=\"A7 - 4K\">

                            
                            <span class=\"links-text\">A7 - 4K</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"122\"
                                                                      title=\"A8 - 4E\"
                                   aria-label=\"A8 - 4E\">

                            
                            <span class=\"links-text\">A8 - 4E</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"329\"
                                                                      title=\"A8 - 4N\"
                                   aria-label=\"A8 - 4N\">

                            
                            <span class=\"links-text\">A8 - 4N</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"337\"
                                                                      title=\"Arteon - 3H\"
                                   aria-label=\"Arteon - 3H\">

                            
                            <span class=\"links-text\">Arteon - 3H</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"141\"
                                                                      title=\"Ateca KH7\"
                                   aria-label=\"Ateca KH7\">

                            
                            <span class=\"links-text\">Ateca KH7</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"328\"
                                                                      title=\"Born K11\"
                                   aria-label=\"Born K11\">

                            
                            <span class=\"links-text\">Born K11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"333\"
                                                                      title=\"Caddy - SB\"
                                   aria-label=\"Caddy - SB\">

                            
                            <span class=\"links-text\">Caddy - SB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"324\"
                                                                      title=\"Crafter - SY/SZ\"
                                   aria-label=\"Crafter - SY/SZ\">

                            
                            <span class=\"links-text\">Crafter - SY/SZ</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"84\"
                                                                      title=\"e-tron GE\"
                                   aria-label=\"e-tron GE\">

                            
                            <span class=\"links-text\">e-tron GE</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"1811\"
                                                                      title=\"e-tron GT F8\"
                                   aria-label=\"e-tron GT F8\">

                            
                            <span class=\"links-text\">e-tron GT F8</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"90\"
                                                                      title=\"Enyaq 5A\"
                                   aria-label=\"Enyaq 5A\">

                            
                            <span class=\"links-text\">Enyaq 5A</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"30\"
                                                                      title=\"Formentor KM7\"
                                   aria-label=\"Formentor KM7\">

                            
                            <span class=\"links-text\">Formentor KM7</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"341\"
                                                                      title=\"Golf 7 - 5Q\"
                                   aria-label=\"Golf 7 - 5Q\">

                            
                            <span class=\"links-text\">Golf 7 - 5Q</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"82\"
                                                                      title=\"Golf 8 - CD\"
                                   aria-label=\"Golf 8 - CD\">

                            
                            <span class=\"links-text\">Golf 8 - CD</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"331\"
                                                                      title=\"ID3 E11\"
                                   aria-label=\"ID3 E11\">

                            
                            <span class=\"links-text\">ID3 E11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"131\"
                                                                      title=\"ID4 E21\"
                                   aria-label=\"ID4 E21\">

                            
                            <span class=\"links-text\">ID4 E21</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"86\"
                                                                      title=\"ID5 E39\"
                                   aria-label=\"ID5 E39\">

                            
                            <span class=\"links-text\">ID5 E39</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"113\"
                                                                      title=\"Kamiq NW4\"
                                   aria-label=\"Kamiq NW4\">

                            
                            <span class=\"links-text\">Kamiq NW4</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"255\"
                                                                      title=\"Kodiaq NS\"
                                   aria-label=\"Kodiaq NS\">

                            
                            <span class=\"links-text\">Kodiaq NS</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"332\"
                                                                      title=\"Leon 5F\"
                                   aria-label=\"Leon 5F\">

                            
                            <span class=\"links-text\">Leon 5F</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"135\"
                                                                      title=\"Leon KL\"
                                   aria-label=\"Leon KL\">

                            
                            <span class=\"links-text\">Leon KL</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"340\"
                                                                      title=\"Octavia 5E\"
                                   aria-label=\"Octavia 5E\">

                            
                            <span class=\"links-text\">Octavia 5E</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"101\"
                                                                      title=\"Octavia NX\"
                                   aria-label=\"Octavia NX\">

                            
                            <span class=\"links-text\">Octavia NX</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"118\"
                                                                      title=\"Panamera 971\"
                                   aria-label=\"Panamera 971\">

                            
                            <span class=\"links-text\">Panamera 971</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"107\"
                                                                      title=\"Passat - B6 (3C)\"
                                   aria-label=\"Passat - B6 (3C)\">

                            
                            <span class=\"links-text\">Passat - B6 (3C)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"115\"
                                                                      title=\"Passat - B7 (3C)\"
                                   aria-label=\"Passat - B7 (3C)\">

                            
                            <span class=\"links-text\">Passat - B7 (3C)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"95\"
                                                                      title=\"Passat - B8 (3G)\"
                                   aria-label=\"Passat - B8 (3G)\">

                            
                            <span class=\"links-text\">Passat - B8 (3G)</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"138\"
                                                                      title=\"Q2 - GA\"
                                   aria-label=\"Q2 - GA\">

                            
                            <span class=\"links-text\">Q2 - GA</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"322\"
                                                                      title=\"Q3 - F3\"
                                   aria-label=\"Q3 - F3\">

                            
                            <span class=\"links-text\">Q3 - F3</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"80\"
                                                                      title=\"Q4 - F4\"
                                   aria-label=\"Q4 - F4\">

                            
                            <span class=\"links-text\">Q4 - F4</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"106\"
                                                                      title=\"Q5 - 8R\"
                                   aria-label=\"Q5 - 8R\">

                            
                            <span class=\"links-text\">Q5 - 8R</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"99\"
                                                                      title=\"Q5 - FY\"
                                   aria-label=\"Q5 - FY\">

                            
                            <span class=\"links-text\">Q5 - FY</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"93\"
                                                                      title=\"Q7 - 4L\"
                                   aria-label=\"Q7 - 4L\">

                            
                            <span class=\"links-text\">Q7 - 4L</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"77\"
                                                                      title=\"Q7 - 4M\"
                                   aria-label=\"Q7 - 4M\">

                            
                            <span class=\"links-text\">Q7 - 4M</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"133\"
                                                                      title=\"Q8 - 4M\"
                                   aria-label=\"Q8 - 4M\">

                            
                            <span class=\"links-text\">Q8 - 4M</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"1813\"
                                                                      title=\"R8 42\"
                                   aria-label=\"R8 42\">

                            
                            <span class=\"links-text\">R8 42</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"88\"
                                                                      title=\"Scala NW1\"
                                   aria-label=\"Scala NW1\">

                            
                            <span class=\"links-text\">Scala NW1</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"127\"
                                                                      title=\"Superb 3V\"
                                   aria-label=\"Superb 3V\">

                            
                            <span class=\"links-text\">Superb 3V</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"335\"
                                                                      title=\"T-Cross C11\"
                                   aria-label=\"T-Cross C11\">

                            
                            <span class=\"links-text\">T-Cross C11</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"109\"
                                                                      title=\"T-Roc - A11 AC7\"
                                   aria-label=\"T-Roc - A11 AC7\">

                            
                            <span class=\"links-text\">T-Roc - A11 AC7</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"136\"
                                                                      title=\"T6 - SH\"
                                   aria-label=\"T6 - SH\">

                            
                            <span class=\"links-text\">T6 - SH</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"111\"
                                                                      title=\"T7 - ST\"
                                   aria-label=\"T7 - ST\">

                            
                            <span class=\"links-text\">T7 - ST</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"105\"
                                                                      title=\"Tarraco KN2\"
                                   aria-label=\"Tarraco KN2\">

                            
                            <span class=\"links-text\">Tarraco KN2</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"65\"
                                                                      title=\"Tiguan - 5N\"
                                   aria-label=\"Tiguan - 5N\">

                            
                            <span class=\"links-text\">Tiguan - 5N</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"119\"
                                                                      title=\"Tiguan - AD1\"
                                   aria-label=\"Tiguan - AD1\">

                            
                            <span class=\"links-text\">Tiguan - AD1</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"71\"
                                                                      title=\"Tiguan Allspace - BW2\"
                                   aria-label=\"Tiguan Allspace - BW2\">

                            
                            <span class=\"links-text\">Tiguan Allspace - BW2</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"124\"
                                                                      title=\"Touareg - CR\"
                                   aria-label=\"Touareg - CR\">

                            
                            <span class=\"links-text\">Touareg - CR</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"97\"
                                                                      title=\"Touran - 5T\"
                                   aria-label=\"Touran - 5T\">

                            
                            <span class=\"links-text\">Touran - 5T</span>
                            <span class=\"count-badge\">2</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"664\"
                                                                      title=\"TT - 8S (FV)\"
                                   aria-label=\"TT - 8S (FV)\">

                            
                            <span class=\"links-text\">TT - 8S (FV)</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"3758\"
                                                                      title=\"Urus ZL\"
                                   aria-label=\"Urus ZL\">

                            
                            <span class=\"links-text\">Urus ZL</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"494\"
                                                                      title=\"VW ID-Buzz - EB\"
                                   aria-label=\"VW ID-Buzz - EB\">

                            
                            <span class=\"links-text\">VW ID-Buzz - EB</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                                  <label class=\"custom-option\">
                            <input type=\"checkbox\"
                                   data-filter-trigger
                                   name=\"f4\"
                                   value=\"339\"
                                                                      title=\"VW Taigo CS\"
                                   aria-label=\"VW Taigo CS\">

                            
                            <span class=\"links-text\">VW Taigo CS</span>
                            <span class=\"count-badge\">1</span>
                            <span class=\"filter-item-bg\"></span>
                          </label>
                                              </div>
                                      </div>
                </div>
              </div>

                      </div>
              </div>
    </div>
  </div>
</div>

<div class=\"mobile-filter-backdrop\" id=\"mobileFilterBackdrop\"></div>

<script>
(function () {
  let observerScheduled = false;
  let originalParent = null;
  let originalNextSibling = null;

  function isMobile() {
    return window.innerWidth <= 599;
  }

  function moveMobileFilterDependingViewport() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop) return;

    if (!originalParent && sheet.parentNode) {
      originalParent = sheet.parentNode;
      originalNextSibling = sheet.nextSibling;
    }

    if (isMobile()) {
      if (sheet.parentNode !== document.body) document.body.appendChild(sheet);
      if (backdrop.parentNode !== document.body) document.body.appendChild(backdrop);
    } else {
      if (originalParent && sheet.parentNode !== originalParent) {
        if (originalNextSibling && originalNextSibling.parentNode === originalParent) {
          originalParent.insertBefore(sheet, originalNextSibling);
        } else {
          originalParent.appendChild(sheet);
        }
      }

      closeMobileSheet();
    }
  }

  function closeAllDropdowns(except = null) {
    document.querySelectorAll('.desktop-filter-wrapper [data-dropdown].open').forEach(function (dropdown) {
      if (dropdown !== except) {
        dropdown.classList.remove('open');

        const toggle = dropdown.querySelector('[data-dropdown-toggle]');
        if (toggle) toggle.setAttribute('aria-expanded', 'false');
      }
    });
  }

  function getInputLabelText(input) {
    const label = input.closest('label');
    if (!label) return input.value || '';

    const textEl = label.querySelector('.links-text');

    if (textEl) {
      return textEl.textContent.trim().replace(/\\s+/g, ' ');
    }

    return input.value || '';
  }

  function updateSummary(dropdown) {
    const summary = dropdown.querySelector('[data-dropdown-summary]');
    if (!summary) return;

    const defaultText = summary.getAttribute('data-default') || '';

    const checkedInputs = dropdown.querySelectorAll(
      'input[type=\"checkbox\"]:checked, input[type=\"radio\"]:checked'
    );

    const selected = Array.from(checkedInputs)
      .map(getInputLabelText)
      .filter(Boolean);

    if (selected.length === 0) {
      summary.textContent = defaultText;
    } else if (selected.length <= 2) {
      summary.textContent = defaultText + ': ' + selected.join(', ');
    } else {
      summary.textContent = defaultText + ': ' + selected.length + ' ausgewählt';
    }
  }

  /* ==========================
     SELECTED FILTER PREVIEW
  ========================== */

  function renderSelectedFiltersPreview() {
    const preview = document.getElementById('selectedFiltersPreview');
    const chipsWrapper = document.getElementById('selectedFiltersChips');

    if (!preview || !chipsWrapper) return;

    chipsWrapper.innerHTML = '';

    const checkedInputs = document.querySelectorAll(
      '.desktop-filter-wrapper input[type=\"checkbox\"]:checked, .desktop-filter-wrapper input[type=\"radio\"]:checked'
    );

    checkedInputs.forEach(function (input) {
      const text = getInputLabelText(input);
      if (!text) return;

      const chip = document.createElement('span');
      chip.className = 'selected-filter-chip';

      chip.dataset.name = input.name;
      chip.dataset.value = input.value;


      chip.innerHTML =
        '<span>' + text + '</span>' +
        '<em class=\"fa fa-times\"></em>';

      chipsWrapper.appendChild(chip);
    });

    preview.style.display = checkedInputs.length ? '' : 'none';
  }

  /* ==========================
     JOURNAL3 REMOVE FILTER
  ========================== */

  function removeJournalFilter(input) {
    if (!input) return;

    const \$input = window.jQuery ? jQuery(input) : null;

    /* checkbox / radio kaldır */
    input.checked = false;
    input.removeAttribute('checked');

    /* native events */
    input.dispatchEvent(new Event('input', { bubbles: true }));
    input.dispatchEvent(new Event('change', { bubbles: true }));

    /* jQuery events */
    if (\$input) {
      \$input.prop('checked', false);
      \$input.trigger('change');
      \$input.trigger('input');
      \$input.trigger('click');
    }

    /* Journal3 ajax refresh */
    if (window.Journal) {
      if (Journal.filter && typeof Journal.filter.update === 'function') {
        Journal.filter.update();
      }

      if (Journal.filter && typeof Journal.filter.reload === 'function') {
        Journal.filter.reload();
      }
    }

    /* fallback */
    setTimeout(function () {
      renderSelectedFiltersPreview();

      const dropdown = input.closest('[data-dropdown]');
      if (dropdown) updateSummary(dropdown);
    }, 400);
  }


  /* ==========================
     FILTER DROPDOWN
  ========================== */

  function initFilterDropdowns(scope) {
    const root = scope || document;

    const dropdowns = root.querySelectorAll('.desktop-filter-wrapper [data-dropdown]');

    dropdowns.forEach(function (dropdown) {
      const toggle = dropdown.querySelector('[data-dropdown-toggle]');
      const menu = dropdown.querySelector('[data-dropdown-menu]');
      const inputs = dropdown.querySelectorAll(
        'input[type=\"checkbox\"], input[type=\"radio\"]'
      );

      const searchInput = dropdown.querySelector('.filter-search-input');
      const options = dropdown.querySelectorAll('.custom-option');

      if (!toggle || !menu) return;

      updateSummary(dropdown);

      if (dropdown.dataset.dropdownInitialized === 'true') return;
      dropdown.dataset.dropdownInitialized = 'true';

      toggle.addEventListener('click', function (e) {
        e.preventDefault();
        e.stopPropagation();

        const isOpen = dropdown.classList.contains('open');

        closeAllDropdowns();

        if (!isOpen) {
          dropdown.classList.add('open');
          toggle.setAttribute('aria-expanded', 'true');
        } else {
          dropdown.classList.remove('open');
          toggle.setAttribute('aria-expanded', 'false');
        }
      });

      menu.addEventListener('click', function (e) {
        e.stopPropagation();
      });

      inputs.forEach(function (input) {
        input.addEventListener('change', function () {
          updateSummary(dropdown);
          renderSelectedFiltersPreview();

          if (input.type === 'radio') {
            dropdown.classList.remove('open');
            toggle.setAttribute('aria-expanded', 'false');
          }
        });
      });

      if (searchInput && searchInput.dataset.searchInitialized !== 'true') {
        searchInput.dataset.searchInitialized = 'true';

        searchInput.addEventListener('input', function () {
          const keyword = searchInput.value.trim().toLowerCase();

          options.forEach(function (option) {
            const text = option.textContent.trim().toLowerCase();

            option.style.display =
              !keyword || text.includes(keyword) ? '' : 'none';
          });
        });

        searchInput.addEventListener('click', function (e) {
          e.stopPropagation();
        });
      }
    });
  }

  /* ==========================
     MOBILE
  ========================== */

  function openMobileSheet() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop || !isMobile()) return;

    sheet.classList.add('mobile-sheet-open');
    backdrop.classList.add('active');
    document.body.classList.add('mobile-filter-lock');
  }

  function closeMobileSheet() {
    const sheet = document.getElementById('mobileFilterSheet');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (!sheet || !backdrop) return;

    sheet.classList.remove('mobile-sheet-open');
    backdrop.classList.remove('active');
    document.body.classList.remove('mobile-filter-lock');
  }

  function initMobileFilterSheet() {
    const openBtn = document.getElementById('mobileFilterOpen');
    const closeBtn = document.getElementById('mobileFilterClose');
    const backdrop = document.getElementById('mobileFilterBackdrop');

    if (openBtn && openBtn.dataset.mobileFilterInitialized !== 'true') {
      openBtn.dataset.mobileFilterInitialized = 'true';
      openBtn.addEventListener('click', openMobileSheet);
    }

    if (closeBtn && closeBtn.dataset.mobileFilterInitialized !== 'true') {
      closeBtn.dataset.mobileFilterInitialized = 'true';
      closeBtn.addEventListener('click', closeMobileSheet);
    }

    if (backdrop && backdrop.dataset.mobileFilterInitialized !== 'true') {
      backdrop.dataset.mobileFilterInitialized = 'true';
      backdrop.addEventListener('click', closeMobileSheet);
    }
  }

  function initResetButtons(scope) {
    const root = scope || document;

    const resetButtons = root.querySelectorAll(
      '.desktop-filter-wrapper .reset-filter'
    );

    resetButtons.forEach(function (btn) {
      if (btn.dataset.resetInitialized === 'true') return;

      btn.dataset.resetInitialized = 'true';

      btn.addEventListener('click', function () {
        setTimeout(function () {
          document
            .querySelectorAll('.desktop-filter-wrapper [data-dropdown]')
            .forEach(updateSummary);

          renderSelectedFiltersPreview();
        }, 300);
      });
    });
  }

  function bindGlobalEvents() {
    if (document.body.dataset.dropdownGlobalEventsBound === 'true') return;

    document.body.dataset.dropdownGlobalEventsBound = 'true';

    document.addEventListener('click', function () {
      closeAllDropdowns();
    });

    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape') {
        closeAllDropdowns();
        closeMobileSheet();
      }
    });

    window.addEventListener('resize', function () {
      moveMobileFilterDependingViewport();
    });
  }

  function initAll(scope) {
    moveMobileFilterDependingViewport();
    initFilterDropdowns(scope || document);
    initMobileFilterSheet();
    initResetButtons(scope || document);
     bindSelectedFilterRemove();
    renderSelectedFiltersPreview();
    bindGlobalEvents();
  }

  document.addEventListener('DOMContentLoaded', function () {
    initAll(document);
  });

  const observer = new MutationObserver(function () {
    if (observerScheduled) return;

    observerScheduled = true;

    requestAnimationFrame(function () {
      initAll(document);
      observerScheduled = false;
    });
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });



})();
function bindSelectedFilterRemove() {
  if (document.body.dataset.selectedFilterRemoveBound === 'true') return;
  document.body.dataset.selectedFilterRemoveBound = 'true';

  document.addEventListener('pointerdown', function (e) {
    const chip = e.target.closest('.selected-filter-chip');
    if (!chip) return;

    e.preventDefault();
    e.stopPropagation();

    const name = chip.getAttribute('data-name');
    const value = chip.getAttribute('data-value');

    const inputs = document.querySelectorAll(
      '.desktop-filter-wrapper input[type=\"checkbox\"], .desktop-filter-wrapper input[type=\"radio\"]'
    );

    let input = null;

    inputs.forEach(function (el) {
      if (el.name === name && el.value === value) {
        input = el;
      }
    });

    if (!input) {
      console.log('Input bulunamadı:', name, value);
      return;
    }

    input.checked = false;
    input.removeAttribute('checked');

    if (window.jQuery) {
      jQuery(input).prop('checked', false).trigger('change');
    } else {
      input.dispatchEvent(new Event('change', { bubbles: true }));
    }

    const dropdown = input.closest('[data-dropdown]');
    if (dropdown) {
      updateSummary(dropdown);
    }

    chip.remove();

    setTimeout(function () {
      renderSelectedFiltersPreview();
    }, 300);
  }, true);
}
</script></div>
                                  </div>
              </div>
                      </div>
        </div>
              </div>
      </div>

  </div>
", "catalog/view/theme/journal3/template/common/content_top.twig", "");
    }
}
