.template-collection main .tq-top-filters .tq-filter-toolbar{display:flex;align-items:flex-start;gap:12px;padding:12px 30px;background:#fff;border-top:1px solid #e9e1dc;border-bottom:1px solid #e9e1dc;position:sticky;top:var(--header-height,0px);z-index:25}.tq-filter-toolbar{scroll-margin-top:100px}.tq-filter-container{flex:1;min-width:0}.template-collection main .collection-products.tq-top-filters .collection__sidebar{width:100%;min-width:0;height:auto;max-height:none;padding:0;overflow:visible;mask:none;-webkit-mask:none;transform:none}.tq-filter-toolbar collection-filters-form{display:flex;flex-direction:column}.tq-filter-toolbar collapsible-elements{display:block;order:0}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__filters{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding:0;margin:0}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__filters .filter-group{position:relative;margin:0;min-width:0;font-size:13px}.tq-filter-toolbar .filter-group:is([data-filter-name=gr\f6\df e],[data-filter-name=size]){order:1}.tq-filter-toolbar .filter-group:is([data-filter-name=farbe],[data-filter-name=color]){order:2}.tq-filter-toolbar .filter-group:is([data-filter-name=preis],[data-filter-name=price]){order:3}.tq-filter-toolbar .filter-group:is([data-filter-name=zimmer],[data-filter-name=room]){order:4}.tq-filter-toolbar .filter-group[data-filter-name=length]{order:5}.tq-filter-toolbar .filter-group[data-filter-name=width]{order:6}.tq-filter-toolbar .filter-group:is([data-filter-name=verf\fcgbarkeit],[data-filter-name=availability]){order:7}.tq-filter-toolbar .filter-group[data-animation]{opacity:1;visibility:visible;transform:none;animation:none}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;margin:0;min-height:44px;border:1px solid #e3d9d0;border-radius:3px;background:#fff;color:#2a1826;font-size:12px;font-weight:400;line-height:20px;list-style:none;white-space:nowrap}.tq-filter-toolbar .filter-group__heading::-webkit-details-marker{display:none}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading:after{content:none}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading .icon{visibility:visible;position:static;width:14px;height:14px;flex:0 0 14px;transform:none}.tq-filter-toolbar details[open]>.filter-group__heading{border-color:#ba925d;background:#fbf7f5}.template-collection main .tq-top-filters .tq-filter-toolbar details[open]>.filter-group__heading .icon{transform:rotate(180deg)}.tq-filter-toolbar .filter-group__body{position:absolute;top:calc(100% + 8px);left:var(--tq-panel-offset,0px);width:min(310px,calc(100vw - 32px));max-height:min(460px,65vh);overflow:auto;padding:18px;background:#fff;border:1px solid #e3d9d0;border-radius:4px;box-shadow:0 10px 26px #2a18261a;z-index:30}.tq-filter-toolbar .filter-group__content{height:auto}.template-collection main .tq-top-filters .tq-filter-toolbar .sidebar__item{font-size:13px;margin:12px 0 0}.tq-filter-toolbar .sidebar__item:first-child{margin-top:0}.template-collection main .tq-top-filters .tq-filter-toolbar .sidebar__item label{padding-left:25px;min-height:26px}.tq-filter-toolbar .collection__active__filters{order:1;margin:10px 0 0;gap:5px}.tq-filter-toolbar .active__filters__clear,.tq-filter-toolbar .active__filters__remove{margin:0;border-radius:3px;background:#f5eee7;font-size:11px}.tq-filter-toolbar .collection__sidebar__buttons{display:none}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__nav{position:static;flex:0 0 auto;top:auto;margin:0;border:0;padding:0;background:transparent;z-index:35}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__nav .popout__toggle{font-size:11px;letter-spacing:.04em;min-height:44px;padding:11px 13px;border:1px solid #e3d9d0;border-radius:3px;background:#fff}.template-collection main .tq-top-filters .collection__products{display:block}.template-collection main .tq-top-filters .collection__products .grid-outer{width:100%;padding:22px 30px}.tq-filter-toolbar :is(summary,a,input,button):focus-visible{outline:2px solid #b98c50;outline-offset:3px}@media(max-width:989px){.template-collection main .tq-top-filters .tq-filter-toolbar{padding:12px 20px}.template-collection main .tq-top-filters .collection__products .grid-outer{padding:20px}}@media(max-width:749px){.template-collection main .tq-top-filters .tq-filter-toolbar{position:relative;top:auto;padding:12px 16px;flex-wrap:wrap;gap:10px}.tq-filter-container{flex:1 1 100%}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__filters{gap:7px}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group{flex:1 0 calc(33.333% - 7px)}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading{padding:10px;font-size:12px;gap:5px}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__nav{margin-left:auto}.template-collection main .tq-top-filters .collection__products .grid-outer{padding:16px}}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading:before,.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__heading:after{content:none!important;display:none!important}.template-collection main .tq-top-filters .tq-filter-toolbar .collection__nav{z-index:1}.template-collection main .tq-top-filters .tq-filter-container{position:relative;z-index:2}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__body{box-sizing:border-box;min-width:0;max-width:calc(100vw - 32px)}.tq-filter-toolbar .filter-group__content,.tq-filter-toolbar tq-dimension-range-slider,.tq-filter-toolbar .filter__price{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.tq-filter-toolbar tq-dimension-range-slider .sliders_control input{max-width:calc(50% - 2px)}@media(max-width:749px){.template-collection main .tq-top-filters .tq-filter-toolbar .collection__filters .filter-group:has(>details[open]){flex-basis:100%}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__body{position:relative;inset:auto;left:auto;top:auto;width:100%;max-width:100%;min-width:0;margin-top:8px;max-height:55vh;overflow:auto;box-shadow:none}.template-collection main .tq-top-filters .tq-filter-toolbar .filter-group__content{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/teppique-top-filters.css.map */
