.subproduct img {
    width: 100%;
}

.subproduct {
    border: 1px solid #ddd;
    padding: 0 !important;
    background: #eee;
}

a.subproduct-button {
    background: #f76d18;
    color: #fff;
    padding: 10px;
    width: 94%;
    display: block;
    text-align: center;
    font-weight: bold;
    margin: 3%;
}

a.subproduct-button:hover {
    text-decoration: none;
    color: #fff;
}

.subproduct-info {
    display: block;
    background: #061649;
    min-width: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: all 777ms ease-in-out;
}

.subproduct:hover .subproduct-info {
    padding: 8px;
    max-height: 80px;
}

.image-block {
    position: relative;
}

section.artikel.page.subprodcten {
    padding-top: 28px !important;
}