/**
 * CSS für "Carousel klein" 
 * CE in bootstrap_package (Beseitigung störender Hintergrund
 * bei kleinen Mediengrößen)
 */

.frame-type-bootstrap_package_carousel_small .carousel-inner,
.frame-type-carousel_small .carousel-inner,
.frame-type-bootstrap_package_carousel_small .carousel-item,
.frame-type-carousel_small .carousel-item {
  background: transparent !important;
}

/* Carousel small: graue Gradient-Flächen der Navigation entfernen */
.frame-type-bootstrap_package_carousel_small .carousel-control-prev,
.frame-type-bootstrap_package_carousel_small .carousel-control-next,
.frame-type-carousel_small .carousel-control-prev,
.frame-type-carousel_small .carousel-control-next {
  background: transparent !important;
  background-image: none !important;
  opacity: 1;              /* falls das Theme über opacity abdunkelt */
  filter: none !important;
}

/* Falls der Verlauf über Pseudo-Elemente kommt */
.frame-type-bootstrap_package_carousel_small .carousel-control-prev::before,
.frame-type-bootstrap_package_carousel_small .carousel-control-prev::after,
.frame-type-bootstrap_package_carousel_small .carousel-control-next::before,
.frame-type-bootstrap_package_carousel_small .carousel-control-next::after,
.frame-type-carousel_small .carousel-control-prev::before,
.frame-type-carousel_small .carousel-control-prev::after,
.frame-type-carousel_small .carousel-control-next::before,
.frame-type-carousel_small .carousel-control-next::after {
  background: transparent !important;
  background-image: none !important;
  content: none; /* nur wenn sicher: sonst lieber auskommentieren */
}

/* Optional: nur Icons behalten, aber ohne "Badge/Background" */
.frame-type-bootstrap_package_carousel_small .carousel-control-prev-icon,
.frame-type-bootstrap_package_carousel_small .carousel-control-next-icon,
.frame-type-carousel_small .carousel-control-prev-icon,
.frame-type-carousel_small .carousel-control-next-icon {
  background-color: transparent !important;
}