.related-content {
    display: flex;
    width: 100%;
    margin-bottom: q(24);
    padding-bottom: q(16);
    border-bottom: q(1) solid #e6e6e6;
    z-index: 1;
}

.related-content__headline {
    margin: 0;
    padding-left: q(8);
}

.related-content__headline-text {
    color: var(--color_text_primary);
    display: block;
    font-size: q(14);
    letter-spacing: 0Q (2);
    line-height: q(20);
    margin: 0;
}

.related-content__title-text {
    min-height: q(14);
    display: block;
    font-size: q(12);
    font-weight: 700;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
    margin: 0;
}

.related-content__image {
    display: flex;
    position: relative;
    width: 1Q (20);
    min-width: 1Q (20);
}

.related-content__image .image--eq-extra-small .image__container {
    margin-bottom: 0;
}

.related-content__image picture {
    display: flex;
}

.related-content--video .related-content__image .image__label-icon {
    background-image: url("data:image/svg+xml,%3Csvg class='icon-video-play' viewBox='0 0 24 24' fill='%23f8f8f8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.583 10.753L7.34 3.256C6.34 2.589 5 3.303 5 4.503v14.994c0 1.2 1.341 1.914 2.34 1.247l11.243-7.497c.89-.594.89-1.9 0-2.494'/%3E%3C/svg%3E%0A");
}

.related-content__link {
    display: flex;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}

.related-content--gallery .related-content__image .image__label--visible,
.related-content--video .related-content__image .image__label--visible {
    visibility: visible;
}

.related-content--gallery .related-content__image .image__label--small,
.related-content--video .related-content__image .image__label--small {
    font-size: q(10);
    padding: q(4) q(8);
}

.related-content__link:hover img,
.related-content__link:hover video {
    opacity: var(--theme-container-image-opacity--hover);
    transition: 0.2s;
}

.related-content__link:hover .related-content__image {
    background: var(--theme-container-image-color--hover);
}

.related-content__link:hover .related-content__headline {
    color: var(--theme-container-color--hover);
    -webkit-text-decoration-color: var(
        --theme-container-text-decoration-color--hover
    );
    text-decoration-color: var(--theme-container-text-decoration-color--hover);
    text-decoration-thickness: var(
        --theme-paragraph__link-decoration-thickness
    );
}

.related-content__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content__not-found--visible {
    display: block;
}

.related-content__not-found-paragraph {
    color: var(--color_text_primary);
    font-size: q(16);
}

@media screen and (min-width: 960px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content {
        display: block;
        float: left;
        clear: both;
        margin: 0 q(24) q(24) 0;
        width: 209px;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content__link {
        display: block;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content__image {
        width: 209px;
        min-width: 209px;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content__headline {
        padding: 0;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content__headline-label {
        display: block;
        font-size: q(12);
        font-weight: 700;
        letter-spacing: q(1);
        line-height: q(16);
        text-transform: uppercase;
        margin: q(8) 0;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content__title-text {
        margin: q(8) 0 q(4);
    }
}

@media screen and (min-width: 1280px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content {
        float: left;
        clear: both;
        width: 209px;
        height: auto;
    }
}

@media screen and (min-width: 1360px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content {
        width: 209px;
    }
}

.kiln-edit-mode .related-content {
    z-index: 1;
}

.related-content-elevate {
    display: block;
    margin-bottom: q(24);
    max-width: 660px;
    width: 100%;
    z-index: 1;
    border: q(1) solid #e6e6e6;
    border-radius: q(4);
    padding-bottom: q(16);
}

.related-content-elevate .related-content__link {
    text-decoration: none;
    color: inherit;
    display: initial;
}

.related-content-elevate .related-content__title {
    display: block;
    border-left: q(6) solid var(--color_text_primary);
    width: 100%;
    margin: q(16) 0 q(12);
    padding: 0 q(16) 0 calc(q(16) - q(6));
}

.related-content-elevate .related-content__title-text {
    font-size: 0.77rem;
    font-weight: 700;
    color: var(--color_text_primary);
    letter-spacing: q(1);
    line-height: 125%;
    text-transform: uppercase;
    text-decoration: none;
}

.related-content-elevate .related-content__body {
    display: flex;
    padding: 0 q(16);
}

.related-content-elevate .related-content__headline {
    margin: 0;
    padding: 0;
}

.related-content-elevate .related-content__headline-text {
    color: var(--color_text_primary);
    display: flex;
    font-size: 0.88rem;
    font-weight: 400;
    letter-spacing: 0Q (2);
    line-height: 130%;
    padding-left: q(12);
}

.related-content-elevate .related-content__image {
    display: flex;
    position: relative;
    width: q(150);
    min-width: q(150);
    height: auto;
    border-radius: q(4);
    overflow: hidden;
}

.related-content-elevate
    .related-content__image
    .image--eq-extra-small
    .image__container {
    margin-bottom: 0;
}

.related-content-elevate.related-content--video
    .related-content__image
    .image__label-icon {
    background-image: url("data:image/svg+xml,%3Csvg class='icon-video-play' viewBox='0 0 24 24' fill='%23f8f8f8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.583 10.753L7.34 3.256C6.34 2.589 5 3.303 5 4.503v14.994c0 1.2 1.341 1.914 2.34 1.247l11.243-7.497c.89-.594.89-1.9 0-2.494'/%3E%3C/svg%3E%0A");
}

.related-content-elevate .related-content__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content-elevate .related-content__not-found--visible {
    display: block;
}

.related-content-elevate .related-content__not-found-paragraph {
    color: var(--color_text_primary);
    font-size: q(16);
}

.related-content-elevate.related-content--gallery
    .related-content__image
    .image__label--visible,
.related-content-elevate.related-content--video
    .related-content__image
    .image__label--visible {
    visibility: visible;
}

.related-content-elevate.related-content--gallery
    .related-content__image
    .image__label--small,
.related-content-elevate.related-content--video
    .related-content__image
    .image__label--small {
    font-size: q(10);
    padding: q(4) q(8);
}

.related-content-elevate:hover img,
.related-content-elevate:hover video {
    opacity: var(--theme-container-image-opacity--hover);
    transition: 0.2s;
}

.related-content-elevate:hover .related-content__image {
    background: 0 0;
}

@media screen and (max-width: 479px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content-elevate
        .related-content__image {
        width: q(96);
        min-width: q(96);
        height: q(96);
    }
}

.kiln-edit-mode .related-content-elevate {
    z-index: 1;
}

@media screen and (min-width: 960px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content-elevate
        .related-content__title {
        margin: q(16) 0 q(12);
    }
}

.related-content_full-width {
    display: flex;
    width: 100%;
    margin: q(16) 0;
    border-bottom: q(1) solid #e6e6e6;
    padding-bottom: q(12);
}

.related-content_full-width__headline {
    margin-top: 0;
    margin-bottom: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.related-content_full-width__headline-label {
    font-size: q(16);
    font-weight: 700;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
}

.related-content_full-width__headline-text {
    color: var(--color_text_primary);
    display: block;
    font-size: q(14);
    letter-spacing: 0Q (2);
    line-height: q(20);
}

.related-content_full-width--article .related-content_full-width__title-text,
.related-content_full-width__title-text {
    font-family: helveticaneue, Helvetica, Arial, Utkal, sans-serif;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
}

.related-content_full-width__title-text {
    min-height: q(14);
    font-size: q(12);
    font-weight: 700;
}

.related-content_full-width__image {
    width: 1Q (20);
    height: fit-content;
    position: relative;
    margin-right: q(8);
}

.related-content_full-width__image .image--eq-extra-small .image__container {
    margin-bottom: 0;
}

.related-content_full-width__image .image__picture {
    display: flex;
    height: unset;
}

.related-content_full-width__link {
    display: flex;
    text-decoration: none;
    color: inherit;
}

.related-content_full-width__link:hover img,
.related-content_full-width__link:hover video {
    opacity: var(--theme-container-image-opacity--hover);
}

.related-content_full-width__link:hover .related-content_full-width__headline {
    color: var(--theme-container-color--hover);
    -webkit-text-decoration-color: var(
        --theme-container-text-decoration-color--hover
    );
    text-decoration-color: var(--theme-container-text-decoration-color--hover);
}

.related-content_full-width__link:hover
    .related-content_full-width__headline-text {
    -webkit-text-decoration-color: var(
        --theme-container-text-decoration-color--hover
    );
    text-decoration-color: var(--theme-container-text-decoration-color--hover);
}

.related-content_full-width__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content_full-width__not-found--visible {
    display: block;
}

.related-content_full-width__not-found-paragraph {
    color: var(--color_text_primary);
    font-size: q(16);
}

.related-content_full-width--article .related-content_full-width__title-text {
    font-size: q(12);
}

@media screen and (min-width: q(480)) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_full-width__link {
        align-items: flex-start;
        flex-direction: row;
    }
}

@media screen and (min-width: 960px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_full-width {
        margin: q(32) 0;
        border-top: q(1) solid #e6e6e6;
        padding: q(12) 0;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_full-width__headline-label {
        margin: 0 0 q(16);
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_full-width__image {
        width: 209px;
        margin-right: q(12);
    }
}

.kiln-edit-mode .related-content_full-width {
    z-index: 1;
}

.related-content_without-image-full-border {
    display: flex;
    width: 100%;
    margin-bottom: q(24);
    padding: q(8) 0 q(16);
    border-bottom: q(1) solid #e6e6e6;
    border-top: q(1) solid #e6e6e6;
}

.related-content_without-image-full-border__headline {
    margin: 0;
    padding-left: q(8);
}

.related-content_without-image-full-border__headline-label {
    display: block;
    font-size: q(14);
    font-weight: 700;
    letter-spacing: 0Q (2);
    line-height: q(20);
    margin: q(8) 0;
}

.related-content_without-image-full-border__headline-text {
    color: var(--color_text_primary);
    display: block;
    font-size: q(14);
    letter-spacing: 0Q (2);
    text-decoration-thickness: var(
        --theme-paragraph__link-decoration-thickness
    );
    line-height: q(20);
    margin: 0;
}

.related-content_without-image-full-border__title-text {
    display: block;
    font-size: q(12);
    font-weight: 700;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
    margin: 0;
}

.related-content_without-image-full-border__link {
    display: flex;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}

.related-content_without-image-full-border__link:hover
    .related-content_without-image-full-border__headline-text {
    color: var(--theme-color-link);
    text-decoration: none;
}

.related-content_without-image-full-border__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content_without-image-full-border__not-found--visible {
    display: block;
}

.related-content_without-image-full-border__not-found-paragraph {
    color: var(--color_text_primary);
    font-size: q(16);
}

.related-content_without-image-full-border__image {
    position: relative;
}

.related-content_without-image-full-border__image .image .image__container {
    margin-bottom: 0;
}

@media screen and (min-width: 960px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border {
        display: block;
        float: left;
        clear: both;
        margin: 0 q(24) q(24) 0;
        width: 206px;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border__link {
        display: block;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border__headline {
        padding: 0;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border__title-text {
        margin: q(8) 0 q(4);
    }
}

@media screen and (min-width: 1280px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border {
        float: left;
        clear: both;
        width: 18Q (2);
        height: auto;
    }
}

@media screen and (min-width: 1360px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image-full-border {
        width: q(196);
    }
}

.kiln-edit-mode .related-content_without-image-full-border {
    z-index: 1;
}

.related-content_without-image {
    display: flex;
    width: 100%;
    border-bottom: q(1) solid #e6e6e6;
    border-top: q(1) solid #e6e6e6;
    margin-top: 0;
    margin-bottom: q(24);
}

.related-content_without-image__link {
    display: flex;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}

.related-content_without-image--link:hover {
    text-decoration: underline;
}

.related-content_without-image__headline {
    margin-top: q(16);
    margin-bottom: q(16);
}

.related-content_without-image__headline-text {
    color: var(--color_text_primary);
    display: block;
    font-size: q(14);
    letter-spacing: 0Q (2);
    line-height: q(20);
}

.related-content_without-image__title-text {
    display: inline-block;
    color: var(--theme-color-link);
    font-size: q(12);
    font-weight: 700;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
    margin-right: q(8);
}

.subheader,
.subheader__link {
    letter-spacing: var(--theme-semantic-type-title-letter-spacing);
}

.related-content_without-image__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content_without-image__not-found--visible,
.soundcloud__posts--error .soundcloud__post--removed {
    display: block;
}

@media screen and (min-width: 960px) {
    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image__link {
        display: block;
    }

    body:not(.layout-homepage-mobile.kiln-edit-mode):not(
            .layout-homepage-mobile-app.kiln-edit-mode
        )
        .related-content_without-image__headline {
        padding: 0;
    }
}

.kiln-edit-mode .related-content_without-image {
    z-index: 1;
}

.related-content_live-story {
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    width: 100%;
    position: relative;
}

.related-content_live-story__link {
    display: flex;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}

.image__caption a,
.related-content_live-story--link:hover {
    text-decoration: underline;
}

.related-content_live-story__image {
    display: flex;
    position: relative;
    width: 22Q (1);
    min-width: 140px;
    margin-bottom: q(24);
}

.related-content_live-story__image picture {
    display: flex;
}

.related-content_live-story__image .image .image__container {
    margin-bottom: 0;
}

.related-content_live-story__headline {
    margin: 0 0 0 2Q (5);
}

.related-content_live-story__headline-text {
    color: var(--color_text_primary);
    display: block;
    font-size: q(14);
    font-weight: 700;
    letter-spacing: 0Q (2);
    line-height: q(20);
    margin: 0;
}

.related-content_live-story__title-text {
    display: block;
    font-size: q(12);
    font-weight: 700;
    letter-spacing: q(1);
    line-height: q(16);
    text-transform: uppercase;
    margin: 0 0 q(8);
    color: var(--color_accent_primary);
}

.related-content_live-story__not-found {
    border-radius: q(4);
    border: q(1) solid #e6e6e6;
    display: none;
    margin-bottom: q(16);
    padding: q(16);
    width: q(460);
}

.related-content_live-story__not-found--visible {
    display: block;
}

.related-content_live-story__not-found-paragraph {
    color: var(--color_text_primary);
    font-size: q(16);
}

.related-content_live-story--gallery
    .related-content_live-story__image
    .image__label--small,
.related-content_live-story--video
    .related-content_live-story__image
    .image__label--small {
    font-size: q(10);
    padding: q(4) q(8);
}

.related-content_live-story--video
    .related-content_live-story__image
    .image__label-icon {
    background-image: url("data:image/svg+xml,%3Csvg class='icon-video-play' viewBox='0 0 24 24' fill='%23f8f8f8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.583 10.753L7.34 3.256C6.34 2.589 5 3.303 5 4.503v14.994c0 1.2 1.341 1.914 2.34 1.247l11.243-7.497c.89-.594.89-1.9 0-2.494'/%3E%3C/svg%3E%0A");
}

.kiln-edit-mode .related-content_live-story {
    z-index: 1;
}