/* *****************************************************************************************************
// Erweiterung
// Carousel Card Simple
// Stand: 23.01.2024
// utf-8 üöä
// bei minify fehler !!??!?
//
// teilweise aehnlich ERW_CardSimple
// ****************************************************************************************************/


/********************************************************************/
/* anpassung bootstrap variablen
/********************************************************************/
.ERW_CAROUSELCARDSIMPLE .card {
	background-color: transparent;
}
.ERW_CAROUSELCARDSIMPLE .card-body {
    padding:0rem;
}
.ERW_CAROUSELCARDSIMPLE .card-body .card-title {
    margin-bottom:0;
    padding-top:1rem;
    padding-bottom:0.5rem;
}
.ERW_CAROUSELCARDSIMPLE .card-body .card-text {
    /*padding-top:0.5rem;*/
    padding-bottom:1rem;
}
.ERW_CAROUSELCARDSIMPLE .card-body .card-title,
.ERW_CAROUSELCARDSIMPLE .card-body .card-text {
    padding-left:1rem;
    padding-right:1rem;
}
.ERW_CAROUSELCARDSIMPLE .card_overlay {
    position:absolute;
    top:0;
    left:0;
}
/********************************************************************/
/* ALLGEMEIN (link) */
/********************************************************************/
.ERW_CAROUSELCARDSIMPLE a {
    text-decoration:none;
    color:inherit;
}
/********************************************************************/
/* ALLGEMEIN (shadow) */
/********************************************************************/
.ERW_CAROUSELCARDSIMPLE .card.shadow {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
/********************************************************************/
/* ALLGEMEIN (hover) */
/********************************************************************/
@media (min-width: 468px) {
    .ERW_CAROUSELCARDSIMPLE .card.hover {
        transition: transform .2s;
    }
    .ERW_CAROUSELCARDSIMPLE .card.hover:hover {
        transform: scale(1.05);
    }
    .ERW_CAROUSELCARDSIMPLE .card_wrapper.hover {
        transition: transform .2s;
    }
    .ERW_CAROUSELCARDSIMPLE .card_wrapper.hover:hover {
        transform: scale(1.05);
    }
}

/* ************************************************************************************************
// allgemein
************************************************************************************************ */
@media (max-width: 768px) {
    .ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item > div {
        display: none;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}
.ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item.active,
.ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item-start,
.ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item-next,
.ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item-prev {
    display: flex;
}
.ERW_CAROUSELCARDSIMPLE .carousel-inner .carousel-item .col-sm-12.padding {
    padding-top:1rem;
    padding-left:1rem;
    padding-bottom:1rem;
}
@media (min-width: 768px) {
    /* Modus two */
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-inner .carousel-item-right.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-inner .carousel-item-next,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(50%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-inner .carousel-item-left.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-item-prev:not(.carousel-item-end),
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .active.carousel-item-start,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-50%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-item-next.carousel-item-start, .active.carousel-item-end {
        transform: translateX(0) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-inner .carousel-item-prev,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_two .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-50%) !important;
    }
    /* Modus three */
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-inner .carousel-item-right.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-inner .carousel-item-next,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(33%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-inner .carousel-item-left.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-item-prev:not(.carousel-item-end),
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .active.carousel-item-start,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-item-next.carousel-item-start, .active.carousel-item-end {
        transform: translateX(0) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-inner .carousel-item-prev,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_three .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-33%) !important;
    }
    /* Modus four */
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-inner .carousel-item-right.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-inner .carousel-item-next,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-inner .carousel-item-left.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-item-prev:not(.carousel-item-end),
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .active.carousel-item-start,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-item-next.carousel-item-start, .active.carousel-item-end {
        transform: translateX(0) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-inner .carousel-item-prev,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_four .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
    /* Modus six */
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-inner .carousel-item-right.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-inner .carousel-item-next,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(16%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-inner .carousel-item-left.active,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-item-prev:not(.carousel-item-end),
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .active.carousel-item-start,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-16%) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-item-next.carousel-item-start, .active.carousel-item-end {
        transform: translateX(0) !important;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-inner .carousel-item-prev,
    .ERW_CAROUSELCARDSIMPLE .carousel.modus_six .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-16%) !important;
    }
}        
/* ************************************************************************************************
// carousel-control
************************************************************************************************ */
.ERW_CAROUSELCARDSIMPLE .carousel-control-next {
    justify-content: right;
}
.ERW_CAROUSELCARDSIMPLE .carousel-control-prev {
    justify-content: left;
}
@media screen and (max-width: 767px) {
    .ERW_CAROUSELCARDSIMPLE .carousel-indicators {
        display: none;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel-control {
        display: none;
    }
}
/* ************************************************************************************************
// fade
************************************************************************************************ */
.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .active {
  opacity: 1;
}

.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .active.left,
.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .next.left,
.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.next,
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.prev,
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.next.left,
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.prev.right,
    .ERW_CAROUSELCARDSIMPLE .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
/********************************************************************/
/* ALLGEMEIN (hover) */
/********************************************************************/
@media (min-width: 468px) {
    .ERW_CAROUSELCARDSIMPLE .carousel-item.hover {
        transition: transform .2s;
    }
    .ERW_CAROUSELCARDSIMPLE .carousel-item.hover:hover {
        transform: scale(1.05);
    }
}