@charset "UTF-8";
/**
 * Posts filter styles
 *
 * @author      David Voglgsang
 *
*/
/*=======================================================
Table of Contents:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  1.0 SETTINGS
    1.1 CONTAINER
    1.2 FILTER POSITION
    1.3 FILTER
    1.4 RESULTS
    1.5 SAVE FILTER CONFIG BUTTON
  2.0 ADDITIONAL STYLINGS
=======================================================*/
div.block-postsfilter {
  /* Editor preview: filter is display-only, no interaction */
  /*==================================================================================
    1.0 SETTINGS
  ==================================================================================*/
  /* 1.1 CONTAINER
  /––––––––––––––––––––––––*/
  --spaceBetween: 40px;
  /* 1.2 FILTER POSITION
  /––––––––––––––––––––––––*/
  /* 1.3 FILTER
  /––––––––––––––––––––––––*/
  /* 1.4 RESULTS
  /––––––––––––––––––––––––*/
}
div.block-postsfilter.block-postsfilter--editor-preview .thefilter {
  pointer-events: none;
  user-select: none;
}
div.block-postsfilter.filter-left, div.block-postsfilter.filter-right {
  display: flex;
  flex-wrap: nowrap;
}
div.block-postsfilter.filter-left .thefilter, div.block-postsfilter.filter-right .thefilter {
  margin-right: var(--spaceBetween);
}
div.block-postsfilter.filter-right {
  flex-direction: row-reverse;
}
div.block-postsfilter.filter-right .thefilter {
  margin-right: 0;
  margin-left: var(--spaceBetween);
}
div.block-postsfilter > form.thefilter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.block-postsfilter > form.thefilter ul li,
div.block-postsfilter > form.thefilter ul .components-base-control__field {
  display: flex;
  flex-wrap: wrap;
}
div.block-postsfilter > form.thefilter ul li > label,
div.block-postsfilter > form.thefilter ul .components-base-control__field > label {
  flex-basis: calc(100% - var(--input__checkbox_width, 20px) - var(--input__checkbox_space, 20px) - var(--taxonomies__termcounter_width, 20px));
}
div.block-postsfilter > form.thefilter ul li > span.term-counter,
div.block-postsfilter > form.thefilter ul .components-base-control__field > span.term-counter {
  flex-basis: var(--taxonomies__termcounter_width, 20px);
  padding: var(--taxonomies__termcounter_padding, 5px);
  border-width: var(--taxonomies__termcounter_borderWidth, 0px);
  border-radius: var(--taxonomies__termcounter_borderRadius, 0);
  border-style: var(--taxonomies__termcounter_borderStyle, solid);
  font-family: var(--taxonomies__termcounter_fontFamily, inherit);
  font-size: var(--taxonomies__termcounter_fontSize, inherit);
  font-weight: var(--taxonomies__termcounter_fontWeight, inherit);
  line-height: var(--taxonomies__termcounter_lineHeight, inherit);
  text-transform: var(--taxonomies__termcounter_textTransform, inherit);
  font-style: var(--taxonomies__termcounter_fontStyle, initial);
  letter-spacing: var(--taxonomies__termcounter_letterSpacing, inherit);
  color: var(--taxonomies__termcounter_color, inherit);
  background-color: var(--taxonomies__termcounter_backgroundColor, inherit);
  border-color: var(--taxonomies__termcounter_borderColor, unset);
  opacity: var(--taxonomies__termcounter_opacity, 1);
  text-align: var(--taxonomies__termcounter_textAlign, right);
  flex-grow: 0;
  flex-shrink: 0;
}
div.block-postsfilter > form.thefilter ul li .subcategoreis,
div.block-postsfilter > form.thefilter ul .components-base-control__field .subcategoreis {
  flex-basis: 100%;
  width: 100%;
  margin-left: 15px;
}
div.block-postsfilter > form.thefilter fieldset {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  max-width: 100%;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
div.block-postsfilter > form.thefilter fieldset.toggleable .toggle-label:before {
  display: block;
  content: "";
  width: 100%;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
}
div.block-postsfilter > form.thefilter fieldset legend {
  display: contents;
  margin-bottom: 0.5em;
  padding: 0;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content .flex-row {
  flex-basis: 100%;
  flex-shrink: 0;
  gap: 1em;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content .flex-row.toggle-head {
  justify-content: space-between;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content .flex-row label {
  flex-grow: 1;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content .flex-row span.taxonomy-select {
  cursor: pointer;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content .flex-row span.toggle-icon {
  cursor: pointer;
}
div.block-postsfilter > form.thefilter fieldset .toggle-content ul {
  flex-basis: 100%;
}
div.block-postsfilter > form.thefilter fieldset .selection-preview {
  width: 100%;
  flex-basis: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
div.block-postsfilter > form.thefilter fieldset .selection-preview span {
  display: block;
  flex-basis: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.block-postsfilter > form.thefilter .textsearch {
  position: relative;
}
div.block-postsfilter > form.thefilter .textsearch label {
  display: block;
  margin-bottom: 5px;
}
div.block-postsfilter > form.thefilter .textsearch input {
  width: 100%;
}
div.block-postsfilter > form.thefilter .textsearch .textsearch-icons {
  position: absolute;
  right: 0.5em;
  bottom: 0.2em;
  gap: 0.5em;
  border-color: transparent;
  border-style: var(--input_borderStyle, solid);
  border-width: var(--input__border_width, 1px);
  background-color: var(--input__bg_color);
}
div.block-postsfilter > form.thefilter .textsearch .textsearch-icons span {
  cursor: pointer;
  line-height: 0;
}
div.block-postsfilter > form.thefilter .textsearch .textsearch-icons span svg {
  height: 2em;
  width: auto;
}
div.block-postsfilter > form.thefilter .posts-name-sum {
  gap: 0.2em;
}
div.block-postsfilter > form.thefilter ul {
  flex-basis: 100%;
}
div.block-postsfilter > form.thefilter .template-navigation input {
  display: none;
}
div.block-postsfilter > form.thefilter .template-navigation label {
  cursor: pointer;
}
div.block-postsfilter .results-wrapper {
  width: 100%;
}
div.block-postsfilter div.results + .results {
  margin-top: var(--block__postsfilter_dualResults_spacing, 2rem);
}
div.block-postsfilter div.results.grid, div.block-postsfilter div.results.list {
  width: 100%;
}
div.block-postsfilter div.results.grid figure, div.block-postsfilter div.results.list figure {
  margin: 0;
  line-height: 0;
}
div.block-postsfilter div.results.grid figure video, div.block-postsfilter div.results.list figure video {
  width: 100%;
  height: auto;
}
div.block-postsfilter div.results.grid [data-load=content],
div.block-postsfilter div.results.grid [data-load=lightbox-content], div.block-postsfilter div.results.list [data-load=content],
div.block-postsfilter div.results.list [data-load=lightbox-content] {
  cursor: pointer;
}
div.block-postsfilter div.results.grid {
  --columnSpacing: calc(var(--postColumns) - 1);
  --spaceFixer: calc(var(--postColumnsSpace) * var(--columnSpacing));
  --containerwidth: calc(100% - var(--spaceFixer));
  --childwidth: calc(var(--containerwidth) / var(--postColumns));
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--childwidth));
  grid-gap: var(--postColumnsSpace);
  align-content: flex-start;
}
div.block-postsfilter div.results.grid > .wide {
  grid-column: span var(--postColumns);
}
div.block-postsfilter div.results.grid article > img {
  width: 100%;
  height: auto;
}
div.block-postsfilter div.results.grid article.flex {
  flex-direction: column;
  margin: 0;
}
div.block-postsfilter div.results.grid article.flex .attachment-post-thumbnail,
div.block-postsfilter div.results.grid article.flex .gb-block,
div.block-postsfilter div.results.grid article.flex > img {
  width: 100%;
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) {
  border-width: var(--block__postsfilter_border, 0);
  border-style: solid;
  border-radius: var(--block__postsfilter_borderRadius, 0);
  overflow: hidden;
  background-color: var(--block__postsfilter_backgroundColor, transparent);
  border-color: var(--block__postsfilter_borderColor, unset);
  color: var(--block__postsfilter_color, inherit);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) > figure {
  margin: var(--block__postsfilter_thumb_margin, 0);
  padding: var(--block__postsfilter_thumb_padding, 0);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) > figure img, div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) > figure video {
  mix-blend-mode: var(--block__postsfilter_thumb_mixblendmode, initial);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) .post-content {
  padding: var(--block__postsfilter_padding, 0);
  font-size: var(--block__postsfilter_fontSize, inherit);
  line-height: var(--block__postsfilter_lineHeight, inherit);
  font-weight: var(--block__postsfilter_fontWeight, inherit);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) .post-content .wp-block-posts-title:not(.post-title):not([class^=is-style-]):not([class*=" is-style-"]) {
  margin: var(--block__postsfilter_title_margin, 0);
  padding: var(--block__postsfilter_title_padding, 0);
  border-style: var(--block__postsfilter_title_borderStyle, solid);
  border-width: var(--block__postsfilter_title_borderWidth, 0);
  font-size: var(--block__postsfilter_title_fontSize, initial);
  line-height: var(--block__postsfilter_title_lineHeight, initial);
  font-weight: var(--block__postsfilter_title_fontWeight, initial);
  font-family: var(--block__postsfilter_title_fontfamily, inherit);
  text-transform: var(--block__postsfilter_title_textTransform, none);
  font-style: var(--block__postsfilter_title_fontStyle, initial);
  letter-spacing: var(--block__postsfilter_title_letterSpacing, 0);
  background-color: var(--block__postsfilter_title_backgroundColor, transparent);
  border-color: var(--block__postsfilter_title_borderColor, unset);
  color: var(--block__postsfilter_title_color, inherit);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) .post-content .wp-block-posts-title:not(.post-title):not([class^=is-style-]):not([class*=" is-style-"]) a {
  color: var(--block__postsfilter_title_color, inherit);
}
div.block-postsfilter div.results:not(.wp-block-map) > div:not(.az-initial) .post-content .flex {
  gap: var(--block__postsfilter_flexGap, var(--blog__article_flexGap, var(--wp--style--block-gap, var(--content__space, 30px))));
  row-gap: var(--block__postsfilter_flexGap, var(--blog__article_flexGap, var(--wp--style--block-gap, var(--content__space, 30px))));
}
div.block-postsfilter div.results.loading > div {
  opacity: 0.3;
  transition: 0.3s;
}