﻿.ComponentD9v0 {
    flex: 1
}

    .ComponentD9v0:hover .ComponentD9v0__img .PictureElement__imgDefault {
        transform: scale(1.07)
    }

    .ComponentD9v0 ~ .ComponentD9v0 {
        margin-top: 16px
    }

@media screen and (min-width: 670px) {
    .ComponentD9v0 ~ .ComponentD9v0 {
        margin-top: 0;
        margin-left: 16px
    }
}

.ComponentD9v0__wrapper {
    position: relative
}

.ComponentD9v0__img .PictureElement__imgDefault {
    display: block;
    transition: transform .35s ease-in-out
}

.ComponentD9v0__textWrapper {
    color: #fff;
    font-family: "NouvelR, sans-serif";
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: left
}

.ComponentD9v0__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ComponentD9v0__text {
    font-weight: 700
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__wrapper {
    display: grid;
    grid-template-areas: "main"
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img, .ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__textWrapper {
    grid-area: main
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__textWrapper {
    z-index: 1;
    align-self: end
}

.ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img {
    position: relative
}

    .ComponentD9v0:not(.ComponentD9v0_narrow) .ComponentD9v0__img:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.3)
    }

.ComponentD9v0_narrow .ComponentD9v0__textWrapper {
    padding: 16px 16px 16px 0;
    color: #000
}

.ComponentD9v0__textWrapper {
    padding: 0 16px 24px
}

.ComponentD9v0__link {
    color: currentColor
}

    .ComponentD9v0__link .ComponentD9v0__text {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }

        .ComponentD9v0__link .ComponentD9v0__text:after {
            content: "";
            transform: rotate(45deg);
            display: inline-block;
            width: .6em;
            height: .6em;
            margin-left: 6px;
            border: 2px solid #efdf00;
            border-width: 2px 2px 0 0;
            vertical-align: middle
        }

.ComponentD9v0 table {
    width: 100%;
}