/* Schreibe hier deinen CSS-Code hin */
.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}
.podcast { 
    grid-area: 1 / 4 / span 2 /span 3; 
    background-image:  url("../image/Blume.jpg");
    background-size: cover;
    background-position: bottom;
    

}

.portfolio-1 {
    grid-area: 1 / 7 / span 1 /span 6;
    background-color: #89023e;
}

.portfolio-2 {
    grid-area: 2 / 7 / span 2 /span 6;
    background-image: url("../image/Rad.jpg");
    background-size: cover;
    background-position: right;
}

.portfolio-2 a {
    color: white;
}

.product {
    grid-area: 1 / 1 / span 1 /span 3;
    background-color: #AACB67;
}

.wordpress {
    grid-area: 2 / 1/ span 1 /span 3;
    background-color: #FF5376;
   
}
.animation {
    grid-area: 3 / 1 / span 1 /span 6;
    background-color: #2D8B18;
}


/* Dieser CSS-Code darf NICHT verändert werden */
a{color:#000;text-decoration:none}body{margin:30px}.grid-container{height:90vh}.item{transition:.5s;
border:1px solid #fff;cursor:pointer}.item:hover{background-color:#fff;border:1px solid #000}
@media (max-width:1199px){.grid-container{column-gap:15px;row-gap:15px}}@media (max-width:767px){body
{margin:15px}.grid-container{display:block;height:auto;font-size:18px}.item{margin-bottom:15px}}
.item{display: flex;justify-content: center;align-items: center;font-size: 22px;}@media (max-width: 767px)
{.item {font-size: 18px;}}