.carousel-accordion section{
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.carousel-accordion span.prev, .carousel-accordion span.next{
    font-size: 2em;
    cursor: pointer;
}
.carousel-accordion span.next {
    margin-left: 15px;
}
.carousel-accordion section .main{
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.carousel-accordion section .main > div{
    width: 201px;
    cursor: pointer;
    margin-left: 15px;
    transition: width 1s;
}

.carousel-accordion .slide{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 150px;
}
.carousel-accordion .slide li{
    padding: 10px;
    border: 2px solid #1c1c1c;
    border-radius: 50%;
    margin-right: 0.8em;
    cursor: pointer;
}


.carousel-accordion section .main > div.a {
    width: 418px !important;
}
.carousel-accordion .b{
    background-color: #1c1c1c;
}
.carousel-accordion .c{
    pointer-events: none;
}

.carousel-accordion section .main .card .content, 
.carousel-accordion section .main .card .link,
.carousel-accordion section .main .a .card .zitat,
.carousel-accordion section .main .a .card .h3passiv,
.carousel-accordion section .main .a .card .icon {
   display: none;
}

#carouselAccordionStartSeite .carousel-accordion section .main .card .h3 {
   display: none;
}
#carouselAccordionStartSeite .carousel-accordion section .main .a .card .h3 {
    display: block;
}

#carouselAccordionStartSeite .carousel-accordion {
   padding-left: 0;
}

@keyframes showMe {
  from {opacity: 0;}
  to {opacity: 1;}
}

.carousel-accordion section .main .a .card .h3,
.carousel-accordion section .main .a .card .content,
.carousel-accordion section .main .a .card .link {
   display: block;
   animation: showMe 300ms ease-in both;
   animation-delay: 300ms;
}

.carousel-accordion section .main .card .link {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  position: relative;
  top: -10px;
}

.PANSITEUpdateAccordion .carousel-accordion section .main .card .link {
  top: -30px;
}

.carousel-accordion section .main .card .h3passiv {
   font-weight: 600;
   font-style: italic;
   font-size: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
   text-align: center !important;
}

.carousel-accordion section .main .a .card .h3 {
   font-weight: 800;
   font-style: italic;
   font-size: 24px;
   margin-top: 0px;
   text-align: left !important;
   text-transform: uppercase;
}


.carousel-accordion section .main .a .card h3.w-40 {
   width: 418px !important;
}

.carousel-accordion section .main .a .card h3.w-60 {
   width: 60% !important;
}

.carousel-accordion section .main .a .card .h3.w-70 {
   width: 70% !important;
}

.carousel-accordion section .main .a .card .h3.w-80 {
   width: 80% !important;
}


.carousel-accordion section .main .card .icon {
    text-align: center !important;
}

.carousel-accordion section .main .a .card.blue-border {
   border: 2px solid var(--bs-orange);
}

.carousel-accordion section .main .card .div-img.icon img {
  width: 100px;
}


.carousel-accordion section .main .card {
  height: 220px;
  background-color: transparent;
}

@media (max-width: 767px) {
  .carousel-accordion section .main .card {
      height: auto;
  }
}

.carousel-accordion section .main .a .card {
   background-color: transparent;
}


.carousel-accordion section .main .a .card .content{
  font-size: 14px;
}



#CarouselAccordion02 .main > div:first-child {
    display: block;
}


@media (max-width: 992px) {

  .carousel-accordion section, 
  .carousel-accordion section .main {
	flex-direction: column;
  }

  .carousel-accordion section .main {
	padding-left: 12px;
  }

  .carousel-accordion span.prev, .carousel-accordion span.next{
  	display: none;
  }
  .carousel-accordion section{
	padding-left: 0;
  }
  .carousel-accordion section .main > div, 
  .carousel-accordion section .main > div.a{
    width: calc(100% - 15px) !important;
  }
  .carousel-accordion section .main .card .content, 
  .carousel-accordion section .main .card .link {
     display: block;
  }
  .carousel-accordion section .main .card .icon {
    display: none;
  }
  .carousel-accordion section .main .card .h3,
  .carousel-accordion section .main .a .card .h3 {
   font-weight: 800;
   font-style: italic;
   font-size: 20px;
   margin-top: 0px;
   text-align: left !important;
   text-transform: uppercase;
  }
  .carousel-accordion section .main .a .card h3.w-60 {
     width: 90% !important;
  }
  .carousel-accordion section .main .card .h3 {
     display: block !important;
  }
 
  .carousel-accordion section .main .card .h3passiv {
     display: none !important;
  }

  .carousel-accordion section .main .card {
      min-height: auto !important;
      margin-top: 0;
      padding-top: 20px !important;
  }
 
  .carousel-accordion section .main .card .content{
    font-size: 14px;
  }
 
  #CarouselAccordion02 .main > div:first-child {
       display: none;
  }

  .carousel-accordion section .main .card .link {
    top: 0;
  }

}



.carousel-accordion.blue-white section .main  .card.blue-border,
.carousel-accordion.blue-white section .main .a .card.blue-border {
   border: 2px solid rgba(var(--bs-primary-rgb)) !important;
}

.carousel-accordion.blue-white section .main .card {
  background-color: #fff;
}

.carousel-accordion.blue-white section .main > div{
    margin-left: 0;
}

.carousel-accordion .next-card {
   padding: 170px 15px;
   color: rgba(var(--bs-primary-rgb));
   height: 15px;
   cursor: pointer;
}

.carousel-accordion div.a + .next-card {
   padding: 160px 15px;
}

@media (max-width: 992px) {
   #AccordionWide .carousel-accordion .next-card,
   #AccordionWide .carousel-accordion div.a + .next-card {
     margin: 20px 0 !important;
     padding: 10px 20px 30px 20px !important;
     text-align: center;
     position: relative;
     top: -25px;
   }
}


.carousel-accordion .fa-chevron-left:before {
    content: url(../icons/Pfeil_Orange__links.svg);
}

.carousel-accordion .fa-chevron-right:before {
    content: url(../icons/Pfeil_Orange.svg);
}

.carousel-accordion div.a + .fa-chevron-right:before {
    content: url(../icons/Pfeil_Blau.svg);
}


@media (max-width: 992px) {
  .carousel-accordion .fa-chevron-left:before,
  .carousel-accordion .fa-chevron-right:before,
  .carousel-accordion div.a + .fa-chevron-right:before {
      content: url(../icons/Pfeil_Blau.svg);
      display: inline-block;
      transform: rotate(90deg);
  }
}



#AccordionWide .carousel-accordion section .main .a .card.blue-border {
  border: 2px solid rgba(var(--bs-primary-rgb));
}

#AccordionWide .carousel-accordion section .main .card {
  background-color: #fff;
}

#AccordionWide .carousel-accordion section .main > div.a {
    width: 50% !important;
}

#AccordionWide .carousel-accordion section .main > div{
    width: 15%;
}

#AccordionWide .carousel-accordion div.a + .next-card {
   padding: 135px 15px;
}

#AccordionWide .carousel-accordion .next-card {
   padding: 145px 15px;
}

@media (max-width: 992px) {
  #AccordionWide .carousel-accordion section .main > div, 
  #AccordionWide  .carousel-accordion section .main > div.a, 
  #carouselAccordionStartSeite  .carousel-accordion section .main > div, 
  #carouselAccordionStartSeite  .carousel-accordion section .main > div.a {
         width: calc(100% - 15px) !important;
         margin-bottom: 20px;
  }

  #AccordionWide .blue-border {
      border: 2px solid rgba(var(--bs-primary-rgb)) !important;
  }

}