Sidebar Filter

  • webshop
<div id="sidebarFilterOffcanvas"> <div class="offcanvas-header hidden-hd hidden-md hidden-lg"> <div class="logo-wrapper "> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <a class="link-icon right close-off-canvas sw5-plugin link--is-invert link--is-sm" href="#"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#exit"></use> </svg> <span class="link-label">Filter schließen</span> </a> </div> <div class="listing-sidebar"> <form id="filter" method="get" data-filter-form="true" data-is-in-sidebar="true" data-listing-url="http://localhost:8000/widgets/listing/listingCount/sCategory/4" data-is-filtered="0" data-load-facets="false" data-instant-filter-result="false" class=""> <div class="sidebar-filter"> <h5 class="filter-headline">Filter</h5> <div class="sidebar-filter--content sw5-plugin"> <div class="filter-container"> <span class="sidebar-offcanvas-close hidden" data-show-products-text="%s Produkt(e) anzeigen"> </span> <div class="filter-actions filter-actions-top visible-xs visible-sm visible-hd mbm"> <a type="submit" class="btn btn btn-default btn-block sw5-plugin"> Produkte anzeigen </a> </div> <div class="action-filter-options sw5-plugin" id="FilterContainer"> <div class="filter-panel-container"> <div class="filter-col"> <div class="filter-panel filter-panel--input sw5-plugin filter-boolean filter-value facet-immediate_delivery" data-filter-type="value" data-facet-name="immediate_delivery" data-field-name="delivery"> <div class="filter-panel--input man"> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption" name="checkboxGroup" /> <label for="filteroption"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </div> </div> </div> <div class="accordion accordion--type-a" id="filterAccordion" role="tablist" aria-multiselectable="true"> <div class="accordion-item"> <div class="accordion-item-header" role="tab" id="heading1"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#filterAccordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1"> <span>accordion item header</span> <span class="icon-toggle"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus"></use> </svg> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#minus"></use> </svg> </span> </a> </div> <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="accordion-item-body"> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption0" name="checkboxGroup" /> <label for="filteroption0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label0" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label1" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label2" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label3" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label4" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> </li> </ul> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption0" name="checkboxGroup" /> <label for="filteroption0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption1" name="checkboxGroup" /> <label for="filteroption1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption2" name="checkboxGroup" /> <label for="filteroption2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption3" name="checkboxGroup" /> <label for="filteroption3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption4" name="checkboxGroup" /> <label for="filteroption4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> </ul> </div> </div> </div> <div class="accordion-item"> <div class="accordion-item-header" role="tab" id="heading2"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#filterAccordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2"> <span>accordion item header</span> <span class="icon-toggle"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus"></use> </svg> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#minus"></use> </svg> </span> </a> </div> <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="accordion-item-body"> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption1" name="checkboxGroup" /> <label for="filteroption1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label0" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label1" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label2" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label3" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label4" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> </li> </ul> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption0" name="checkboxGroup" /> <label for="filteroption0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption1" name="checkboxGroup" /> <label for="filteroption1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption2" name="checkboxGroup" /> <label for="filteroption2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption3" name="checkboxGroup" /> <label for="filteroption3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption4" name="checkboxGroup" /> <label for="filteroption4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> </ul> </div> </div> </div> <div class="accordion-item"> <div class="accordion-item-header" role="tab" id="heading3"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#filterAccordion" href="#collapse3" aria-expanded="true" aria-controls="collapse3"> <span>accordion item header</span> <span class="icon-toggle"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus"></use> </svg> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#minus"></use> </svg> </span> </a> </div> <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="accordion-item-body"> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption2" name="checkboxGroup" /> <label for="filteroption2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> <ul class="list-unstyled"> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label0" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label1" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label2" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label3" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption-mit-extrem-langem-label4" name="checkboxGroup" /> <label for="filteroption-mit-extrem-langem-label4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption mit extrem langem Label </span> </label> </div> </li> </ul> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption0" name="checkboxGroup" /> <label for="filteroption0"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption1" name="checkboxGroup" /> <label for="filteroption1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption2" name="checkboxGroup" /> <label for="filteroption2"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption3" name="checkboxGroup" /> <label for="filteroption3"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="filteroption4" name="checkboxGroup" /> <label for="filteroption4"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Filteroption </span> </label> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="filter-active-container sw5-plugin" data-reset-label="Alle Filter zurücksetzen"> </div> <div class="filter-actions filter-actions-bottom"> <span class="active-filter btn btn-default-c btn--has-icon btn-xs" data-filter-param="__s__1"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#exit"></use> </svg> activer filter </span> <span class="active-filter btn btn-default-c btn--has-icon btn-xs" data-filter-param="__s__1"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#exit"></use> </svg> activer filter </span> <span class="active-filter btn btn-default-c btn--has-icon btn-xs" data-filter-param="__s__1"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#exit"></use> </svg> activer filter </span> <span class="active-filter btn btn-default-c btn--has-icon btn-xs" data-filter-param="reset"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#exit"></use> </svg> Alle Filter zurücksetzen </span> </div> </div> </div> <button type="submit" class="btn btn btn-default btn-block"> Produkte anzeigen </button> </div> </form> </div> </div>