/* 
<!-- volksrekorders.com -->
  */

/* 
<!-- maurice_bogaert.css -->
  */

/* 
<!-- Design, architecture and webdevelopment by Kommerz: http://www.kommerz.nl -->
  */

/* 
<!-- -->
<!-- -->
<!-- -->
<!-- -->
  */  

 /* 
 <!-- backgrounds -->
  */

#maurice_bogaert_1 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/001.jpg");
}

#maurice_bogaert_2 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/002.jpg");
}

#maurice_bogaert_3 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/003.jpg");
}

#maurice_bogaert_4 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/004.jpg");
}

#maurice_bogaert_5 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/005.jpg");
}

#maurice_bogaert_6 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/006.jpg");
}

#maurice_bogaert_7 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/007.jpg");
}

#maurice_bogaert_8 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/008.jpg");
}

#maurice_bogaert_9 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/009.jpg");
}

#maurice_bogaert_10 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/010.jpg");
}

#maurice_bogaert_11 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/011.jpg");
}

#maurice_bogaert_12 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/012.jpg");
}

#maurice_bogaert_13 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/013.jpg");
}

#maurice_bogaert_14 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/014.jpg");
}

#maurice_bogaert_15 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/015.jpg");
}

#maurice_bogaert_16 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/016.jpg");
}

#maurice_bogaert_17 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/017.jpg");
}

#maurice_bogaert_18 {
  background-image: url("https://volksrekorders.kommerz.nl/assets/img/playlist/maurice_bogaert/018.jpg");
}


 /* 
 <!-- caroussel -->
  */
  

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.3333%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.3333%);
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}



 /* 
 <!-- svgs -->
  */

.svg-marcelvandenberg {
  width:  250px;
  height: 25px;
  position: absolute;
}

.svg-mvdb-title3 {
  width:  174px;
  height: 25px;
  position: absolute;
}

.margin-bottom {
  margin-bottom: 25px;
}

.margin-top {
  margin-top: 25px;
  margin-bottom: -15px;
}



/* media queries */

@media (min-width: 576px) {
.svg-marcelvandenberg {
  width:  390px;
  height: 39px;
}

.svg-mvdb-title3 {
  width:  272px;
  height: 39px;
}

.margin-bottom {
  margin-bottom: 40px;
}

.margin-top {
  margin-top: 40px;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(50%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-50%);
}

  }

@media (min-width: 768px) {

.margin-top {
  margin-top: 0;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.3333%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.3333%);
}

  }

@media (min-width: 992px) {

  }

@media (min-width: 1200px) {

  }


/* 
<!-- -->
<!-- -->
<!-- -->
<!-- -->


/* browser specific queries */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  }


@supports (-ms-ime-align: auto) {

  }

@-moz-document url-prefix() { 

  }