.elch-info-box {
    position: relative;
    border-radius: 3px;
    color: #fff;
    background-position: center;
    background-size: cover;
}
.elch-info-box--green { background-color: #253526; }
.elch-info-box--brown { background-color: #2d2418; border-top: 5px solid #3f3221; }
.elch-info-box--light { background-color: #f3f3f3; color: #3a3a3a; }

.elch-info-box .action-ads-title { color: #ecb338; }
.elch-info-box .action-ads-divider { background: #ecb338; }
.elch-info-box--light .action-ads-title { color: #2f6f37; }
.elch-info-box--light .action-ads-divider { background: #5dc269; }
.elch-info-box--light .action-ads-caption,
.elch-info-box--light .action-ads-content { color: #555; }
.elch-info-box .action-ads-content > :last-child { margin-bottom: 0; }
.elch-info-box .action-ads-content a:not(.greennature-button) { color: inherit; text-decoration: underline; }
.elch-info-box .action-ads-button { margin-top: 22px; }

/* Image as background: darken it so the white text stays readable */
.elch-info-box--bg::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(20, 28, 20, .9) 0%, rgba(20, 28, 20, .55) 100%);
}
.elch-info-box--bg > * { position: relative; }

/* Image beside the text */
.elch-info-box__layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}
.elch-info-box__media .elch-figure { margin: 0; }

/* Fact list (e.g. fact sheet "Moose") */
.elch-facts { margin: 20px 0 0; }
.elch-facts__row {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) 2fr;
    gap: 4px 20px;
    padding: 9px 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
}
.elch-info-box--light .elch-facts__row { border-top-color: rgba(0, 0, 0, .1); }
.elch-facts dt { font-weight: 700; }
.elch-facts dd { margin: 0; }

@media only screen and (max-width: 767px) {
    .elch-info-box { padding: 35px 25px 30px; }
    .elch-info-box__layout,
    .elch-facts__row { grid-template-columns: minmax(0, 1fr); }
}

/* Photo credit of the background image */
.elch-info-box--bg > .elch-credit { position: absolute; border-bottom-right-radius: 3px; }