/* Grid-container */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    padding: 0px;
}

/* Card */
.card {
    text-decoration: none;
   /* color: black;*/
    overflow: hidden;
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

				border: 1px solid #696969;
				border-radius: 3px;
				background-color: #222429;
    
   /* transition: transform 0.3s ease;*/
}

/* Bild */
.card img {
    width: 100%;
    height: 100%;
transition: 0.6s ease-in-out;
				 opacity: 1;
}

/* Text */

/* Hover-effekt */
.card:hover img {
 opacity: 0.5;
}

.card:hover {
   /* transform: translateY(-5px);*/
}