.hero-section{
    background-color: #000;
}

.hero-image{
    background-image: url('../../assets/images/referenz/vapez/hero/opt-vapez-2.png');
}

.projekt-beschreibung-image{
    background-image: url('../../assets/images/referenz/vapez/opt-mobile-mockup-vapez.png');
    background-position: center;
}

.herausforderungen-image{
    background-image: url('../../assets/images/referenz/vapez/opt-treasure-chest-vapez.png');
}

.hero-title{
    margin-top: -10px;
}

.loesung img{
    position: absolute;
    max-height: 250px;
}

.loesung-image img:nth-child(1){
    max-height: 200px;
    top: 5%;
}

.loesung-image > img:nth-child(2){
    top: 30%;
    right: -20%;
}

.loesung-image > img:nth-child(3){
    top: 70%;
    left: 0%;
    transform: scale(50%);
}

.loesung-ergebnis-trenn-image{
    display: none;
    background-image: url('../../assets/images/referenz/vapez/bigfile-image-vapez.png');
}

.ergebnis-text {
    padding-top: .5em;
}

/* ----- Mediaqueries ----- */

/* Ganz kleine Größen wie z.B. iPhone 4 */
@media (max-width: 320px){

 

}

/* Größer als Standardgröße */

@media (min-width: 380px){

   

}

@media (min-width: 650px){

    .hero-image{
        background-image: url('../../assets/images/referenz/vapez/hero/opt-vapez-large.png');
    }

    .projekt-beschreibung-image {
        margin-bottom: 5em;
        height: 250px;
        background-position: center;
    }
 
}

@media (min-width: 768px){

    .projekt-beschreibung-image {
        margin-bottom: 5em;
        height: 300px;
    }

}

@media (min-width: 992px){

   

}

@media (min-width: 1200px){

    .projekt-beschreibung-image{
        margin: 10em auto;
        height: 370px;
    }    

    .ergebnis-text {
        padding-top: 3.5em;
    }

    .projekt-beschreibung-block:nth-child(2){
        min-width: 100%;
    }

    .projekt-beschreibung-block:nth-child(3), .pro-beschreibung-block:nth-child(4), .pro-beschreibung-block:nth-child(5){
        min-width: 33.3%;
    }

}

@media (min-width: 1400px){

    .projekt-beschreibung-image{
        margin: 10em auto;
        max-width: 1450px;
    }   
    
}

@media (min-width: 1700px){

    
    
}

@media (min-width: 1920px){

    

}