@font-face {
    font-display: swap;
    font-family: 'Marr Sans';
    src: url('../fonts/marr-sans/MarrSans-Regular.woff2') format('woff2'),
         url('../fonts/marr-sans/MarrSans-Regular.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Marr Sans Condensed SemiBold';
    src: url('../fonts/marr-sans-cond-semibold/MarrSansCondensed-Semibold.woff2') format('woff2'),
    url('../fonts/marr-sans-cond-semibold/MarrSansCondensed-Semibold.woff') format('woff');
}

.m-app {
    --map-button-text-color: #000;
    --map-button-text-hover-color: #fff;

    --map-button-teaser-text-color: #000;
    --map-button-teaser-text-hover-color: #000;

    --map-cta-title-color: #000;
    --map-cta-text-color: #000;
    --map-cta-button-text-hover-color: #000;

    --map-teaser-label-background-color: #e95a0c;
    --map-teaser-label-label-text-color: #fff;

    --map-calendar-featured-teaser-label-background-color: #e95a0c;
    --map-calendar-featured-teaser-label-text-color: #fff;

    .m-intro,
    .m-cta {
        background: url('/assets/images/200-yr-pattern-big.png') 10% 0;
    }

    .m-filters__item--activity-types {
        display: none;
    }
}