/*...543   544....767   768....991   992....1199   1200...*/
/*__xs__   ____sm____   ____md____   ____lg_____   ___xl__*/
/** video */
.video-teaser {
  transition: transform 0.4s, color 0.4s;
  cursor: pointer;
}
.video-teaser-title {
  color: #000000;
  font-weight: 400;
  font-size: 23px;
  line-height: 1.4;
}
.video-teaser-title:not(:last-child) {
  margin-bottom: 0;
}
.video-teaser-poster {
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 1.79/1;
  overflow: hidden;
}
.video-teaser-poster img {
  width: 100%;
  transform: scale(1.05) perspective(1px);
  transition: transform 0.8s;
}
.video-teaser-iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 5;
}
.video-teaser-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  transform: translate(-50%, -50%) perspective(1px);
  transition: transform 0.4s;
  z-index: 2;
}
.video-teaser-icon:hover {
  background-color: inherit;
}
.video-teaser-icon:active {
  background-color: inherit;
}
.video-teaser-content {
  padding: 15px 0 20px;
}
.video-teaser:hover .video-teaser-poster img {
  transform: perspective(1px);
}
.video-teaser:hover .video-teaser-icon {
  box-shadow: none;
  transform: translate(-50%, -50%) scale(1.05) perspective(1px);
}
.video-icon {
  fill: #b04563;
}

.video__list .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.video__list .view-content.flickity-enabled {
  display: block;
}
.video__list .service-block-more {
  padding-top: 30px !important;
  display: flex;
  justify-content: center;
}
/*# sourceMappingURL=_maps/video.css.map */