.lds-dual-ring { position: absolute; top: 7px; left: calc(50% - 19px); display: inline-block; width: 38px; height: 38px; }

.lds-dual-ring:after { content: " "; display: block; width: 38px; height: 38px; margin: 0; border: 1px solid #b29579; border-color: #b29579 transparent #b29579 transparent; border-radius: 50%; animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.filter-watch__footer { position: relative; gap: 10px; }

.filter-watch__footer:not(.searching) .lds-dual-ring { display: none; }

.filter-watch__footer input { transition: opacity 0.2s; }

.filter-watch__footer.searching input { opacity: 0.3; pointer-events: none; }

.purchasable-icon:hover .label { display: block; }

.filter-watch-wrapper { position: sticky; top: 50px; text-align: right; margin-right: 50px; margin-left: 50px; margin-bottom: 50px; z-index: 100; }

.filter-buttons { display: flex; gap: 1em; justify-content: flex-end; align-items: stretch; }

.filter-watch-button { position: relative; padding: 1.125em 5em 1.25em 2em; border: 1px solid #42342d; font-size: .75rem; color: #eac6a1; text-decoration: none; text-transform: uppercase; letter-spacing: .4em; outline: 0 none; cursor: pointer; display: inline-block; background: #1e130f; }

.filter-watch-button:after { content: ''; position: absolute; right: 10px; width: 16px; height: 16px; top: calc(50% - 8px); background-image: url(/wp-content/themes/galli/library/images/down-arrow.svg); transition: all 300ms ease-in-out; }

.filter-watch-button.active:after { transform: rotate(180deg); }

.filter-watch { position: absolute; right: 0; top: 58px; display: none; text-align: left; max-height: calc(100vh - 110px); overflow: auto; z-index: -1; }

.filter-watch__form { max-width: 730px; padding: 50px; background-color: #100c0a; border: 1px solid #42342d; font-weight: 400; font-family: var(--f-normal); color: #b29579; }

@media (max-width: 768px) { .filter-watch__form { padding: 30px 20px; } }

.filter-watch__form-inner { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-left: -15px; margin-right: -15px; }

.filter-watch__column { width: 50%; padding-left: 15px; padding-right: 15px; }

@media (max-width: 575px) { .filter-watch__column { width: 100%; max-width: none; } }

.filter-watch__item { margin-bottom: 35px; }

h3.filter-watch__title { margin: 0 0 15px; font-size: 12px; color: #b29579; }

.filter-watch__slider { margin-bottom: 25px; padding-right: 15px; }

.filter-watch__slider .noUi-handle { width: 18px; height: 18px; border-radius: 9px; background-color: #100c0a; border: 1px solid #b29579; outline: none !important; box-shadow: none; cursor: pointer; }

.filter-watch__slider .noUi-handle::before, .filter-watch__slider .noUi-handle::after { content: none; display: none; }

@media (pointer: coarse) { .filter-watch__slider .noUi-handle::before { display: block; content: ''; width: 36px; height: 36px; top: -9px; left: -9px; background: transparent; } }

.filter-watch__slider.noUi-target { height: 6px; background-color: #100c0a; border: 1px solid #42342d; border-radius: 0; box-shadow: none; }

.filter-watch__slider .noUi-connect { background-color: #b29579; }

.filter-watch__slider-values { display: flex; align-items: center; justify-content: space-between; line-height: 1; }

.filter-watch__slider-value { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; flex-grow: 1; }

.filter-watch__slider-value-label { font-size: 16px; }

.filter-watch__slider-value-text { display: flex; align-items: center; justify-content: center; width: 100px; height: 24px; margin-left: auto; margin-right: auto; border: 1px solid #42342d; text-align: center; font-size: 16px; letter-spacing: 3px; }

.filter-watch__slider-input-value-text { display: inline-block; background: transparent; color: #b29579; align-items: center; justify-content: center; width: 100px; height: 24px; margin-left: auto; margin-right: auto; border: 1px solid #42342d; text-align: center; font-size: 16px; letter-spacing: 3px; }

@media (max-width: 768px) and (min-width: 575px) { .filter-watch__slider-value-text, .filter-watch__slider-input-value-text { width: 90px; font-size: 14px; } }

.filter-watch__label { display: flex; align-items: center; margin-bottom: 15px; line-height: 22px; font-size: 16px; letter-spacing: 1px; cursor: pointer; }

.filter-watch__label input[type="checkbox"] { display: none; }

.filter-watch .filter-watch__label img { margin-bottom: 0; margin-right: 10px; }

.filter-watch__checkbox { position: relative; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; margin-right: 10px; border: 1px solid #42342d; }

input[type="checkbox"]:checked + .filter-watch__checkbox:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 12px; background-color: #b29579; }

.filter-watch__footer { display: flex; align-items: center; justify-content: flex-end; width: 100%; }

@media (max-width: 575px) { .filter-watch__footer { justify-content: center; } }

.filter-watch__footer .filter-watch__reset { order: -1; }

@media (max-width: 1023px) { .page-template-template-uhren #content { margin-top: 90px; } .filter-watch-wrapper { top: 0; margin: 0; border-top: 1px solid #42342D; border-bottom: 1px solid #42342D; background: #1e130e; } .filter-watch-wrapper::before { display: block; content: ''; position: absolute; top: -25px; height: 24px; width: 100%; left: 0; background: #1e130e; } .filter-watch-wrapper .filter-buttons { width: 100%; margin: 0; justify-content: center; } .filter-watch-wrapper .filter-watch-reset-button::after, .filter-watch-wrapper .filter-watch-button::after { display: none; } }

.initial-state .filter-watch-reset-button, .initial-state .found-results, .initial-state form#filter-watch .filter-watch__reset, .initial-state .filter-watch__submit.update { display: none; }

.filter-watch__submit.set { display: none; }

.initial-state .filter-watch__submit.set { display: block; }

.filter-watch__form-inner { display: block; columns: 3; margin: 0; column-gap: 30px; }

.filter-watch__item { display: inline-block; width: 100%; }

.filter-watch { max-height: initial; overflow: initial; width: Min(calc(100vw - 100px), 1130px); }

.filter-watch__form { max-width: 1130px; max-height: calc(100vh - 125px); overflow: auto; padding: 50px 50px 70px; }

.filter-watch__footer { position: absolute; left: 1px; bottom: 1px; width: calc(100% - 2px); height: 90px; background: #100c0a; padding: 15px 50px 0; z-index: 2; }

.filter-watch__column { width: 33.33333%; }

@media screen and (max-width: 1130px) { .filter-watch__column { width: 50%; } .filter-watch__form-inner { columns: 2; } }

@media screen and (max-width: 1023px) { .filter-watch { margin: 0; width: 100%; } .filter-watch__form { max-height: 100%; height: 100%; } }

@media screen and (max-width: 700px) { .filter-watch__column { width: 100%; } .filter-watch__form { padding: 15px 15px 90px; } .filter-watch__form-inner { columns: 1; display: flex; flex-direction: column; } .filter-watch__item { display: block; margin: 0; } .filter-watch__item .filter-watch__title { position: relative; cursor: pointer; padding-bottom: 15px; padding-top: 15px; margin: 0; } .filter-watch__item .filter-watch__title::after { display: block; content: ''; width: 10px; height: 1.5em; position: absolute; right: 0; top: 15px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23EAC6A1' d='M.2.5a.4.4 0 0 1 .6 0L5 4.7 9.2.5a.4.4 0 0 1 .6.5L5.3 5.5a.4.4 0 0 1-.6 0L.2 1a.4.4 0 0 1 0-.5Z'/%3E%3C/svg%3E") center center/contain no-repeat; transition: transform .2s; } .filter-watch__item .filter-watch__title.active::after { transform: rotate(-180deg); } .filter-watch__item .filter-watch__inner { display: none; } .filter-watch__item.filter-availability { margin-top: 15px; order: -2; } .filter-watch__item.filter-availability .filter-watch__title { display: none; } .filter-watch__item.filter-availability .filter-watch__inner { display: flex; } .filter-watch__item.filters-brands { order: -1; } .filter-watch__item .filter-watch__title.active + .filter-watch__inner { display: block; } .filter-watch__footer { justify-content: center; height: 90px; padding: 30px 15px 0; } }

.filter-watch-button { line-height: 1; min-height: 58px; display: inline-flex; align-items: center; }

.filter-watch-button::after { right: 1.5em; }

.filter-watch-reset-button { position: relative; padding: 1.125em 5em 1.25em 2em; border: 1px solid #42342d; font-size: .75rem; color: #eac6a1; text-decoration: none; text-transform: uppercase; letter-spacing: .4em; outline: 0 none; cursor: pointer; background: #1e130f; line-height: 1; min-height: 58px; display: inline-flex; align-items: center; }

.filter-watch-reset-button::before { content: ''; width: 15px; height: 1px; position: absolute; transform: translateY(-50%) rotate(45deg); transform-origin: center center; top: 50%; right: 1.5em; background: currentColor; }

.filter-watch-reset-button::after { content: ''; height: 15px; width: 1px; position: absolute; transform: translateY(-50%) rotate(45deg); transform-origin: center center; top: 50%; right: calc(1.5em + 7px); background: currentColor; }

.results-filtered .filter-watch-reset-button { display: inline-flex; }

.no-filters .filter-watch-reset-button, .initial-state .filter-wrapper-is-open .filter-watch-reset-button { display: none; }

.filter-reset-spinner { position: relative; width: 58px; height: 58px; flex: 0 0 auto; display: none; }

.filter-watch-button, .filter-watch-reset-button { text-align: left; }

@media screen and (max-width: 588px) { .filter-watch-button, .filter-watch-reset-button { text-align: left; padding: 14px; } .filter-watch-button::after { right: 1.2em; } }

@media screen and (max-width: 415px) { .filter-watch-button, .filter-watch-reset-button { padding: 1.125em 2em 1.25em 0.8em; } .filter-watch-button::after { right: 0.8em; } .filter-watch-reset-button::after { height: 13px; right: calc(0.8em + 6px); } .filter-watch-reset-button::before { width: 13px; right: calc(0.8em); } }

@media screen and (max-width: 374px) { .filter-watch-button, .filter-watch-reset-button { font-size: .65rem; } }

.no-products-found { z-index: unset; position: static; text-align: center; background: unset; color: inherit; max-width: initial; width: 100%; padding-top: 50px; padding-bottom: 80px; }

.tax-uhrenhersteller .no-products-found { margin-top: 50px; }

.no-products-found .info-message { position: relative; padding: 20px; }

.no-products-found .info-message::before { display: block; content: ''; position: absolute; height: 1px; width: 170px; background: #42342D; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1; }

.no-products-found .info-message::after { display: block; content: ''; position: absolute; height: 1px; width: 170px; background: #42342D; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1; z-index: 2; width: 20px; background: #B29579; }

.no-products-found .change-filters { font-weight: 600; text-decoration: underline; cursor: pointer; padding-top: 80px; padding-bottom: 80px; }

.no-products-found h2 { padding-top: 130px; }

.no-products-found img { max-width: 100%; height: auto; }

.found-results { position: absolute; top: 0; right: 50px; height: auto; line-height: 1; width: auto; text-align: right; }

.found-results .lds-dual-ring { margin-top: 10px; display: none; }

.found-results .loader-spinner { position: absolute; top: 0; right: 0; left: auto; display: none; }

.found-results.counting .lds-dual-ring, .found-results.counting .loader-spinner { display: block; }

.loader-spinner-css { display: none; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.loader-spinner-css::before { display: block; content: ''; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b29579' viewBox='0 0 24 24'%3E%3Cstyle%3E@keyframes spinner_T6mA%7B8.3%25%7Btransform:rotate(30deg)%7D16.6%25%7Btransform:rotate(60deg)%7D25%25%7Btransform:rotate(90deg)%7D33.3%25%7Btransform:rotate(120deg)%7D41.6%25%7Btransform:rotate(150deg)%7D50%25%7Btransform:rotate(180deg)%7D58.3%25%7Btransform:rotate(210deg)%7D66.6%25%7Btransform:rotate(240deg)%7D75%25%7Btransform:rotate(270deg)%7D83.3%25%7Btransform:rotate(300deg)%7D91.6%25%7Btransform:rotate(330deg)%7Dto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_T6mA .75s step-end infinite'%3E%3Cpath d='M11 1h1v3h-1z' opacity='.1'/%3E%3Cpath d='m16.6 2 .9.5L16 5l-.9-.5z' opacity='.3'/%3E%3Cpath d='m21 5.6.5.9L19 8l-.5-.9z' opacity='.4'/%3E%3Cpath d='M23 11v1h-3v-1z' opacity='.6'/%3E%3Cpath d='m22 16.6-.5.9L19 16l.5-.9z' opacity='.7'/%3E%3Cpath d='m18.4 21-.9.5L16 19l.9-.5z' opacity='.9'/%3E%3Cpath d='M13 23h-1v-3h1z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat; }

@media (max-width: 700px) { .found-results { top: 10px; right: auto; height: auto; width: auto; left: 15px; text-align: left; } .found-results .loader-spinner { position: absolute; bottom: 5px; right: auto; left: 15px; } .filter-watch__footer { justify-content: flex-start; } .submit-wrapper { flex: 0 0 auto; } .submit-wrapper input { width: auto; } }

.found-results.counting .inner { display: none; }

.filter-watch__footer.searching .submit-wrapper .loader-spinner-css, .form#filter-watch.submitting .submit-wrapper .loader-spinner-css { display: block; }

.applied-filters { display: none; }

@media (max-width: 1023px) { .applied-filters { display: block; width: 100%; overflow-x: auto; background-color: #1e130e; } .applied-filters .inner { display: flex; gap: 10px; padding: 0 0 0 28px; } .applied-filters .tag { position: relative; left: -14px; display: flex; align-items: center; flex: 0 0 auto; background: #42342D; border: 1px solid #5A4F45; color: #B29579; font-size: 10px; line-height: 1.3; padding: 4px 8px; text-decoration: none; gap: 8px; margin: 0 0 14px; } .applied-filters .tag::after { display: block; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B29579' viewBox='0 0 6 5'%3E%3Cpath d='m3.4 2.5 2.1-2-.4-.5L3 2 1 0 .4.4l2 2.1-2 2 .4.5L3 3l2 2 .5-.4-2-2.1Z'/%3E%3C/svg%3E") center/6px 5px no-repeat; width: 6px; height: 5px; } .applied-filters .tag:first-child { margin-left: auto; } .applied-filters .tag:last-child { margin-right: auto; } .filter-buttons { padding: 0 52px 0 8px; gap: 0; } .filter-watch-button, .filter-watch-reset-button { border: 0; letter-spacing: 0.12em; text-align: left; line-height: 16px; min-height: 0; background: transparent; padding: 14px; } .filter-watch-reset-button { order: 2; text-transform: none; color: #fff; text-decoration: underline; } .filter-watch-reset-button::before { display: none; } .filter-watch-wrapper .filter-buttons { position: relative; background-color: #1e130e; } .filter-watch-wrapper .filter-buttons::after { display: block; content: ''; position: absolute; right: 0; top: 0; padding: 14px; height: 16px; width: 16px; box-sizing: content-box; transform-origin: center; transition: transform 0.15s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EAC6A1' viewBox='0 0 10 6'%3E%3Cpath   d='M.2.5a.4.4 0 0 1 .6 0L5 4.7 9.2.5a.4.4 0 0 1 .6.5L5.3 5.5a.4.4 0 0 1-.6 0L.2 1a.4.4 0 0 1 0-.5Z'/%3E%3C/svg%3E") center/10px 6px no-repeat; } .filter-watch-wrapper .submit-wrapper { display: none; } .filter-watch-wrapper.filter-wrapper-is-open { position: fixed; width: 100%; height: 100%; display: flex; flex-direction: column; } .filter-watch-wrapper.filter-wrapper-is-open .filter-watch-reset-button { opacity: 0.2; pointer-events: none; } .filter-watch-wrapper.filter-wrapper-is-open .filter-buttons { flex: 0 0 auto; background: #3E3129; } .filter-watch-wrapper.filter-wrapper-is-open .filter-buttons::after { transform: scaleY(-1); } .filter-watch-wrapper.filter-wrapper-is-open .applied-filters { display: none; } .filter-watch-wrapper.filter-wrapper-is-open .filter-watch { position: static; overflow: auto; flex: 1 1 auto; height: auto; } .filter-watch-wrapper.filter-wrapper-is-open .submit-wrapper { display: block; } }

@media (max-width: 700px) { .submit-wrapper { max-width: calc(100% - 90px); } .filter-watch__footer .filter-watch__reset { order: 2; padding: 10px 0; flex-wrap: wrap; flex: 0 1 auto; min-width: 0; white-space: break-spaces; text-align: left; border: 0; background: none; text-transform: none; letter-spacing: normal; } .filter-watch__footer .filter-watch__reset::before, .filter-watch__footer .filter-watch__reset::after { display: none; } .filter-watch__reset, .filter-watch__submit { max-height: 44px; overflow: hidden; display: inline-flex; align-items: center; } }

@media (max-width: 390px) { .filter-watch__submit { letter-spacing: 0.2em; } }

.filters-brands { column-gap: 12px; }

.filters-brands .filter-watch__label { min-width: calc(50% - 6px); flex: 1 1 auto; }

body.filter-is-open { position: fixed; }

/*# sourceMappingURL=watch-filters.css.map */