@media screen and (min-width: 1024px) {
    .introWrapper {
        max-height: 40vw;
    }

    .service h3 {
        font-size: 0.75rem;
    }

    .serviceWrapper {
        /*display: grid; !* Zurück zu Grid auf Desktop *!*/
        overflow-x: visible;
        scroll-snap-type: none;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none; /* Pfeile auf Desktop ausblenden */
    }

    .imgTopFix4rem {
        object-position: center calc(0% - 4rem);
    }

    .serviceButton {
        transform: translateY(100%) scale(0);
        transition: transform 0.5s ease-in-out;
        transform-origin: center;
    }

    .service h3 {
        transform: translateY(100%);
        transition: transform 0.5s ease-in-out;
    }

    .service:hover h3,
    .service:focus-within h3,
    .service:active h3 {
        transform: translateY(0);
    }

    .service:hover .serviceButton,
    .service:focus-within .serviceButton,
    .service:active .serviceButton {
        transform: translateY(0) scale(1);
    }
}