@-moz-keyframes cityscape {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1398px 0;
    }
}

@-webkit-keyframes cityscape {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1398px 0;
    }
}

@-o-keyframes cityscape {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1398px 0;
    }
}

@-ms-keyframes cityscape {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1398px 0;
    }
}

@keyframes cityscape {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -1398px 0;
    }
}

@-moz-keyframes lamposts {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -697px 0;
    }
}

@-webkit-keyframes lamposts {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -697px 0;
    }
}

@-o-keyframes lamposts {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -697px 0;
    }
}

@-ms-keyframes lamposts {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -697px 0;
    }
}

@keyframes lamposts {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -697px 0;
    }
}

@-moz-keyframes truck {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -moz-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes truck {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes truck {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -o-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes truck {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -ms-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes truck {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }

    100% {
        transform: translateY(0);
    }
}












.service_wagen_section {
    padding: 4em 0;
}

/*
.service_wagen_titel, .service_wagen_untertitel {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
*/

.service_wagen_section_transport {
    position: relative;
    margin-top: -64px;
}

    .service_wagen_section_transport .service_wagen_text {
        font-family: "Pompiere-Regular", sans-serif;
        text-align: left;
        position: relative;
        left: 7.14286%;
        color: rgb(238, 238, 238);
    }

    .service_wagen_section_transport .service_wagen_images {
        width: 100%;
        position: relative;
        margin-top: 72px;
        height: 279px;
    }

    .service_wagen_section_transport .service_wagen_untertitel {
        width: 42.85714%;
    }

    .service_wagen_section_transport .service_wagen_image_stadt {
        width: 100%;
        background-image: url(../img/service_wagen/stadt.png);
        background-repeat: repeat-x;
        height: 279px;
        position: absolute;
        top: 0;
        background-position: 0 0;
        -webkit-animation-name: cityscape;
        -moz-animation-name: cityscape;
        -ms-animation-name: cityscape;
        -o-animation-name: cityscape;
        animation-name: cityscape;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-duration: 14s;
        -moz-animation-duration: 14s;
        -ms-animation-duration: 14s;
        -o-animation-duration: 14s;
        animation-duration: 14s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .service_wagen_section_transport .service_wagen_image_lampen {
        background-image: url(../img/service_wagen/lampen.png);
        width: 100%;
        height: 216px;
        position: absolute;
        background-repeat: repeat-x;
        background-position: 0 0;
        top: 63px;
        -webkit-animation-name: lamposts;
        -moz-animation-name: lamposts;
        -ms-animation-name: lamposts;
        -o-animation-name: lamposts;
        animation-name: lamposts;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .service_wagen_section_transport .service_wagen_image_reifen {
        background-image: url(../img/service_wagen/reifen.png);
        width: 240px;
        height: 51px;
        position: absolute;
        left: 50%;
        top: 229px;
        margin-left: -395px;
        background-repeat: no-repeat;
    }

    .service_wagen_section_transport .service_wagen_image_auto {
        background-image: url(../img/service_wagen/auto.png);
        width: 308px;
        height: 148px;
        position: absolute;
        background-repeat: no-repeat;
        left: 50%;
        top: 105px;
        margin-left: -431px;
        -webkit-animation-name: truck;
        -moz-animation-name: truck;
        -ms-animation-name: truck;
        -o-animation-name: truck;
        animation-name: truck;
        -webkit-animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        -moz-animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        -ms-animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        -o-animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
        -webkit-animation-duration: .8s;
        -moz-animation-duration: .8s;
        -ms-animation-duration: .8s;
        -o-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .service_wagen_section_transport .service_wagen_image_strasse {
        width: 100%;
        height: 4px;
        background: #39444c;
        position: absolute;
        top: 275px;
    }


    .service_wagen_titel {
        font-family: "Oregano-Italic", sans-serif;
        color: rgb(157, 157, 157);
    font-size: 2.286em;
    width: 57.14286%;
    font-weight: 300 !important;
    font-style: normal !important;
}

.service_wagen_untertitel {
    width: 28.57143%;
    font-size: 1.143em;
    line-height: 1.5em;
    margin-top: 8px;
    color: rgb(60, 61, 61);
}

.service_wagen_untertitel_mobil {
    display: none;
}





@media(max-width:960px) {

    .service_wagen_section_transport {
        margin-top: 0;
    }

        .service_wagen_section_transport .service_wagen_text {
            position: static;
        }

        .service_wagen_section_transport .service_wagen_image_reifen {
            margin-left: -118px;
        }

        .service_wagen_section_transport .service_wagen_image_auto {
            margin-left: -154px;
        }

        .service_wagen_titel {
        font-size: 2.857em;
        line-height: 1.225em;
        margin: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }

        .service_wagen_untertitel {
        font-size: 2em;
        line-height: 1.286em;
        margin: 8px 0 0 !important;
    }

    .service_wagen_untertitel_desktop {
        display: none;
    }

    .service_wagen_untertitel_mobil {
        display: block;
    }

    .service_wagen_titel, .service_wagen_untertitel {
        text-align: center;
        position: relative;
        left: 12.5% !important;
        width: 75% !important;
    }

}





@media(min-width:960px) and (max-width:1135px),(min-width:1135px) and (max-height:725px) {

.service_wagen_untertitel {
        width: 42.85714%;
    }
}










@media(max-width:640px) {

    .service_wagen_section_transport .service_wagen_images {
        height: 140px;
    }

    .service_wagen_section_transport .service_wagen_image_stadt {
        background-image: url(../img/service_wagen/stadt_klein.png);
        height: 140px;
    }

    .service_wagen_section_transport .service_wagen_image_lampen {
        background-image: url(../img/service_wagen/lampen_klein.png);
        height: 108px;
        top: 32px;
    }

    .service_wagen_section_transport .service_wagen_image_reifen {
        background-image: url(../img/service_wagen/reifen_klein.png);
        width: 120px;
        height: 26px;
        top: 115px;
        margin-left: -59px;
    }

    .service_wagen_section_transport .service_wagen_image_auto {
        background-image: url(../img/service_wagen/auto_klein.png);
        width: 154px;
        height: 74px;
        top: 52px;
        margin-left: -77px;
    }

    .service_wagen_section_transport .service_wagen_image_strasse {
        height: 2px;
        top: 138px;
    }
}



    @media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:640px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:640px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:640px) and (min-device-pixel-ratio:2),only screen and (max-width:640px) and (min-resolution:192dpi),only screen and (max-width:640px) and (min-resolution:2dppx) {

    .service_wagen_section_transport .service_wagen_image_stadt {
        background-image: url(../img/service_wagen/stadt.png);
        background-size: 700px 140px;
    }

    .service_wagen_section_transport .service_wagen_image_lampen {
        background-image: url(../img/service_wagen/lampen.png);
        background-size: 349px 108px;
    }

    .service_wagen_section_transport .service_wagen_image_reifen {
        background-image: url(../img/service_wagen/reifen.png);
        background-size: 120px 24px;
    }

    .service_wagen_section_transport .service_wagen_image_auto{
        background-image: url(../img/service_wagen/auto.png);
        background-size: 154px 74px;
    }
}