/**
* Block Name: bilder_gallery_mittel
*/

section.bilder_gallery_mittel .description {
  top: 18px;
  bottom: 18px;
  left: 21px;
  right: 21px;
}

section.bilder_gallery_mittel .desc_content {
  padding: 6px;
  background: rgba(0, 0, 0, 0.68);
  margin-right: 6px;
  max-height: 100%;
  overflow-y: auto;
}

section.bilder_gallery_mittel .desc_toggle {
  width: 36px;
  min-width: 36px;
  height: 36px;
}

section.bilder_gallery_mittel .js_desc_toggle .desc_toggle svg,
section.bilder_gallery_mittel .js_desc_toggle .desc_content {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}

section.bilder_gallery_mittel
  .js_desc_toggle:not(.in)
  .desc_toggle
  svg.questionmark,
section.bilder_gallery_mittel .js_desc_toggle.in .desc_toggle svg.cross {
  transition-delay: 0.2s;
}

section.bilder_gallery_mittel
  .js_desc_toggle:not(.in)
  .desc_toggle
  svg.questionmark,
section.bilder_gallery_mittel .js_desc_toggle.in .desc_toggle svg.cross,
section.bilder_gallery_mittel .js_desc_toggle.in .desc_content {
  opacity: 1;
}
section.bilder_gallery_mittel .js_desc_toggle.in .desc_toggle svg.questionmark,
section.bilder_gallery_mittel .js_desc_toggle:not(.in) .desc_toggle svg.cross,
section.bilder_gallery_mittel .js_desc_toggle:not(.in) .desc_content {
  opacity: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section.bilder_gallery_mittel .js_desc_toggle .desc_toggle svg {
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
  }
}

@media (min-width: 768px) {
  section.bilder_gallery_mittel .item_img {
    height: 220px;
  }
}

@media (min-width: 992px) {
  section.bilder_gallery_mittel .item_img {
    height: 193px;
  }

  section.bilder_gallery_mittel .description {
    top: 30px;
    bottom: 30px;
    left: 25px;
    right: 25px;
  }
  section.bilder_gallery_mittel .desc_content {
    padding: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 1200px) {
  section.bilder_gallery_mittel .item_img {
    height: 233px;
  }
}
@media (min-width: 1460px) {
  section.bilder_gallery_mittel .item_img {
    height: 291px;
  }
}
@media (min-width: 1660px) {
  section.bilder_gallery_mittel .item_img {
    height: 335px;
  }
}