npm - cronus-theme - Versions diffs - 2.0.88 → 2.0.90 - Mend

cronus-theme 2.0.88 → 2.0.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (438) hide show

package/child/styleguide/item-shop-filter.html DELETED Viewed

@@ -1,707 +0,0 @@
-<!DOCTYPE html>
-<html class="no-js" lang="en">
-<head>
-  <meta charset="utf-8"/>
-  <title>Style Guide</title>
-  <meta name="description" content=""/>
-  <meta name="generator" content="kss-node"/>
-  <meta name="viewport" content="width=device-width"/>
-  <link rel="stylesheet" href="kss-assets/kss.css"/>
-  <link rel="stylesheet" href="../dist/css/addons/kss.css"/>
-<link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
-<link rel="stylesheet" href="../dist/css/doc.css"/>
-</head>
-<body id="kss-node" class="kss-fullscreen-mode">
-<div class="kss-sidebar kss-style">
-  <header class="kss-header">
-    <h1 class="kss-doc-title">Style Guide</h1>
-  </header>
-  <nav class="kss-nav" aria-label="Style Guide">
-    <ul class="kss-nav__menu">
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="./">
-          <span class="kss-nav__ref">0</span
-          ><span class="kss-nav__name">Overview</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-base.html">
-          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-colors.html">
-          <span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-components.html">
-          <span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-form.html">
-          <span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-navigations.html">
-          <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-shop.html">
-          <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-siteparts.html">
-          <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-structure.html">
-          <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
-        </a>
-      </li>
-      <li class="kss-nav__menu-item">
-        <a class="kss-nav__menu-link" href="section-typo.html">
-          <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-</div>
-<main class="kss-main" aria-label="Content">
-  <article>
-    <div id="kssref-shop-filter" class="kss-section kss-section--depth-2 is-fullscreen">
-      <div class="kss-style">
-        <h2 class="kss-title kss-title--level-2">
-          <a class="kss-title__permalink" href="#kssref-shop-filter">
-            <span class="kss-title__ref">
-              6.8
-              <span class="kss-title__permalink-hash">
-                  #Shop.Filter
-              </span>
-            </span>
-            Filter
-          </a>
-        </h2>
-          <p class="kss-toolbar">
-            <a href="#kssref-shop-filter" data-kss-guides="true">
-              <span class="kss-toolbar__tooltip">Toggle example guides</span>
-              <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
-                <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
-                <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
-                <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
-              </svg>
-            </a>
-            <a href="#kssref-shop-filter" data-kss-markup="true">
-              <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
-              <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
-                <path class="kss-toolbar__icon-fill" d="M37.555,46.239l6.103,6.103l20.342,-20.342l-20.342,-20.342l-6.103,6.103l14.24,14.239l-14.24,14.239Z"/>
-                <path class="kss-toolbar__icon-fill" d="M26.445,17.761l-6.103,-6.103l-20.342,20.342l20.342,20.342l6.103,-6.103l-14.24,-14.239l14.24,-14.239Z"/>
-              </svg>
-            </a>
-          </p>
-      </div>
-        <div class="kss-modifier__wrapper">
-          <div class="kss-modifier__heading kss-style">
-            Example
-          </div>
-          <div class="kss-modifier__example">
-            <div class="filterBox">
-    <div class="filterBox__mobileButton">Filter</div>
-    <div class="filterBox__content">
-        <div class="filterBox__contentHeader">
-            <div class="filterBox__contentTitle">Filter</div>
-            <div class="filterBox__close">
-                <i class="icon icon-close"></i>
-            </div>
-        </div>
-        <div class="filterBox__filter">
-            <div class="row gridGap--small">
-                <div class="col-12 col-lg-9 filtersColumn">
-                    <div class="row gridGap--small">
-                        <div class="col-12 col-sm-4 col-md-3 marginBottom">
-                            <div class="inputGroup is-filled">
-                                <div class="customSelect js-customSelect">
-                                    <select class="customSelect__hiddenFormField">
-                                        <option value="callaway">filter-Marke-8</option>
-                                        <option value="titleist">filter-Marke-8</option>
-                                        <option value="taylormade">filter-Marke-8</option>
-                                    </select>
-                                    <div class="customSelect__selected">Marke</div>
-                                    <div class="customSelect__dropdown">
-                                        <div class="customSelect__dropdownClose">
-                                            <i class="icon icon-close"></i>
-                                        </div>
-                                        <div class="customSelect__dropdownHeader d-block d-sm-none">
-                                            <div class="customSelect__dropdownTitle">
-                                                Marke
-                                            </div>
-                                        </div>
-                                        <div class="customSelect__dropdownBody">
-                                            <a href="?marke=callaway&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                                <div class="customSelect__dropdownItemHeadline">
-                                                    Callaway
-                                                </div>
-                                            </a>
-                                            <a href="?marke=titleist&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                                <div class="customSelect__dropdownItemHeadline">
-                                                    Titleist
-                                                </div>
-                                            </a>
-                                            <a href="?marke=taylormade&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                                <div class="customSelect__dropdownItemHeadline">
-                                                    TaylorMade
-                                                </div>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div><div class="col-12 col-sm-4 col-md-3 marginBottom">
-                        <div class="inputGroup is-filled">
-                            <form method="get" class="customSelect js-customSelect customSelect--multiple">
-                                <input class="customSelect__hiddenFormField" name="farbe" value="">
-                                <input class="customSelect__hiddenFormField" name="sort_by" value="base_price_desc">
-                                <div class="customSelect__selected">
-                                    Farbe <span class="customSelect__selectedCount"></span>
-                                </div>
-                                <div class="customSelect__dropdown js-searchWrapper">
-                                    <div class="customSelect__dropdownClose">
-                                        <i class="icon icon-close"></i>
-                                    </div>
-                                    <div class="customSelect__dropdownHeader">
-                                        <div class="customSelect__dropdownTitle">
-                                            Farbe
-                                        </div>
-                                        <div class="inputGroup searchBar">
-                                            <input class="js-searchInput" data-wrapper="js-searchWrapper" data-item="js-searchItem" type="text" placeholder="Filter suchen">
-                                            <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
-                                        </div>
-                                    </div>
-                                    <div class="customSelect__dropdownBody">
-                                        <div class="js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox" data-value="schwarz">
-                                            <div class="customSelect__dropdownItemHeadline">Schwarz</div>
-                                        </div>
-                                        <div class="js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox" data-value="schwarz/silber">
-                                            <div class="customSelect__dropdownItemHeadline">Schwarz/ Silber</div>
-                                        </div>
-                                        <div class="js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox" data-value="schwarz/rot">
-                                            <div class="customSelect__dropdownItemHeadline">Schwarz/ Rot</div>
-                                        </div>
-                                    </div>
-                                    <div class="customSelect__dropdownFooter">
-                                        <button type="submit" class="button button--action button--sm">
-                                            Anwenden
-                                        </button>
-                                        <br>
-                                        <button class="linkWithIcon customSelectReset">
-                                            <i class="icon icon-retoure"></i><span>Zurücksetzen</span>
-                                        </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </div><div class="col-12 col-sm-4 col-md-3 marginBottom">
-                        <div class="inputGroup is-filled">
-                            <div class="customSelect js-customSelect">
-                                <select class="customSelect__hiddenFormField">
-                                    <option value="regular">filter-Flex-4</option>
-                                    <option value="stiff">filter-Flex-4</option>
-                                </select>
-                                <div class="customSelect__selected">Flex</div>
-                                <div class="customSelect__dropdown">
-                                    <div class="customSelect__dropdownClose">
-                                        <i class="icon icon-close"></i>
-                                    </div>
-                                    <div class="customSelect__dropdownHeader d-block d-sm-none">
-                                        <div class="customSelect__dropdownTitle">
-                                            Flex
-                                        </div>
-                                    </div>
-                                    <div class="customSelect__dropdownBody">
-                                        <a href="?flex=regular&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                Regular (R)
-                                            </div>
-                                        </a>
-                                        <a href="?flex=stiff&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                Stiff (S)
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                        <div class="col-12 col-sm-4 col-md-3 marginBottom hiddenFilter">
-                            <div class="inputGroup is-filled">
-                                <div class="customSelect js-customSelect">
-                                    <select class="customSelect__hiddenFormField">
-                                        <option value="60.00">filter-Lie-Winkel-6</option>
-                                        <option value="58.50">filter-Lie-Winkel-6</option>
-                                    </select>
-                                    <div class="customSelect__selected">Lie-Winkel</div>
-                                    <div class="customSelect__dropdown">
-                                        <div class="customSelect__dropdownClose">
-                                            <i class="icon icon-close"></i>
-                                        </div>
-                                        <div class="customSelect__dropdownHeader d-block d-sm-none">
-                                            <div class="customSelect__dropdownTitle">
-                                                Lie-Winkel
-                                            </div>
-                                        </div>
-                                        <div class="customSelect__dropdownBody">
-                                            <a href="?lie=60.00&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                                <div class="customSelect__dropdownItemHeadline">
-                                                    60
-                                                </div>
-                                            </a>
-                                            <a href="?lie=58.50&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                                <div class="customSelect__dropdownItemHeadline">
-                                                    58.50
-                                                </div>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div><div class="col-12 col-sm-4 col-md-3 marginBottom hiddenFilter">
-                        <div class="inputGroup is-filled">
-                            <div class="customSelect js-customSelect">
-                                <select class="customSelect__hiddenFormField">
-                                    <option value="10.00">filter-Loft-7</option>
-                                    <option value="11.50">filter-Loft-7</option>
-                                    <option value="10.50">filter-Loft-7</option>
-                                    <option value="9.00">filter-Loft-7</option>
-                                </select>
-                                <div class="customSelect__selected">Loft</div>
-                                <div class="customSelect__dropdown">
-                                    <div class="customSelect__dropdownClose">
-                                        <i class="icon icon-close"></i>
-                                    </div>
-                                    <div class="customSelect__dropdownHeader d-block d-sm-none">
-                                        <div class="customSelect__dropdownTitle">
-                                            Loft
-                                        </div>
-                                    </div>
-                                    <div class="customSelect__dropdownBody">
-                                        <a href="?loft=10.00&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                10
-                                            </div>
-                                        </a>
-                                        <a href="?loft=11.50&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                11.50
-                                            </div>
-                                        </a>
-                                        <a href="?loft=10.50&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                10.50
-                                            </div>
-                                        </a>
-                                        <a href="?loft=9.00&amp;sort_by=base_price_desc" class="customSelect__dropdownItem customSelect__dropdownItem--radio">
-                                            <div class="customSelect__dropdownItemHeadline">
-                                                9
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                        <div class="filterBox__toggleFilterColumn marginBottom">
-                            <span class="link filterBox__showHiddenFilters">+ Mehr Filter</span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-12 col-sm-4 col-lg-3 marginBottom sortSelectColumn">
-                    <form method="get" class="inputGroup is-filled">
-                        <div class="customSelect js-customSelect customSelect--small sortingSelect ">
-                            <select class="customSelect__hiddenFormField js-formSubmitChange" name="sort_by">
-                                <option value="item_no">Artikelnummer</option>
-                                <option value="description">Artikelbezeichnung</option>
-                                <option value="creation_date">Neueste</option>
-                                <option value="sorting">Empfehlung</option>
-                                <option value="base_price_asc">Preis aufsteigend</option>
-                                <option value="base_price_desc" selected="">Preis absteigend</option>
-                            </select>
-                            <div class="customSelect__selected">Preis absteigend</div>
-                            <div class="customSelect__dropdown">
-                                <div class="customSelect__dropdownClose">
-                                    <i class="icon icon-close"></i>
-                                </div>
-                                <div class="customSelect__dropdownHeader d-block d-sm-none">
-                                    <div class="customSelect__dropdownTitle">
-                                        Sortierung
-                                    </div>
-                                </div>
-                                <div class="customSelect__dropdownBody">
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio" data-value="item_no">
-                                        <div class="customSelect__dropdownItemHeadline">Artikelnummer</div>
-                                    </div>
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio" data-value="description">
-                                        <div class="customSelect__dropdownItemHeadline">Artikelbezeichnung</div>
-                                    </div>
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio" data-value="creation_date">
-                                        <div class="customSelect__dropdownItemHeadline">Neueste</div>
-                                    </div>
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio" data-value="sorting">
-                                        <div class="customSelect__dropdownItemHeadline">Empfehlung</div>
-                                    </div>
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio" data-value="base_price_asc">
-                                        <div class="customSelect__dropdownItemHeadline">Preis aufsteigend</div>
-                                    </div>
-                                    <div class="customSelect__dropdownItem customSelect__dropdownItem--radio is-active" data-value="base_price_desc">
-                                        <div class="customSelect__dropdownItemHeadline">Preis absteigend</div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-            <div class="kss-modifier__example-footer"></div>
-          </div>
-        </div>
-          <details class="kss-markup kss-style">
-            <summary>
-                Markup
-            </summary>
-            <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox&quot;</span>&gt;</span>
-    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__mobileButton&quot;</span>&gt;</span>Filter<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__content&quot;</span>&gt;</span>
-        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__contentHeader&quot;</span>&gt;</span>
-            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__contentTitle&quot;</span>&gt;</span>Filter<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__close&quot;</span>&gt;</span>
-                <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__filter&quot;</span>&gt;</span>
-            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;row gridGap--small&quot;</span>&gt;</span>
-                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-lg-9 filtersColumn&quot;</span>&gt;</span>
-                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;row gridGap--small&quot;</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-md-3 marginBottom&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;callaway&quot;</span>&gt;</span>filter-Marke-8<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;titleist&quot;</span>&gt;</span>filter-Marke-8<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;taylormade&quot;</span>&gt;</span>filter-Marke-8<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>Marke<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader d-block d-sm-none&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                                Marke
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?marke=callaway<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                    Callaway
-                                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?marke=titleist<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                    Titleist
-                                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?marke=taylormade<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                    TaylorMade
-                                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-md-3 marginBottom&quot;</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">method</span>=<span class="hljs-string">&quot;get&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect customSelect--multiple&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&quot;farbe&quot;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&quot;sort_by&quot;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;base_price_desc&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>
-                                    Farbe <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selectedCount&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown js-searchWrapper&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                            Farbe
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup searchBar&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;js-searchInput&quot;</span> <span class="hljs-attr">data-wrapper</span>=<span class="hljs-string">&quot;js-searchWrapper&quot;</span> <span class="hljs-attr">data-item</span>=<span class="hljs-string">&quot;js-searchItem&quot;</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">&quot;Filter suchen&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup__addon&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-search&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;schwarz&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Schwarz<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;schwarz/silber&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Schwarz/ Silber<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;js-searchItem customSelect__dropdownItem customSelect__dropdownItem--checkbox&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;schwarz/rot&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Schwarz/ Rot<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownFooter&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;submit&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button button--action button--sm&quot;</span>&gt;</span>
-                                            Anwenden
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;linkWithIcon customSelectReset&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-retoure&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Zurücksetzen<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-md-3 marginBottom&quot;</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;regular&quot;</span>&gt;</span>filter-Flex-4<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;stiff&quot;</span>&gt;</span>filter-Flex-4<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>Flex<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader d-block d-sm-none&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                            Flex
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?flex=regular<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                Regular (R)
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?flex=stiff<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                Stiff (S)
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-md-3 marginBottom hiddenFilter&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;60.00&quot;</span>&gt;</span>filter-Lie-Winkel-6<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;58.50&quot;</span>&gt;</span>filter-Lie-Winkel-6<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>Lie-Winkel<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader d-block d-sm-none&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                                Lie-Winkel
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?lie=60.00<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                    60
-                                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?lie=58.50<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                    58.50
-                                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-md-3 marginBottom hiddenFilter&quot;</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;10.00&quot;</span>&gt;</span>filter-Loft-7<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;11.50&quot;</span>&gt;</span>filter-Loft-7<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;10.50&quot;</span>&gt;</span>filter-Loft-7<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;9.00&quot;</span>&gt;</span>filter-Loft-7<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>Loft<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader d-block d-sm-none&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                            Loft
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?loft=10.00<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                10
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?loft=11.50<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                11.50
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?loft=10.50<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                10.50
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?loft=9.00<span class="hljs-symbol">&amp;amp;</span>sort_by=base_price_desc&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span>&gt;</span>
-                                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>
-                                                9
-                                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;filterBox__toggleFilterColumn marginBottom&quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;link filterBox__showHiddenFilters&quot;</span>&gt;</span>+ Mehr Filter<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;col-12 col-sm-4 col-lg-3 marginBottom sortSelectColumn&quot;</span>&gt;</span>
-                    <span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">method</span>=<span class="hljs-string">&quot;get&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup is-filled&quot;</span>&gt;</span>
-                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect js-customSelect customSelect--small sortingSelect &quot;</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__hiddenFormField js-formSubmitChange&quot;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&quot;sort_by&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;item_no&quot;</span>&gt;</span>Artikelnummer<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;description&quot;</span>&gt;</span>Artikelbezeichnung<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;creation_date&quot;</span>&gt;</span>Neueste<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;sorting&quot;</span>&gt;</span>Empfehlung<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;base_price_asc&quot;</span>&gt;</span>Preis aufsteigend<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;base_price_desc&quot;</span> <span class="hljs-attr">selected</span>=<span class="hljs-string">&quot;&quot;</span>&gt;</span>Preis absteigend<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__selected&quot;</span>&gt;</span>Preis absteigend<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdown&quot;</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownClose&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownHeader d-block d-sm-none&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownTitle&quot;</span>&gt;</span>
-                                        Sortierung
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownBody&quot;</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;item_no&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Artikelnummer<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;description&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Artikelbezeichnung<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;creation_date&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Neueste<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;sorting&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Empfehlung<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;base_price_asc&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Preis aufsteigend<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItem customSelect__dropdownItem--radio is-active&quot;</span> <span class="hljs-attr">data-value</span>=<span class="hljs-string">&quot;base_price_desc&quot;</span>&gt;</span>
-                                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;customSelect__dropdownItemHeadline&quot;</span>&gt;</span>Preis absteigend<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                    <span class="hljs-tag">&lt;/<span class="hljs-name">form</span>&gt;</span>
-                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
-          </details>
-        <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17474
-        </div>
-    </div>
-</article>
-</main>
-<!-- SCRIPTS -->
-<script src="kss-assets/kss.js"></script>
-<script src="kss-assets/scrollspy.js"></script>
-<script src="kss-assets/kss-fullscreen.js"></script>
-<script src="kss-assets/kss-guides.js"></script>
-<script src="kss-assets/kss-markup.js"></script>
-<script>
-  var spy = new ScrollSpy('#kss-node', {
-    nav: '.kss-nav__menu-child > li > a',
-    className: 'is-in-viewport'
-  });
-  var kssFullScreen = new KssFullScreen({
-    idPrefix: 'kss-fullscreen-',
-    bodyClass: 'kss-fullscreen-mode',
-    elementClass: 'is-fullscreen'
-  });
-  var kssGuides = new KssGuides({
-    bodyClass: 'kss-guides-mode'
-  });
-  var kssMarkup = new KssMarkup({
-    bodyClass: 'kss-markup-mode',
-    detailsClass: 'kss-markup'
-  });
-</script>
-<script src="../../default/b2c/dist/js/main.js"></script>
-<script src="../dist/js/main.js"></script>
-<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
-</body>
-</html>