/**
 * Basics
 */
 body {
    font-size: 16px;
}

.h2, h2,
.c-m-back-button a,
.c-m-numbers__number__title,
.c-m-numbers__number__text,
.js-c-m-timeline__chart__entry__title span {
    color: #fff;
}

main ul li:before {
    display: none;
}

main ol li,
main ul li {
    list-style-type: none;
    padding: 0;
    position: relative;
}


.c-m-pano__hotspots__close,
.js-c-m-timeline__chart__entry__content__close {
    margin-top: 0;
    text-decoration: none;
}



/**
 * Fonts Styles
 */
.h1-style, .h2-style, .h3-style, h1, h2, h3,
.c-m-back-button a,
.dateline,
.c-m-numbers__number__text,
.js-c-m-timeline__chart__entry__content h3 {
    font-family: "TransnetBW-Demi", "Arial", sans-serif;
    font-weight: 400;
}

@media (min-width: 320px) and (max-width: 1920px) {
    .h3-style, h3 {
        font-size: calc(22px + 3*(100vw - 320px)/1600);
        font-size: calc(1.375rem + 3*(100vw - 20rem)/1600);
        line-height: calc(13px + 12*(100vw - 320px)/1600);
        line-height: calc(.8125rem + 12*(100vw - 20rem)/1600);
    }
}



/**
 * Footer
 */
.text--section-header h2 {
    color: #004552;
}

.text--section-header p+h2:first-of-type {
    margin-top: 8px;
}