/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Application/Shop/ArticleFilterComponent/ArticleFilterComponent.scss ***!
  \**************************************************************************************************************************************************************/
/* green */
/* gray scales */
/* text */
.cfy-component.article-filter-component .article-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991.98px) {
  .cfy-component.article-filter-component .article-filter {
    margin-top: var(--nurnatur-s-5);
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  .cfy-component.article-filter-component .article-filter {
    align-items: flex-start;
    flex-direction: column;
  }
}
.cfy-component.article-filter-component .article-filter .title {
  margin-right: var(--nurnatur-s-5);
  color: #A6ADB4;
}
.cfy-component.article-filter-component .article-filter > form {
  display: flex;
}
@media (max-width: 767.98px) {
  .cfy-component.article-filter-component .article-filter > form {
    margin-top: var(--nurnatur-s-2);
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .cfy-component.article-filter-component .article-filter > form {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .cfy-component.article-filter-component .article-filter > form > select {
    width: 100% !important;
  }
}
.cfy-component.article-filter-component .article-filter > form > select:not(:last-child) {
  margin-right: var(--nurnatur-s-1);
}
.cfy-component.article-filter-component .article-filter > form > select.filter-type {
  width: 280px;
}
.cfy-component.article-filter-component .article-filter > form > select.filter-order {
  width: 200px;
}
@media (max-width: 767.98px) {
  .cfy-component.article-filter-component .article-filter > form > select.filter-order {
    margin-top: var(--nurnatur-s-2);
  }
}

/*# sourceMappingURL=article-filter.css.map*/