.carousel-navigation::after { content: ""; clear: both; display: table; }
.carousel-previous,
.carousel-next { height: 30px; width: 30px; text-align:center; line-height: 30px; float: left; cursor: pointer; margin-top: 10px; }
.carousel-previous { margin-left: 50px; }
.carousel-next { margin-left: 10px; }
.disabled { opacity: 0.7; }
.carousel-row { margin-right: 0 !important; }
.carousel-viewport { overflow: hidden; }

.carousel-card { position: relative; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.carousel-card .text-area .headline { font-size: 140%; padding-bottom: 12px; }

.carousel-card { width: 45%; }
.carousel-card-width-4 .carousel-card { width: 45%; }
@media (min-width: 576px) {
  .carousel-card { width: 45% }
  .carousel-card-width-6 .carousel-card,
  .carousel-card-width-5 .carousel-card,
  .carousel-card-width-4 .carousel-card,
  .carousel-card-width-3 .carousel-card,
  .carousel-card-width-2 .carousel-card { width: 45%; }
}
@media (min-width: 768px) {
  .carousel-card { width: 29.333% }
  .carousel-card-width-6 .carousel-card,
  .carousel-card-width-5 .carousel-card,
  .carousel-card-width-4 .carousel-card,
  .carousel-card-width-3 .carousel-card { width: 29.333%; }
  .carousel-card-width-2 .carousel-card { width: 45%; }
}
@media (min-width: 992px) {
  .carousel-card { width: 23% }
  .carousel-card-width-6 .carousel-card,
  .carousel-card-width-5 .carousel-card,
  .carousel-card-width-4 .carousel-card { width: 23%; }
  .carousel-card-width-3 .carousel-card { width: 29.333%; }
  .carousel-card-width-2 .carousel-card { width: 45%; }
}
@media (min-width: 1200px) {
  .carousel-card { width: 18% }
  .carousel-card-width-6 .carousel-card,
  .carousel-card-width-5 .carousel-card { width: 18%; }
  .carousel-card-width-4 .carousel-card { width: 23%; }
  .carousel-card-width-3 .carousel-card { width: 29.333%; }
  .carousel-card-width-2 .carousel-card { width: 45%; }
}
@media (min-width: 1400px) {
  .carousel-card { width: 15% }
  .carousel-card-width-6 .carousel-card { width: 15%; }
  .carousel-card-width-5 .carousel-card { width: 18%; }
  .carousel-card-width-4 .carousel-card { width: 23%; }
  .carousel-card-width-3 .carousel-card { width: 29.333%; }
  .carousel-card-width-2 .carousel-card { width: 45%; }

}


/* Light Mode */
.carousel-card .text-area { background-color: #E5EEF1; color: #000; }
.carousel-previous,
.carousel-next { background-color: #333; color: #FFF; }
/* Dark Mode */
.black-background .carousel-card .text-area { background-color: #2B211F; color: #FFF; }
.black-background .carousel-previous, 
.black-background .carousel-next { background-color: #CCC; color: #000; }