.artikels {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;

    margin: 20px;
}

.containerArtikel{
    width: 30%;
    margin: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.content {
    border: 1px solid #ddd;
    border-radius: 5%;
    overflow: hidden;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
}

.containerArtikel:hover .content {
    border: #000 solid 1px;
    border-radius: 5%;
    transition: 0.3s;
    background-color: wheat;
}

.img-fluid {
    width: 100%;
    height: auto;
} 

.containerArtikel a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
}


.containerArtikel:nth-child(2),
.containerArtikel:nth-child(5){
    text-align: center;
}
.containerArtikel:nth-child(3),
.containerArtikel:last-child{
    text-align: right;
}

@media (max-width: 768px) {
    .containerArtikel {
        width: calc(50% - 20px);
    }

    .containerArtikel:nth-child(2),
    .containerArtikel:nth-child(4){
        text-align: right;
    }
    .containerArtikel:nth-child(3),
    .containerArtikel:nth-child(5){
        text-align: left;
    }
}

@media (max-width: 600px) {
    .containerArtikel {
        width: 100%;
        text-align: center !important;
    }
}