/* startpage */

.page-myrating .main-content .content-item,
.website-startpage .main-content .content-item {
    display: grid;
    gap: 40px;
}
.page-myrating .main-content .content-item .Object.lead,
.website-startpage .main-content .content-item .Object.lead {
    margin-bottom: 10px;
}
.page-myrating  .box h3,
.website-startpage .box h3 {
    color: #287000;
    font-size: 1.25rem;
    margin: 0 0 15px;
}
.page-myrating .box > a,
.website-startpage .box > a {
    padding: 15px;
    border: 1px solid #287000;
    display: block;
    height: 100%;
}
.page-myrating .box a:hover,
.website-startpage .box a:hover {
    text-decoration: none;
}
.page-myrating .box figure,
.website-startpage .box figure {
    position: relative;
}
.page-myrating .box figure:before,
.website-startpage .box figure:before {
    content: '';
    display: inline-block;
    padding-bottom: 75%;
}
.page-myrating .box figure img,
.website-startpage .box figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    object-fit: cover;
    object-position: left top;
    transition: transform 200ms ease;
}
.page-myrating .box a:hover img,
.website-startpage .box a:hover img {
    transform: scale(1.012);
}

@media screen and (min-width: 990px) {
    .page-myrating .main-content .content-item,
    .website-startpage .main-content .content-item {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(3, 1fr);
    }
    .page-myrating .main-content .content-item .Object.lead,
    .website-startpage .main-content .content-item .Object.lead {
        margin-bottom: 10px;
    }
    .page-myrating .main-content .ContentTitle,
    .page-myrating .main-content .lead,
    .website-startpage .main-content .ContentTitle,
    .website-startpage .main-content .lead {
        grid-column: 1 / span 3;
    }
}