.node-blog-interview-teaser .interview-header,
.interview .interview-header{
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--c-white);
    margin-top: 2rem;

}
@media(min-width: 48rem){
    .node-blog-interview-teaser .interview-header,
    .interview .interview-header{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.node-blog-interview-teaser .field--name-field-image,
.interview .interview-header .field--name-field-highlighted-image{
    height: 100%;
}

.node-blog-interview-teaser .field--name-field-image img,
.interview .interview-header .field--name-field-highlighted-image img{
    object-fit: cover;
    height: 100%;
}

.interview .interview-header .interview-header-text{
    padding: 2rem;
}
@media(min-width: 48rem){
    .interview .interview-header .interview-header-text{
        padding: 4rem 2rem 3rem;
    }
}

.interview .interview-header .interview-header-text h1{
    font-weight: 700;
    margin-top: 0;
}

.interview .interview-header .interview-header-text .field--name-field-subtitle{
    margin-top: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--c-primary);
}

.interview .interview-body{
    margin-top: 2rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
}
@media(min-width: 48rem){
    .interview .interview-body{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    } 
}

.interview .interview-body .created{
    color: var(--c-gray-700);
    margin-bottom: 1rem;
}

.interview .interview-body .interview-body-images .field--name-field-image{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Teaser */
.interview.teaser .interview-header{
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-top: 0;
}
.node-blog-interview-teaser .interview-header{
    display: flex;
    flex-direction: column;
}
@media(width > 36rem){
    .node-blog-interview-teaser .interview-header{
        display: grid;
        grid-template-columns: 1fr 2fr;
    }
}
.node-blog-interview-teaser .interview-header .interview-header-text,
.interview.teaser .interview-header .interview-header-text {
    padding: 1.75rem;
}

.node-blog-interview-teaser .interview-header .interview-header-text h2,
.interview.teaser .interview-header .interview-header-text h2{
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-size: 1.5rem;
}

.node-blog-interview-teaser .interview-header .interview-header-text h2 a,
.interview.teaser .interview-header .interview-header-text h2 a{
    text-decoration: none;
}

.node-blog-interview-teaser .interview-header .interview-header-text h2 a:hover, 
.interview.teaser .interview-header .interview-header-text h2 a:hover{
    text-decoration: underline;
}

.node-blog-interview-teaser .interview-header .interview-header-text .field--name-field-subtitle,
.interview.teaser .interview-header .interview-header-text .field--name-field-subtitle{
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--c-black);
}

.node-blog-interview-teaser .field--name-field-image,
.interview.teaser .field--name-field-highlighted-image{
    width: 100%;
    height: 100%;
    display: block;
}

.node-blog-interview-teaser .field--name-field-image img,
.interview.teaser .field--name-field-highlighted-image img{
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.node-blog-interview-teaser .interview-header-text > a.readmore,
.interview.teaser .interview-header-text > a.readmore{
    color: var(--c-primary);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    text-decoration: none !important;
}

.node-blog-interview-teaser .interview-header-text > a.readmore:hover,
.interview.teaser .interview-header-text > a.readmore:hover{
    text-decoration: underline !important;
}

.node-blog-interview-teaser .interview-header-text > a.readmore:after,
.interview.teaser .interview-header-text > a.readmore:after{
    display: block;
    content: '';
    background: url('../../images/icons/readmore_red.svg');
    margin-left: 0.5rem;
    width: 18px;
    height: 11px;
    background-size: 18px 11px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
}