@media (min-width: 1024px){
  .frame-flexslider{
    width: 95%;
    float: right;
  }
  .frame-layout-flexslider .col:last-child .frame{
    width: 30%;
    height: auto;
  }
}

@media (min-width: 1920px){

}


.zahnrad, .zahnrad a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: rotate 1s;
}

.zahnrad p{
  position: absolute;
  z-index: 9999;
  text-align: center;
  color: var(--white);
  font-size: 24px;
}

.zahnrad a:hover img {
  transform: rotate(50deg);
}