.podcast h1 {
    border: none;
    text-align: center;
    width: 100%;
    margin-top: 40px;
    color: var(--c-black);
    font-size: 2.5rem;
    font-weight: 700;
}

.podcast .details-podcast{
    display: flex;
    row-gap: 0.75rem;
    column-gap: 1.25rem;
    margin: 1.5rem auto;
    flex-wrap: wrap;
    padding: 1rem 0;
    border-top: 1px solid var(--c-gray);
    border-bottom: 1px solid var(--c-gray);
    justify-content: center;
    color: var(--c-gray-700);
}

.podcast .details-podcast .created,
.podcast .details-podcast .field--name-field-language,
.podcast .details-podcast .field--name-field-type-podcast,
.podcast .details-podcast .field--name-field-authors{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.podcast .details-podcast .created::before{
    content: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.55097 0.00827026C4.13162 0.00827026 0.550972 3.58892 0.550972 8.00827C0.550972 12.4276 4.13162 16.0083 8.55097 16.0083C12.9703 16.0083 16.551 12.4276 16.551 8.00827C16.551 3.58892 12.9703 0.00827026 8.55097 0.00827026ZM10.3929 11.3018L7.54775 9.23408C7.44775 9.15988 7.38968 9.04375 7.38968 8.92117V3.49214C7.38968 3.27924 7.56388 3.10504 7.77678 3.10504H9.32517C9.53807 3.10504 9.71226 3.27924 9.71226 3.49214V7.93408L11.7606 9.4244C11.9348 9.55021 11.9703 9.79214 11.8445 9.96633L10.9348 11.2179C10.809 11.3889 10.5671 11.4276 10.3929 11.3018Z" fill="%23DDDDDD"/></svg>');
    display: block;
    height: 1rem;
}

.podcast .details-podcast .field--name-field-language::before{
    content: url('data:image/svg+xml,<svg width="24" height="12" viewBox="0 0 24 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.70375 5.2575C5.5725 4.80375 5.41125 4.0125 5.41125 4.0125H5.3925C5.3925 4.0125 5.23125 4.80375 5.1 5.2575L4.68375 6.66375H6.1125L5.70375 5.2575ZM23.1 0H12.6V12H23.1C23.5988 12 24 11.5988 24 11.1V0.9C24 0.40125 23.5988 0 23.1 0ZM22.2 4.5C22.2 4.7475 21.9975 4.95 21.75 4.95H21.3225C21.0637 5.835 20.5088 6.7275 19.7213 7.57125C20.0363 7.81125 20.3625 8.04 20.7 8.24625C20.9063 8.37375 20.9737 8.64 20.8537 8.85375L20.5575 9.375C20.43 9.59625 20.1488 9.6675 19.9313 9.53625C19.4588 9.24375 19.0125 8.9325 18.6038 8.6025C18.195 8.92875 17.7525 9.24375 17.2763 9.53625C17.0588 9.6675 16.7775 9.59625 16.65 9.375L16.3538 8.85375C16.2338 8.64375 16.3013 8.37375 16.5113 8.24625C16.86 8.0325 17.1863 7.8075 17.49 7.57125C17.1938 7.25625 16.9313 6.93375 16.7025 6.6075C16.5525 6.39375 16.62 6.0975 16.8413 5.96625L17.085 5.82L17.3588 5.65875C17.5613 5.53875 17.8238 5.595 17.9588 5.78625C18.1463 6.04875 18.3638 6.31125 18.6113 6.57C19.1175 6.0375 19.5038 5.48625 19.7363 4.95H15.45C15.2025 4.95 15 4.7475 15 4.5V3.9C15 3.6525 15.2025 3.45 15.45 3.45H17.85V2.85C17.85 2.6025 18.0525 2.4 18.3 2.4H18.9C19.1475 2.4 19.35 2.6025 19.35 2.85V3.45H21.75C21.9975 3.45 22.2 3.6525 22.2 3.9V4.5ZM0 0.9V11.1C0 11.5988 0.40125 12 0.9 12H11.4V0H0.9C0.40125 0 0 0.40125 0 0.9ZM2.20875 9.00375L4.365 2.6625C4.42875 2.47875 4.5975 2.35875 4.7925 2.35875H6.01125C6.2025 2.35875 6.375 2.4825 6.43875 2.6625L8.595 9.00375C8.6925 9.29625 8.47875 9.6 8.1675 9.6H7.30875C7.2117 9.59993 7.11728 9.5685 7.03956 9.51038C6.96184 9.45226 6.905 9.37057 6.8775 9.2775L6.525 8.08125H4.2675L3.92625 9.27375C3.87 9.465 3.69375 9.6 3.495 9.6H2.63625C2.32875 9.6 2.11125 9.29625 2.20875 9.00375Z" fill="%23DDDDDD"/></svg>');
    display: block;
} 

.podcast .details-podcast .field--name-field-type-podcast::before{
    content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.571429 2.57143H15.4286C15.7442 2.57143 16 2.31561 16 2V0.571429C16 0.255821 15.7442 0 15.4286 0H0.571429C0.255821 0 0 0.255821 0 0.571429V2C0 2.31561 0.255821 2.57143 0.571429 2.57143ZM0.571429 8.28571H15.4286C15.7442 8.28571 16 8.02989 16 7.71429V6.28571C16 5.97011 15.7442 5.71429 15.4286 5.71429H0.571429C0.255821 5.71429 0 5.97011 0 6.28571V7.71429C0 8.02989 0.255821 8.28571 0.571429 8.28571ZM0.571429 14H15.4286C15.7442 14 16 13.7442 16 13.4286V12C16 11.6844 15.7442 11.4286 15.4286 11.4286H0.571429C0.255821 11.4286 0 11.6844 0 12V13.4286C0 13.7442 0.255821 14 0.571429 14Z" fill="%23DDDDDD"/></svg>');
    display: block;
    height: 1.35rem;
} 

.podcast .details-podcast .field--name-field-authors::before{
    content: url('data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 8C9.20937 8 11 6.20937 11 4C11 1.79063 9.20937 0 7 0C4.79063 0 3 1.79063 3 4C3 6.20937 4.79063 8 7 8ZM9.8 9H9.27812C8.58437 9.31875 7.8125 9.5 7 9.5C6.1875 9.5 5.41875 9.31875 4.72188 9H4.2C1.88125 9 0 10.8812 0 13.2V14.5C0 15.3281 0.671875 16 1.5 16H12.5C13.3281 16 14 15.3281 14 14.5V13.2C14 10.8812 12.1188 9 9.8 9Z" fill="%23DDDDDD"/></svg>');
    display: block;
    height: 1.35rem;
}

.podcast .info-podcast{
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}
@media(min-width:48rem){
    .podcast .info-podcast{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}
@media(min-width:62rem){
    .podcast .info-podcast{
        grid-template-columns: 2fr 1fr;
    }
}

.podcast .info-podcast .field--name-field-media-oembed-video{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.podcast .info-podcast .field--name-field-media-oembed-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.podcast .links-podcast {
    text-align: center;
    margin-top: 1.75rem;
}

.podcast .links-podcast span{
    display: block;
    font-weight: bold;
    margin-bottom: 1rem;
}

.podcast .links-podcast .links{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Teaser */

.podcast.teaser{
    display: block;
    background-color: var(--c-white);
    color: var(--c-black);
}

.podcast.teaser .info-podcast{
    display: flex;
    flex-direction: column;
    gap: 0;
}

@media (min-width: 62rem) {
    .podcast.teaser .info-podcast{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.podcast.teaser .info-podcast .info-podcast-text{
    padding: 2rem;
}

.podcast.teaser .info-podcast h2{
    font-size: 1.5rem;
    text-align: left;
    margin-top: 0;
    padding: 0;
}

.podcast.teaser .details-podcast{
    row-gap: 0.75rem;
    column-gap: 1.25rem;
    margin: 0.35rem auto 0.65rem;
    padding: 0.5rem 0;
    justify-content: flex-start;
}

body .main-container > .row > div .region-content .podcast.teaser .field--name-body {
    margin-bottom: 0;
    text-overflow: ellipsis;
}

.podcast.teaser .field--name-body p::after{
    content: ' ...';
}

body .region-content .content .podcast.teaser a.button-readmore{
    margin: 0;
    padding: 0.5rem 1rem;
}

.podcast.teaser .field--name-field-media-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Teaser only-text */

.podcast.teaser-only-text{
    background-color: var(--c-white);
    padding: 1.5rem 1.5rem 0.65rem;
}

.podcast.teaser-only-text .details-podcast{
    row-gap: 0.75rem;
    column-gap: 1.25rem;
    margin: 0.35rem auto 0;
    padding: 0.5rem 0;
    justify-content: flex-start;
    border-bottom: 0;
}

.podcast.teaser-only-text h2{
    font-size: 1.5rem;
    text-align: left;
    margin-top: 0;
    padding: 0;
    color: var(--c-primary);
}

.podcast.teaser-only-text h2:hover{
    text-decoration: underline;
}

body .region-content .content .podcast.teaser-only-text a{
    text-decoration: none;
}
