@font-face {
       font-family: 'Csms';
       src: url('../materials/Comic\ Sans\ MS.ttf') format('truetype');
}

.jochen {
       text-align: center;
       font-family: Csms, Arial;
       font-size: 5vw;
}

.grid {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       /* Flexibles Layout */
       gap: 3vw;
       padding-top: 5vh;
       padding-right: 10vw;
       padding-left: 10vw;
       box-sizing: border-box;
}


.item {
       height: 16vh;
       background-color: #000088;
       color: white;
       padding: 2vw;
       text-align: center;
       border: none;
       /* Rahmen um die Items */
       position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 2vw;
       box-shadow: 0px 0px 0px;
       font-family: Csms, Arial;
}

a {
       text-decoration: none;
}

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

.itemx:hover {
       font-size: 1.4vw;
}