.elementor-5742 .elementor-element.elementor-element-80b46d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5742 .elementor-element.elementor-element-ca6d7f1{width:auto;max-width:auto;z-index:99;}.jet-listing-item.single-jet-engine.elementor-page-5742 > .elementor{width:230px;margin-left:auto;margin-right:auto;}/* Start custom CSS for html, class: .elementor-element-ca6d7f1 */.ST .box-contents{
    background: url(https://www.buechl-gruppe.de/wp-content/uploads/2023/10/Berufskraftfahrer-1.png) 50% 50% / cover no-repeat;
}

.RM .box-contents{
    background: url(https://www.buechl-gruppe.de/wp-content/uploads/2023/10/Industirekaufleute.png) 50% 50% / cover no-repeat;
}


.LM .box-contents{
    background: url(https://www.buechl-gruppe.de/wp-content/uploads/2024/04/Kreislauf-Abfall.png) 50% 50% / cover no-repeat;
}


.LV .box-contents{
    background: url(https://www.buechl-gruppe.de/wp-content/uploads/2023/10/Kunstruktiuonsmechaniker.png) 50% 50% / cover no-repeat;
}
.RV .box-contents{
    background: url(https://www.buechl-gruppe.de/wp-content/uploads/2023/10/Fachinformatiker-1.png) 50% 50% / cover no-repeat;
}

.TW .box-contents {
  
  background: url(https://www.buechl-gruppe.de/wp-content/uploads/2023/10/Industiemechaniker.png) 50% 50% / cover no-repeat;
  
}


    .box {
  position: relative;
  width: 210px;
  height: 265px;
  cursor:pointer;
}
.box-contents {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  transition: .5s ease;
}
.hover-point {
  position: absolute;
  z-index: 2;
  width: calc(100% / 3);
  height: calc(100% / 3);
}
.hover-point:nth-child(1) {
  top: 0;
  left: 0;
}
.hover-point:nth-child(2) {
  top: 0;
  left: calc(100% / 3);
}
.hover-point:nth-child(3) {
  top: 0;
  right: 0;
}
.hover-point:nth-child(4) {
  top: calc(100% / 3);
  left: 0;
}
.hover-point:nth-child(5) {
  top: calc(100% / 3);
  right: 0;
}
.hover-point:nth-child(6) {
  bottom: 0;
  left: 0;
}
.hover-point:nth-child(7) {
  bottom: 0;
  left: calc(100% / 3);
}
.hover-point:nth-child(8) {
  bottom: 0;
  right: 0;
}
.hover-point:nth-child(1):hover ~ .box-contents {
  
  transform-origin: right top;
  transform: perspective(1000px) rotateX(10deg) rotateY(-10deg) rotateZ(2deg);
}
.hover-point:nth-child(2):hover ~ .box-contents {
  transform-origin: center top;
  transform: perspective(1000px) rotateX(10deg);
}
.hover-point:nth-child(3):hover ~ .box-contents {
  
  transform-origin: left top;
  transform: perspective(1000px) rotateX(10deg) rotateY(10deg) rotateZ(-2deg);
}
.hover-point:nth-child(4):hover ~ .box-contents {
  
  transform-origin: left center;
  transform: perspective(1000px) rotateY(-10deg);
}
.hover-point:nth-child(5):hover ~ .box-contents {
  
  transform-origin: right center;
  transform: perspective(1000px) rotateY(10deg);
}
.hover-point:nth-child(6):hover ~ .box-contents {
  
  transform-origin: right bottom;
  transform: perspective(1000px) rotateX(-10deg) rotateY(-10deg) rotateZ(-2deg);
}
.hover-point:nth-child(7):hover ~ .box-contents {
  
  transform-origin: center bottom;
  transform: perspective(1000px) rotateX(-10deg);
}
.hover-point:nth-child(8):hover ~ .box-contents {
  
  transform-origin: left bottom;
  transform: perspective(1000px) rotateX(-10deg) rotateY(10deg) rotateZ(2deg);
}/* End custom CSS */