
/* Video postitionering */
.content-block__video {position: relative; width:100%; height:100%;}
.content-block__video-container iframe{position: absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0;}


/* Standaard owl styling, zodat navigatie altijd over de slider valt*/
.owl-carousel--slider .owl-nav {position: absolute;top: 50%; width: 100%; transform:translateY(-50%); margin-top:0px !important;}
.owl-carousel--slider .owl-nav [class*=owl-] {background:transparent; padding:0; margin:0 !important; width:30px; height:30px; border:0; border-bottom:3px solid #fff; border-right:3px solid #fff; font-size:0; border-radius:0px; position: absolute; transition: transform .3s ease;}
.owl-carousel--slider .owl-nav [class*=owl-]:hover {background: transparent;}

.owl-carousel--slider .owl-nav [class*=owl-] span {display: none;}
.owl-carousel--slider .owl-nav .owl-next {transform:translateY(-50%) rotate(-45deg); right:20px;}
.owl-carousel--slider .owl-nav .owl-prev {transform:translateY(-50%) rotate(135deg); left:20px;}
  .owl-carousel--slider .owl-nav .owl-next:hover {transform:translateY(-50%) rotate(-45deg) scale(1.2); background:transparent;}
  .owl-carousel--slider .owl-nav .owl-prev:hover {transform:translateY(-50%) rotate(135deg) scale(1.2); background:transparent;}

.owl-carousel--slider .owl-dots {position: absolute; bottom:0; left:50%; transform:translateX(-50%); padding:8px;}
  .owl-carousel--slider .owl-dots .owl-dot {background: transparent; border:transparent;}
  .owl-carousel--slider .owl-dots .owl-dot span {background:#fff; width:12px; height: 12px; border-radius:50%; display: block; opacity:.5; transition: opacity .3s ease;}
  .owl-carousel--slider .owl-dots .owl-dot.active span,
  .owl-carousel--slider .owl-dots .owl-dot:hover span {opacity:.9;}

/* Zorg ervoor dat afbeeldingen meerekken met de content, zodra content te lang wordt (IE doet niet mee)*/
.owl-carousel--slider,
.owl-carousel--slider .owl-stage-outer,
.owl-carousel--slider .owl-stage,
.owl-carousel--slider .owl-item {height:100%;}

.owl-single-image {width:100%; height:100%;}
.content-block__img {width:100%; height:100%; object-fit: cover;}


/* Fallback voor IE, die ondersteund geen object-fit */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .owl-carousel--slider,
  .owl-carousel--slider .owl-stage-outer,
  .owl-carousel--slider .owl-stage,
  .owl-carousel--slider .owl-item,
  .content-block__img {height:auto;}
}