/*
Theme Name: herman-cnc-child
Template: herrmann-cnc
*/

.inovation.compact {
    padding-bottom: 0rem;
}

.bb50-section .text-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.bb50-section .image-col {
    height: 100%;
}

.bb50-section .image-col img {
    display: block;
    height: 100%;
    object-fit: cover;
}


.bb50-about {
  padding-bottom: 5rem;
}


.history-section__detail {
  padding-left: 13.5rem;
}
@media (max-width: 1450px) {
  .history-section__detail {
    padding-left: 8rem;
  }
}

@media (max-width: 991px) {
  .history-section__detail {
    padding-left: 4rem;
  }
}
@media (max-width: 767px) {
  .history-section__detail {
    padding-left: 0rem;
  }
}

/* Buttons + Span */
.bb50-about__swiper .swiper-button-next,
.bb50-about__swiper .swiper-button-prev,
.bb50-about__swiper .swiper-button-next span,
.bb50-about__swiper .swiper-button-prev span {
  color: #2b2f33 !important;
}

/* Wenn die Icons als Icon-Font über ::before kommen */
.bb50-about__swiper .icon-arrow-right::before,
.bb50-about__swiper .icon-arrow-left::before {
  color: #2b2f33 !important;
}

/* Manche Themes setzen auch ::after auf die Button-Wrapper */
.bb50-about__swiper .swiper-button-next::after,
.bb50-about__swiper .swiper-button-prev::after {
  color: #2b2f33 !important;
}

/* Pagination Dots */
.bb50-about__swiper .swiper-pagination-bullet {
  background: #2b2f33 !important;
  opacity: .35 !important;
}

.bb50-about__swiper .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.align-items-bottom {
  align-items: bottom !important;
}