/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* --------------- allgemin --------------- */
h1, h2{
  hyphens: auto;
}

/* --------------- home-counter --------------- */
.home-counter .counter-box-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-bottom: 1px solid #272e4745 !important;
  gap: 12px;
  align-items: flex-end;
  padding: 30px 0 15px 0 !important;
}

.content-box-percentage.content-box-counter {
  font-weight: 900;
  line-height: 1 !important;
  font-family: 'Myriad Pro', Arial, sans-serif;
  font-size: clamp(20px, 8vw, 80px) !important;
}

.counter-box-content{
  line-height: 1 !important;
  font-family: 'Inter';
  font-weight: 600;
  text-transform: uppercase;
  font-size: clamp(14px, 2vw, 22px) !important;
  text-align: left;
}

/* --------------- Main Menu --------------- */

.main-menu-container{
  margin: 30px !important;
  border-radius: 10px !important;
}

.pbk-main-menu #menu-hauptmenue >li{
  border-top: 1px solid #272E47;
  flex-grow: 1;
}

.pbk-main-menu #menu-hauptmenue >li a{
  display: flex;
  justify-content: space-between;
}

.pbk-main-menu > ul {
  min-height: unset !important;
}

#menu-hauptmenue .awb-menu__sub-ul{
  width: 100% !important;
  border-radius: 10px !important;
  overflow: hidden;
  background-color: #fff;
  padding: 0 10px;
}

#menu-hauptmenue .awb-menu__sub-ul li{
border-top: 1px solid #272E47;
}

.main-nav-top {
  display: flex;
  gap: 20px;
}

.main-nav-top a{
  font-size: 12px !important;
  text-transform: uppercase !important;
  color: #272E47;
  opacity: 0.5;
  cursor: pointer;
  font-weight: 600;
  transition: all .3s ease-in-out;
}

.main-nav-top a:hover{
  opacity: 0.7;
}

.current_page_parent .awb-menu__sub-a span{
  color: #272E47;
  transition: all 0.3s ease-in-out;
}

.current_page_parent .awb-menu__sub-a:hover span{
  color: #159A34;
}


/**--- Navbar on sticky ---**/
.hide-navbar-on-sticky{
  max-height: 500px !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
  padding-bottom: 40px;
}

.fusion-sticky-transition .hide-navbar-on-sticky{
  max-height: 0 !important;
  opacity: 0 !important;
  transition: all 0.3s ease;
  padding-bottom: 0px;
}

.fusion-sticky-transition .pbk-main-menu a{
  color: #fff !important;
  border-color: #fff !important;
}

.fusion-sticky-transition .pbk-main-menu li{
  border-color: #fff !important;
}

.fusion-sticky-transition #menu-hauptmenue .awb-menu__sub-ul{
  background-color: #159A34 !important;
}

.fusion-sticky-transition #menu-hauptmenue .awb-menu__sub-ul a{
  background-color: #159A34 !important;
}

.fusion-sticky-transition #menu-hauptmenue .awb-menu__sub-ul a:hover{
  color: #272E47 !important;
}


.main-menu-container {
  display: block !important;
}

.mobile-menu-container{
  display: none !important;
}

@media only screen and (max-width: 1330px) {
  .main-menu-container {
    display: none !important;
  }
  .mobile-menu-container{
    display: block !important;
  }
}

.fusion-sticky-transition .current_page_parent .awb-menu__sub-a:hover span {
  color: #fff;
}


/*navi hover nicht sticky*/
.main-menu-container:not(.fusion-sticky-transition) .pbk-main-menu a .menu-text{
  transition: all 0.3s ease-in-out;
}
.main-menu-container:not(.fusion-sticky-transition) .pbk-main-menu a:hover .menu-text{
  color: #159A34 !important;
}

/* --------------- Team Layout --------------- */

.pbk-team-container{
  display: flex;
  gap: 0 20px;
  flex-wrap: wrap;
  margin-bottom: 100px;
  align-items: flex-start;
  /*align-items: stretch;*/
  justify-content: space-between;
}

.pbk-team-toggle-wrapper {
  /*
  display: flex;
  justify-content: space-between;
  gap: 20px;*/
  display: flex;
    gap: 10px;
    flex-direction: column;
}

.pbk-team-item{
  width: calc(25% - 15px);
  background-color: #F7F6F9;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.pbk-team-email, .pbk-team-career-toggle-btn, .pbk-team-phone{
  margin-bottom: 0px !important;
  font-size: 16px !important;
}

.pbk-team-sep-flex{

}

p.pbk-team-phone {
  padding-bottom: 5px;
}

.pbk-team-career-toggle-btn{
  cursor: pointer;
  transition: all 0.3s ease-in-out;

  border-top: 1px solid #0000005c;
  padding-top: 5px;
}

.pbk-team-career-toggle-btn:hover{
  color: #159A34 !important;
}

.pbk-team-career-toggle{
  margin: 0px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.pbk-team-position{
  margin: 0px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.pbk-team-sep{
    border-bottom: 1px solid #272E47;
    margin: 10px 0 20px 0;
    opacity: 0.25;
}

.pbk-team-img {
  width: 100%;
  margin-bottom: 10px;
  width: 100%;
  aspect-ratio: 3 / 4;
}

.pbk-team-name{
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  padding-top: 10px;
}

.pbk-team-career-toggle{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-top: 0px !important;
  transition: all 0.3s ease-in-out;
}

.carreer-active .pbk-team-career-toggle {
  opacity: 1;
  max-height: 500px;
  margin-top: 15px !important;
}


.pbk-team-item .fa-chevron-down{
  font-family: "Font Awesome 5 Free"; 
  margin-left: 5px;
  /*transition: all 0.3s ease-in-out;*/
}


.carreer-active .fa-chevron-down{
  transform: rotate(180deg) !important;
}

.pbk-team-career-toggle-btn:hover{
  color: #159A34 !important;
}

.carreer-active .pbk-team-name{
  color: #159A34 !important;
}

.pbk-team-name{
  transition: all 0.3s ease-in-out;
}


@media only screen and (max-width: 1400px) {
  .pbk-team-item{
    width: calc(33.33% - 14px) !important;
  }
}

@media only screen and (max-width: 900px) {
  .pbk-team-item{
    width: calc(50% - 10px) !important;
  }
}

@media only screen and (max-width: 640px) {
  .pbk-team-item{
    width: 100% !important;
  }
}

.pbk-team-separator-container { flex: 0 0 100%; }
.pbk-team-separator { height: 1px; width: 100%; }

/**--- Home Hero Slider ---**/
.pbk-HomeHeroSlider-container{
  position: relative;
  max-height: 100vh;
  overflow: hidden;
  display: grid;
}

.pbk-HomeHeroSlider-overlay{
  display: block;
  grid-area: 1 / 1;
  z-index: 3;

  max-width: 1400px;
  width: 100%;
  margin: 0px auto;
  padding: 100px 0;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.pbk-HomeHeroSlider-wrapper{
  display: block;
  width: 100vw;
  grid-area: 1 / 1;
  z-index: 2;
  max-height: 100vh;
}

.pbk-HomeHeroSlider img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.pbk-HeroSlider-pag-wrapper{
  gap: 10px;
  position: unset !important;

}

.pbk-HeroSlider-pag-wrapper{
  width: fit-content !important;
}

.pbk-HeroSlider-pag-wrapper .swiper-pagination-bullet{
  width: 50px !important;
  height: 10px !important;
  background: #fff;
  opacity: 0.5;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

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

.pbk-HomeHeroSlider-overlay h1{
  font-size: clamp(20px, 4vw, 80px) !important;
  color: #fff !important;
  font-weight: 900 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.pbk-HomeHeroSlider-overlay h1 span{
  display: inline-block;
  /*padding: 22px 18px;*/
  background: #11a532;
  width: fit-content;
}

.pbk-HomeHeroSlider-overlay h1 span:first-child {
  padding: 22px 18px 10px 18px;
}

.pbk-HomeHeroSlider-overlay h1 span:last-child {
  padding: 10px 18px 22px 18px;
}


.pbk-HomeHeroSlider-overlay h2{
  font-size: clamp(16px, 2vw, 30px) !important;
  color: #fff !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  margin-bottom: 50px;
  display: inline-block;
  padding: 22px 18px;
  background: #272E47;
  width: fit-content;
}

.pbk-hhs-icons{
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
  align-items: flex-end;
}


.mouse_scroll {
  display: block;
  z-index: 11;
}
.mouse {
  height: 80px;
  width: 44px;
  border-radius: 50px;
  transform: none;
  border: 2px solid #fff;
  top: 17px;
}
.wheel {
  transition: 0.3s;
  height: 5px;
  width: 2px;
  display: block;
  margin: 9px auto;
  background: white;
  position: relative;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.mouse:hover .wheel {
  margin: 50px auto;
  transition: 0.3s;
}

.home-hero-slider-conteiner{
  margin-top: -217px !important;
}


@media only screen and (max-width: 1400px) {
  .pbk-HomeHeroSlider-overlay{
    padding: 50px 30px;
  }

  .pbk-HomeHeroSlider-wrapper > *{
    height: 100% !important;
  }

  .pbk-HomeHeroSlider img{
    height: 100% !important;
  }

  .pbk-HeroSlider-pag-wrapper .swiper-pagination-bullet{
    width: 25px !important;
    height: 8px !important;
  }
}


@media only screen and (max-width: 1330px) {
  .home-hero-slider-conteiner{
    margin-top: 0px !important;
  }
  
  .pbk-HomeHeroSlider-overlay h1 span:first-child {
    padding: 10px 10px 5px 10px;
  }
  
  .pbk-HomeHeroSlider-overlay h1 span:last-child {
    padding: 0px 10px 10px 10px;
  }

  .pbk-HomeHeroSlider-overlay h2{
    padding: 10px;
  }
  
  .mouse_scroll{
    display: none;
  }

  
}


/*
to remoe

-leistungen-card-title 


*/


/* --------------- Referenzen --------------- */
.ref-white-bg .ref-white-card-container .fusion-column-wrapper{
  background-color: #fff;
}

.ref-white-bg:hover .ref-white-card-container .fusion-column-wrapper{
  background-color: #fff !important;
}

.referenz-page-content-cont .fusion-fullwidth{
  padding: 0;
}



.referenz_card_hover .fusion-separator-border, .referenz_card_hover img{
  transition: all 0.3s ease-in-out;
}

.referenz_card_hover:hover img{
  transform: scale(1.05);
}

.referenz_card_hover:hover .fusion-separator-border{
  border-color: #000 !important;
}

.referenz_card_hover .fusion-image-element{
  position: relative;
}
.referenz_card_hover .fusion-image-element::after{
    content:"\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;

    background-color: #159A34;
    color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px !important;
    height: 72px !important;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
}

.referenz_card_hover:hover .fusion-image-element::after{
  transform:  translate(-50%, -50%) rotate(0deg);
  opacity: 1;
}

.home-all-ref-hover .fontawesome-icon{
  aspect-ratio: 16 / 9;
  display: flex;
  justify-content: center;
  align-items: center;

}

.home-all-ref-hover .fontawesome-icon::before{
  background-color: #fff;
  color: #159A34;
  border-radius: 50%;
  font-size:30px;
  z-index: 10;
  width: 72px !important;
  height: 72px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  transition: all 0.3s ease;
  opacity: 0;
}

.home-all-ref-hover:hover .fontawesome-icon::before{
  transform: rotate(0deg);
  opacity: 1;
}


/* --------------- Referenzen Gallery --------------- */

.referenz-gallery{
  display: flex;
  flex-wrap: wrap;
}

.referenz-gallery .fusion-element-grid {
  position: unset !important;
  left: unset !important;
  right: unset !important;
  top: unset !important;
}

.referenz-gallery .fusion-element-grid:nth-child(1 of .fusion-element-grid){
  width: 100% !important;
}



/* --------------- Karriere --------------- */

.benefits-grid-container{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.benefits-item{
  background: #F7F6F9;
  padding: 20px;
  border-radius: 10px;
  width: calc(20% - 16px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.benefits-item p{
  margin: 20px 0 0 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.benefits-item i{
  color: #159A34 !important;
  font-size: 50px !important;
}

@media only screen and (max-width: 900px) {
  .benefits-item{
    width: calc(33% - 12px);
  }
}


@media only screen and (max-width: 640px) {
  .benefits-item{
    width: calc(50% - 10px);
  }
}


@media only screen and (max-width: 320px) {
  .benefits-item{
    width: 100% !important;
  }
}


.stellen-kontakt{
  display: flex;
  background: #fff !important;
  border-radius: 10px;
  overflow: hidden;
  width: 50%;
}

.stellen-kontakt-icon{
  background: #159A34;
  color: #fff !important;
  font-size: clamp(18px, 10vw, 100px) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: 26%;
}

.stellen-kontakt-content{
  padding: 45px 35px;
}

.stellen-kontakt-label{
  color: #272E47 !important;
  font-size: clamp(14px, 2vw, 18px) !important;
  line-height: 24px !important;
}

.stellen-kontakt-info{
  color: #159A34 !important;
  font-size: clamp(20px, 3vw, 30px) !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  margin: 0px !important;
}

.stellen-kontakt-cont{
  display: flex;
  gap: 100px;
}

@media only screen and (max-width: 1024px) {
  .stellen-kontakt-cont{
    display: flex;
    gap: 20px;
  }
}


@media only screen and (max-width: 900px) {
  .stellen-kontakt-cont{
    display: flex;
    gap: 20px;
    flex-direction: column;
  }

  .stellen-kontakt{
    width: 100%;
  }

  .stellen-kontakt-content{
    padding: 20px;
  }

  .stellen-kontakt-icon{
    width: 20%;
  }
  

}