/* ===================================
   LEISTUNGEN
=================================== */

.service-hero{
    height:80vh;
}

.services-page{
    max-width:1400px;
    margin:auto;
    padding:120px 5%;
}

.service-item{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
    margin-bottom:120px;
}

.service-item.reverse img{
    order:2;
}

.service-item.reverse .service-text{
    order:1;
}

.service-item img{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:20px;
}

.service-text h2{
    font-size:3rem;
    color:#d4af37;
    margin-bottom:20px;
}

.service-text p{
    font-size:1.15rem;
    color:#d0d0d0;
    line-height:1.8;
}

/* ===================================
   MOBILE
=================================== */

@media(max-width:991px){

    .service-item{
        grid-template-columns:1fr;
        gap:40px;
    }

    .service-item.reverse img,
    .service-item.reverse .service-text{
        order:unset;
    }

    .service-text h2{
        font-size:2.2rem;
    }

}

@media(max-width:768px){

    .services-page{
        padding:80px 5%;
    }

    .service-item{
        margin-bottom:80px;
    }

    .service-item img{
        height:300px;
    }

    .service-text h2{
        font-size:1.8rem;
    }

}