/*
    Created on : 30.06.2022, 20:03:08
    Author     : Stefan Schumacher | Iglumedia | https://www.iglu.media
*/
/**
 * Breakpoints
 **/
/** 
 * Colors
 **/
.isch-highlights-grid .isch-grid-item picture {
  display: block;
  aspect-ratio: 1/1;
  background: #fff;
}
.isch-highlights-grid .isch-grid-item picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.isch-highlights-grid .isch-grid-item .teaser-bottom {
  padding: 34px 20px 20px 20px;
}
.isch-highlights-grid .isch-grid-item .teaser-bottom h4 {
  margin: 0 0 11px 0;
}
.isch-highlights-grid .isch-grid-item .teaser-bottom .btn {
  margin-top: 38px;
}
.isch-highlights-grid.square-hover .isch-grid-item {
  background: none;
}
.isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom {
  padding: 0;
}
.isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom h4, .isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom p {
  display: none;
}
.isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom .btn {
  margin: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  .isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FFEB00;
    opacity: 0;
    transition: all 0.5s ease-out;
    padding: 34px 20px 20px 20px;
  }
  .isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom h4, .isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom p {
    display: block;
    text-align: center;
  }
  .isch-highlights-grid.square-hover .isch-grid-item .teaser-bottom .btn {
    margin-top: 15px;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .isch-highlights-grid.square-hover .isch-grid-item:hover .teaser-bottom {
    opacity: 1;
  }
}

/*# sourceMappingURL=highlights_grid.css.map */