/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* @group simple language */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group listing */
.css_3er_grid #mixItUp.listing {
  max-width: 100%;
}
.css_3er_grid .module-listing {
  --gap: var(--size-40);
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-gap: var(--gap);
}
.css_3er_grid .module-listing > .cf {
  display: none;
}
.flex_wrap .css_3er_grid .module-listing {
  --space-top: var(--size-20);
  --space-between: var(--size-20);
}
.css_3er_grid .module-listing .listing_entry > * {
  flex-flow: column;
  height: 100%;
  overflow: visible;
}
.css_3er_grid .module-listing .listing_entry .videos,
.css_3er_grid .module-listing .listing_entry .pictures {
  flex: unset;
  max-width: 100%;
}
.css_3er_grid .module-listing .listing_entry .videos .video,
.css_3er_grid .module-listing .listing_entry .videos video {
  height: auto;
}
.css_3er_grid .module-listing .listing_entry .videos video {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.css_3er_grid .module-listing .listing_entry .pictures .picture,
.css_3er_grid .module-listing .listing_entry .pictures .resource_background,
.css_3er_grid .module-listing .listing_entry .pictures a.resource_link,
.css_3er_grid .module-listing .listing_entry .pictures img {
  height: auto;
}
.css_3er_grid .module-listing .listing_entry .pictures .resource_background {
  overflow: visible;
}
.css_3er_grid .module-listing .listing_entry .pictures a.resource_link {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  overflow: hidden;
}
.css_3er_grid .module-listing .listing_entry .pictures img {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.css_3er_grid .module-listing .listing_entry .content {
  height: 100%;
}
@media print {
  .css_3er_grid .module-listing .listing_entry .content:first-child {
    padding: 0;
  }
  .css_3er_grid .module-listing .listing_entry .content:not(:first-child) {
    padding: var(--size-30) 0 0 0;
  }
}
.css_3er_grid .module-listing .listing_entry:not(:first-child) {
  margin-top: 0;
}
.css_3er_grid .module-listing .listing_entry_with_picture .listing-tags,
.css_3er_grid .module-listing .listing_entry_with_picture .listing_properties {
  max-width: calc(100% - var(--size-15) - var(--size-15));
}
.css_3er_grid .module-listing > div[id*=listing-tag-] {
  grid-column-end: span var(--columns);
}
.css_3er_grid .module-listing > div[id*=listing-tag-] .listing-tag-container {
  --gap: var(--size-40);
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-gap: var(--gap);
}
.css_3er_grid .module-listing > div[id*=listing-tag-] .listing-tag-container > .cf {
  display: none;
}
@media screen and (max-width: 1100px) {
  .css_3er_grid .module-listing {
    --columns: 2;
  }
  .css_3er_grid .module-listing > div[id*=listing-tag-] .listing-tag-container {
    --columns: 2;
  }
}
@media screen and (max-width: 500px) {
  .css_3er_grid .module-listing {
    --columns: 1;
  }
  .css_3er_grid .module-listing > div[id*=listing-tag-] .listing-tag-container {
    --columns: 1;
  }
}

/* @end *//*# sourceMappingURL=3er_Grid.css.map */