/* CSS Document */
    .drehmich {
    -webkit-animation: rotate-scale-up 0.65s linear both;
            animation: rotate-scale-up 0.65s linear both;
    }
    .drehzuruck{
    -webkit-animation: rotate-scale-down 0.65s linear both;
            animation: rotate-scale-down 0.65s linear both;
    }
    .umdrehen {
        -webkit-animation: rotate-hor-center 0.65s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
                animation: rotate-hor-center 0.65s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    }
    /* ----------------------------------------
    * animation rotate-scale-up
    * ------------------------------------- */
    @-webkit-keyframes rotate-scale-up {
        0% {
        -webkit-transform: scale(1) rotateZ(0);
                transform: scale(1) rotateZ(0);
        }
        50% {
        -webkit-transform: scale(4) rotateZ(180deg);
                transform: scale(4) rotateZ(180deg);
        }
        100% {
        -webkit-transform: scale(1) rotateZ(360deg);
                transform: scale(1) rotateZ(360deg);
        }
    }
    @keyframes rotate-scale-up {
        0% {
        -webkit-transform: scale(1) rotateZ(0);
                transform: scale(1) rotateZ(0);
        }
        50% {
        -webkit-transform: scale(4) rotateZ(180deg);
                transform: scale(4) rotateZ(180deg);
        }
        100% {
        -webkit-transform: scale(1) rotateZ(360deg);
                transform: scale(1) rotateZ(360deg);
        }
    }
    /* ----------------------------------------
    * animation rotate-scale-down
    * ------------------------------------- */
    @-webkit-keyframes rotate-scale-down {
        0% {
        -webkit-transform: scale(1) rotateZ(0);
                transform: scale(1) rotateZ(0);
        }
        50% {
        -webkit-transform: scale(0.01) rotateZ(180deg);
                transform: scale(0.01) rotateZ(180deg);
        }
        100% {
        -webkit-transform: scale(1) rotateZ(360deg);
                transform: scale(1) rotateZ(360deg);
        }
    }
    @keyframes rotate-scale-down {
        0% {
        -webkit-transform: scale(1) rotateZ(0);
                transform: scale(1) rotateZ(0);
        }
        50% {
        -webkit-transform: scale(0.1) rotateZ(180deg);
                transform: scale(0.1) rotateZ(180deg);
        }
        100% {
        -webkit-transform: scale(1) rotateZ(360deg);
                transform: scale(1) rotateZ(360deg);
        }
    }
    /* ----------------------------------------
    * animation flip-vertical-left
    * -------------------------------------- */
    @-webkit-keyframes flip-vertical-left {
        0% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0);
        }
        100% {
        -webkit-transform: rotateY(-180deg);
                transform: rotateY(-180deg);
        }
    }
    @keyframes flip-vertical-left {
        0% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0);
        }
        100% {
        -webkit-transform: rotateY(-180deg);
                transform: rotateY(-180deg);
        }
    }
    /* ----------------------------------------
    * animation rotate-hor-center
    * -------------------------------------- */
    @-webkit-keyframes rotate-hor-center {
        0% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
        }
        100% {
        -webkit-transform: rotateX(-360deg);
                transform: rotateX(-360deg);
        }
    }
    @keyframes rotate-hor-center {
        0% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
        }
        100% {
        -webkit-transform: rotateX(-360deg);
                transform: rotateX(-360deg);
        }
    }