.grid {
    display               : grid;
    grid-template-columns : repeat(3, 1fr); /* 3 Spalten */
    gap                   : 40px;           /* Abstand zwischen den Elementen */
    padding-top           : 50px; 
    padding-right         : 100px; 
    padding-left          : 100px;
    box-sizing            : border-box;
}

.item {
    height           : 30vh;
    background-color : #000088;
    color            : white;
    padding          : 20px;
    text-align       : center;
    border           : 1px solid #ccc; /* Rahmen um die Items */
    position         : relative;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    font-size        : 2vw;
    box-shadow       : 0px 0px 0px;
}

a{
text-decoration : none;
}

.item:hover{
        box-shadow       : 5px 5px 10px grey;
        background-color : #4b4bc4;
}

.dropdown-content{
    color: white;
}