#aboutus {
    grid-row: 2/3;
    display: grid;
    grid-template-columns: 10% 40% 40% 10%;
    grid-template-rows: 0 80% 20%;
    margin-top: 5%;
    margin-bottom: 5%;
    
}

#imagestack {
    grid-row: 2/3;
    grid-column: 2/3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -20%;
}



.image-stack__item {
    object-fit: cover; /* Verhindert das Abschneiden von Bildern */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-stack__item--top {
    z-index: 2;
    transform: translate(0%, 0%); /* Moderate Verschiebung relativ zur Containergröße */
}

.image-stack__item--bottom {
    z-index: 1;
    transform: translate(-30%, 50%); /* Keine Verschiebung */
}

#aboutusdescription {
    grid-row: 2/3;
    grid-column: 3/4;
    padding: 1rem;
    margin-top: 20%;

}

#repairsvg {
    width: 50px;
    height: auto;
}


#aboutusdescription > h4 {
    color: rgb(255, 194, 41);
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

#aboutusdescription > p {
    color: grey;
    font-size: 1rem;
    line-height: 1.5;
}
@media (max-width: 1024px) {


    #imagestack {
        margin-top: 50px;
        grid-column: 2/3;
        grid-row: 2/3;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    
}

@media (max-width: 768px) {
    #aboutus {
        grid-template-columns: 100%; /* Einspaltiges Layout für Mobilgeräte */
        grid-template-rows: auto auto; /* Passt die Reihenfolge an, Bild oben, Text unten */
    }

    #imagestack {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-column: 1/2;
        grid-row: 1/2;
        width: 100%;
        margin-bottom: 1.5rem; /* Abstand zwischen Bild und Text */
        padding-left: 10%;
        margin-top: -5%;
    }

    #aboutusdescription {
        grid-column: 1/2;
        grid-row: 2/3;
        padding: 1rem;
        z-index: 1; /* Sicherstellen, dass der Text über den Bildern liegt */
        margin-top: 25%;
    }

    .image-stack {
        max-width: 90vw;
    }

    #aboutusdescription > h4 {
        font-size: 1rem;
    }

    #aboutusdescription > p {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    #aboutus {
        margin-top: 30%; /* Weniger Versatz für weniger vertikale Höhe */

    }

}