/**
 * Newsteaser Block Styles
 * Swiper.js Slider mit Custom-Styling
 */

.news-block-content{
  text-align: center;
}

.news__wrapper{
  position:relative;
  height:650px;
  overflow:hidden;
}

.news__wrapper .swiper{
  padding:35px 0 75px;
  position:absolute;
  top:0;
  left:-100px;
  width:calc(100vw + 200px);
}

.news__wrapper .swiper-slide{
  height:auto;
}
.news__wrapper .swiper-slide .item{
  background-color:var(--white);
  height:100%;
}
.news__wrapper .swiper-slide .item .item-image{
  height:200px;
  overflow:hidden;
}
.news__wrapper .swiper-slide .item .item-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.news__wrapper .swiper-slide .item .item-infos{
  text-align:center;
  padding:7.5px 15px;
}
.news__wrapper .swiper-slide .item .item-infos .item-date,
.news__wrapper .swiper-slide .item .item-infos .item-separator,
.news__wrapper .swiper-slide .item .item-infos .item-category{
  color:var(--brand-accent-color);
  font-weight:600;
}
.news__wrapper .swiper-slide .item .item-infos .item-separator{
  margin:0 5px;
  display:inline-block;
}
.news__wrapper .swiper-slide .item .item-content{
  padding:7.5px 15px;
}
.news__wrapper .swiper-slide .item .item-content .item-title{
  font-size:135%;
  font-weight:600;
  margin:0 0 15px;
}
.news__wrapper .swiper-slide .item .item-readmore{
  padding:7.5px 15px 15px;
  text-align:right;
}
.news__wrapper .swiper-slide .item .item-readmore span{
  color:var(--brand-accent-color);
  font-weight:600;
  text-decoration:none;
  padding-right:50px;
  position:relative;
}
.news__wrapper .swiper-slide .item .item-readmore span:after{
  content:"";
  position:absolute;
  right:0;
  top:5px;
  width:40px;
  height:15px;
  background:url('../../assets/img/arrow-more.svg') center no-repeat;
}

.news__wrapper .swiper-pagination{
  position:absolute;
  bottom:15px!important;
  right:15%;
  left:unset;
  transform:unset;
  z-index:5;
  text-align:center;
  width:100%!important;
}
.news__wrapper .swiper-pagination .swiper-pagination-bullet{
  transform:none;
  width:40px;
  height:10px;
  border-radius:5px;
  background:var(--brand-secondary-color);
  transition:all 0.3s ease;
  left:0!important;
  opacity:1;
}
.news__wrapper .swiper-pagination .swiper-pagination-bullet-active{
  width:80px;
  background:var(--brand-accent-color);
  transition:all 0.3s ease;
}
.news__wrapper .swiper-button-prev{
  top:unset;
  left:unset;
  bottom:0;
  right:calc(70% - 55px);
  background:url('../../assets/img/arrow-left-slider.svg') no-repeat center center;
  width:55px;
  height:40px;
  box-shadow:none;
}
.news__wrapper .swiper-button-next{
  top:unset;
  left:unset;
  bottom:0;
  right:30%;
  background:url('../../assets/img/arrow-right-slider.svg') no-repeat center center;
  width:55px;
  height:40px;
  box-shadow:none;
}
.news__wrapper .swiper-button-prev:after,
.news__wrapper .swiper-button-next:after{
  display:none;
}


.news .col-md-6{
  margin-bottom:30px;
}

.news .item{
  background-color:var(--white);
  height:100%;
}
.news .item .item-image{
  height:200px;
  overflow:hidden;
}
.news .item .item-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.news .item .item-infos{
  text-align:center;
  padding:7.5px 15px;
}
.news .item .item-infos .item-date,
.news .item .item-infos .item-separator,
.news .item .item-infos .item-category{
  color:var(--brand-accent-color);
  font-weight:600;
}
.news .item .item-infos .item-separator{
  margin:0 5px;
  display:inline-block;
}
.news .item .item-content{
  padding:7.5px 15px;
}
.news .item .item-content .item-title{
  font-size:135%;
  font-weight:600;
  margin:0 0 15px;
}
.news .item .item-readmore{
  padding:7.5px 15px 15px;
  text-align:right;
}
.news .item .item-readmore span{
  color:var(--brand-accent-color);
  font-weight:600;
  text-decoration:none;
  padding-right:50px;
  position:relative;
}
.news .item .item-readmore span:after{
  content:"";
  position:absolute;
  right:0;
  top:5px;
  width:40px;
  height:15px;
  background:url('../../assets/img/arrow-more.svg') center no-repeat;
}




/* Responsive */



@media (max-width: 991px) {

  .news__wrapper .swiper{
    left:15px;
    width:calc(100vw - 30px);
  }

}

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

@media (max-width: 1480px) {

  .news__wrapper .swiper-slide .item .item-image{height: 300px;}
  .news__wrapper{height: 750px;}
  
}

@media (max-width: 1199px) {

  .news__wrapper{height: 650px;}
  .news__wrapper .swiper-button-prev{right: calc(75% - 55px);}
  .news__wrapper .swiper-button-next{right: unset;left: calc(75% - 55px);}

}

@media (max-width: 991px) {

  .news__wrapper{height: 625px;}
  .news__wrapper .swiper-button-prev{right: calc(90% - 55px);}
  .news__wrapper .swiper-button-next{left: calc(90% - 55px);}

}

@media (max-width: 767px) {

  .news__wrapper .swiper-button-prev{right: calc(100% - 55px);}
  .news__wrapper .swiper-button-next{left: calc(100% - 55px);}

}

@media (max-width: 600px) {

  .news__wrapper{height: 675px;}
  .news__wrapper .swiper-pagination{width: 50%!important;}

}

@media (max-width: 400px) {

  .news__wrapper{height: 700px;}

}