.gear_container {
  height: 300px;
  width: 300px;
  margin: 0 auto;
  display: block;
  position:sticky;
  transform: scale(1.5);
  margin-top: -10vh;
}

#gear_p
{
    margin-top: 20vh;
}


/* Frames CSS3 */
@-webkit-keyframes ckw {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes ckw {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes cckw {
    0% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes cckw {
    0% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

/* Шестерни */
.c_gear {
    float: none;
    position: absolute;
    text-align: center;

    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;

    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}

#gear4 {
    background: url('/assets/svg/Zahnrad_Servicekonzept.svg') no-repeat 0 0;
    height: 144px;
    left: 46px;
    top: 173px;
    width: 144px;

    -moz-animation-name: cckw;
    -moz-animation-duration: 20.2s;

    -webkit-animation-name: cckw;
    -webkit-animation-duration: 20.2s;
}


#gear3 {
    background: url('/assets/svg/Zahnrad_Kleidungskonzept.svg') no-repeat 0 0;
    height: 103px;
    left: 151px;
    top: 118px;
    width: 103px;

    -moz-animation-name: ckw;
    -moz-animation-duration: 119.2s;

    -webkit-animation-name: ckw;
    -webkit-animation-duration: 19.2s;
}


#gear5 {
    background: url('/assets/svg/Zahnrad_Logistikkonzept.svg') no-repeat 0 0;
    height: 85px;
    left: 130px;
    top: 292px;
    width: 85px;

    -moz-animation-name: ckw;
    -moz-animation-duration: 19.2s;

    -webkit-animation-name: ckw;
    -webkit-animation-duration: 19.2s;
}


@media only screen and (max-width: 2560px)
{
    .gear_container {
      height: 300px;
      width: 300px;
      margin: 0 auto;
      display: block;
      position:sticky;
      transform: scale(1.5);
      margin-top: -10vh;
    }

    #gear_p
    {
        margin-top: 15vh;
    }
}

@media only screen and (max-height: 952px)
{
    .gear_container {
      height: 300px;
      width: 300px;
      margin: 0 auto;
      display: block;
      position:sticky;
      transform: scale(1.5);
      margin-top: -10vh;
    }

    #gear_p
    {
        margin-top: 25vh;
    }
}