/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

.subline {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 2rem;
    color: var(--color-text);
    font-size: var(--text-size-7);
    line-height: 2.72rem;
    z-index: var(--z-index-top);
}

/* Titles */

.subline.titles {
    font-size: var(--text-size-6);
}

.subline strong {
    margin-right: 2rem;
}

/* Dates */

.subline time {
    margin-right: 2rem;
    font-weight: var(--text-weight-bold);
}

/* Tags */

.subline a {
    margin-right: 0.7rem;
    font-weight: 300;
    text-decoration: none;
    list-style: none;
}

.subline a::after {
    content: '|';
    margin-left: 0.5rem;
}

.subline a:last-of-type::after {
    display: none;
}

.subline strong {
    margin-right: 2rem;
}

.on-dark .subline {
    color: #fff;
}

.on-dark .subline a {
    color: #fff;
}