/*
File generated by XWK on Thu, 12 Nov 2026 15:21:15 +0100 - NEVER EDIT THIS FILE 
File src: files/cache/dscss/frontend-filter.dynamic.03137110.scss 
Compile Time: 38ms 
*/
/* --- General START --- */
/* --- General END --- */
/* --- Filter items as flexbox (horizontally) -- */
@media (min-width: 421px) {
  .item-frontend-filter .filter-items-container {
    display: flex;
    flex-wrap: wrap; }
    .item-frontend-filter .filter-items-container > div {
      flex-grow: 1; } }

@media (max-width: 420px) {
  .item-frontend-filter .filter-items-container {
    display: block; } }

.item-frontend-filter .filter-items-container {
  margin: 0 -5px; }
  .item-frontend-filter .filter-items-container > div {
    padding: 0 5px;
    width: auto !important;
    max-width: 100%; }

html[data-user-agent="safari"] .item-frontend-filter .filter-items-container {
  margin: 0 -3px !important; }
/* --- Filter form START --- */
.item-wrapper.item-frontend-filter > .item {
  overflow: visible; }

.item-wrapper.item-frontend-filter > .item > .item-content {
  overflow: visible; }
  .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container {
    position: relative; }
    .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container {
      /* TODO Fix for this html thing (Why this is not a simple text?) */ }
      .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h1, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h2, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h3, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h4, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h5, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-title > h6 {
        margin: 0; }
      .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container {
        border-top:  * 1px solid ;
        padding-top: 12px; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .title {
          color: ; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset {
          cursor: pointer;
          margin-bottom: 6px;
          margin-top: 6px;
          padding: 5px 10px; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter {
          background-color: ; }
          .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter:hover {
            background-color: ; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset > .closeable-filter-group {
          background-color: white;
          display: none;
          margin-left: -9px;
          margin-right: -9px;
          margin-top: 5px;
          margin-bottom: -4px;
          padding-left: 6px;
          padding-right: 6px; }
          .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset > .filter-preset-edit-toolbar {
            display: none;
            text-align: right;
            margin-top: 8px;
            margin-right: -4px; }
            .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset > .filter-preset-edit-toolbar > button:first-child {
              margin-right: 6px; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset.edit > .closeable-filter-group {
          display: block; }
          .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container .closeable-filter-preset.edit > .filter-preset-edit-toolbar {
            display: block; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container > .closeable-filter.last, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container > .closeable-filter:last-child {
          margin-bottom: 20px; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container > .closeable-filter-preset.last, .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container .filter-group-cancel-container > .closeable-filter-preset:last-child {
          margin-bottom: 20px; }
      .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container > .filter-group.expandable-group .checkbox-group-header > .checkbox-group-label > .toggle-checkbox-group > .fa-toggle-down {
        transition: transform 0.5s; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > form > .form-container > .filter-group.expandable-group .checkbox-group-header > .checkbox-group-label > .toggle-checkbox-group.open > .fa-toggle-down {
          transform: rotateX(180deg); }
    .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > .overlay {
      background-color: rgba(255, 255, 255, 0.6);
      display: none;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 4; }
      .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > .overlay > div {
        display: table;
        height: 100%;
        width: 100%; }
        .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container > .overlay > div > div {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
    .item-wrapper.item-frontend-filter > .item > .item-content > .item-text-element > .item-text > div > div > .filter-container.block > .overlay {
      display: block; }
/* --- Filter form END --- */
/* --- Filter presets START --- */
.filter-presets {
  margin-top: 20px; }
  .filter-presets > .filter-presets-message {
    margin-top: 15px; }
  .filter-presets > .filter-select-group {
    margin-top: 6px; }
  .filter-presets select[name="__filterpresets"].alert-success, .filter-presets select[name="__filterpresets-copy"].alert-success {
    border-color: #3c763d !important; }
/* --- Filter presets END --- */
/* --- Filter submit START --- */
.filter-submit {
  margin-top: 20px; }
/* --- Filter submit END --- */
/* --- Temporary fix START --- */
.item-wrapper.item-frontend-filter div.smooth-accordion > div.accordion-element {
  border-width: 0px; }
  .item-wrapper.item-frontend-filter .checkbox-group-checkboxes > .checkbox.with-icons.icons-inline > .checkbox-inline > span {
    display: inline-block;
    margin-top: 4px; }
/* --- Temporary fix END --- */
.item-page-with-item-list-sidebar .filter-items-container {
  margin-bottom: 0; }

.filter-group .radio-button-group, .filter-group .checkbox-group-checkboxes {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: stretch;
  column-gap: calc(var(--column-gap) * 1px); }
  .filter-group .radio-button-group [type=checkbox], .filter-group .checkbox-group-checkboxes [type=checkbox] {
    visibility: hidden; }
  .filter-group .radio-button-group.clearfix:before, .filter-group .checkbox-group-checkboxes.clearfix:before, .filter-group .radio-button-group.clearfix:after, .filter-group .checkbox-group-checkboxes.clearfix:after {
    content: none; }
  .filter-group .radio-button-group .checkbox, .filter-group .checkbox-group-checkboxes .checkbox {
    padding-right: 0;
    margin-top: 0 !important; }
  .filter-group .radio-button-group .btn.btn-default, .filter-group .checkbox-group-checkboxes .btn.btn-default {
    padding: 10px;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    white-space: nowrap !important;
    justify-content: center;
    border: none;
    border-radius: 10px;
    background: #f3f0ec;
    margin: 0; }
    .filter-group .radio-button-group .btn.btn-default:hover, .filter-group .checkbox-group-checkboxes .btn.btn-default:hover, .filter-group .radio-button-group .btn.btn-default.active, .filter-group .checkbox-group-checkboxes .btn.btn-default.active {
      background: #da4625; }
    .filter-group .radio-button-group .btn.btn-default .checkbox-inline, .filter-group .checkbox-group-checkboxes .btn.btn-default .checkbox-inline {
      width: 100%;
      height: 100%; }
/* --- IE11 fix for action suggest START --- */
html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group {
  display: flex; }
  html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group > * {
    flex-grow: 1;
    min-width: 0;
    flex-basis: 0; }
  html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group .input-group-addon, html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group .input-group-btn {
    flex-grow: 0;
    flex-basis: auto; }
  html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group .form-control {
    display: block; }
  html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group > .input-group-addon, html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group > .input-group-btn {
    width: auto; }
  html[data-user-agent="ie"][data-user-agent-version="11"] .item-wrapper.item-frontend-filter .form-group.accordion-element-content > .input-group > .action-suggest-search-wrapper {
    min-width: 200px !important; }
/* --- IE11 fix for action suggest END --- */
@keyframes popover-show {
  0% {
    opacity: 0; }

  99% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes popover-show {
  0% {
    opacity: 0; }

  99% {
    opacity: 0; }

  100% {
    opacity: 1; } }

html[data-user-agent="safari"][data-user-agent-version="601.1"] .filter-container > form > .form-container .filter-popover-wrapper {
  animation-duration: 3.4s;
  -webkit-animation-duration: 3.4s !important; }
/* --- Filter popover START --- */
 .filter-popover-wrapper {
  margin-top: 15px;
  position: relative;
  z-index: 30;
  animation-name: popover-show;
  -webkit-animation-name: popover-show;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
   .filter-popover-wrapper:first-child {
    margin-top: 0; }
   .filter-popover-wrapper > .filter-popover-button {
    background-color: white;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.57143;
    padding: 10px 40px 10px 20px;
    position: relative;
    transition: border 0.2s;
    white-space: nowrap; }
   .filter-popover-wrapper > .filter-popover-button > span {
    display: block;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden; }
   .filter-popover-wrapper > .filter-popover-button > i {
    top: 16px;
    right: 16px;
    position: absolute; }
   .filter-popover-wrapper > .filter-popover-button > i:before,  .filter-popover-wrapper > .filter-popover-button > i:after {
    background-color: #f49b00;
    content: "";
    height: 9px;
    width: 3px;
    position: absolute;
    transition: transform 0.2s ease-in-out; }
   .filter-popover-wrapper > .filter-popover-button > i:before {
    transform: translate(2px, 0) rotate(45deg); }
   .filter-popover-wrapper > .filter-popover-button > i:after {
    transform: translate(-2px, 0) rotate(-45deg); }
   .filter-popover-wrapper > .filter-popover-button:hover {
    border-color: #292929;
    box-shadow: 2px 1px 2px 0px rgba(96, 96, 96, 0.2); }
   .filter-popover-wrapper > .filter-popover-button:hover > i {
    background-color: #000; }
   .filter-popover-wrapper.popover-open {
    z-index: 35; }
   .filter-popover-wrapper.popover-open > .filter-popover-button {
    border-color: #292929;
    box-shadow: 2px 1px 2px 0px rgba(96, 96, 96, 0.2);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
   .filter-popover-wrapper.popover-open > .filter-popover-button:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    left: 0;
    bottom: -4px;
    position: absolute; }
   .filter-popover-wrapper.popover-open > .filter-popover-button > i:before {
    transform: translate(-2px, 0) rotate(45deg); }
   .filter-popover-wrapper.popover-open > .filter-popover-button > i:after {
    transform: translate(2px, 0) rotate(-45deg); }

.filter-popover-content {
  display: none;
  margin-top: -1px; }
  .filter-popover-content.open {
    display: block; }

.filter-popover-act-like-accordion-element > .filter-popover-content {
  position: relative; }
/* --- Filter popover END --- */
/* --- Filter popover loading START --- */
.filter-popover-content {
  opacity: 0; }
  .filter-popover-content.open {
    opacity: 1; }
/* --- Filter popover loading END --- */
/* --- Filter popover custom checkboxes START --- */
.filter-popover-content > .filter-popover-content-inner-content > .fp-scroll-area {
  max-height: 300px;
  margin-top: 8px;
  margin-bottom: 8px; }
  .filter-popover-content.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar {
    margin-bottom: 16px; }
/* --- Filter popover custom checkboxes END --- */
/* --- Filter popover checkboxes live search START --- */
.dropdown-content.with-filter-popover-search .mCustomScrollbar, .filter-popover-content.with-filter-popover-search .mCustomScrollbar {
  margin-top: 16px; }

.accordion-element-content.with-filter-popover-search .mCustomScrollbar {
  margin-top: 16px; }
/* --- Filter popover checkboxes live search END --- */
/* --- Filter checkboxes START --- */
.item-wrapper.item-frontend-filter > .item > .item-content, .dropdown-content.filter-dropdown-content, .filter-popover-content {
  min-width: 270px; }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style, .dropdown-content.filter-dropdown-content .checkbox.custom-style, .filter-popover-content .checkbox.custom-style, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox {
    /* TODO remove this row: pretty-checkbox-group is only a copy of this file */ }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style > label.checkbox-inline, .dropdown-content.filter-dropdown-content .checkbox.custom-style > label.checkbox-inline, .filter-popover-content .checkbox.custom-style > label.checkbox-inline, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline {
    width: 100%; }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style > label.checkbox-inline > span:before, .dropdown-content.filter-dropdown-content .checkbox.custom-style > label.checkbox-inline > span:before, .filter-popover-content .checkbox.custom-style > label.checkbox-inline > span:before, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline > span:before, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline > span:before, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline > span:before {
    border: 1px solid #292929; }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style > label.checkbox-inline :checked + span:before, .dropdown-content.filter-dropdown-content .checkbox.custom-style > label.checkbox-inline :checked + span:before, .filter-popover-content .checkbox.custom-style > label.checkbox-inline :checked + span:before, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline :checked + span:before, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline :checked + span:before, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline :checked + span:before {
    border: 1px solid #f49b00;
    color: rgba(0, 0, 0, 1); }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style > label.checkbox-inline:hover > span:before, .dropdown-content.filter-dropdown-content .checkbox.custom-style > label.checkbox-inline:hover > span:before, .filter-popover-content .checkbox.custom-style > label.checkbox-inline:hover > span:before, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline:hover > span:before, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline:hover > span:before, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline:hover > span:before {
    color: rgba(0, 0, 0,  0.3); }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style > label.checkbox-inline.prevent-hover input:checked + span:before, .dropdown-content.filter-dropdown-content .checkbox.custom-style > label.checkbox-inline.prevent-hover input:checked + span:before, .filter-popover-content .checkbox.custom-style > label.checkbox-inline.prevent-hover input:checked + span:before, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline.prevent-hover input:checked + span:before, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline.prevent-hover input:checked + span:before, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox > label.checkbox-inline.prevent-hover input:checked + span:before {
    color: rgba(0, 0, 0, 1) !important; }
  .item-wrapper.item-frontend-filter > .item > .item-content .checkbox.custom-style.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .dropdown-content.filter-dropdown-content .checkbox.custom-style.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .filter-popover-content .checkbox.custom-style.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .item-wrapper.item-frontend-filter > .item > .item-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .dropdown-content.filter-dropdown-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .filter-popover-content .pretty-checkbox-group .checkbox-group-checkboxes > .checkbox.with-filter-popover-apply-selection-button > .filter-popover-content-inner-content > .checkbox-group.checkboxgroupcontent.mCustomScrollbar {
    margin-bottom: 16px; }
/* screen-sm definitions */
@media (max-width:1023px) {
  .item-wrapper.item-frontend-filter.item-small-search > .item > .item-content, .dropdown-content.filter-dropdown-content, .filter-popover-content {
    /* TODO remove this row: pretty-checkbox-group is only a copy of this file */ } }
/* screen-xs definitions */
@media (max-width:768px) {
  .item-wrapper.item-frontend-filter.item-small-search > .item > .item-content, .dropdown-content.filter-dropdown-content, .filter-popover-content {
    /* TODO remove this row: pretty-checkbox-group is only a copy of this file */ } }
/* --- Filter checkboxes END --- */
/* --- Filter popover checkboxes live search START --- */
.dropdown-content.filter-dropdown-content.with-filter-popover-search .checkbox-group.checkboxgroupcontent.mCustomScrollbar, .filter-popover-content.with-filter-popover-search .checkbox-group.checkboxgroupcontent.mCustomScrollbar {
  margin-top: 16px; }
  .dropdown-content.filter-dropdown-content.with-filter-popover-search .checkbox-group.checkboxgroupcontent .checkbox-group-checkboxes > .checkbox > label.checkbox-inline > span > .highlight-search-value, .filter-popover-content.with-filter-popover-search .checkbox-group.checkboxgroupcontent .checkbox-group-checkboxes > .checkbox > label.checkbox-inline > span > .highlight-search-value {
    color: #f49b00; }
/* --- Filter popover checkboxes live search END --- */