/**
 * Image Block Styles
 * 
 * Flexible image block with 3 variants:
 * - 2 images + text
 * - 1-4 images gallery
 * - 2 images + shortcode
 */

/* Main Image */

.image-block-picture{
  position: relative;
}

.image-block-picture .image{
  position: relative;
  height:80vh;
}
.image-block-picture .image:before{  
  content: '';
  position: absolute;
  top:0;
  right:0px;
  bottom:0px;
  left:0px;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  z-index: 4;
  pointer-events: none;
  opacity: 0.75;
}

.image-block-picture .content{
  position: absolute;
  bottom: 20%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
}
.image-block-picture .content .headline,
.image-block-picture .content .topline,
.image-block-picture .content p{
  color:var(--white);
}
.image-block-picture .content .link-list{
  margin-top:35px;
}

.image-block-picture .swiper-wrapper{padding-bottom: 100px;}
.image-slider__wrapper .swiper-slide{height: 100%!important;}
.image-slider__wrapper .swiper-slide img{height: 400px!important;margin-bottom: 1rem!important;}
.image-slider__wrapper .swiper-button-next, 
.image-slider__wrapper .swiper-button-prev{top: 200px;}

.image-block-zitat .image img{width: 100%!important;height: 600px!important;object-fit: cover!important;}

/* -------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1480px) {
  
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

  .image-block-picture .image{height:25vh;padding:0 25px;}
  .image-block-picture .image:before{display: none;}
  .image-block-picture .content{position: relative;bottom: unset;margin-bottom: 2rem;}
  .image-block-picture .content .headline,
  .image-block-picture .content .topline,
  .image-block-picture .content p{color: var(--bs-body-color);}

}

@media (max-width: 600px) {

}

@media (max-width: 400px) {

}