/* Artikel, Slider
*********************************/
@keyframes kenBurns {
  from { transform: scale(1.0,1.0); transform-origin: 50% 50%; }
  to { transform: scale(1.05,1.05); transform-origin: 50% 50%; }
}

.articles-slider-kb-container {
  overflow:hidden;
}
.articles-slider-kb {}
.articles-slider-kb .article {
  width:100%;
  height:100vh;
  float:left;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size:cover;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}
.articles-slider-kb .article .article-image {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;

  z-index:1;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-size:cover;
  animation-fill-mode: forward;
  transform: scale(1.05,1.05);
  transform-origin: 50% 50%;
}

.articles-slider-kb .article.slick-active .article-image {
   animation: kenBurns 3s 1 linear;
}
/*
body.admin .articles-slider-kb .article.transition .article-content .big {
  color:#f00;
}
body.admin .articles-slider-kb .article.transition .article-image {
  animation: kenBurns 8s 1 ease-in-out;
  animation-name: kenBurns;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  color:#f00;
}
*/
.articles-slider-kb .article[aria-hidden="true"] .article-image {
  /*visibility: hidden;*/
}
.articles-slider-kb .article .article-content {
  text-align:center;
  position:relative;
  z-index:2;
}
.articles-slider-kb .article .article-content .small {
  display:inline-block;
  font-family:'Dosis';
  color: #fff;
  background:#000;
  font-size: 1.125rem;
  margin-bottom: 2rem;
  padding:.5rem 3rem;
  font-size:.875rem;
  text-transform:uppercase;
  letter-spacing: 0.3em;
  line-height: 1.2;
}
.articles-slider-kb .article .article-content .big {
  display:block;
  font-size:2rem;
  font-weight:700;
  color:#fff;
  text-shadow: 1px 1px 10px #444;
  text-transform:uppercase;
  line-height: 1.2;
}

@media only screen and (min-width : 768px) {
  .articles-slider-kb .article .article-content .big {
    font-size:3rem;
  }
}
@media only screen and (min-width : 992px) {
  .articles-slider-kb .article .article-content .big {
    font-size:4rem;
  }
}