a {
    cursor: pointer;
    color: inherit !important;
}

.Loading {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    -webkit-animation: pulsingFade 1.75s ease-in-out .2s alternate infinite;
    animation: pulsingFade 1.75s ease-in-out .2s alternate infinite
}

@-webkit-keyframes pulsingFade {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes pulsingFade {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@font-face {
    font-family: "Abril";
    font-display: swap;
    src: local("Abril")
}

@font-face {
    font-family: "Abril-bold";
    font-display: swap;
    src: local("Abril-bold")
}

body {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    background-color: #fff;
    color: #202223;
    margin: 0
}

.MenuUserLinks__contentWrapper {
    height: 290px;
    border-bottom: 2px solid;
    overflow: hidden;
    -webkit-transition: height .25s;
    transition: height .25s;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 960px) {
    .MenuUserLinks__contentWrapper {
        height: 290px;
        width: 258px;
        right: 0;
        top: 100%;
        margin-top: 6px;
        z-index: 6;
        border-right: 1px solid #a6aaab;
        border-left: 1px solid #a6aaab;
        position: absolute
    }
}

.MenuUserLinks__contentWrapper--collapsed {
    border-bottom: none;
    height: 0
}

.MenuUserLinks__link {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .11px;
    line-height: normal;
    display: block;
    color: #3a3e3f;
    text-decoration: none;
    padding: 20px 16px 20px 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d5d7;
    height: 58px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 960px) {
    .MenuUserLinks__link {
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: .11px;
        line-height: normal;
        padding: 8px;
        background-color: #fff
    }
}

.MenuUserLinks__link:hover {
    color: #74797a
}

.MenuUserLinks__link--menuLinks {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 20px 16px 20px 20px
}

.MenuUserLinks__link--lowercase {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    text-transform: none;
    padding: 12px 16px 12px 20px
}

.MenuUserLinks__icon {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    display: inline-block
}

@-webkit-keyframes progress {
    0% {
        background-position: -200px 0
    }
    100% {
        background-position: calc(200px + 100%) 0
    }
}

@keyframes progress {
    0% {
        background-position: -200px 0
    }
    100% {
        background-position: calc(200px + 100%) 0
    }
}

.Skeleton__loading {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, right top, from(#EEEEEE), color-stop(whitesmoke), to(#EEEEEE));
    background-image: linear-gradient(90deg, #EEEEEE, whitesmoke, #EEEEEE);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 1;
    width: 100%
}

.Skeleton__loading--shortLast {
    width: 65%
}

.SubscriptionButton__subscriptionButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    text-decoration: none;
    color: #202223;
    background-color: #ffcb3d
}

.SubscriptionButton__chevron {
    margin-left: 4px;
    width: 7px;
    height: 7px;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.UserBar__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.UserBar__userData {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.UserBar__displayName {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    max-width: 100px;
    color: #3a3e3f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.UserBar__displayName--skeleton {
    width: 95px
}

.UserBar__subscribed {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    display: block;
    white-space: nowrap;
    color: #202223;
    padding: 1px 5px 0px 5px;
    border: 1px solid #ffcb3d;
    margin-top: 2px
}

.UserBar__subscribeButton {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    height: 18px;
    min-width: 63px;
    padding: 0 5px;
    text-align: center;
    margin-top: 2px
}

.UserBar__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.UserBar__avatarWrapper {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #f0f2f3;
    display: inline-block;
    margin-left: 12px
}

.UserBar__avatarDisplay {
    border-radius: 50%
}

.UserBar__chevronIcon {
    display: inline-block;
    background-image: url("../filesPr/man.svg");
    width: 12px;
    height: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    -webkit-transition: -webkit-transform 150ms linear;
    transition: -webkit-transform 150ms linear;
    transition: transform 150ms linear;
    transition: transform 150ms linear, -webkit-transform 150ms linear
}

.UserBar__chevronIcon--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.HeaderUser__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.HeaderUser__userBar {
    padding-right: 8px
}

.HeaderUser__subscribeButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    display: none
}

@media(min-width: 820px) {
    .HeaderUser__subscribeButton {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 12px
    }
}

@media(min-width: 960px) {
    .HeaderUser__subscribeButton {
        padding: 0 24px
    }
}

.HeaderUser__loginButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    text-decoration: none;
    color: #202223;
    line-height: 1;
    font-size: 12px
}

@media(min-width: 820px) {
    .HeaderUser__loginButton {
        margin-left: 12px
    }
}

@media(min-width: 960px) {
    .HeaderUser__loginButton {
        font-size: 12px;
        line-height: 1.2
    }
}

.HeaderUser__icon {
    width: 13px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom
}

.HeaderNavigation__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #202223;
    max-width: 1440px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 375px) {
    .HeaderNavigation__contentWrapper {
        padding-right: 16px
    }
}

@media(min-width: 768px) {
    .HeaderNavigation__contentWrapper {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__contentWrapper {
        margin-left: 20px;
        margin-right: 20px;
        padding: 4px 0;
        position: relative
    }
}

@media(min-width: 1070px) {
    .HeaderNavigation__contentWrapper {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .HeaderNavigation__contentWrapper {
        margin-left: auto;
        margin-right: auto
    }
}

.HeaderNavigation__menu {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    width: calc((100% - 146px)/2);
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-transform: uppercase;
    color: #202223
}

@media(min-width: 375px) {
    .HeaderNavigation__menu {
        width: calc((100% - 130px)/2)
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__menu {
        display: none
    }
}

.HeaderNavigation__menuLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d2d5d7;
    padding: 20px 16px 20px 20px;
    color: #3a3e3f;
    text-decoration: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 960px) {
    .HeaderNavigation__menuLink {
        display: none
    }
}

.HeaderNavigation__menuLink--icon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 24px
}

.HeaderNavigation__menuLink--empty {
    width: 100%;
    min-height: 70px;
    background-color: #f0f2f3;
    border-bottom: none;
    padding: 0
}

.HeaderNavigation__logo {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130px 27px
}

@media(min-width: 960px) {
    .HeaderNavigation__logo {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        display: block
    }
}

@media(min-width: 1070px) {
    .HeaderNavigation__logo {
        width: 210px;
        height: 50px;
        background-size: 210px 50px
    }
}

.HeaderNavigation__subscribeButtonWrapper {
    width: calc((100% - 130px)/2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(min-width: 960px) {
    .HeaderNavigation__subscribeButtonWrapper {
        display: none
    }
}

.HeaderNavigation__subscribeButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    height: 28px;
    padding: 0 8px
}

.HeaderNavigation__closeIcon {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 16px;
    margin: -16px;
    color: #202223
}

@media(min-width: 960px) {
    .HeaderNavigation__menuProfile {
        padding-left: 12px;
        border-left: 1px solid #d2d5d7
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__searchWrapper {
        margin-left: auto
    }
}

.HeaderNavigation__menuLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media(min-width: 960px) {
    .HeaderNavigation__menuLinks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__link {
        margin-left: 4px
    }
}

@media(min-width: 1670px) {
    .HeaderNavigation__link {
        margin-left: 12px
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__link--mediaBrands {
        display: none
    }
}

.HeaderNavigation__drawer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: -300px;
    height: 100vh;
    width: 300px;
    background-color: #f0f2f3;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 5;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

@media(min-width: 960px) {
    .HeaderNavigation__drawer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: auto;
        background: none;
        left: 0;
        overflow-x: visible;
        overflow-y: visible;
        z-index: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none
    }
}

.HeaderNavigation__drawerToggle {
    display: none
}

.HeaderNavigation__drawerToggle:checked~.HeaderNavigation__drawer {
    left: 0;
    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, .5);
    box-shadow: 2px 0 5px rgba(0, 0, 0, .5)
}

@media(min-width: 960px) {
    .HeaderNavigation__drawerToggle:checked~.HeaderNavigation__drawer {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.HeaderNavigation__drawerToggleLabel {
    display: inline-block;
    width: 16px;
    height: 16px
}

@media(min-width: 960px) {
    .HeaderNavigation__drawerToggleLabel {
        display: none
    }
}

.HeaderNavigation__drawerToggle:checked~.HeaderNavigation__drawerToggleLabel {
    height: 100%;
    width: calc(100% - 300px);
    background: rgba(255, 255, 255, .8)
}

.HeaderNavigation__drawerTop {
    border-bottom: 2px solid #202223;
    height: 61px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    background-color: #fff;
    z-index: 3
}

@media(min-width: 960px) {
    .HeaderNavigation__drawerTop {
        height: auto;
        padding: 0;
        border-bottom: none
    }
}

.HeaderNavigation__drawerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff
}

@media(min-width: 960px) {
    .HeaderNavigation__drawerList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.HeaderNavigation__infoIcon {
    width: 12px;
    height: 12px
}

.HeaderNavigation__sectionLinkWrapper {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper {
        margin-left: 4px
    }
}

@media(min-width: 1670px) {
    .HeaderNavigation__sectionLinkWrapper {
        margin-left: 12px
    }
}

.HeaderNavigation__sectionLinkWrapper:first-child {
    margin-left: 0
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--homepage {
        display: none
    }
}

.HeaderNavigation__sectionLinkWrapper--sport-blue {
    border-right: 4px solid #0ab2ef
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--sport-blue {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--nieuws-darkblue {
    border-right: 4px solid #27509a
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--nieuws-darkblue {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--prive-rose {
    border-right: 4px solid #e6007e
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--prive-rose {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--dft-greyblue {
    border-right: 4px solid #576a97
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--dft-greyblue {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--vrouw-red {
    border-right: 4px solid #dc0000
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--vrouw-red {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--lifestyle-turquoise {
    border-right: 4px solid #0ea3bb
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--lifestyle-turquoise {
        border-right: none
    }
}

.HeaderNavigation__sectionLinkWrapper--watuzegt-green {
    border-right: 4px solid #9ca24c
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLinkWrapper--watuzegt-green {
        border-right: none
    }
}

.HeaderNavigation__sectionLink {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .11px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #3a3e3f;
    text-decoration: none;
    padding: 20px 16px 20px 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink {
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: .11px;
        line-height: normal;
        padding: 8px;
        border-bottom: 0
    }
}

.HeaderNavigation__sectionLink--prive-rose:hover {
    color: #e6007e
}

.HeaderNavigation__sectionLink--sport-blue:hover {
    color: #0ab2ef
}

.HeaderNavigation__sectionLink--dft-greyblue:hover {
    color: #576a97
}

.HeaderNavigation__sectionLink--nieuws-darkblue:hover {
    color: #27509a
}

.HeaderNavigation__sectionLink--vrouw-red:hover {
    color: #dc0000
}

.HeaderNavigation__sectionLink--lifestyle-turquoise:hover {
    color: #0ea3bb
}

.HeaderNavigation__sectionLink--watuzegt-green:hover {
    color: #9ca24c
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active,
    .HeaderNavigation__sectionLink--active:hover {
        color: #fff
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--sport-blue {
        background-color: #0ab2ef
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--prive-rose {
        background-color: #e6007e
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--nieuws-darkblue {
        background-color: #27509a
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--dft-greyblue {
        background-color: #576a97
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--vrouw-red {
        background-color: #dc0000
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--lifestyle-turquoise {
        background-color: #0ea3bb
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__sectionLink--active.HeaderNavigation__sectionLink--watuzegt-green {
        background-color: #9ca24c
    }
}

.HeaderNavigation__searchLinkWrapper {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    vertical-align: middle;
    padding: 12px 16px 12px 20px;
    background-color: #f0f2f3;
    color: #3a3e3f;
    border-bottom: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: .11px
}

@media(min-width: 960px) {
    .HeaderNavigation__searchLinkWrapper {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 12px;
        line-height: 1.2;
        background: rgba(0, 0, 0, 0);
        padding: 8px;
        border-bottom-style: none
    }
}

@media(min-width: 960px) {
    .HeaderNavigation__searchText {
        display: none
    }
}

.HeaderNavigation__searchIcon {
    width: 32px;
    height: 32px;
}

.PopupArticleBookmarked {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    top: 52px;
    z-index: 9;
    left: auto;
    width: auto;
    right: 0;
    max-width: 320px;
    position: absolute;
    background: #fff
}

@media(min-width: 1070px) {
    .PopupArticleBookmarked {
        top: 54px
    }
}

@media(min-width: 960px) {
    .PopupArticleBookmarked {
        z-index: 25;
        right: 20px;
        max-width: 430px
    }
}

.PopupArticleBookmarked__message {
    margin: 0
}

.PopupArticleBookmarked__contentWrapper {
    margin-top: 24px
}

.PopupArticleBookmarked__contentWrapper:after {
    content: "";
    display: table;
    clear: both
}

.PopupArticleBookmarked__button {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    padding: 12px 20px;
    background-color: #3a3e3f;
    color: #fff;
    text-decoration: none;
    float: left
}

.PopupArticleBookmarked__button--close {
    border: 1px solid;
    float: right;
    color: #3a3e3f;
    background-color: rgba(0, 0, 0, 0)
}

.PopupArticleBookmarked__arrow {
    display: none;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    left: 10px;
    margin-top: -8px;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #3a3e3f
}

@media(min-width: 960px) {
    .PopupArticleBookmarked__arrow {
        display: block;
        left: auto;
        right: 17px
    }
}

@media(min-width: 1070px) {
    .PopupArticleBookmarked__arrow {
        margin-top: -12px;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        border-bottom: 12px solid #3a3e3f;
        right: 14px
    }
}

.PopupArticleBookmarked__content {
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border-top: 2px solid #3a3e3f;
    padding: 16px
}

#content {
    padding-top: 62px
}

@media(min-width: 960px) {
    #content {
        padding-top: 89px
    }
}

.Header {
    z-index: 9999;
    top: 0;
    width: 100%;
    position: fixed;
    background-color: #fff;
    border-top-width: 4px;
    border-top-style: solid
}

@media(min-width: 960px) {
    .Header {
        border-top-width: 6px
    }
}

.Header--nieuws-darkblue {
    border-top-color: #27509a
}

.Header--sport-blue {
    border-top-color: #0ab2ef
}

.Header--prive-rose {
    border-top-color: #e6007e
}

.Header--dft-greyblue {
    border-top-color: #576a97
}

.Header--vrouw-red {
    border-top-color: #dc0000
}

.Header--lifestyle-turquoise {
    border-top-color: #0ea3bb
}

.Header--watuzegt-green {
    border-top-color: #9ca24c
}

.Header__course {
    display: none
}

@media(min-width: 570px) {
    .Header__course {
        display: table-cell
    }
}

.Header__subsectionLinksWrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 32px;
    -webkit-transition: height 300ms ease-in-out;
    transition: height 300ms ease-in-out;
    max-width: 1440px;
    background-color: #f0f2f3
}

@media(min-width: 960px) {
    .Header__subsectionLinksWrapper {
        margin-right: 20px;
        margin-left: 20px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(min-width: 1070px) {
    .Header__subsectionLinksWrapper {
        margin-right: 25px;
        margin-left: 25px
    }
}

@media(min-width: 1490px) {
    .Header__subsectionLinksWrapper {
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 820px) {
    .Header__subsectionLinksWrapper {
        height: 50px
    }
}

.Header__subsectionLink {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    font-size: 12px !important;
    padding: 8px;
    border-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    white-space: nowrap;
    color: #202223;
    position: relative
}

@media(min-width: 820px) {
    .Header__subsectionLink {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.Header__subsectionLink:first-of-type {
    padding-left: 16px
}

.Header__subsectionLink:last-of-type {
    padding-right: 16px
}

@media(min-width: 820px) {
    .Header__subsectionLink:nth-of-type(n) {
        font-size: 14px;
        line-height: 1.2;
        font-size: 14px !important;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .Header__subsectionLink::before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 1px;
        bottom: -1px;
        background: none;
        height: 2px;
        -webkit-transition-property: width;
        transition-property: width;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}

@media(min-width: 820px) {
    .Header__subsectionLink--default:hover::before,
    .Header__subsectionLink--default:focus::before,
    .Header__subsectionLink--default:active::before,
    .Header__subsectionLink--default.Header__subsectionLinkActive::before {
        width: 100%;
        background: #202223
    }
}

@media(min-width: 820px) {
    .Header__subsectionLink--vrouw:hover::before,
    .Header__subsectionLink--vrouw:focus::before,
    .Header__subsectionLink--vrouw:active::before,
    .Header__subsectionLink--vrouw.Header__subsectionLinkActive::before {
        width: 100%;
        background: #dc0000
    }
}

.Header__subsectionLinkActive {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700
}

.Header__widgets {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    max-width: 1440px;
    display: none
}

@media(min-width: 960px) {
    .Header__widgets {
        margin-left: 20px;
        margin-right: 20px;
        text-align: right;
        display: block
    }
}

@media(min-width: 1070px) {
    .Header__widgets {
        margin-left: 24px;
        margin-right: 24px
    }
}

@media(min-width: 1490px) {
    .Header__widgets {
        margin-left: auto;
        margin-right: auto
    }
}

.Header__link {
    display: inline-block;
    text-decoration: none;
    margin-left: 8px;
    margin-top: 0;
    -webkit-transition: margin-top .25s;
    transition: margin-top .25s;
    padding: 0 8px;
    color: #202223
}

.Header__link--service svg {
    margin-right: 8px;
    vertical-align: text-top
}

.Header__link--service:hover {
    text-decoration: underline
}

.Header__infoIcon {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: text-top
}

a {
    cursor: pointer;
}

.Table {
    display: table
}

.Cell {
    display: table-cell
}

.TabsNavigationItem {
    font-size: 16px;
    border-width: 2px
}

.WeatherWidget__contentWrapper {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: #d2d5d7;
    color: #202223;
    margin-left: 8px;
    display: inline;
    text-decoration: none;
    padding: 0 8px
}

.WeatherWidget__image {
    vertical-align: middle
}

.TrafficWidget__contentWrapper {
    border-left: 1px solid #d2d5d7;
    border-right: 1px solid #d2d5d7;
    color: #202223;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none
}

.TrafficWidget__image {
    vertical-align: middle
}

.Modal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 62px;
    left: 0
}

@media(min-width: 960px) {
    .Modal {
        top: 89px
    }
}

.Image__img {
    color: #d2d5d7;
    width: 100%;
    position: absolute;
    top: 0
}

.FluidImage__playIcon {
    position: absolute;
    display: inline-block
}

.Timestamp__contentWrapper {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap;
    color: #74797a
}

.Timestamp__skeleton {
    width: 40px
}

.Teaser {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

@media(min-width: 1070px) {
    .Teaser {
        overflow: inherit
    }
}

.Teaser__body {
    text-decoration: none;
    position: relative
}

.Teaser__metadataWrapper {
    width: 100%;
    overflow: hidden
}

.Teaser__summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #202223;
    text-decoration: none
}

.Teaser__metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    min-height: 15px
}

.Teaser__premium {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 10px;
    background-color: #ffcb3d;
    padding: 2px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    text-transform: uppercase;
    color: #3a3e3f;
    margin: 0 4px 0 0
}

.Teaser__timestamp {
    padding-right: 4px;
    border-right: 1px solid #74797a
}

.Teaser__sectionName {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #74797a;
    text-decoration: none;
    margin-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.Teaser__sectionName--commentsEnabled {
    padding-left: 4px;
    border-left: 1px solid #74797a
}

.Teaser__headline {
    text-decoration: none;
    color: #202223;
    margin: 0;
    word-break: break-word
}

.Teaser__commentsIcon {
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 2px
}

.Teaser__clockIcon {
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 12px
}

.withBanners {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.withBanners__ad {
    width: 100%;
    text-align: center
}

.withBanners__ad--margins {
    margin-top: 16px;
    margin-bottom: 16px
}

.withBanners__ad--leaderboardwallpaper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.withBanners__ad--leaderboardwallpaper iframe[id^=google_ads_iframe][height="100"][data-load-complete=true] {
    height: 100px
}

.withBanners__ad--leaderboardwallpaper iframe[id^=google_ads_iframe] {
    height: 50px
}

@media(min-width: 550px) {
    .withBanners__ad--leaderboardwallpaper iframe[id^=google_ads_iframe] {
        height: 90px
    }
}

@media(min-width: 550px) {
    .withBanners__ad--leaderboardwallpaper iframe[id^=google_ads_iframe][height="250"][data-load-complete=true] {
        height: 250px
    }
}

.NewArticlesNotification__contentWrapper {
    max-width: 978px;
    background-color: #f0f2f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.NewArticlesNotification__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d2d5d7
}

.NewArticlesNotification__logo {
    margin-right: 16px;
    width: 34px;
    height: 40px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat
}

.NewArticlesNotification__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #202223;
    text-align: left
}

.NewArticlesNotification__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 16px;
    padding: 20px;
    color: #3a3e3f
}

.NewArticlesNotification__separator:first-child {
    margin-bottom: 12px;
    padding-top: 0
}

.NewArticlesNotification__separator:last-child {
    margin: 12px 0 0;
    padding-top: 0
}

.NewArticlesNotification__teaser:nth-child(-n+2) {
    padding-right: 20px
}

.NewArticlesNotification__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 820px) {
    .NewArticlesNotification__teaserContent {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 820px) {
    .NewArticlesNotification__teaserImage {
        width: 36%;
        padding-bottom: calc((56.25 * 36%)/100);
        min-width: 36%;
        margin-right: 8px;
        margin-bottom: 4px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.NewArticlesNotification__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #202223;
    margin: 0
}

.NewArticlesNotification__teaserSummary {
    display: none
}

.NewArticlesNotification__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 820px) {
    .NewArticlesNotification__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 24px;
        height: 24px;
        left: calc(50% - (24px / 2));
        top: calc(50% - (24px / 2))
    }
}

.NewArticlesNotification__articleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #d2d5d7
}

.NewArticlesNotification__article {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    padding-left: 16px;
    padding-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.NewArticlesNotification__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    width: 50%;
    display: block;
    margin: 20px auto;
    color: #fff;
    background-color: #27509a;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    padding: 16px;
    border: 0
}

.NewArticlesNotification__close {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat
}

.NewArticlesNotification__chevron {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.AdBlockPopUp__wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 89px;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.AdBlockPopUp__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    margin-top: 20px;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.AdBlockPopUp__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #d2d5d7
}

.AdBlockPopUp__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
    margin: 0 0 0 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3a3e3f
}

.AdBlockPopUp__close {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 4px
}

.AdBlockPopUp__closeIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.AdBlockPopUp__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    color: #74797a;
    padding: 12px 44px
}

.AdBlockPopUp__footer {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 20px;
    border-top: 1px solid #d2d5d7
}

.AdBlockPopUp__footer p {
    color: #74797a;
    margin-right: 20px
}

.AdBlockPopUp__footer a {
    background-color: #27509a;
    color: #fff;
    padding: 16px 52px;
    text-decoration: none
}

.MeteringNotification {
    color: #3a3e3f;
    background-color: #fff;
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px
}

@media(min-width: 570px) {
    .MeteringNotification {
        width: 500px
    }
}

.MeteringNotification--inline {
    width: 100%;
    border: 1px solid #f0f2f3;
    position: relative
}

@media(min-width: 570px) {
    .MeteringNotification--inline {
        width: 100%;
        margin-bottom: 24px
    }
}

.MeteringNotification--inline::before {
    content: " ";
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 0 -2px 2px;
    padding: 0 2px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%)
}

@media(max-height: 500px) {
    .MeteringNotification__backdrop {
        top: 30px
    }
}

@media(max-height: 500px) {
    .MeteringNotification__backdrop--inline {
        top: 0
    }
}

.MeteringNotification__intro {
    margin-bottom: 8px
}

.MeteringNotification__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin: 16px 16px 12px;
    white-space: pre-line;
    text-align: center
}

@media(min-width: 570px) {
    .MeteringNotification__title {
        margin: 24px 24px 12px
    }
}

@media(max-height: 500px) {
    .MeteringNotification__title {
        font-size: 18px;
        line-height: 1.2
    }
}

.MeteringNotification__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 16px;
    margin: 0 16px 16px;
    text-align: center
}

@media(min-width: 570px) {
    .MeteringNotification__text {
        margin: 0px 24px 16px
    }
}

@media(max-height: 500px) {
    .MeteringNotification__text {
        font-size: 12px;
        line-height: 1.3
    }
}

.MeteringNotification__chevron {
    width: 16px;
    height: 16px;
    margin: 0px 16px 16px;
    -ms-flex-item-align: center;
    align-self: center
}

.MeteringNotification__buttonGroup {
    padding: 16px;
    background-color: #3a3e3f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media(min-width: 820px) {
    .MeteringNotification__buttonGroup {
        padding: 24px
    }
}

.MeteringNotification__button {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    padding: 16px;
    background-color: #ffcb3d;
    color: #3a3e3f;
    text-decoration: none;
    margin-bottom: 0;
    width: 270px;
    text-align: center
}

.MeteringNotification__button:hover {
    background-color: #f2b40a
}

.MeteringNotification__button:first-child {
    margin-bottom: 12px
}

.MeteringNotification__button:only-child {
    margin-bottom: 0
}

.MeteringNotification__button--secondary {
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.MeteringNotification__button--secondary:hover {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: underline
}

.BouncingChevron {
    -webkit-animation: chevronDownAnimation 1s ease-in-out infinite;
    animation: chevronDownAnimation 1s ease-in-out infinite;
    display: inline-block;
    width: 14px;
    height: 14px;
}

@-webkit-keyframes chevronDownAnimation {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 4px);
        transform: translate(0, 4px)
    }
}

@keyframes chevronDownAnimation {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 4px);
        transform: translate(0, 4px)
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Html__wrapper--nightMode {
    background-color: #161616
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

button {
    border-radius: 0;
    cursor: pointer
}

main {
    display: block;
    margin-right: auto;
    margin-left: auto
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none
}

button:focus {
    outline-style: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

span.bold {
    font-weight: bold;
    font-family: "Abril Bold", serif
}

span.italic {
    font-style: italic
}

span.underline {
    text-decoration: underline
}

span.br {
    display: inline
}

span.br:after {
    content: "\a";
    white-space: pre
}

.Main__main {
    display: block;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 1366px) {
    .Main__main {
        margin-right: 160px;
        margin-left: 160px
    }
}

@media(min-width: 1640px) {
    .Main__main {
        margin-right: auto;
        margin-left: auto
    }
}

.PremiumLabel {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    line-height: 1.4;
    display: block;
    color: #3a3e3f;
    background-color: #ffcb3d;
    text-transform: uppercase;
    padding: 1px 4px;
    margin-right: 8px
}

.LatestNewsTeaser__link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none
}

.LatestNewsTeaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 820px) {
    .LatestNewsTeaser__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1070px) {
    .LatestNewsTeaser__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.LatestNewsTeaser__timestamp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 4px;
    margin-right: 4px;
    width: 40px
}

@media(min-width: 1070px) {
    .LatestNewsTeaser__timestamp {
        margin-right: 8px
    }
}

.LatestNewsTeaser__headlineWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 0
}

.LatestNewsTeaser__premiumLabel {
    float: left;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 2px;
    padding: 1px 4px 0 4px
}

.LatestNewsTeaser__imageWrapper {
    width: 67px;
    padding-bottom: calc((56.25 * 67px)/100);
    min-width: 67px;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 0
}

.LatestNewsTeaser__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #3a3e3f;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 8px
}

.LatestNewsTeaser__headline:hover {
    text-decoration: underline
}

.LatestNewsTeaser__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2));
    border-width: 1px
}

.LatestNews__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 4px solid #3a3e3f;
    border-bottom: 1px solid #d2d5d7;
    width: 100%
}

.LatestNews__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

.LatestNews__articleWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.LatestNews__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #d2d5d7;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestNews__teaser {
        width: 50%
    }
}

@media(min-width: 570px) {
    .LatestNews__teaser:nth-child(n+18) {
        display: none
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestNews__teaser:nth-child(even) {
        padding-right: 8px;
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestNews__teaser:nth-child(odd) {
        padding-left: 8px
    }
}

.LatestNews__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 1070px) {
    .LatestNews__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.LatestNews__dftLogo,
.LatestNews__priveLogo,
.LatestNews__vrouwLogo,
.LatestNews__telesportLogo {
    background-position: center;
    background-repeat: no-repeat
}

.LatestNews__dftLogo {
    width: 67px;
    height: 22px;
}

.LatestNews__priveLogo {
    width: 67px;
    height: 30px;
}

.LatestNews__telesportLogo {
    width: 120px;
    height: 34px;
}

.LatestNews__vrouwLogo {
    width: 113px;
    height: 24px;
}

.TwoTeasersBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 1070px) {
    .TwoTeasersBlock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.TwoTeasersBlock--top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #d2d5d7;
    margin-left: 12px;
    margin-right: 12px
}

@media(min-width: 570px) {
    .TwoTeasersBlock--top {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock--top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-direction: row;
        padding-right: 12px;
        border-right: 1px solid #d2d5d7;
        border-bottom: 0
    }
}

.TwoTeasersBlock--bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .TwoTeasersBlock--bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock--bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-left: 1px solid #d2d5d7;
        padding-left: 12px
    }
}

.TwoTeasersBlock__teaserContainer--top {
    margin-bottom: 16px
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--top {
        -webkit-box-flex: 0;
        flex-grow: 0;
        -ms-flex-positive: 1
    }
}

.TwoTeasersBlock__teaserContainer--top:first-child {
    border-right: 1px solid #d2d5d7
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--top:first-child {
        border-right: 0
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--top:last-of-type {
        margin-bottom: 0
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--bottom {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }
}

.TwoTeasersBlock__teaser--branded {
    background-color: #e0eced;
    border-top: 4px solid #00646e;
    padding: 10px
}

.TwoTeasersBlock__firstTeaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TwoTeasersBlock__firstTeaser--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 8px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__firstTeaser--top {
        padding-right: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__firstTeaser--top {
        padding-right: 0;
        border-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 1px solid #d2d5d7
    }
}

.TwoTeasersBlock__firstTeaser--bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px 0;
    border-bottom: 1px solid #d2d5d7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .TwoTeasersBlock__firstTeaser--bottom {
        border-bottom: 0;
        padding: 0 12px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__firstTeaser--bottom {
        border-right: 0;
        border-bottom: 1px solid #d2d5d7;
        padding: 16px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.TwoTeasersBlock__firstTeaser--bottom:first-child {
    padding-top: 0
}

.TwoTeasersBlock__teaserContainer--top:first-child .TwoTeasersBlock__teaser--branded {
    margin-right: 8px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__teaserContainer--top:first-child .TwoTeasersBlock__teaser--branded {
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--top:first-child .TwoTeasersBlock__teaser--branded {
        margin-right: 0
    }
}

.TwoTeasersBlock__teaserContainer--top:last-child .TwoTeasersBlock__teaser--branded {
    margin-left: 8px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__teaserContainer--top:last-child .TwoTeasersBlock__teaser--branded {
        margin-left: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--top:last-child .TwoTeasersBlock__teaser--branded {
        margin-left: 0
    }
}

@media(min-width: 570px) {
    .TwoTeasersBlock__teaserContainer--bottom:first-child .TwoTeasersBlock__teaser--branded {
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--bottom:first-child .TwoTeasersBlock__teaser--branded {
        margin-right: 0
    }
}

@media(min-width: 570px) {
    .TwoTeasersBlock__teaserContainer--bottom:last-child .TwoTeasersBlock__teaser--branded {
        margin-left: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--bottom:last-child .TwoTeasersBlock__teaser--branded {
        margin-top: 16px;
        margin-left: 0
    }
}

.TwoTeasersBlock__teaser--branded:first-child {
    padding: 10px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__teaserContainer--bottom:first-child {
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__teaserContainer--bottom:first-child {
        border-right: 0
    }
}

.TwoTeasersBlock__secondTeaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__secondTeaser {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.TwoTeasersBlock__secondTeaser--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 8px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__secondTeaser--top {
        padding-left: 12px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__secondTeaser--top {
        padding-left: 0
    }
}

.TwoTeasersBlock__secondTeaser--bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .TwoTeasersBlock__secondTeaser--bottom {
        padding: 0 0 0 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__secondTeaser--bottom {
        border-bottom: 1px solid #d2d5d7;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 16px 0
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__secondTeaser--bottom:last-child {
        border-bottom: 0
    }
}

.TwoTeasersBlock__headline {
    color: #3a3e3f
}

.TwoTeasersBlock__headline--top {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    margin: 0
}

@media(min-width: 570px) {
    .TwoTeasersBlock__headline--top {
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__headline--top {
        margin-top: initial;
        margin-bottom: 16px
    }
}

.TwoTeasersBlock__headline--bottom {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    font-size: 16px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__headline--bottom {
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__headline--bottom {
        font-size: 18px;
        line-height: 1.2
    }
}

.TwoTeasersBlock__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 570px) {
    .TwoTeasersBlock__image {
        width: 33%;
        padding-bottom: calc((56.25 * 33%)/100);
        min-width: 33%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.TwoTeasersBlock__image--bottom {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    margin-bottom: 0;
    margin-right: 8px
}

@media(min-width: 570px) {
    .TwoTeasersBlock__image--bottom {
        width: 100%;
        padding-bottom: calc((56.25 * 100%)/100);
        min-width: 100%;
        margin-bottom: 8px
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__image--bottom {
        width: 33%;
        padding-bottom: calc((56.25 * 33%)/100);
        min-width: 33%;
        margin-right: 12px;
        margin-bottom: 0
    }
}

.TwoTeasersBlock__image--branded {
    margin: 0 8px 0 0
}

@media(min-width: 570px) {
    .TwoTeasersBlock__image--branded {
        margin-bottom: 12px;
        margin-right: 0
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__image--branded {
        margin-right: 8px;
        margin-bottom: 0
    }
}

.TwoTeasersBlock__image--top {
    width: 100%;
    padding-bottom: calc((56.25 * 100%)/100);
    min-width: 100%;
    margin-bottom: 8px
}

.TwoTeasersBlock__image--branded .TwoTeasersBlock__image--top {
    margin: auto auto 0
}

.TwoTeasersBlock__image--video.TwoTeasersBlock__image--top {
    height: auto
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__image--video.TwoTeasersBlock__image--top {
        width: 100%;
        padding-bottom: calc((56.25 * 100%)/100);
        min-width: 100%
    }
}

@media(min-width: 570px) {
    .TwoTeasersBlock__image--video.TwoTeasersBlock__image--top>img {
        margin-bottom: 0
    }
}

.TwoTeasersBlock__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 570px) {
    .TwoTeasersBlock__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 64px;
        height: 64px;
        left: calc(50% - (64px / 2));
        top: calc(50% - (64px / 2))
    }
}

@media(min-width: 820px) {
    .TwoTeasersBlock__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

@media(min-width: 570px) {
    .TwoTeasersBlock__playIcon--top {
        -ms-flex-item-align: center;
        align-self: center;
        width: 64px;
        height: 64px;
        left: calc(50% - (64px / 2));
        top: calc(50% - (64px / 2))
    }
}

@media(min-width: 1070px) {
    .TwoTeasersBlock__playIcon--top {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.TwoTeasersBlock__summary {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 8px;
    margin-bottom: 8px
}

.TwoTeasersBlock__summary--bottom {
    display: none
}

.TwoTeasersBlock__summary--branded {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    font-size: 13px;
    margin-top: 0
}

@media(min-width: 570px) {
    .TwoTeasersBlock__summary--branded {
        margin-top: 8px
    }
}

.TwoTeasersBlock__sectionLink--branded {
    margin-left: 0
}

.TwoTeasersBlock__noTimestamp--branded {
    display: none
}

.ThreeTeasersBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px
}

@media(min-width: 570px) {
    .ThreeTeasersBlock {
        border-bottom: 1px solid #d2d5d7;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.ThreeTeasersBlock--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 0
}

@media(min-width: 1070px) {
    .ThreeTeasersBlock--vertical {
        border-right: 1px solid #d2d5d7;
        padding-right: 16px
    }
}

.ThreeTeasersBlock__teaserRoot[data-desktemplate=true] {
    width: 100% !important;
    padding: 0 !important;
    border: 0
}

.ThreeTeasersBlock__teaserRoot:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: 20px
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot:first-child {
        width: 33%;
        border-right: 1px solid #d2d5d7;
        padding: 0 12px 16px 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media(min-width: 820px) {
    .ThreeTeasersBlock__teaserRoot:first-child {
        padding: 0 12px 24px 0
    }
}

.ThreeTeasersBlock__teaserRoot--vertical:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px 0;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot--vertical:first-child {
        border-right: 1px solid #d2d5d7;
        border-bottom: 0;
        padding: 0 8px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1070px) {
    .ThreeTeasersBlock__teaserRoot--vertical:first-child {
        border-right: 0;
        border-bottom: 1px solid #d2d5d7;
        padding: 16px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ThreeTeasersBlock__teaserRoot:first-child .Teaser__metadataWrapper {
    padding: 0 12px
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot:first-child .Teaser__metadataWrapper {
        padding: 0
    }
}

.ThreeTeasersBlock__teaserRoot:first-child .ThreeTeasersBlock__teaserHeadline {
    font-size: 20px;
    line-height: 1.2
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot:first-child .ThreeTeasersBlock__teaserHeadline {
        font-size: 18px;
        line-height: 1.2
    }
}

.ThreeTeasersBlock__teaserRoot:nth-child(2) {
    padding: 0 8px 0 12px;
    border-right: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot:nth-child(2) {
        width: 33%;
        padding: 0 12px 16px 12px
    }
}

@media(min-width: 820px) {
    .ThreeTeasersBlock__teaserRoot:nth-child(2) {
        padding: 0 12px 24px 12px
    }
}

.ThreeTeasersBlock__teaserRoot--vertical:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px 0;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot--vertical:nth-child(2) {
        border-right: 0;
        border-bottom: 0;
        padding: 0 0 0 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1070px) {
    .ThreeTeasersBlock__teaserRoot--vertical:nth-child(2) {
        border-bottom: 1px solid #d2d5d7;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 16px 0
    }
}

.ThreeTeasersBlock__teaserRoot:last-child {
    padding: 0 12px 0 8px
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserRoot:last-child {
        width: 33%;
        padding: 0 0 16px 12px
    }
}

@media(min-width: 820px) {
    .ThreeTeasersBlock__teaserRoot:last-child {
        padding: 0 0 24px 12px
    }
}

.ThreeTeasersBlock__teaserRoot--vertical:last-child {
    visibility: hidden
}

.ThreeTeasersBlock__teaserContent--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ThreeTeasersBlock__teaserImage {
    width: 100%;
    margin-bottom: 12px
}

.ThreeTeasersBlock__teaserImage--vertical {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    margin-bottom: 0;
    margin-right: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserImage--vertical {
        width: 100%;
        padding-bottom: calc((56.25 * 100%)/100);
        min-width: 100%;
        margin-bottom: 8px
    }
}

@media(min-width: 1070px) {
    .ThreeTeasersBlock__teaserImage--vertical {
        width: 33%;
        padding-bottom: calc((56.25 * 33%)/100);
        min-width: 33%;
        margin-bottom: 0
    }
}

.ThreeTeasersBlock__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #3a3e3f;
    font-size: 16px
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2
    }
}

.ThreeTeasersBlock__teaserHeadline--vertical {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2
}

.ThreeTeasersBlock__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 1070px) {
    .ThreeTeasersBlock__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.ThreeTeasersBlock__teaserPlayIcon--last {
    -ms-flex-item-align: center;
    align-self: center;
    width: 64px;
    height: 64px;
    left: calc(50% - (64px / 2));
    top: calc(50% - (64px / 2))
}

@media(min-width: 570px) {
    .ThreeTeasersBlock__teaserPlayIcon--last {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.SponsoredAndTeasersBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.SponsoredAndTeasersBlock__teaser[data-desktemplate=true] {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    border-right: 0
}

.SponsoredAndTeasersBlock__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding-right: 8px;
    width: 50%
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaser {
        width: 100%;
        padding-right: 12px
    }
}

@media(min-width: 1070px) {
    .SponsoredAndTeasersBlock__teaser {
        width: 50%
    }
}

.SponsoredAndTeasersBlock__teaser--first {
    margin-right: 8px;
    border-right: 1px solid #d2d5d7;
    padding-left: 12px
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaser--first {
        margin-bottom: 8px;
        padding-left: 0;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .SponsoredAndTeasersBlock__teaser--first {
        margin-bottom: 0
    }
}

.SponsoredAndTeasersBlock__teaser--last {
    padding-right: 12px
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaser--last {
        padding-right: 0
    }
}

.SponsoredAndTeasersBlock__teaser--branded {
    margin-right: 12px;
    padding-right: 0
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaser--branded {
        margin-right: 0;
        padding-right: 0
    }
}

.SponsoredAndTeasersBlock__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f;
    margin: 0
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaserHeadline {
        font-size: 20px;
        line-height: 1.2
    }
}

.SponsoredAndTeasersBlock__brandedHeadline {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 20px;
    color: #3a3e3f;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 1070px) {
    .SponsoredAndTeasersBlock__brandedHeadline {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 24px;
        line-height: 1.2
    }
}

.SponsoredAndTeasersBlock__teaserImage {
    margin-bottom: 8px
}

.SponsoredAndTeasersBlock__teaserImage--branded {
    border-top: 4px solid #00646e;
    margin-bottom: 0
}

.SponsoredAndTeasersBlock__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 1070px) {
    .SponsoredAndTeasersBlock__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.SponsoredAndTeasersBlock__teaserSummary {
    display: none
}

.SponsoredAndTeasersBlock__teaserSummary--branded {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    display: none;
    margin-top: 4px;
    margin-bottom: 0;
    line-height: 1.43
}

@media(min-width: 820px) {
    .SponsoredAndTeasersBlock__teaserSummary--branded {
        display: block
    }
}

@media(min-width: 1070px) {
    .SponsoredAndTeasersBlock__teaserSummary--branded {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 14px;
        line-height: 1.2;
        line-height: 1.43
    }
}

.SponsoredAndTeasersBlock__teaserPremium {
    margin-bottom: 4px
}

.SponsoredAndTeasersBlock__teaserPremium--last {
    margin-bottom: 0
}

@media(min-width: 570px) {
    .SponsoredAndTeasersBlock__teaserPremium--last {
        margin-bottom: 4px
    }
}

.SponsoredAndTeasersBlock__noTimestamp--branded {
    display: none
}

.SponsoredAndTeasersBlock__sectionName--branded {
    margin-left: 0
}

.SponsoredAndTeasersBlock__metadataWrapper--branded {
    background-color: #e0eced;
    padding: 8px 10px 10px
}

.InputField {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.InputField__body {
    outline: none;
    width: 100%
}

.InputField__body--invalid {
    border-color: #d00910
}

.InputField__body::-webkit-input-placeholder {
    color: #d2d5d7
}

.InputField__body::-moz-placeholder {
    color: #d2d5d7
}

.InputField__body:-ms-input-placeholder {
    color: #d2d5d7
}

.InputField__body::-ms-input-placeholder {
    color: #d2d5d7
}

.InputField__body::placeholder {
    color: #d2d5d7
}

.InputField__accessory {
    position: absolute;
    top: 10px;
    left: 10px
}

.NewsletterForm__wrapper {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.NewsletterForm__form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.NewsletterForm__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 16px
}

@media(min-width: 1070px) {
    .slimVariant .NewsletterForm__title {
        margin: 8px 0
    }
}

.NewsletterForm__title--footer {
    margin-top: 0
}

.NewsletterForm__subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2
}

@media(min-width: 1070px) {
    .slimVariant .NewsletterForm__subtitle {
        margin: 4px 0;
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 12px;
        line-height: 1.3
    }
}

.NewsletterForm__input {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    height: 42px;
    border: 1px solid #d2d5d7;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 40px
}

.NewsletterForm__input--error {
    border-color: #d00910
}

.NewsletterForm__button {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    width: 98px;
    height: 42px;
    display: inline-block;
    color: #fff;
    background-color: #27509a;
    text-decoration: none;
    text-align: center;
    padding: 8px
}

.NewsletterForm__button--sport,
.NewsletterForm__button--voetbal {
    background-color: #0ab2ef
}

.NewsletterForm__button--autosport {
    background-color: #e71500
}

.NewsletterForm__button--entertainment,
.NewsletterForm__button--uitgaan {
    background-color: #e6007e
}

.NewsletterForm__button--financieel {
    background-color: #576a97
}

.NewsletterForm__button--lifestyle {
    background-color: #0ea3bb
}

.NewsletterForm__button--vrouw {
    background-color: #dc0000
}

.NewsletterForm__textInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media(min-width: 1070px) {
    .slimVariant .NewsletterForm__textInfo>p {
        margin: 8px 0
    }
}

.NewsletterForm__error {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #d00910
}

.NewsletterForm__error--hidden {
    display: none
}

.NewsletterForm__signOut {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    text-align: right;
    width: 100%;
    color: #74797a
}

.NewsletterForm__privacyRules {
    color: #27509a;
    text-decoration: none
}

.NewsletterForm__privacyRules:hover {
    text-decoration: underline
}

.NewsletterForm__privacyRules--sport,
.NewsletterForm__privacyRules--voetbal {
    color: #0ab2ef
}

.NewsletterForm__privacyRules--autosport {
    color: #e71500
}

.NewsletterForm__privacyRules--entertainment,
.NewsletterForm__privacyRules--uitgaan {
    color: #e6007e
}

.NewsletterForm__privacyRules--financieel {
    color: #576a97
}

.NewsletterForm__privacyRules--lifestyle {
    color: #0ea3bb
}

.NewsletterForm__privacyRules--vrouw {
    color: #dc0000
}

.Newsletter {
    background-color: #f0f2f3;
    border-top: 3px solid #27509a;
    padding: 0 12px
}

.Newsletter--sport,
.Newsletter--voetbal {
    border-top-color: #0ab2ef
}

.Newsletter--autosport {
    border-top-color: #e71500
}

.Newsletter--entertainment,
.Newsletter--uitgaan {
    border-top-color: #e6007e
}

.Newsletter--financieel {
    border-top-color: #576a97
}

.Newsletter--lifestyle {
    border-top-color: #0ea3bb
}

.Newsletter--vrouw {
    border-top-color: #dc0000
}

.Newsletter--footer {
    border-top: 0;
    padding: 16px 16px 24px 16px
}

@media(min-width: 820px) {
    .Newsletter--footer {
        width: 70%
    }
}

.Newsletter__successWrapper {
    min-height: 139px;
    text-align: center;
    border-bottom: 1px solid #d2d5d7;
    padding-top: 8px;
    position: relative
}

.Newsletter__successTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 4px;
    margin-bottom: 8px
}

.Newsletter__successMessage {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    color: #3a3e3f;
    margin: 0 0 4px 0
}

.Newsletter__successDisclaimer {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a;
    margin: 0
}

.VideoIFrame {
    text-align: center;
    position: relative
}

.VideoIFrame__wrapper {
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    height: 100%
}

@media(min-width: 820px) {
    .VideoIFrame__wrapper--streamOne {
        padding-bottom: 36.5%
    }
}

.VideoIFrame__iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media(min-width: 820px) {
    .VideoIFrame__iframe--streamOne {
        width: 65%;
        left: auto;
        right: 0
    }
}

.VideoPlayer__player {
    position: relative;
    height: 0;
    width: 100%;
    background-color: #000;
    padding-bottom: 56.25%
}

.TopStoryTeaser__link {
    text-decoration: none
}

.TopStoryTeaser__imageWrapper {
    position: relative
}

.TopStoryTeaser__image {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TopStoryTeaser__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 48px;
    height: 48px;
    left: calc(50% - (48px / 2));
    top: calc(50% - (48px / 2))
}

@media(min-width: 570px) {
    .TopStoryTeaser__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 72px;
        height: 72px;
        left: calc(50% - (72px / 2));
        top: calc(50% - (72px / 2))
    }
}

.TopStoryTeaser__content {
    position: absolute;
    color: #fff;
    text-decoration: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1
}

@media(min-width: 1070px) {
    .TopStoryTeaser__content {
        top: 0;
        bottom: auto
    }
}

@media(min-width: 1070px) {
    .TopStoryTeaser__content--regular {
        top: auto;
        bottom: 0
    }
}

.TopStoryTeaser__premium {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    line-height: 1.4;
    color: #3a3e3f;
    background-color: #ffcb3d;
    text-transform: uppercase;
    padding: 1px 8px;
    margin: 4px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width: 820px) {
    .TopStoryTeaser__premium {
        margin: 8px 20px
    }
}

.TopStoryTeaser__chapeau {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    background-color: #d00910;
    letter-spacing: .6px;
    padding: 6px 8px;
    color: #fff;
    margin: 4px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width: 570px) {
    .TopStoryTeaser__chapeau {
        font-size: 18px;
        line-height: 1.2;
        margin: 4px 12px
    }
}

@media(min-width: 820px) {
    .TopStoryTeaser__chapeau {
        margin: 8px 20px
    }
}

.TopStoryTeaser__summary {
    display: none
}

.TopStoryTeaser__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-font-smoothing: unset;
    text-transform: uppercase;
    grid-row: 3;
    grid-column: 1;
    margin: 4px 8px 12px 12px
}

@media(min-width: 570px) {
    .TopStoryTeaser__headline {
        font-size: 32px
    }
}

@media(min-width: 820px) {
    .TopStoryTeaser__headline {
        font-size: 42px
    }
}

@media(min-width: 820px) {
    .TopStoryTeaser__headline {
        margin: 8px 20px 16px
    }
}

@media(min-width: 820px) {
    .TopStoryTeaser__headline--regular {
        font-size: 32px
    }
}

.VideoPlayer__player>#tmg-video-player .vjs-player-title>* {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -webkit-font-smoothing: unset;
    text-transform: uppercase
}

@media(min-width: 570px) {
    .VideoPlayer__player>#tmg-video-player .vjs-player-title>* {
        font-size: 32px
    }
}

@media(min-width: 820px) {
    .VideoPlayer__player>#tmg-video-player .vjs-player-title>* {
        font-size: 42px
    }
}

.PuzzleTeasersBlock__teaser:first-of-type {
    padding-right: 11px;
    border-right: 1px solid #d2d5d7
}

.PuzzleTeasersBlock__teaser:last-of-type {
    padding-left: 12px
}

@media(min-width: 570px) {
    .PuzzleTeasersBlock__teaserContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 1070px) {
    .PuzzleTeasersBlock__teaserContent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.PuzzleTeasersBlock__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .PuzzleTeasersBlock__headline {
        font-size: 18px;
        line-height: 1.2
    }
}

@media(min-width: 570px) {
    .PuzzleTeasersBlock__image {
        width: 136px;
        height: 76px;
        padding-bottom: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .PuzzleTeasersBlock__image {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
        padding-bottom: 56.25%
    }
}

.PuzzleTeasersBlock__image img {
    position: absolute;
    top: 0
}

.PuzzleTeasersBlock__puzzleInterval {
    margin-left: 0
}

.PuzzleTeasersBlock__puzzleInterval--premium {
    margin-left: 4px
}

.MainCuratedTeasersLayout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, auto);
    grid-gap: 12px 0
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout {
        grid-template-columns: repeat(3, 1fr);
        padding-bottom: 16px
    }
}

@media(min-width: 820px) {
    .MainCuratedTeasersLayout {
        grid-template-rows: repeat(9, auto);
        margin-bottom: 16px
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout {
        grid-template-columns: 1.5fr repeat(2, 1fr);
        grid-template-rows: repeat(7, auto)
    }
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout--withBorder {
        border-bottom: 1px solid #d2d5d7
    }
}

.MainCuratedTeasersLayout__topTeaser {
    grid-row: 1;
    grid-column: 1/3
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__topTeaser {
        grid-column: 1/4
    }
}

.MainCuratedTeasersLayout__twoTeasers--top {
    grid-row: 2;
    grid-column: 1/3
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__twoTeasers--top {
        grid-column: 1/4
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__twoTeasers--top {
        grid-column: 1;
        grid-row: 2/5;
        margin-right: 12px
    }
}

.MainCuratedTeasersLayout__twoTeasers--bottom {
    grid-row: 9;
    grid-column: 1/3;
    margin: 0 12px
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__twoTeasers--bottom {
        grid-column: 1/4;
        margin: 0
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__twoTeasers--bottom {
        grid-column: 2/4;
        grid-row: 7
    }
}

.MainCuratedTeasersLayout__twoTeasers--withBorder {
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__twoTeasers--withBorder {
        border-bottom: 0
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .MainCuratedTeasersLayout__twoTeasers--withBorder {
        display: inline-block
    }
}

.MainCuratedTeasersLayout__banner {
    min-height: 116px;
    grid-row: 3;
    grid-column: 1/3
}

@media(min-width: 570px)and (max-width: 819px) {
    .MainCuratedTeasersLayout__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .MainCuratedTeasersLayout__banner {
        min-height: 66px
    }
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__banner {
        grid-column: 1/4
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__banner {
        grid-row: 7;
        grid-column: 1
    }
}

.MainCuratedTeasersLayout__brandTeaserBlock {
    margin-bottom: 16px;
    grid-row: 4;
    grid-column: 1/3
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__brandTeaserBlock {
        grid-column: 1/4
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__brandTeaserBlock {
        grid-row: 2;
        grid-column: 2/4;
        margin-bottom: 0
    }
}

.MainCuratedTeasersLayout__threeTeasersBlock {
    grid-row: 5;
    grid-column: 1/3
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__threeTeasersBlock {
        grid-column: 1/4;
        border-bottom: 0
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__threeTeasersBlock {
        grid-row: 6;
        border-bottom: 1px solid #d2d5d7;
        padding-top: 12px;
        border-top: 1px solid #d2d5d7
    }
}

.MainCuratedTeasersLayout__newsletter {
    grid-row: 7;
    grid-column: 1/3;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 12px
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__newsletter {
        grid-column: 1/4;
        margin: 0
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__newsletter {
        grid-row: 3;
        grid-column: 2/4;
        align-self: end
    }
}

.MainCuratedTeasersLayout__gtmEventBlock0 {
    grid-row: 8;
    grid-column: 1/3
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__gtmEventBlock0 {
        grid-column: 1/4
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__gtmEventBlock0 {
        grid-row: 5
    }
}

.MainCuratedTeasersLayout__banner {
    margin-top: 0;
    margin-bottom: 0
}

.MainCuratedTeasersLayout__puzzleTeasers {
    grid-row: 6;
    grid-column: 1/3;
    margin: 0 12px;
    border-top: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 12px
}

@media(min-width: 570px) {
    .MainCuratedTeasersLayout__puzzleTeasers {
        grid-row: 6;
        grid-column: 1/4;
        margin: 0
    }
}

@media(min-width: 1070px) {
    .MainCuratedTeasersLayout__puzzleTeasers {
        grid-row: 4;
        grid-column: 2/4
    }
}

.SecondaryCuratedTeasersLayout__wrapper {
    margin-bottom: 16px;
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(2, 1fr);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__wrapper {
        margin-bottom: 16px
    }
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__wrapper {
        grid-row-gap: 12px;
        grid-template-columns: 1.5fr 2fr 33%;
        grid-template-rows: repeat(3, -webkit-min-content);
        grid-template-rows: repeat(3, min-content)
    }
}

.SecondaryCuratedTeasersLayout__teaser--first {
    grid-row: 1;
    grid-column: 1/3;
    margin-bottom: 8px
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaser--first {
        border-right: 1px solid #d2d5d7;
        padding-right: 12px;
        margin-bottom: 0;
        grid-column: 1;
        grid-row: 1/4
    }
}

.SecondaryCuratedTeasersLayout__teaser--second {
    padding-right: 8px;
    padding-left: 12px;
    border-right: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaser--second {
        padding-left: 0;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__teaser--second {
        grid-row: 2;
        grid-column: 1
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaser--second {
        grid-row: 1;
        grid-column: 2;
        border-right: 0;
        border-bottom: 1px solid #d2d5d7;
        margin: 0 12px;
        padding-bottom: 12px
    }
}

.SecondaryCuratedTeasersLayout__teaser--third {
    padding-left: 8px;
    padding-right: 12px
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaser--third {
        padding-right: 0;
        padding-left: 12px
    }
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__teaser--third {
        grid-row: 2;
        grid-column: 2
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaser--third {
        grid-row: 2;
        grid-column: 2;
        margin: 0 12px;
        padding-left: 0;
        padding-right: 8px
    }
}

.SecondaryCuratedTeasersLayout__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserContent {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.SecondaryCuratedTeasersLayout__teaserContent--first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SecondaryCuratedTeasersLayout__teaserInfoWrap--branded {
    padding-right: 8px
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__teaserInfoWrap--branded {
        padding-top: 4px
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserInfoWrap--branded {
        background-color: #e0eced;
        border-top: 4px solid #00646e
    }
}

.SecondaryCuratedTeasersLayout__teaserInfoWrap--branded {
    background-color: #e0eced;
    border-top: 4px solid #00646e;
    padding-top: 4px;
    padding-left: 8px;
    padding-bottom: 12px
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__teaserInfoWrap--branded {
        padding-top: 6px;
        padding-bottom: 10px;
        padding-right: 8px
    }
}

.SecondaryCuratedTeasersLayout__teaserSummary {
    display: none
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__secondaryTeasers {
        padding-left: 12px;
        padding-right: 12px;
        border-right: 1px solid #d2d5d7
    }
}

.SecondaryCuratedTeasersLayout__teaserImage {
    width: 100%;
    padding-bottom: calc((56.25 * 100%)/100);
    min-width: 100%
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserImage {
        width: 33%;
        padding-bottom: calc((56.25 * 33%)/100);
        min-width: 33%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-right: 12px;
        margin-bottom: 0
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserImage--first {
        width: 100%;
        padding-bottom: calc((56.25 * 100%)/100);
        min-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 8px
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaser--second>.SecondaryCuratedTeasersLayout__teaserImage--branded {
        margin-top: 10px;
        margin-right: 8px
    }
}

.SecondaryCuratedTeasersLayout__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 0
    }
}

.SecondaryCuratedTeasersLayout__teaserMetadata--first {
    margin: 0 12px 4px 12px
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaserMetadata--first {
        margin-left: 0;
        margin-right: 0
    }
}

.SecondaryCuratedTeasersLayout__teaserHeadline--first {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 12px 12px 12px
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaserHeadline--first {
        font-size: 30px;
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__teaserHeadline--first {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 24px
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserHeadline--first {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

.SecondaryCuratedTeasersLayout__brandedTeaserHeadline {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 20px;
    letter-spacing: 0;
    color: #3a3e3f;
    margin-top: 0;
    margin-bottom: 0
}

.SecondaryCuratedTeasersLayout__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.SecondaryCuratedTeasersLayout__teaserPlayIcon--second,
.SecondaryCuratedTeasersLayout__teaserPlayIcon--third {
    -ms-flex-item-align: center;
    align-self: center;
    width: 32px;
    height: 32px;
    left: calc(50% - (32px / 2));
    top: calc(50% - (32px / 2))
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__teaserPlayIcon--second,
    .SecondaryCuratedTeasersLayout__teaserPlayIcon--third {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__teaserPlayIcon--second,
    .SecondaryCuratedTeasersLayout__teaserPlayIcon--third {
        -ms-flex-item-align: center;
        align-self: center;
        width: 20px;
        height: 20px;
        border-width: 1px;
        left: calc(50% - (20px / 2));
        top: calc(50% - (20px / 2))
    }
}

.SecondaryCuratedTeasersLayout__banner {
    min-height: 116px;
    grid-row: 3;
    grid-column: 1/3
}

@media(min-width: 570px)and (max-width: 819px) {
    .SecondaryCuratedTeasersLayout__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .SecondaryCuratedTeasersLayout__banner {
        min-height: 66px
    }
}

@media(min-width: 570px) {
    .SecondaryCuratedTeasersLayout__banner {
        display: none
    }
}

@media(min-width: 820px) {
    .SecondaryCuratedTeasersLayout__banner {
        grid-column: 3;
        grid-row: 1/2;
        display: block;
        padding-left: 12px
    }
}

@media(min-width: 1070px) {
    .SecondaryCuratedTeasersLayout__banner {
        grid-row: 1/4
    }
}

.Col--gutters {
    padding-left: 8px;
    padding-right: 8px
}

@media(min-width: 570px) {
    .Col--gutters {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .Col--gutters {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .Col--gutters {
        padding-left: 12px;
        padding-right: 12px
    }
}

.Col__column {
    display: inline-block;
    vertical-align: top
}

.Col__column--width-100 {
    width: 100%
}

.Col__column--width-100-s {
    width: 100%
}

.Col__column--width-50-s {
    width: 50%
}

.Col__column--width-33-s {
    width: 33.33333%
}

.Col__column--width-30-s {
    width: 30%
}

.Col__column--width-66-s {
    width: 66.66667%
}

.Col__column--width-25-s {
    width: 25%
}

.Col__column--width-75-s {
    width: 75%
}

.Col__column--width-70-s {
    width: 70%
}

.Col__column--width-20-s {
    width: 20%
}

.Col__column--width-40-s {
    width: 40%
}

.Col__column--width-45-s {
    width: 45%
}

.Col__column--width-60-s {
    width: 60%
}

.Col__column--width-80-s {
    width: 80%
}

.Col__column--width-90-s {
    width: 90%
}

.Col__column--width-10-s {
    width: 10%
}

.Col__column--width-16-s {
    width: 16.66667%
}

.Col__column--width-83-s {
    width: 83.33333%
}

@media(min-width: 570px) {
    .Col__column--width-auto-m {
        width: auto
    }
    .Col__column--width-100-m {
        width: 100%
    }
    .Col__column--width-50-m {
        width: 50%
    }
    .Col__column--width-33-m {
        width: 33.33333%
    }
    .Col__column--width-30-m {
        width: 30%
    }
    .Col__column--width-66-m {
        width: 66.66667%
    }
    .Col__column--width-25-m {
        width: 25%
    }
    .Col__column--width-70-m {
        width: 70%
    }
    .Col__column--width-75-m {
        width: 75%
    }
    .Col__column--width-20-m {
        width: 20%
    }
    .Col__column--width-40-m {
        width: 40%
    }
    .Col__column--width-45-m {
        width: 45%
    }
    .Col__column--width-60-m {
        width: 60%
    }
    .Col__column--width-80-m {
        width: 80%
    }
    .Col__column--width-16-m {
        width: 16.66667%
    }
    .Col__column--width-83-m {
        width: 83.33333%
    }
    .Col__column--width-90-m {
        width: 90%
    }
    .Col__column--width-10-m {
        width: 10%
    }
}

@media(min-width: 820px) {
    .Col__column--width-auto-l {
        width: auto
    }
    .Col__column--width-100-l {
        width: 100%
    }
    .Col__column--width-50-l {
        width: 50%
    }
    .Col__column--width-33-l {
        width: 33.33333%
    }
    .Col__column--width-30-l {
        width: 30%
    }
    .Col__column--width-66-l {
        width: 66.66667%
    }
    .Col__column--width-25-l {
        width: 25%
    }
    .Col__column--width-70-l {
        width: 70%
    }
    .Col__column--width-75-l {
        width: 75%
    }
    .Col__column--width-20-l {
        width: 20%
    }
    .Col__column--width-40-l {
        width: 40%
    }
    .Col__column--width-45-l {
        width: 45%
    }
    .Col__column--width-60-l {
        width: 60%
    }
    .Col__column--width-80-l {
        width: 80%
    }
    .Col__column--width-16-l {
        width: 16.66667%
    }
    .Col__column--width-83-l {
        width: 83.33333%
    }
    .Col__column--width-90-l {
        width: 90%
    }
    .Col__column--width-10-l {
        width: 10%
    }
}

@media(min-width: 1070px) {
    .Col__column--width-100-xl {
        width: 100%
    }
    .Col__column--width-50-xl {
        width: 50%
    }
    .Col__column--width-33-xl {
        width: 33.33333%
    }
    .Col__column--width-30-xl {
        width: 30%
    }
    .Col__column--width-66-xl {
        width: 66.66667%
    }
    .Col__column--width-25-xl {
        width: 25%
    }
    .Col__column--width-70-xl {
        width: 70%
    }
    .Col__column--width-75-xl {
        width: 75%
    }
    .Col__column--width-20-xl {
        width: 20%
    }
    .Col__column--width-40-xl {
        width: 40%
    }
    .Col__column--width-45-xl {
        width: 45%
    }
    .Col__column--width-60-xl {
        width: 60%
    }
    .Col__column--width-80-xl {
        width: 80%
    }
    .Col__column--width-16-xl {
        width: 16.66667%
    }
    .Col__column--width-12-xl {
        width: 12.5%
    }
    .Col__column--width-8-xl {
        width: 8.33333%
    }
    .Col__column--width-83-xl {
        width: 83.33333%
    }
    .Col__column--width-37-xl {
        width: 37.5%
    }
    .Col__column--width-62-xl {
        width: 62.5%
    }
    .Col__column--width-41-xl {
        width: 41.66666%
    }
    .Col__column--width-90-xl {
        width: 90%
    }
    .Col__column--width-10-xl {
        width: 10%
    }
}

.ColumnTeaser {
    min-height: 92px;
    border-bottom: 1px solid #d2d5d7;
    padding-top: 8px
}

@media(min-width: 570px) {
    .ColumnTeaser {
        min-height: auto
    }
}

.ColumnTeaser--big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 570px) {
    .ColumnTeaser--big {
        margin-right: 16px;
        width: 50%
    }
}

@media(min-width: 820px) {
    .ColumnTeaser--big {
        margin-right: 0;
        width: 100%
    }
}

.ColumnTeaser__wrapper {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ColumnTeaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ColumnTeaser__imageContent {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 8px
}

.ColumnTeaser__imageContent--big {
    height: 140px
}

.ColumnTeaser__imageContent--small {
    height: 80px
}

.ColumnTeaser__placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ColumnTeaser__premiumWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ColumnTeaser__premium {
    display: inline-block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-right: 4px
}

.ColumnTeaser__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    text-decoration: none;
    color: #3a3e3f;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 4px;
    margin-bottom: 8px
}

.ColumnTeaser__authorWrapper {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 8px;
    color: #3a3e3f
}

.ColumnTeaser__authorName {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    text-transform: uppercase
}

.MeerButton {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #3a3e3f
}

@media(min-width: 820px) {
    .MeerButton {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 16px
    }
}

.MeerButton::after,
.MeerButton--whiteChevron::after {
    margin-left: 8px;
    width: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.SmallSubscriptionBanner {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    background-color: #ffcb3d;
    color: #3a3e3f;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SmallSubscriptionBanner__text {
    margin-left: 4px
}

@media(min-width: 570px)and (max-width: 819px) {
    .SmallSubscriptionBanner__text {
        display: none
    }
}

.SmallSubscriptionBanner__text--tablet {
    display: none
}

@media(min-width: 570px)and (max-width: 819px) {
    .SmallSubscriptionBanner__text--tablet {
        display: inline-block
    }
}

.SmallSubscriptionBanner__link {
    background-color: #3a3e3f;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 570px)and (max-width: 819px) {
    .SmallSubscriptionBanner__link>span:first-child {
        display: none
    }
}

.SmallSubscriptionBanner__link>span:last-child {
    display: none
}

@media(min-width: 570px)and (max-width: 819px) {
    .SmallSubscriptionBanner__link>span:last-child {
        display: inline-block
    }
}

.SmallSubscriptionBanner__link:hover {
    background-color: #202223
}

.ColumnTeaserBlock__container {
    margin-left: 12px;
    margin-right: 12px
}

@media(min-width: 570px) {
    .ColumnTeaserBlock__container {
        margin: 24px 0px 0px 0px
    }
}

.ColumnTeaserBlock__header {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 37px;
    text-transform: uppercase;
    color: #3a3e3f;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d2d5d7;
    border-top: 4px solid #3a3e3f
}

.ColumnTeaserBlock__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0
}

.ColumnTeaserBlock__moreButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ColumnTeaserBlock__teasersWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .ColumnTeaserBlock__teasersWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 820px) {
    .ColumnTeaserBlock__teasersWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ColumnTeaserBlock__secondContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .ColumnTeaserBlock__secondContainer {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 820px) {
    .ColumnTeaserBlock__secondContainer {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.VideoItem__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.VideoItem__image {
    position: relative;
    width: 100%
}

.VideoItem__playIconWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.VideoItem__titleWrapper {
    height: 80px
}

@media(min-width: 820px) {
    .VideoItem__titleWrapper {
        height: 100px
    }
}

.VideoItem__link {
    cursor: pointer;
    position: relative;
    display: block;
    text-decoration: none
}

.VideoItem__premium {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px
}

.VideoResponsiveBlock__videosWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.VideoResponsiveBlock__noVideos {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 16px;
    text-align: center;
    color: #74797a
}

.VideoResponsiveBlock__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f
}

.VideoResponsiveBlock__video[data-desktemplate=true] {
    width: 100% !important
}

.VideoResponsiveBlock__video {
    margin-bottom: 16px;
    width: 49%
}

.VideoResponsiveBlock__video .FluidImage__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 32px;
    height: 32px;
    left: calc(50% - (32px / 2));
    top: calc(50% - (32px / 2))
}

@media(min-width: 570px) {
    .VideoResponsiveBlock__video .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.VideoResponsiveBlock__video .VideoResponsiveBlock__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    margin-top: 6px
}

@media(min-width: 570px) {
    .VideoResponsiveBlock__video .VideoResponsiveBlock__title {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2
    }
}

.VideoResponsiveBlock__video--7,
.VideoResponsiveBlock__video--8,
.VideoResponsiveBlock__video--9,
.VideoResponsiveBlock__video--10 {
    display: none
}

@media(min-width: 820px) {
    .VideoResponsiveBlock__video--1,
    .VideoResponsiveBlock__video--2,
    .VideoResponsiveBlock__video--3,
    .VideoResponsiveBlock__video--4 {
        width: 24%;
        border-bottom: 1px solid #d2d5d7
    }
    .VideoResponsiveBlock__video--5,
    .VideoResponsiveBlock__video--6,
    .VideoResponsiveBlock__video--7,
    .VideoResponsiveBlock__video--8,
    .VideoResponsiveBlock__video--9,
    .VideoResponsiveBlock__video--10 {
        width: 15%;
        margin-right: 2%
    }
    .VideoResponsiveBlock__video--big .VideoResponsiveBlock__title--1,
    .VideoResponsiveBlock__video--big .VideoResponsiveBlock__title--2,
    .VideoResponsiveBlock__video--big .VideoResponsiveBlock__title--3,
    .VideoResponsiveBlock__video--big .VideoResponsiveBlock__title--4 {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2;
        margin-top: 10px
    }
    .VideoResponsiveBlock__video--5 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--6 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--7 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--8 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--9 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--10 .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 24px;
        height: 24px;
        left: calc(50% - (24px / 2));
        top: calc(50% - (24px / 2))
    }
    .VideoResponsiveBlock__video--1 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--2 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--3 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--4 .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--1 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--2 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--3 .FluidImage__playIcon,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--4 .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 24px;
        height: 24px;
        left: calc(50% - (24px / 2));
        top: calc(50% - (24px / 2))
    }
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--1,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--2,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--3,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--4,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--5,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--6,
    .VideoResponsiveBlock__video--small .VideoResponsiveBlock__title--7,
    .VideoResponsiveBlock__title--1,
    .VideoResponsiveBlock__title--2,
    .VideoResponsiveBlock__title--3,
    .VideoResponsiveBlock__title--4,
    .VideoResponsiveBlock__title--5 {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 14px;
        line-height: 1.3;
        margin-top: 6px
    }
    .VideoResponsiveBlock__video--1,
    .VideoResponsiveBlock__video--2,
    .VideoResponsiveBlock__video--3,
    .VideoResponsiveBlock__video--4,
    .VideoResponsiveBlock__video--5,
    .VideoResponsiveBlock__video--6,
    .VideoResponsiveBlock__video--7,
    .VideoResponsiveBlock__video--8,
    .VideoResponsiveBlock__video--9,
    .VideoResponsiveBlock__video--10 {
        display: block
    }
    .VideoResponsiveBlock__video:last-child {
        margin-right: 0
    }
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--1,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--2,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--3,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--4,
    .VideoResponsiveBlock__video--big.VideoResponsiveBlock__video--1,
    .VideoResponsiveBlock__video--big.VideoResponsiveBlock__video--2,
    .VideoResponsiveBlock__video--big.VideoResponsiveBlock__video--3,
    .VideoResponsiveBlock__video--big.VideoResponsiveBlock__video--4 {
        border-bottom: 0
    }
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--1,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--2,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--3,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--4,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--5,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--6,
    .VideoResponsiveBlock__video--small.VideoResponsiveBlock__video--7 {
        width: 15%;
        margin-right: 2%
    }
    .VideoResponsiveBlock__video--small:last-child {
        margin-right: 0
    }
}

.VideoItems__contentWrapper {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 16px;
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .VideoItems__contentWrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .VideoItems__contentWrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.VideoItems__header {
    padding-top: 24px;
    padding-bottom: 8px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .VideoItems__header {
        border-bottom: 0
    }
}

.VideoItems__header--borderPodcast {
    border-bottom: 1px solid #b6babc
}

@media(min-width: 820px) {
    .VideoItems__header--borderPodcast {
        border-bottom: 0
    }
}

.VideoItems__headerMoreLink {
    display: none
}

@media(min-width: 820px) {
    .VideoItems__headerMoreLink {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #202223
    }
}

.VideoItems__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

@media(min-width: 820px) {
    .VideoItems__title {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

.VideoItems__videosWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.VideoItems__videoItem {
    margin-bottom: 16px
}

.VideoItems__moreLink {
    color: #202223;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 16px;
    padding-bottom: 24px;
    border-top: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .VideoItems__moreLink {
        display: none
    }
}

.VideoItems__moreLink--borderPodcast {
    border-top: 1px solid #b6babc
}

@media(min-width: 820px) {
    .VideoItems__moreLink--borderPodcast {
        display: none
    }
}

.VideoItems__noVideos {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 16px;
    text-align: center;
    color: #74797a
}

.VideoItems__bigVideo {
    width: 32%;
    border-bottom: 1px solid #d2d5d7
}

.VideoItems__bigVideo--noBorder {
    border-bottom: none
}

.VideoItems__bigVideo--m {
    width: 100%;
    border-bottom: 1px solid #d2d5d7
}

.VideoItems__smallVideo {
    width: 15%;
    margin-right: 2%
}

.VideoItems__smallVideo--lastItem {
    margin-right: 0
}

.VideoItems__smallVideo--m {
    width: 48%;
    margin-right: 0
}

.VideoItems__video:nth-child(1) {
    width: 100%;
    border-bottom: 1px solid #d2d5d7
}

.VideoItems__video:nth-child(n+2) {
    width: 48%;
    margin-right: 0
}

.VideoItems__video:nth-child(n+6) {
    display: none
}

.VideoItems__video:nth-child(1) .FluidImage__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 48px;
    height: 48px;
    left: calc(50% - (48px / 2));
    top: calc(50% - (48px / 2))
}

.VideoItems__video:nth-child(n+2) .FluidImage__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 820px) {
    .VideoItems__video:nth-child(-n+3) {
        border-bottom: 1px solid #d2d5d7;
        width: 32%
    }
    .VideoItems__video:nth-child(-n+3) .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
    .VideoItems__video:nth-child(n+4) {
        width: 15%;
        margin-right: 2%
    }
    .VideoItems__video:nth-child(n+4) .FluidImage__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 24px;
        height: 24px;
        left: calc(50% - (24px / 2));
        top: calc(50% - (24px / 2))
    }
    .VideoItems__video:nth-child(n+6) {
        display: block
    }
    .VideoItems__video:last-child {
        margin-right: 0
    }
}

.VideoItems__playIconMedium {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

.VideoItems__playIconMediumlarge {
    -ms-flex-item-align: center;
    align-self: center;
    width: 48px;
    height: 48px;
    left: calc(50% - (48px / 2));
    top: calc(50% - (48px / 2))
}

.VideoItems__playIconSmall {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

.PulseBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px;
    border-radius: 2px;
    padding: 10px 14px
}

@-webkit-keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    50% {
        opacity: .4
    }
    70% {
        opacity: .2
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    50% {
        opacity: .4
    }
    70% {
        opacity: .2
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

.PulseBlock--default {
    background-color: #27509a
}

.PulseBlock--breaking {
    background-color: #d00910
}

.PulseBlock--nieuws {
    background-color: #27509a
}

.PulseBlock--sport {
    background-color: #0ab2ef
}

.PulseBlock--entertainment {
    background-color: #e6007e
}

.PulseBlock--financieel {
    background-color: #576a97
}

.PulseBlock--lifestyle {
    background-color: #0ea3bb
}

.PulseBlock--vrouw {
    background-color: #dc0000
}

.PulseBlock--watuzegt {
    background-color: #9ca24c
}

.PulseBlock__icon {
    overflow: visible
}

.PulseBlock__circle {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pulse-me 3s linear infinite;
    animation: pulse-me 3s linear infinite
}

.PulseBlock__circle--second {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.PulseBlock__paragraph {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 16px
}

@media(min-width: 1070px) {
    .PulseBlock__paragraph {
        font-size: 18px;
        line-height: 1.2
    }
}

.EventNews__container {
    border-top: 6px solid;
    border-bottom: 6px solid;
    display: grid;
    grid-template: repeat(3, -webkit-min-content)/1fr;
    grid-template: repeat(3, min-content)/1fr;
    margin: 16px 0
}

@media(min-width: 570px) {
    .EventNews__container {
        margin: 16px 0 8px
    }
}

@media(min-width: 820px) {
    .EventNews__container {
        margin: 12px 0 16px 0;
        grid-template: repeat(2, -webkit-min-content)/1fr -webkit-min-content;
        grid-template: repeat(2, min-content)/1fr min-content
    }
}

.EventNews__container--default {
    border-color: #27509a
}

.EventNews__container--breaking {
    border-color: #d00910
}

.EventNews__container--nieuws {
    border-color: #27509a
}

.EventNews__container--sport {
    border-color: #0ab2ef
}

.EventNews__container--entertainment {
    border-color: #e6007e
}

.EventNews__container--financieel {
    border-color: #576a97
}

.EventNews__container--lifestyle {
    border-color: #0ea3bb
}

.EventNews__container--vrouw {
    border-color: #dc0000
}

.EventNews__container--watuzegt {
    border-color: #9ca24c
}

.EventNews__container--breaking {
    margin: 12px 0
}

@media(min-width: 820px) {
    .EventNews__container--breaking {
        margin: 12px 0 16px 0
    }
}

.EventNews__headerWrapper {
    display: grid;
    grid-template: 1fr min-content/min-content 1fr -webkit-min-content;
    grid-template: 1fr min-content/min-content 1fr min-content
}

.EventNews__headerWrapper--desking {
    grid-template: 1fr min-content/1fr 1fr
}

.EventNews__header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #3a3e3f;
    margin-left: 8px;
    white-space: nowrap
}

@media(min-width: 570px) {
    .EventNews__header {
        margin-left: 0
    }
}

@media(min-width: 820px) {
    .EventNews__header {
        font-size: 18px;
        line-height: 1.2;
        margin-left: 8px
    }
}

.EventNews__url {
    grid-column: 3;
    grid-row: 2
}

.EventNews__more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0);
    grid-row: 1;
    grid-column: 3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.EventNews__moreBottom--default {
    background-color: rgba(230, 230, 230, .8)
}

.EventNews__moreBottom--nieuws {
    background-color: #1d3b71;
    color: #f6f8f9
}

.EventNews__moreBottom--sport {
    background-color: #088ebe;
    color: #f6f8f9
}

.EventNews__moreBottom--entertainment {
    background-color: #b30062;
    color: #f6f8f9
}

.EventNews__moreBottom--financieel {
    background-color: #445377;
    color: #f6f8f9
}

.EventNews__moreBottom--lifestyle {
    background-color: #0a7a8c;
    color: #f6f8f9
}

.EventNews__moreBottom--vrouw {
    background-color: #a90000;
    color: #f6f8f9
}

.EventNews__moreBottom--watuzegt {
    background-color: #7b7f3c;
    color: #f6f8f9
}

.EventNews__more--desking {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.EventNews__moreBottom--desking {
    display: none
}

.EventNews__teaserContainer {
    display: -ms-flexbox !important;
    display: grid;
    grid-template: repeat(2, -webkit-min-content)/1fr;
    grid-template: repeat(2, min-content)/1fr;
    max-width: 1320px;
    position: relative;
    -webkit-font-smoothing: antialiased
}

@media(min-width: 820px) {
    .EventNews__teaserContainer {
        grid-column: 1/3;
        grid-template: 1fr/2fr 1fr;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        overflow: hidden
    }
}

.EventNews__chapeauContainer {
    grid-row: 1;
    grid-column: 1;
    margin: 12px;
    border-radius: 2px;
    position: absolute;
    padding: 10px 14px
}

.EventNews__chapeauContainer--default {
    background-color: #27509a
}

.EventNews__chapeauContainer--breaking {
    background-color: #d00910
}

.EventNews__chapeauContainer--nieuws {
    background-color: #27509a
}

.EventNews__chapeauContainer--sport {
    background-color: #0ab2ef
}

.EventNews__chapeauContainer--entertainment {
    background-color: #e6007e
}

.EventNews__chapeauContainer--financieel {
    background-color: #576a97
}

.EventNews__chapeauContainer--lifestyle {
    background-color: #0ea3bb
}

.EventNews__chapeauContainer--vrouw {
    background-color: #dc0000
}

.EventNews__chapeauContainer--watuzegt {
    background-color: #9ca24c
}

@media(min-width: 1070px) {
    .EventNews__chapeauContainer {
        margin-left: 20px
    }
}

.EventNews__teaserContainer--extended {
    grid-template-columns: 1fr
}

.EventNews__teaserContainer--placeholder {
    background-repeat: no-repeat;
    background-color: #ebebeb;
    background-position: center;
    width: 100%;
    height: 400px;
    border-color: #ebebeb
}

.EventNews__mainTeaser {
    display: grid;
    grid-template: repeat(1, -webkit-min-content) 1fr repeat(2, -webkit-min-content)/1fr;
    grid-template: repeat(1, min-content) 1fr repeat(2, min-content)/1fr;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    height: 70vw;
    max-height: 400px
}

@media(min-width: 820px) {
    .EventNews__mainTeaser {
        background: none;
        max-height: none;
        height: auto;
        min-height: 390px
    }
}

.EventNews__teaserContainer--placeholder>.EventNews__mainTeaser {
    background: none
}

.EventNews__image {
    grid-row: 1/2;
    grid-column: 1/3;
    z-index: -1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 820px) {
    .EventNews__image {
        position: absolute
    }
}

@media(min-width: 1070px) {
    .EventNews__image {
        grid-column: 1/4;
        min-height: 430px
    }
}

.EventNews__link {
    background-color: rgba(0, 0, 0, 0);
    padding: 4px 8px;
    border: 0;
    background-position: center;
    background-repeat: no-repeat
}

.EventNews__link--facebook {
    background-image: url("../filesPr/fb.svg");
    background-size: 9px 17px;
    width: 25px;
    height: 25px
}

.EventNews__link--share {
    position: relative;
    height: 25px;
    width: 31px;
    background-size: 16px;
}

.EventNews__link--share:hover .copyButton {
    display: block
}

.EventNews__link--email {
    background-image: url("../filesPr/mail.svg");
    width: 32px;
    height: 21px;
    background-size: 16px
}

.EventNews__link--whatsApp {
    width: 32px;
    height: 24px;
    background-size: 16px
}

@media(min-width: 570px) {
    .EventNews__link--whatsApp {
        display: none
    }
}

.EventNews__link--twitter {
    background-image: url("../filesPr/tweet.svg");
    background-size: 16px 13px;
    width: 32px;
    height: 21px
}

.EventNews__link--video {
    width: 24px;
    height: 24px
}

@media(min-width: 1070px) {
    .EventNews__link--video {
        width: 32px;
        height: 32px
    }
}

.EventNews__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    grid-row: 3;
    grid-column: 1;
    margin: 10px;
    align-self: end;
    -webkit-font-smoothing: unset
}

@media(min-width: 570px) {
    .EventNews__headline {
        font-size: 45px
    }
}

@media(min-width: 820px) {
    .EventNews__headline {
        font-size: 48px
    }
}

@media(min-width: 1070px) {
    .EventNews__headline {
        margin: 16px 20px
    }
}

@media(min-width: 820px) {
    .EventNews__headline--breaking {
        font-size: 55px
    }
}

@media(min-width: 1070px) {
    .EventNews__headline--breaking {
        font-size: 70px
    }
}

@media(min-width: 820px) {
    .EventNews__headline--extended {
        width: 70%
    }
}

@media(min-width: 1070px) {
    .EventNews__headline--extended {
        width: 70%
    }
}

.EventNews__headline:hover {
    -webkit-text-decoration: underline #fff;
    text-decoration: underline #fff
}

.EventNews__premium {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    background-color: #ffcb3d;
    grid-row: 2;
    grid-column: 1;
    padding: 0 12px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    align-self: end;
    max-width: 120px;
    margin-left: 12px
}

@media(min-width: 1070px) {
    .EventNews__premium {
        font-size: 18px;
        line-height: 1.2;
        margin-left: 20px
    }
}

.EventNews__socialContainer {
    display: grid;
    grid-row: 4;
    grid-column: 1;
    grid-template: 1fr/repeat(6, -webkit-min-content) 1fr repeat(2, -webkit-min-content);
    grid-template: 1fr/repeat(6, min-content) 1fr repeat(2, min-content);
    grid-column-gap: 8px;
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .EventNews__socialContainer {
        grid-column-gap: 10px;
        grid-template: 1fr/repeat(5, -webkit-min-content) 1fr repeat(2, -webkit-min-content);
        grid-template: 1fr/repeat(5, min-content) 1fr repeat(2, min-content)
    }
}

@media(min-width: 1070px) {
    .EventNews__socialContainer {
        margin: 0 20px
    }
}

.EventNews__socialContainer--extended {
    grid-column: 1/3
}

.EventNews__icon {
    color: #fff
}

.EventNews__logo {
    max-height: 24px;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 16px
}

.EventNews__copyMessage {
    display: none;
    opacity: .95;
    width: 114px;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    padding: 4px;
    margin-left: 8px;
    background-color: #3a3e3f;
    color: #fff
}

.EventNews__label {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    text-align: end
}

.EventNews__pulseIcon {
    color: #fff
}

@media(min-width: 820px) {
    .EventNews__smallListWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 390px
    }
}

@media(min-width: 820px)and (-ms-high-contrast: none),
(min-width: 820px)and (-ms-high-contrast: active) {
    .EventNews__smallListWrapper {
        display: inline-block
    }
}

@media(min-width: 820px) {
    .EventNews__smallListWrapper--fullHeight {
        height: 100%
    }
}

.EventNews__smallListHeader {
    display: none
}

@media(min-width: 820px) {
    .EventNews__smallListHeader {
        display: grid;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: #d00910
    }
}

.EventNews__smallListHeader--default {
    background-color: #27509a
}

.EventNews__smallListHeader--breaking {
    background-color: #d00910
}

.EventNews__smallListHeader--nieuws {
    background-color: #27509a
}

.EventNews__smallListHeader--sport {
    background-color: #0ab2ef
}

.EventNews__smallListHeader--entertainment {
    background-color: #e6007e
}

.EventNews__smallListHeader--financieel {
    background-color: #576a97
}

.EventNews__smallListHeader--lifestyle {
    background-color: #0ea3bb
}

.EventNews__smallListHeader--vrouw {
    background-color: #dc0000
}

.EventNews__smallListHeader--watuzegt {
    background-color: #9ca24c
}

.EventNews__smallListTitle {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    float: right;
    margin: 0;
    padding: 4px 12px
}

.EventNews__articleList {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(min-width: 820px) {
    .EventNews__articleList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px 0;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media(min-width: 820px)and (-ms-high-contrast: none),
(min-width: 820px)and (-ms-high-contrast: active) {
    .EventNews__articleList {
        display: inline-block
    }
}

.EventNews__articleList--breaking {
    background-color: rgba(0, 0, 0, .2);
    border-top: 1px solid #d00910
}

.EventNews__articleList--1,
.EventNews__articleList--2,
.EventNews__articleList--1 .EventNews__teaserRoot,
.EventNews__articleList--2 .EventNews__teaserRoot {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding-top: 0
}

.EventNews__articleList--3 {
    border-top: 0
}

.EventNews__articleList--1.EventNews__articleList--default,
.EventNews__articleList--2.EventNews__articleList--default {
    border-top: 1px solid #27509a
}

.EventNews__articleList--1.EventNews__articleList--breaking,
.EventNews__articleList--2.EventNews__articleList--breaking {
    border-top: 1px solid #d00910
}

.EventNews__articleList--1.EventNews__articleList--nieuws,
.EventNews__articleList--2.EventNews__articleList--nieuws {
    border-top: 1px solid #27509a
}

.EventNews__articleList--1.EventNews__articleList--sport,
.EventNews__articleList--2.EventNews__articleList--sport {
    border-top: 1px solid #0ab2ef
}

.EventNews__articleList--1.EventNews__articleList--entertainment,
.EventNews__articleList--2.EventNews__articleList--entertainment {
    border-top: 1px solid #e6007e
}

.EventNews__articleList--1.EventNews__articleList--financieel,
.EventNews__articleList--2.EventNews__articleList--financieel {
    border-top: 1px solid #576a97
}

.EventNews__articleList--1.EventNews__articleList--lifestyle,
.EventNews__articleList--2.EventNews__articleList--lifestyle {
    border-top: 1px solid #0ea3bb
}

.EventNews__articleList--1.EventNews__articleList--vrouw,
.EventNews__articleList--2.EventNews__articleList--vrouw {
    border-top: 1px solid #dc0000
}

.EventNews__articleList--1.EventNews__articleList--watuzegt,
.EventNews__articleList--2.EventNews__articleList--watuzegt {
    border-top: 1px solid #9ca24c
}

.EventNews__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.EventNews__teaserRoot {
    display: grid
}

.EventNews__teaserRoot--default {
    background-color: rgba(255, 255, 255, .8)
}

.EventNews__teaserRoot--breaking {
    background-color: #202223
}

@media(min-width: 820px) {
    .EventNews__teaserRoot--breaking {
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        background-color: rgba(0, 0, 0, .3)
    }
}

.EventNews__teaserRoot--nieuws {
    background-color: #27509a
}

.EventNews__teaserRoot--sport {
    background-color: #0ab2ef
}

.EventNews__teaserRoot--entertainment {
    background-color: #e6007e
}

.EventNews__teaserRoot--financieel {
    background-color: #576a97
}

.EventNews__teaserRoot--lifestyle {
    background-color: #0ea3bb
}

.EventNews__teaserRoot--vrouw {
    background-color: #dc0000
}

.EventNews__teaserRoot--watuzegt {
    background-color: #9ca24c
}

.EventNews__teaserRoot--default:nth-child(2n) {
    background-color: rgba(230, 230, 230, .8)
}

.EventNews__teaserRoot--breaking:nth-child(2n) {
    background-color: #3a3e3f
}

@media(min-width: 820px) {
    .EventNews__teaserRoot--breaking:nth-child(2n) {
        background-color: rgba(0, 0, 0, .2)
    }
}

.EventNews__teaserRoot--nieuws:nth-child(2n) {
    background-color: #1d3b71
}

.EventNews__teaserRoot--sport:nth-child(2n) {
    background-color: #088ebe
}

.EventNews__teaserRoot--entertainment:nth-child(2n) {
    background-color: #b30062
}

.EventNews__teaserRoot--financieel:nth-child(2n) {
    background-color: #445377
}

.EventNews__teaserRoot--lifestyle:nth-child(2n) {
    background-color: #0a7a8c
}

.EventNews__teaserRoot--vrouw:nth-child(2n) {
    background-color: #a90000
}

.EventNews__teaserRoot--watuzegt:nth-child(2n) {
    background-color: #7b7f3c
}

.EventNews__teaser--compact {
    padding: 8px
}

.EventNews__teaserInfoWrap {
    -ms-flex-item-align: center;
    align-self: center;
    overflow: hidden
}

.EventNews__teaserSummary {
    display: none
}

.EventNews__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.13;
    margin: 8px 0 0
}

@media(min-width: 570px) {
    .EventNews__teaserHeadline {
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .EventNews__teaserHeadline {
        font-size: 18px;
        line-height: 1.2
    }
}

.EventNews__teaserImage {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin-right: 12px;
    margin-bottom: 0
}

.EventNews__teaserSectionLink,
.EventNews__teaserTimestamp,
.EventNews__teaserHeadline,
.EventNews__sectionName {
    color: #fff;
    border-color: #fff
}

.EventNews__teaserHeadline--default {
    color: #202223
}

.EventNews__teaserSectionLink--default,
.EventNews__teaserTimestamp--default,
.EventNews__sectionName--default {
    color: #74797a;
    border-color: #74797a
}

.EventNews__teaserPremiumLabel {
    vertical-align: top
}

.EventNews__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2));
    background-color: rgba(0, 0, 0, 0)
}

.EventNews__teaserMetadata {
    overflow: hidden
}

.SectionPage__latestNewsIcon {
    display: none
}

@media(min-width: 570px) {
    .SectionPage__latestNewsIcon {
        display: block
    }
}

.SectionPage__vndg {
    background-color: #f0f2f3;
    margin-bottom: 4px
}

@media(min-width: 820px) {
    .SectionPage__vndg {
        margin-bottom: 16px
    }
}

.SectionPage__podcast {
    background-color: #cdcfd0;
    margin-top: 4px;
    margin-bottom: 4px
}

@media(min-width: 570px) {
    .SectionPage__podcast {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media(min-width: 820px) {
    .SectionPage__podcast {
        margin-bottom: 16px
    }
}

.SectionPage__body {
    margin-bottom: 16px;
    overflow: hidden
}

@media(min-width: 570px) {
    .SectionPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .SectionPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .SectionPage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

.SectionPage__bannerWrapper--position-0 {
    display: none
}

@media(min-width: 570px) {
    .SectionPage__bannerWrapper--position-0 {
        min-height: 116px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 570px)and (min-width: 570px)and (max-width: 819px) {
    .SectionPage__bannerWrapper--position-0 {
        min-height: 66px
    }
}

@media(min-width: 570px)and (max-width: 569px) {
    .SectionPage__bannerWrapper--position-0 {
        min-height: 66px
    }
}

.SectionPage__banner--position-0,
.SectionPage__banner--position-1 {
    margin-top: 16px
}

@media(min-width: 820px) {
    .SectionPage__mainArticlesCol {
        float: left
    }
}

.SectionPage__bannerWrapper--position-1 {
    display: none
}

@media(min-width: 1070px) {
    .SectionPage__bannerWrapper--position-1 {
        min-height: 265px
    }
}

@media(min-width: 570px) {
    .SectionPage__bannerWrapper--position-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.SectionPage__eventWrapper {
    margin-bottom: 16px
}

.SectionPage__bannerWrapper--position-6,
.SectionPage__bannerWrapper--position-8 {
    min-height: 116px
}

@media(max-width: 569px) {
    .SectionPage__bannerWrapper--position-6,
    .SectionPage__bannerWrapper--position-8 {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .SectionPage__bannerWrapper--position-6,
    .SectionPage__bannerWrapper--position-8 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .SectionPage__bannerWrapper--position-6,
    .SectionPage__bannerWrapper--position-8 {
        min-height: 66px
    }
}

@media(min-width: 820px) {
    .SectionPage__bannerWrapper--position-6,
    .SectionPage__bannerWrapper--position-8 {
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.SectionPage__bannerWrapper--position-9 {
    min-height: 116px;
    margin-bottom: 16px
}

@media(max-width: 569px) {
    .SectionPage__bannerWrapper--position-9 {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .SectionPage__bannerWrapper--position-9 {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .SectionPage__bannerWrapper--position-9 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .SectionPage__bannerWrapper--position-9 {
        min-height: 66px
    }
}

.SectionPage__topBlock {
    margin-top: 16px;
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 200%
}

.SectionPage__topBlock:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 570px) {
    .SectionPage__topBlock {
        margin-bottom: 16px;
        -webkit-transition: initial;
        transition: initial;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

@media(min-width: 1070px) {
    .SectionPage__topBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.SectionPage__topBlock--hidden {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.SectionPage__mainCuratedTeasers {
    max-height: 5000px;
    -webkit-transition: max-height 100ms linear;
    transition: max-height 100ms linear
}

.SectionPage__mainCuratedTeasers--hidden {
    max-height: 0
}

.SectionPage__rightBlock {
    display: inline-block;
    margin-bottom: 12px;
    width: 50%
}

@media(min-width: 570px) {
    .SectionPage__rightBlock {
        width: 100%
    }
}

@media(min-width: 820px) {
    .SectionPage__rightBlock {
        float: right;
        padding-left: 16px;
        margin-bottom: 20px;
        width: 33.33333%
    }
}

@media(min-width: 1070px) {
    .SectionPage__rightBlock {
        width: 33.33333%;
        padding-left: 16px
    }
}

@media(min-width: 820px) {
    .SectionPage__rightBlock--articleGrid {
        float: none
    }
}

.SectionPage__topBlock--hidden .SectionPage__rightBlock {
    padding: 12px
}

@media(min-width: 570px) {
    .SectionPage__tabNav {
        display: none
    }
}

.SectionPage__curatedBlock {
    width: 100%;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.SectionPage__curatedBlock--hidden {
    display: none
}

@media(min-width: 570px) {
    .SectionPage__curatedBlock--hidden {
        display: block
    }
}

.SectionPage__videoStripeCurated {
    background-color: #f0f2f3
}

.SectionPage__ColumnTeaserBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .SectionPage__ColumnTeaserBlock--mobile {
        display: none
    }
}

.SectionPage__ColumnTeaserBlock--desktop {
    display: none
}

@media(min-width: 570px) {
    .SectionPage__ColumnTeaserBlock--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.SectionPage__divider {
    border-top: 1px solid #d2d5d7;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 16px;
    padding-top: 16px
}

@media(min-width: 570px) {
    .SectionPage__divider {
        margin-right: 0;
        margin-left: 0
    }
}

.SectionPage__divider--articleGrid {
    padding-top: 4px
}

@media(min-width: 820px) {
    .SectionPage__divider--articleGrid {
        width: calc(100% - 8px);
        padding-top: 16px
    }
}

@media(min-width: 570px) {
    .SectionPage__sectionArticleList:first-child {
        padding-top: 8px
    }
}

.SectionPage__sectionArticleList {
    margin-left: 12px;
    margin-right: 12px
}

@media(min-width: 570px) {
    .SectionPage__sectionArticleList {
        margin-left: 0;
        margin-right: 0
    }
}

.SectionPage__latestNewsLayoutStyles {
    max-height: 0
}

@media(min-width: 570px) {
    .SectionPage__latestNewsLayoutStyles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 100%
    }
}

.SectionPage__bottomLatestNews {
    display: none
}

@media(min-width: 820px) {
    .SectionPage__bottomLatestNews {
        display: block;
        padding-left: 16px
    }
    .SectionPage__bottomLatestNews article:nth-child(n+12) {
        display: none
    }
}

@media(min-width: 1070px) {
    .SectionPage__bottomLatestNews article:nth-child(n+12) {
        display: block
    }
}

.TabNav__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 8px;
    padding-bottom: 8px
}

.TabNav__content {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.TabNav__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0);
    width: 50%;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    color: #a6aaab;
    border: 0 #a6aaab;
    border-bottom: 4px solid
}

.TabNav__button--selected {
    color: #3a3e3f;
    border-color: #3a3e3f
}

.TabNav__button:disabled {
    cursor: not-allowed
}

.TertiaryCuratedTeasersLayout__wrapper {
    display: -ms-flexbox;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    margin: 0 0 16px 0;
    padding: 0 12px;
    width: 100%
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__wrapper {
        padding: 0
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__wrapper {
        grid-template-columns: repeat(3, 33%);
        grid-template-rows: repeat(2, auto)
    }
}

.TertiaryCuratedTeasersLayout__teaser[data-desktemplate=true] {
    width: 100% !important;
    padding: 0
}

.TertiaryCuratedTeasersLayout__teaser--1,
.TertiaryCuratedTeasersLayout__teaser--2,
.TertiaryCuratedTeasersLayout__teaser--3 {
    grid-column: 1/3;
    padding: 12px 0;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaser--1,
    .TertiaryCuratedTeasersLayout__teaser--2,
    .TertiaryCuratedTeasersLayout__teaser--3 {
        padding: 16px 0
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--1,
    .TertiaryCuratedTeasersLayout__teaser--2,
    .TertiaryCuratedTeasersLayout__teaser--3 {
        grid-row: 1;
        border-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--1 {
        grid-column: 1;
        padding-right: 12px;
        border-right: 1px solid #d2d5d7;
        margin-right: 3px
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--2 {
        grid-column: 2;
        padding: 0 6px 16px 6px;
        margin: 0 3px
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--3 {
        grid-column: 3;
        padding-left: 12px;
        border-left: 1px solid #d2d5d7;
        margin-left: 3px
    }
}

.TertiaryCuratedTeasersLayout__teaser--4 {
    border-bottom: 0;
    padding: 0 8px 0 0;
    margin-top: 12px;
    border-right: 1px solid #d2d5d7;
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaser--4 {
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--4 {
        margin-top: 0
    }
}

.TertiaryCuratedTeasersLayout__teaser--5 {
    border-bottom: 0;
    padding: 0 0 0 8px;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaser--5 {
        padding-left: 12px
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--5 {
        margin-top: 0
    }
}

.TertiaryCuratedTeasersLayout__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.TertiaryCuratedTeasersLayout__teaser--1 .TertiaryCuratedTeasersLayout__teaserContent,
.TertiaryCuratedTeasersLayout__teaser--2 .TertiaryCuratedTeasersLayout__teaserContent,
.TertiaryCuratedTeasersLayout__teaser--3 .TertiaryCuratedTeasersLayout__teaserContent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaser--1 .TertiaryCuratedTeasersLayout__teaserContent,
    .TertiaryCuratedTeasersLayout__teaser--2 .TertiaryCuratedTeasersLayout__teaserContent,
    .TertiaryCuratedTeasersLayout__teaser--3 .TertiaryCuratedTeasersLayout__teaserContent {
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.TertiaryCuratedTeasersLayout__bottomBlock {
    grid-column: 1/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__bottomBlock {
        grid-column: 1/4;
        padding-top: 16px;
        border-top: 1px solid #d2d5d7;
        margin-top: 16px
    }
}

.TertiaryCuratedTeasersLayout__teaser--4 .TertiaryCuratedTeasersLayout__teaserContent,
.TertiaryCuratedTeasersLayout__teaser--5 .TertiaryCuratedTeasersLayout__teaserContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.TertiaryCuratedTeasersLayout__banner {
    width: 100%;
    overflow: hidden
}

.TertiaryCuratedTeasersLayout__banner>iframe {
    max-width: 100%
}

.TertiaryCuratedTeasersLayout__bannerWrapper {
    grid-column: 1/3
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__bannerWrapper {
        border-left: 1px solid #d2d5d7;
        grid-column: 3;
        grid-row: 1;
        padding-left: 12px;
        margin-left: 3px
    }
}

.TertiaryCuratedTeasersLayout__teaserImage--top {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaserImage--top {
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaserImage--top {
        width: 100%;
        padding-bottom: calc((56.25 * 100%)/100);
        min-width: 100%;
        margin-bottom: 8px;
        margin-right: 8px
    }
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaserImage--bottom {
        margin-bottom: 12px
    }
}

.TertiaryCuratedTeasersLayout__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    font-size: 16px;
    color: #3a3e3f;
    margin-top: 4px
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2
    }
}

.TertiaryCuratedTeasersLayout__teaserHeadline--top {
    margin-bottom: 0
}

.TertiaryCuratedTeasersLayout__teaserHeadline--bottom {
    margin-bottom: 4px
}

@media(min-width: 820px) {
    .TertiaryCuratedTeasersLayout__teaserHeadline--bottom {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .TertiaryCuratedTeasersLayout__teaserHeadline--bottom {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 24px
    }
}

@media(min-width: 570px) {
    .TertiaryCuratedTeasersLayout__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

@media(min-width: 1070px) {
    .TertiaryCuratedTeasersLayout__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.TertiaryCuratedTeasersLayout__teaserSummary {
    display: none
}

.MostRead__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 4px solid #3a3e3f;
    border-bottom: 1px solid #d2d5d7
}

.MostRead__articlesWrapper {
    border-top: 1px solid #d2d5d7;
    margin-bottom: 16px
}

.MostRead__teaserDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    border-bottom: 1px solid #d2d5d7
}

.MostRead__teaserIndex {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #3a3e3f;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-top: 12px;
    -ms-flex-item-align: center;
    align-self: center
}

.MostRead__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    font-size: 16px;
    letter-spacing: 0;
    color: #3a3e3f;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .MostRead__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .MostRead__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 16px
    }
}

.MostRead__teaserImage {
    width: 30%;
    padding-bottom: calc((56.25 * 30%)/100);
    min-width: 30%;
    margin-left: 8px;
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center
}

@media(min-width: 820px) {
    .MostRead__teaserImage {
        width: 40%;
        padding-bottom: calc((56.25 * 40%)/100);
        min-width: 40%
    }
}

.MostRead__teaserWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 12px
}

.MostRead__teaserWrapper>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    align-self: center
}

.MostRead__teaserSummary {
    display: none
}

@media(min-width: 570px) {
    .MostRead__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.MostRead__metadataWrapper {
    width: 55%
}

@media(min-width: 820px) {
    .EditorsChoiceListComponent__wrapper {
        padding-left: 16px
    }
}

.EditorsChoiceListComponent__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    background-color: #ffcb3d;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 12px
}

@media(min-width: 570px) {
    .EditorsChoiceListComponent__title {
        margin: 0
    }
}

.EditorsChoiceListComponent__topTeaserPremiumLabel {
    margin-left: 12px
}

.EditorsChoiceListComponent__topTeaserChapeau {
    margin-left: 12px;
    font-size: 12px;
    line-height: 1.3
}

.EditorsChoiceListComponent__topTeaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px !important;
    text-transform: none !important;
    letter-spacing: 0 !important
}

@media(min-width: 570px) {
    .EditorsChoiceListComponent__topTeaserHeadline {
        font-size: 45px !important;
        margin: 0 12px 12px
    }
}

@media(min-width: 820px) {
    .EditorsChoiceListComponent__topTeaserHeadline {
        font-size: 26px !important
    }
}

.EditorsChoiceListComponent__teaser {
    border-bottom: 1px solid #d2d5d7;
    margin: 8px 0;
    padding-bottom: 8px
}

.EditorsChoiceListComponent__teaser:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 570px) {
    .EditorsChoiceListComponent__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.EditorsChoiceListComponent__teaser:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.EditorsChoiceListComponent__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.EditorsChoiceListComponent__teaserImage {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    margin-left: 8px;
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.EditorsChoiceListComponent__teaserSummary {
    display: none
}

.EditorsChoiceListComponent__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    font-size: 16px;
    color: #3a3e3f;
    margin-top: 4px
}

@media(min-width: 570px) {
    .EditorsChoiceListComponent__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .EditorsChoiceListComponent__teaserHeadline {
        font-size: 16px
    }
}

.ArticleDftTeaserList__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #d2d5d7
}

.ArticleDftTeaserList__wrapper:last-child {
    border-bottom: 1px solid #d2d5d7
}

.ArticleDftTeaserList__teaser {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden
}

.ArticleDftTeaserList__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #202223;
    margin-top: 4px;
    margin-bottom: 0
}

.ArticleDftTeaserList__link {
    color: #202223;
    margin-right: 8px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background-position: center;
    background-size: 12px;
    width: 12px;
    min-height: 52px;
    background-repeat: no-repeat
}

.ArticleDftTeaserList__summary {
    display: none
}

@media(min-width: 1070px) {
    .WebshopWidget__container {
        margin-bottom: 16px
    }
}

.WebshopWidget__container--isMobile {
    margin-top: 32px
}

@media(min-width: 820px) {
    .WebshopWidget__container--isMobile {
        display: none
    }
}

.WebshopWidget__header {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #27509a;
    color: #fff;
    height: 25px;
    padding: 0 20px
}

@media(min-width: 960px) {
    .WebshopWidget__header {
        grid-template-columns: repeat(2, 50%);
        justify-items: flex-start
    }
}

.WebshopWidget__leftBlockHeader::before {
    width: 19px;
    height: 14px
}

.WebshopWidget__rightBlockHeader {
    display: none
}

@media(min-width: 960px) {
    .WebshopWidget__rightBlockHeader {
        display: inline-block;
        justify-self: right
    }
}

.WebshopWidget__rightBlockHeader::before {
    width: 17px;
    height: 14px
}

.WebshopWidget__descriptionWrapper::before,
.WebshopWidget__leftBlockHeader::before,
.WebshopWidget__rightBlockHeader::before {
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block
}

.WebshopWidget__wrapper {
    padding: 0 12px
}

@media(min-width: 820px) {
    .WebshopWidget__wrapper {
        padding: 0
    }
}

@media(min-width: 960px) {
    .WebshopWidget__wrapper {
        padding: 0 20px
    }
}

.WebshopWidget__logoWrapper {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d2d5d7;
    padding-bottom: 4px;
    margin-top: 8px;
    margin-bottom: 8px
}

@media(min-width: 820px) {
    .WebshopWidget__logoWrapper {
        padding-bottom: 0px;
        margin-bottom: 16px
    }
}

.WebshopWidget__bigProductWrapper {
    text-decoration: none;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 12px;
    border-bottom: 1px solid #d2d5d7;
    padding-bottom: 20px
}

@media(min-width: 820px) {
    .WebshopWidget__bigProductWrapper {
        padding-bottom: 8px;
        grid-gap: 8px
    }
}

@media(min-width: 1070px) {
    .WebshopWidget__bigProductWrapper {
        grid-gap: 12px
    }
}

.WebshopWidget__leftBigBlock {
    display: grid;
    grid-template-rows: repeat(2, -webkit-min-content) 1fr;
    grid-template-rows: repeat(2, min-content) 1fr
}

.WebshopWidget__mainTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 2px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .WebshopWidget__mainTitle {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2;
        padding-bottom: 8px
    }
}

@media(min-width: 820px) {
    .WebshopWidget__mainTitle {
        padding-bottom: 4px
    }
}

.WebshopWidget__descriptionWrapper {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    padding-top: 3px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .WebshopWidget__descriptionWrapper {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 12px;
        line-height: 1.3;
        padding-top: 4px
    }
}

.WebshopWidget__descriptionWrapper::before {
    width: 12px;
    height: 14px
}

.WebshopWidget__priceWrapper {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #3a3e3f;
    display: grid;
    grid-template-columns: repeat(2, -webkit-min-content);
    grid-template-columns: repeat(2, min-content);
    grid-gap: 8px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-bottom: 3px;
    margin-top: 10px
}

.WebshopWidget__priceWrapper--small {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 0
}

.WebshopWidget__priceBefore {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #a6aaab;
    text-decoration: line-through;
    margin-bottom: 4px
}

.WebshopWidget__priceBefore--noPriceBefore {
    display: none
}

.WebshopWidget__priceBefore--small {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 2px
}

.WebshopWidget__rightBigBlock {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-items: right;
    grid-template-rows: 1fr -webkit-min-content;
    grid-template-rows: 1fr min-content;
    grid-gap: 14px
}

.WebshopWidget__imageWrapper {
    position: relative
}

@media(min-width: 820px) {
    .WebshopWidget__imageWrapper {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.WebshopWidget__imageWrapper--small {
    justify-self: flex-end
}

.WebshopWidget__image {
    display: block;
    max-width: 131px;
    max-height: 106px;
    border: solid 1px #f6f6f6
}

@media(min-width: 820px) {
    .WebshopWidget__image {
        width: 91px;
        height: 100%
    }
}

@media(min-width: 1070px) {
    .WebshopWidget__image {
        width: 131px;
        height: 100%
    }
}

.WebshopWidget__discount {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 34px;
    height: 18px;
    color: #fff;
    background-color: #d00910;
    padding: 3px 4px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0
}

.WebshopWidget__discount--noDiscount {
    display: none
}

.WebshopWidget__button {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #3a3e3f;
    background-color: #ffcb3d;
    width: 130px;
    padding: 8px 0px;
    margin: 0;
    text-align: center
}

@media(min-width: 820px) {
    .WebshopWidget__button {
        width: 100%
    }
}

.WebshopWidget__smallProductsWrapper {
    display: none
}

@media(min-width: 820px) {
    .WebshopWidget__smallProductsWrapper {
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-gap: 12px;
        text-decoration: none;
        border-bottom: 1px solid #d2d5d7;
        padding: 12px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.WebshopWidget__smallImage {
    display: block;
    width: 82px;
    height: 67px;
    border: solid 1px #f6f6f6
}

.WebshopWidget__smallTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #3a3e3f;
    margin: 0
}

.WebshopWidget__footer {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3a3e3f;
    text-decoration: none;
    background-color: #f0f2f3;
    padding-left: 12px
}

@media(min-width: 820px) {
    .WebshopWidget__footer {
        padding-left: 20px
    }
}

.WebshopWidget__footer::after {
    width: 15px;
    height: 12px;
    margin-left: 8px
}

.AutovisieBlock__logoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    background-color: #dfe1e2
}

@media(min-width: 1070px) {
    .AutovisieBlock__logoWrapper {
        padding-left: 12px
    }
}

.AutovisieBlock__footer:after,
.AutovisieBlock__logoWrapper:after {
    background-repeat: no-repeat;
    margin-left: 8px;
    width: 15px
}

.AutovisieBlock__autovisieLogo {
    background-position: center;
    background-repeat: no-repeat;
    width: 90px;
    height: 16px
}

.AutovisieBlock__content {
    background-color: #f0f2f2;
    border-bottom: 1px solid #202223
}

.AutovisieBlock__topArticleLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    border-bottom: 1px solid #d2d5d7;
    padding: 12px 8px 12px
}

@media(min-width: 1070px) {
    .AutovisieBlock__topArticleLink {
        padding: 12px 12px
    }
}

.AutovisieBlock__textWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 8px
}

.AutovisieBlock__topArticleHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 12px;
    margin: 0
}

@media(min-width: 570px) {
    .AutovisieBlock__topArticleHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .AutovisieBlock__topArticleHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2
    }
}

.AutovisieBlock__authorWrapper {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #3a3e3f
}

.AutovisieBlock__authorName {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase;
    margin-left: 4px
}

.AutovisieBlock__topArticleImage {
    width: 40%;
    padding-bottom: calc((56.25 * 40%)/100);
    min-width: 40%;
    margin-bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.AutovisieBlock__teasers {
    padding: 0 8px
}

@media(min-width: 1070px) {
    .AutovisieBlock__teasers {
        padding: 0 12px
    }
}

.AutovisieBlock__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d2d5d7;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 820px) {
    .AutovisieBlock__link {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.AutovisieBlock__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #3a3e3f;
    margin: 0;
    padding-right: 8px
}

@media(min-width: 570px) {
    .AutovisieBlock__headline {
        font-size: 16px
    }
}

@media(min-width: 820px) {
    .AutovisieBlock__headline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 14px;
        line-height: 1.3
    }
}

.AutovisieBlock__topArticleHeadline:hover,
.AutovisieBlock__headline:hover {
    text-decoration: underline
}

.AutovisieBlock__teaserImage {
    width: 67px;
    padding-bottom: calc((56.25 * 67px)/100);
    min-width: 67px;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 0
}

.AutovisieBlock__footer {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #202223;
    text-decoration: none
}

@media(min-width: 1070px) {
    .AutovisieBlock__footer {
        padding-left: 12px
    }
}

.SectionCuratedBlock__widgetWrapper {
    padding: 0 12px
}

@media(min-width: 570px) {
    .SectionCuratedBlock__widgetWrapper {
        padding: 0
    }
}

@media(min-width: 820px) {
    .SectionCuratedBlock__widgetWrapper {
        padding: 0 0 0 16px
    }
}

.SectionCuratedBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 820px) {
    .SectionCuratedBlock__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 820px) {
    .SectionCuratedBlock__wrapper>*:first-child {
        max-width: 67%
    }
}

@media(min-width: 820px) {
    .SectionCuratedBlock__wrapper>*:last-child:not(:only-child) {
        min-width: 33%;
        max-width: 33%
    }
}

.SectionCuratedBlock__articleDftList {
    margin-bottom: 16px;
    margin-top: 12px
}

@media(min-width: 820px) {
    .SectionCuratedBlock__articleDftList {
        margin: 0
    }
}

.SectionCuratedBlock__videoStripe {
    background-color: #f0f2f3
}

.SectionCuratedBlock__videoStripeCuratedWrapper {
    display: none
}

@media(min-width: 570px) {
    .SectionCuratedBlock__videoStripeCuratedWrapper {
        display: block
    }
}

.SectionHighlightsBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 4px solid #27509a;
    margin-bottom: 12px
}

.SectionHighlightsBlock__wrapper--nieuws {
    border-color: #27509a
}

.SectionHighlightsBlock__wrapper--sport {
    border-color: #0ab2ef
}

.SectionHighlightsBlock__wrapper--entertainment {
    border-color: #e6007e
}

.SectionHighlightsBlock__wrapper--financieel {
    border-color: #576a97
}

.SectionHighlightsBlock__wrapper--vrouw {
    border-color: #dc0000
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__wrapper {
        margin-bottom: 24px;
        border-bottom-width: 2px;
        border-bottom-style: solid
    }
}

.SectionHighlightsBlock__header {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-decoration: none;
    text-transform: uppercase;
    color: #3a3e3f;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.SectionHighlightsBlock__chevron {
    margin-left: 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.SectionHighlightsBlock__chevron--white {
    margin-left: 4px
}

.SectionHighlightsBlock__lazy {
    height: 100%
}

.SectionHighlightsBlock__logo {
    display: none;
    margin-left: 12px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.SectionHighlightsBlock__logo--vrouw {
    display: inline-block;
    width: 102px;
}

.SectionHighlightsBlock__logo--sport {
    display: inline-block;
    width: 108px;
}

.SectionHighlightsBlock__logo--financieel {
    display: inline-block;
    width: 69px;
}

.SectionHighlightsBlock__logo--entertainment {
    display: inline-block;
    width: 70px;
}

.SectionHighlightsBlock__articles {
    border-top: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px 0;
        border-bottom: 1px solid #d2d5d7
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__column:first-child {
        padding-right: 12px;
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__column:last-child {
        padding-left: 12px
    }
}

.SectionHighlightsBlock__teaser {
    padding: 12px 0;
    border-bottom: 1px solid #d2d5d7;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__teaser:first-child {
        padding-top: 0
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__column:first-child .SectionHighlightsBlock__teaser:first-child {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__teaser:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__teaser:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.SectionHighlightsBlock__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SectionHighlightsBlock__column:first-child .SectionHighlightsBlock__teaser:first-child .TopStoryTeaser__imageWrapper,
.SectionHighlightsBlock__column:first-child .SectionHighlightsBlock__teaser:first-child .TopStoryTeaser__image {
    height: 100%
}

.SectionHighlightsBlock__column:first-child .SectionHighlightsBlock__teaser:first-child .TopStoryTeaser__image img {
    width: auto;
    height: 100%
}

.SectionHighlightsBlock__teaserImage {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    height: 100%;
    margin-bottom: 0;
    margin-right: 8px
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__teaserImage {
        width: 25%;
        padding-bottom: calc((56.25 * 25%)/100);
        min-width: 25%
    }
}

.SectionHighlightsBlock__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px
}

@media(min-width: 1070px) {
    .SectionHighlightsBlock__teaserHeadline {
        font-size: 18px
    }
}

.SectionHighlightsBlock__moreArticles {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    background-color: #27509a;
    text-decoration: none;
    margin: 12px 0;
    text-align: center
}

.SectionHighlightsBlock__moreArticles--nieuws {
    background-color: #27509a
}

.SectionHighlightsBlock__moreArticles--sport {
    background-color: #0ab2ef
}

.SectionHighlightsBlock__moreArticles--entertainment {
    background-color: #e6007e
}

.SectionHighlightsBlock__moreArticles--financieel {
    background-color: #576a97
}

.SectionHighlightsBlock__moreArticles--vrouw {
    background-color: #dc0000
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__moreArticles {
        display: none
    }
}

.SectionHighlightsBlock__subsections {
    display: none
}

@media(min-width: 570px) {
    .SectionHighlightsBlock__subsections {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.SectionHighlightsBlock__subsectionLink {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 10px;
    color: #3a3e3f;
    margin: 12px 0 12px 12px;
    text-decoration: none
}

@media(min-width: 1070px) {
    .SectionHighlightsBlock__subsectionLink {
        font-size: 14px;
        line-height: 1.3
    }
}

.DftGainersAndLosers {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    background-color: #f0f2f3;
    margin-top: 12px;
    padding: 12px;
    color: #d2d5d7
}

.DftGainersAndLosers__columnRight {
    border-right: 1px solid;
    padding-right: 12px
}

.DftGainersAndLosers__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    margin: 0 0 12px;
    color: #3a3e3f;
    text-transform: uppercase
}

.DftGainersAndLosers__contentWrapper {
    border-top: 1px solid;
    padding-top: 4px;
    padding-bottom: 4px
}

.DftGainersAndLosers__contentWrapper:after {
    content: "";
    display: table;
    clear: both
}

.DftGainersAndLosers__name {
    float: left;
    color: #3a3e3f;
    width: 68%
}

.DftGainersAndLosers__percentageWrapper--up {
    color: #04be8c
}

.DftGainersAndLosers__percentageWrapper--down {
    color: #d00910
}

.DftGainersAndLosers__icon {
    text-align: center;
    display: inline-block;
    width: 6px;
    height: 5px
}

.DftGainersAndLosers__icon--down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.DftGainersAndLosers__price {
    float: right
}

.DftGainersAndLosers__columnLeft {
    padding-left: 12px
}

.StocksWidgetItem {
    padding: 0 8px;
    margin-top: 12px;
    margin-bottom: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid #d2d5d7
}

.StocksWidgetItem:first-child {
    border-left: none
}

.StocksWidgetItem--up {
    -webkit-animation: stocksWidgetUp 1s;
    animation: stocksWidgetUp 1s
}

.StocksWidgetItem--down {
    -webkit-animation: stocksWidgetDown 1s;
    animation: stocksWidgetDown 1s
}

.StocksWidgetItem__link {
    text-decoration: none;
    display: grid;
    grid-template-columns: 60% 1fr
}

.StocksWidgetItem__rightColumn {
    width: 60px
}

.StocksWidgetItem__name {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #3a3e3f
}

.StocksWidgetItem__price,
.StocksWidgetItem__variationAbs {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a
}

.StocksWidgetItem__variationRel {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-align: right;
    color: #74797a
}

.StocksWidgetItem__variationRel--up {
    color: #04be8c
}

.StocksWidgetItem__variationRel--down {
    color: #d00910
}

@-webkit-keyframes stocksWidgetUp {
    0% {
        background-color: #04be8c
    }
    25% {
        background-color: rgba(4, 190, 140, .8)
    }
    50% {
        background-color: rgba(4, 190, 140, .6)
    }
    75% {
        background-color: rgba(4, 190, 140, .3)
    }
    100% {
        background-color: rgba(4, 190, 140, 0)
    }
}

@keyframes stocksWidgetUp {
    0% {
        background-color: #04be8c
    }
    25% {
        background-color: rgba(4, 190, 140, .8)
    }
    50% {
        background-color: rgba(4, 190, 140, .6)
    }
    75% {
        background-color: rgba(4, 190, 140, .3)
    }
    100% {
        background-color: rgba(4, 190, 140, 0)
    }
}

@-webkit-keyframes stocksWidgetDown {
    0% {
        background-color: #d00910
    }
    25% {
        background-color: rgba(208, 9, 16, .8)
    }
    50% {
        background-color: rgba(208, 9, 16, .6)
    }
    75% {
        background-color: rgba(208, 9, 16, .3)
    }
    100% {
        background-color: rgba(208, 9, 16, 0)
    }
}

@keyframes stocksWidgetDown {
    0% {
        background-color: #d00910
    }
    25% {
        background-color: rgba(208, 9, 16, .8)
    }
    50% {
        background-color: rgba(208, 9, 16, .6)
    }
    75% {
        background-color: rgba(208, 9, 16, .3)
    }
    100% {
        background-color: rgba(208, 9, 16, 0)
    }
}

.StocksTabsWidget {
    display: none;
    max-width: 1320px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 20px;
    border-top: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .StocksTabsWidget {
        display: block
    }
}

.StocksTabsWidget__widgetsWrapper {
    height: 77px;
    width: 100%;
    border-bottom: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SubsectionHighlightsBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 4px solid #27509a;
    margin-bottom: 12px
}

.SubsectionHighlightsBlock__wrapper--nieuws {
    border-color: #27509a
}

.SubsectionHighlightsBlock__wrapper--sport {
    border-color: #0ab2ef
}

.SubsectionHighlightsBlock__wrapper--entertainment {
    border-color: #e6007e
}

.SubsectionHighlightsBlock__wrapper--financieel {
    border-color: #576a97
}

.SubsectionHighlightsBlock__wrapper--vrouw {
    border-color: #dc0000
}

.SubsectionHighlightsBlock__wrapper--lifestyle {
    border-color: #0ea3bb
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__wrapper {
        margin-bottom: 24px;
        border-bottom: 2px solid #3a3e3f
    }
}

.SubsectionHighlightsBlock__header {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-decoration: none;
    text-transform: uppercase;
    color: #3a3e3f;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.SubsectionHighlightsBlock__chevron {
    margin-left: 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.SubsectionHighlightsBlock__chevron--white {
    margin-left: 4px
}

.SubsectionHighlightsBlock__articles {
    border-top: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px 0
    }
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__column:first-child {
        padding-right: 12px;
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__column:last-child {
        padding-left: 12px
    }
}

.SubsectionHighlightsBlock__teaser {
    padding: 12px 0;
    border-bottom: 1px solid #d2d5d7;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__teaser:first-child {
        padding-top: 0
    }
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__teaser:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.SubsectionHighlightsBlock__teaserContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SubsectionHighlightsBlock__teaserImage {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    height: 100%;
    margin-bottom: 0;
    margin-right: 8px
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__teaserImage {
        width: 25%;
        padding-bottom: calc((56.25 * 25%)/100);
        min-width: 25%
    }
}

.SubsectionHighlightsBlock__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px
}

@media(min-width: 1070px) {
    .SubsectionHighlightsBlock__teaserHeadline {
        font-size: 18px
    }
}

.SubsectionHighlightsBlock__moreArticles {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    background-color: #27509a;
    text-decoration: none;
    margin: 12px 0;
    text-align: center
}

.SubsectionHighlightsBlock__moreArticles--nieuws {
    background-color: #27509a
}

.SubsectionHighlightsBlock__moreArticles--sport {
    background-color: #0ab2ef
}

.SubsectionHighlightsBlock__moreArticles--entertainment {
    background-color: #e6007e
}

.SubsectionHighlightsBlock__moreArticles--financieel {
    background-color: #576a97
}

.SubsectionHighlightsBlock__moreArticles--vrouw {
    background-color: #dc0000
}

.SubsectionHighlightsBlock__moreArticles--lifestyle {
    background-color: #0ea3bb
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__moreArticles {
        display: none
    }
}

.SubsectionHighlightsBlock__subsections {
    display: none
}

@media(min-width: 570px) {
    .SubsectionHighlightsBlock__subsections {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.SubsectionHighlightsBlock__subsectionLink {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 10px;
    color: #3a3e3f;
    margin: 12px 0 12px 12px;
    text-decoration: none
}

html,
body {
    margin: 0;
    padding: 0
}

.CommentsArticlePageBlock {
    padding: 12px
}

.WebpushOptin {
    position: fixed !important;
    width: 100%;
    z-index: 16777271;
    pointer-events: none
}

.WebpushOptin__wrapper {
    top: 0
}

.WebpushOptin__main {
    background-color: #fff;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", verdana, arial, sans-serif;
    font-size: 15px;
    padding: 25px;
    margin: 5px auto;
    border-radius: 5px;
    max-width: 550px;
    pointer-events: auto;
    -webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .07), 0px 15px 35px 1px rgba(56, 58, 103, .1), 0px 5px 15px 0px rgba(62, 71, 92, .07);
    box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .07), 0px 15px 35px 1px rgba(56, 58, 103, .1), 0px 5px 15px 0px rgba(62, 71, 92, .07);
    --positivebtn-textcolor: #fff;
    --positivebtn-bgcolor: #25D366;
    --positivebtn-hover_bgcolor: #25D366;
    --positivebtn-fontsize: 14px;
    --negativebtn-textcolor: black;
    --negativebtn-bgcolor: transparent;
    --negativebtn-hover_bgcolor: rgba(0, 0, 0, 0.05);
    --negativebtn-fontsize: 14px
}

@media(max-width: 569px) {
    .WebpushOptin__main {
        margin: 0px;
        border-radius: 0px
    }
}

.WebpushOptin__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.WebpushOptin__logo {
    display: initial;
    height: 80px;
    width: 80px;
    vertical-align: top;
    margin-right: 10px;
    margin-inline-end: 10px;
    margin-inline-start: 0px;
    -webkit-margin-end: 10px;
    -webkit-margin-start: 0px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 569px) {
    .WebpushOptin__logo {
        height: 60px;
        width: 60px;
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px
    }
}

.WebpushOptin__message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.3;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 16px
}

@media(max-width: 569px) {
    .WebpushOptin__message {
        font-size: 90%
    }
}

.WebpushOptin__button,
.WebpushOptin__button:hover {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    border: none
}

.WebpushOptin__buttons {
    margin-top: 15px;
    text-align: right;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 569px) {
    .WebpushOptin__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.WebpushOptin__buttons_positive {
    color: #fff;
    color: var(--positivebtn-textcolor);
    font-size: 14px;
    font-size: var(--positivebtn-fontsize);
    background: #1dabe1;
    background: var(--positivebtn-bgcolor);
    cursor: pointer
}

.WebpushOptin__buttons_positive:hover {
    background-color: var(--positivebtn-hover_bgcolor)
}

.WebpushOptin__buttons_positive-shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .08), 0px 4px 6px 0px rgba(11, 80, 105, .11);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .08), 0px 4px 6px 0px rgba(11, 80, 105, .11)
}

.WebpushOptin__buttons_negative {
    color: #000;
    color: var(--negativebtn-textcolor);
    font-size: 14px;
    font-size: var(--negativebtn-fontsize);
    background: rgba(0, 0, 0, 0);
    background: var(--negativebtn-bgcolor);
    margin-right: 15px;
    margin-inline-end: 15px;
    margin-inline-start: 0px;
    -webkit-margin-end: 15px;
    -webkit-margin-start: 0px
}

@media(max-width: 569px) {
    .WebpushOptin__buttons_negative {
        margin-top: 10px;
        margin-right: 0px;
        margin-inline-end: 0px;
        margin-inline-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-margin-start: 0px
    }
}

.WebpushOptin__buttons_negative:hover {
    background-color: rgba(0, 0, 0, .05);
    background-color: var(--negativebtn-hover_bgcolor)
}

.FooterNewsSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 16px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width: 820px) {
    .FooterNewsSection {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        margin-bottom: 16px;
        border-right: 1px solid #d2d5d7;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width: 1070px) {
    .FooterNewsSection {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media(min-width: 1670px) {
    .FooterNewsSection {
        padding-left: 16px;
        padding-right: 16px;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%
    }
}

.FooterNewsSection:nth-child(2n) {
    padding-left: 16px
}

@media(min-width: 820px) {
    .FooterNewsSection:nth-child(2n) {
        padding-left: 20px
    }
}

@media(min-width: 1070px) {
    .FooterNewsSection:nth-child(2n) {
        padding-left: 48px
    }
}

@media(min-width: 1670px) {
    .FooterNewsSection:nth-child(2n) {
        padding-left: 16px
    }
}

.FooterNewsSection:nth-child(2n-1) {
    border-right: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .FooterNewsSection:nth-child(4n) {
        border-right: none
    }
}

@media(min-width: 1670px) {
    .FooterNewsSection:nth-child(4n) {
        border-right: 1px solid #d2d5d7
    }
}

.FooterNewsSection__section {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    margin-bottom: 16px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .FooterNewsSection__section {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .FooterNewsSection__section {
        margin-bottom: 0
    }
}

.FooterNewsSection__section--default {
    color: #27509a
}

.FooterNewsSection__section--breaking {
    color: #d00910
}

.FooterNewsSection__section--nieuws {
    color: #27509a
}

.FooterNewsSection__section--sport {
    color: #0ab2ef
}

.FooterNewsSection__section--entertainment {
    color: #e6007e
}

.FooterNewsSection__section--financieel {
    color: #576a97
}

.FooterNewsSection__section--lifestyle {
    color: #0ea3bb
}

.FooterNewsSection__section--vrouw {
    color: #dc0000
}

.FooterNewsSection__section--watuzegt {
    color: #9ca24c
}

@media(min-width: 820px) {
    .FooterNewsSection__section::after {
        margin-left: 8px;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        width: 10px
    }
}

.FooterNewsSection__subsectionList {
    display: none
}

@media(min-width: 820px) {
    .FooterNewsSection__subsectionList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 16px 0
    }
}

.FooterNewsSection__listToggle {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    border-bottom: 1px solid #202223;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1.6
}

.FooterNewsSection__listToggleIcon {
    margin-left: 4px;
    display: inline-block;
    width: 10px;
    height: 10px
}

.FooterNewsSection__listToggleIcon--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.FooterNewsSection__listToggleCheckbox {
    display: none
}

.FooterNewsSection__subsectionListItem {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    color: #3a3e3f;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1.6
}

.FooterNewsSection__subsectionListItem:nth-of-type(n+4) {
    display: none
}

.FooterNewsSection__listToggleCheckbox:checked~.FooterNewsSection__subsectionListItem:nth-of-type(n+4) {
    display: block
}

.FooterNewsSection__subsectionListItem:nth-of-type(n+3):not(:last-of-type) {
    display: none
}

.FooterNewsSection__listToggleCheckbox:checked~.FooterNewsSection__subsectionListItem:nth-of-type(n+3) {
    display: block
}

.FooterNewsSection__subsectionListItem:nth-of-type(3)+label,
.FooterNewsSection__subsectionListItem:nth-of-type(3)+label+label {
    display: none
}

.FooterNewsSection__listToggle--less {
    display: none
}

.FooterNewsSection__listToggleCheckbox:checked~.FooterNewsSection__listToggle--more {
    display: none
}

.FooterNewsSection__listToggleCheckbox:checked~.FooterNewsSection__listToggle--less {
    display: inline-block
}

.FooterSocialMedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #d2d5d7;
    margin: 0 8px
}

@media(min-width: 570px) {
    .FooterSocialMedia {
        margin: 0 12px
    }
}

@media(min-width: 820px) {
    .FooterSocialMedia {
        margin: 0;
        border-top: none;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

.FooterSocialMedia__iconsList {
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.FooterSocialMedia__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    display: none;
    color: #a6aaab
}

@media(min-width: 1070px) {
    .FooterSocialMedia__text {
        display: block
    }
}

.FooterSocialMedia__icon {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px
}

.FooterSocialMedia__icon--facebook {
    background-image: url("../filesPr/fb2.svg")
}

.FooterSocialMedia__icon--instagram {
    background-size: 40px 40px;
    background-image: url("../filesPr/instal.svg")
}

.FooterSocialMedia__icon--whatsapp {
    background-image: url("../filesPr/watsss.svg")
}

.FooterSocialMedia__icon--rss {
    background-size: 40px 40px;
    background-image: url("../filesPr/rss.svg")
}

.FooterSocialMedia__icon--twitter {
    background-image: url("../filesPr/tweets.svg")
}

.FooterSocialMedia__icon--youtube {
    background-size: 40px 40px;
    background-image: url("../filesPr/youtubes.svg")
}

.Legal__legalWrapper {
    color: #fff;
    padding: 32px 16px 64px;
    background-color: #3a3e3f
}

@media(min-width: 820px) {
    .Legal__legalWrapper {
        color: #74797a;
        background-color: #f0f2f3;
        padding-bottom: 28px
    }
}

.Legal__logo {
    width: 214px;
    height: 45px;
    background-size: 214px 45px;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

@media(min-width: 820px) {
    .Legal__logo {
        background-image: url(../filesPr/logo.svg)
    }
}

.Legal__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    display: block;
    margin-bottom: 16px
}

@media(min-width: 820px) {
    .Legal__text {
        color: #74797a
    }
}

.Legal__text--button {
    border: none;
    padding: 0;
    text-decoration: underline;
    background: none
}

.Legal__version {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    color: #74797a
}

.UnsectionedLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 16px
}

@media(min-width: 820px) {
    .UnsectionedLinks {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width: 1070px) {
    .UnsectionedLinks {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media(min-width: 1670px) {
    .UnsectionedLinks {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        padding-left: 16px;
        padding-right: 16px
    }
}

.UnsectionedLinks__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f;
    text-decoration: none;
    display: none;
    margin: 0
}

@media(min-width: 820px) {
    .UnsectionedLinks__title {
        display: block;
        margin-bottom: 16px
    }
}

.UnsectionedLinks__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    line-height: 1.65;
    display: none;
    text-decoration: none;
    color: #202223
}

@media(min-width: 820px) {
    .UnsectionedLinks__link {
        display: block
    }
}

.UnsectionedLinks__link:first-of-type {
    font-size: 14px;
    line-height: 1.2;
    display: block
}

@media(min-width: 570px) {
    .UnsectionedLinks__link:first-of-type {
        font-size: 18px;
        line-height: 1.2
    }
}

@media(min-width: 820px) {
    .UnsectionedLinks__link:first-of-type {
        font-size: 14px;
        line-height: 1.2;
        line-height: 1.65
    }
}

.SharedLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 8px;
    padding-left: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .SharedLinks {
        margin: 0 12px
    }
}

@media(min-width: 820px) {
    .SharedLinks {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 16px;
        padding: 0;
        border-bottom: none;
        margin-bottom: 0
    }
}

.SharedLinks__leftBlock {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.SharedLinks__title {
    display: none
}

@media(min-width: 820px) {
    .SharedLinks__title {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2;
        display: block
    }
}

.SharedLinks__link {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    color: #74797a;
    text-decoration: none;
    display: block;
    margin-bottom: 12px
}

.SharedLinks__link--right:nth-last-of-type(-n+2) {
    display: none
}

@media(min-width: 820px) {
    .SharedLinks__link--right:nth-last-of-type(-n+2) {
        display: block
    }
}

.PrintAndDigitalIcons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    margin: 0 8px
}

@media(min-width: 570px) {
    .PrintAndDigitalIcons {
        margin: 0 12px
    }
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0;
        padding-bottom: 28px
    }
}

.PrintAndDigitalIcons__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons__title {
        margin-top: 0
    }
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons__leftBlock {
        width: 167px
    }
}

.PrintAndDigitalIcons__rightBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width: 570px) {
    .PrintAndDigitalIcons__rightBlock {
        -ms-flex-preferred-size: 66.67%;
        flex-basis: 66.67%
    }
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons__rightBlock {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons__rightBlock>.PrintAndDigitalIcons__title {
        display: none
    }
}

.PrintAndDigitalIcons__linksWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .PrintAndDigitalIcons__linksWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 820px) {
    .PrintAndDigitalIcons__linksWrapper {
        display: none
    }
}

.PrintAndDigitalIcons__link {
    margin-bottom: 16px;
    margin-right: 16px
}

.Footer__topBlock {
    padding: 16px 8px;
    max-width: 1320px;
    border-top: 4px solid
}

@media(min-width: 570px) {
    .Footer__topBlock {
        margin: 0 12px;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 820px) {
    .Footer__topBlock {
        padding-bottom: 0
    }
}

@media(min-width: 1070px) {
    .Footer__topBlock {
        margin: 0 auto
    }
}

.Footer__sections {
    grid-column: 1/3;
    grid-row: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 16px 16px 16px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .Footer__sections {
        padding: 0 24px 16px 24px;
        border-bottom: none
    }
}

@media(min-width: 1670px) {
    .Footer__sections {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
        min-width: 1320px;
        margin-bottom: 16px
    }
}

.Footer__bottomBlock {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(5, -webkit-min-content);
    grid-template-rows: repeat(5, min-content)
}

@media(min-width: 820px) {
    .Footer__bottomBlock {
        grid-template-columns: 52% 48%;
        grid-template-rows: repeat(4, -webkit-min-content);
        grid-template-rows: repeat(4, min-content);
        background-color: #f0f2f3;
        border-top: 1px solid #d2d5d7;
        padding-top: 16px;
        padding-left: calc((100% - 1320px)/2);
        padding-right: calc((100% - 1320px)/2)
    }
}

@media(min-width: 1070px) {
    .Footer__bottomBlock {
        grid-template-columns: 46% 54%
    }
}

.Footer__sharedLinks {
    grid-column: 1/3;
    grid-row: 1/2
}

@media(min-width: 820px) {
    .Footer__sharedLinks {
        grid-column: 2/3;
        grid-row: 2/4
    }
}

.Footer__appIcons {
    grid-column: 1/3;
    grid-row: 2/3
}

@media(min-width: 820px) {
    .Footer__appIcons {
        grid-column: 2/3;
        grid-row: 4/5
    }
}

.Footer__socialLinksBlock {
    grid-column: 1/3;
    grid-row: 3/4
}

@media(min-width: 820px) {
    .Footer__socialLinksBlock {
        grid-column: 2/3;
        grid-row: 1/2;
        border-bottom: 1px solid #d2d5d7
    }
}

.Footer__newsletterBlock {
    grid-column: 1/3;
    grid-row: 4/5
}

@media(min-width: 820px) {
    .Footer__newsletterBlock {
        grid-column: 1/2;
        grid-row: 1/3
    }
}

.Footer__legalBlock {
    grid-column: 1/3;
    grid-row: 5/6
}

@media(min-width: 820px) {
    .Footer__legalBlock {
        grid-column: 1/2;
        grid-row: 3/5
    }
}

.PartnerContentDisclaimer {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #398691;
    border-top: 1px solid #00646e;
    border-bottom: 1px solid #00646e;
    margin-bottom: 24px;
    padding: 12px
}

.PartnerOverviewTeaser {
    width: 100%;
    margin-bottom: 48px;
    text-decoration: none
}

@media(min-width: 570px) {
    .PartnerOverviewTeaser {
        width: 33.33333%
    }
}

.PartnerOverviewTeaser__content {
    padding-right: 8px;
    padding-left: 8px
}

.PartnerOverviewTeaser__header {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 2px solid;
    border-bottom: 1px solid #a6aaab;
    text-transform: uppercase;
    text-decoration: none;
    color: #3a3e3f;
    height: 37px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PartnerOverviewTeaser__header:after {
    margin-left: 12px;
    margin-bottom: 2px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.PartnerOverviewTeaser__title:hover {
    text-decoration: underline
}

.PartnerOverviewTeaser__body {
    text-decoration: none
}

.PartnerOverviewTeaser__teaserImage {
    width: 100%;
    padding-bottom: calc((56.25 * 100%)/100);
    min-width: 100%;
    margin-top: 8px
}

.PartnerOverviewTeaser__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

.PartnerOverviewTeaser__teaserSummary {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 8px;
    margin-bottom: 0;
    display: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #202223;
    text-decoration: none
}

@media(min-width: 570px) {
    .PartnerOverviewTeaser__teaserSummary {
        display: block
    }
}

.PartnerOverviewPage {
    overflow-x: hidden;
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .PartnerOverviewPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .PartnerOverviewPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .PartnerOverviewPage {
        margin-left: 13px;
        margin-right: 13px
    }
}

.PartnerOverviewPage__disclaimer {
    margin: 24px 12px;
    text-align: center
}

.PartnerOverviewPage__disclaimerSubtitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2
}

.PartnerOverviewPage__teasers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px
}

.TeaserListItem {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

.TeaserListItem__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TeaserListItem__image {
    width: 33.33%;
    padding-bottom: calc((56.25 * 33.33%)/100);
    min-width: 33.33%;
    margin-right: 8px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .TeaserListItem__image {
        width: 25%;
        padding-bottom: calc((56.25 * 25%)/100);
        min-width: 25%;
        margin-right: 12px
    }
}

.TeaserListItem__playIconClasses {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

@media(min-width: 570px) {
    .TeaserListItem__playIconClasses {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

@media(min-width: 820px) {
    .TeaserListItem__playIconClasses {
        -ms-flex-item-align: center;
        align-self: center;
        width: 32px;
        height: 32px;
        left: calc(50% - (32px / 2));
        top: calc(50% - (32px / 2))
    }
}

@media(min-width: 1070px) {
    .TeaserListItem__playIconClasses {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.TeaserListItem__metadataWrapper {
    overflow: hidden;
    width: 100%
}

.TeaserListItem__metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 15px;
    margin-bottom: 4px
}

.TeaserListItem__premium {
    margin-right: 4px
}

.TeaserListItem__timestamp {
    padding-right: 4px;
    border-right: 1px solid #74797a
}

.TeaserListItem__commentsIcon {
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 2px
}

.TeaserListItem__sectionName {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #74797a;
    text-decoration: none;
    margin-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.TeaserListItem__sectionName--commentsEnabled {
    padding-left: 4px;
    border-left: 1px solid #74797a
}

.TeaserListItem__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f;
    margin: 0
}

@media(min-width: 570px) {
    .TeaserListItem__headline {
        font-size: 22px
    }
}

@media(min-width: 820px) {
    .TeaserListItem__headline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .TeaserListItem__headline {
        font-size: 22px
    }
}

.LoadMore__button:disabled {
    opacity: 40%;
    cursor: not-allowed
}

.LoadMore__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 24px;
    border-radius: 4px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-color: #27509a;
    width: 100%;
    max-width: 351px;
    height: 42px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .LoadMore__button {
        max-width: 415px;
        height: 52px
    }
}

@media(min-width: 820px) {
    .LoadMore__button {
        margin-bottom: 0
    }
}

.LoadMore__chevron {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-block
}

@media(min-width: 570px) {
    .SubsectionPage__content {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .SubsectionPage__content {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .SubsectionPage__content {
        margin-left: 13px;
        margin-right: 13px
    }
}

.SubsectionPage__body {
    margin-bottom: 24px
}

@media(min-width: 820px) {
    .SubsectionPage__body {
        margin-bottom: 0
    }
}

.SubsectionPage__noArticles {
    margin: 0
}

@media(min-width: 570px) {
    .SubsectionPage__latestNewsBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 100%
    }
}

.SubsectionPage__columnTeaserBlock {
    margin: 20px 0 4px 0
}

.SubsectionPage__mostReadBlock {
    margin-top: 4px;
    margin-bottom: 20px
}

.SubsectionPage__separator {
    border-bottom: 1px solid #d2d5d7;
    padding-bottom: 16px;
    margin-bottom: 16px
}

@media(min-width: 820px) {
    .SubsectionPage__loadMore {
        border-bottom: 1px solid #d2d5d7;
        padding-bottom: 16px;
        margin-bottom: 16px;
        height: 100%
    }
}

.SubsectionPage__loadMoreButton--nieuws-darkblue {
    background-color: #27509a
}

.SubsectionPage__loadMoreButton--sport-blue {
    background-color: #0ab2ef
}

.SubsectionPage__loadMoreButton--prive-rose {
    background-color: #e6007e
}

.SubsectionPage__loadMoreButton--dft-greyblue {
    background-color: #576a97
}

.SubsectionPage__loadMoreButton--vrouw-red {
    background-color: #dc0000
}

.SubsectionPage__loadMoreButton--lifestyle-turquoise {
    background-color: #0ea3bb
}

.SubsectionPage__loadMoreButton--watuzegt-green {
    background-color: #9ca24c
}

.CompetitionsDropdown {
    display: inline-block;
    position: relative
}

.CompetitionsDropdown__body {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    border: 1px solid #d2d5d7;
    color: #202223;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media(min-width: 570px) {
    .CompetitionsDropdown__body {
        width: 280px
    }
}

.CompetitionsDropdown__list {
    width: 100%;
    max-height: 225px;
    overflow: auto;
    border: 1px solid #d2d5d7;
    border-top: none;
    z-index: 10;
    position: absolute;
    background-color: #fff
}

@media(min-width: 570px) {
    .CompetitionsDropdown__list {
        width: 280px
    }
}

.CompetitionsDropdown__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    color: #202223;
    display: block;
    padding: 12px
}

.CompetitionsDropdown__link:hover {
    background-color: #f0f2f3
}

.CompetitionsDropdown__link--active {
    color: #0ab2ef
}

.CompetitionsDropdown__chevron {
    -webkit-transition: -webkit-transform 150ms linear;
    transition: -webkit-transform 150ms linear;
    transition: transform 150ms linear;
    transition: transform 150ms linear, -webkit-transform 150ms linear;
    width: 10px;
    height: 10px
}

.CompetitionsDropdown__chevron--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.CompetitionsDropdown--nightmode .CompetitionsDropdown__body {
    color: #d3d3d3
}

.CompetitionsDropdown--nightmode .CompetitionsDropdown__list {
    background-color: #161616
}

.CompetitionsDropdown--nightmode .CompetitionsDropdown__link {
    color: #a6aaab
}

.CompetitionsDropdown--nightmode .CompetitionsDropdown__link:hover {
    color: #d3d3d3;
    background-color: #373737
}

.SportScoreboardPage__body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 40px;
    margin-top: 16px
}

@media(min-width: 570px) {
    .SportScoreboardPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .SportScoreboardPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .SportScoreboardPage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .SportScoreboardPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .SportScoreboardPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .SportScoreboardPage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

.SportScoreboardPage__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .SportScoreboardPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .SportScoreboardPage__banner {
        min-height: 66px
    }
}

.SportScoreboardPage__banner--position-1 {
    margin-top: 32px;
    margin-bottom: 16px
}

.SportScoreboardPage__banner--position-2 {
    margin-top: 32px;
    margin-bottom: 32px
}

.SportScoreboardPage__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    color: #202223;
    margin-right: 16px;
    display: inline-block
}

.SportScoreboardPage__sportIcon {
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

.SportScoreboardPage__banner--active {
    color: #0ab2ef
}

.SportScoreboardPage__navigationWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .SportScoreboardPage__navigationWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.SportScoreboardPage__navigationLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #202223;
    text-align: center;
    margin: 8px;
    padding: 12px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d2d5d7;
    min-width: 160px;
    text-decoration: none
}

@media(min-width: 570px) {
    .SportScoreboardPage__navigationLink {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.SportScoreboardPage__navigationLink--nightmode {
    background-color: #161616;
    color: #d3d3d3
}

.SportScoreboardPage__navigationImage {
    width: 40px;
    height: 40px;
    margin: 0 15px 0 0
}

@media(min-width: 570px) {
    .SportScoreboardPage__navigationImage {
        width: 70px;
        height: 70px;
        margin: 20px 10px
    }
}

.SportScoreboardPage__navigationTitleWrapper {
    margin-bottom: 32px
}

.SportScoreboardPage__navigationTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 8px;
    margin-left: 8px;
    text-transform: uppercase;
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7
}

.SportScoreboardPage__navigationTitle--nightmode {
    color: #d3d3d3
}

.SportScoreboardPage__homeWidgetWrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 8px;
    margin-left: 8px
}

.SportScoreboardPage__widgetWrapper--embed {
    padding: 16px
}

.SportScoreboardPage__widgetLinks {
    margin-top: 16px;
    margin-bottom: 16px
}

.SportScoreboardPage--nightmode {
    background: #161616
}

.SportScoreboardPage--nightmode .SportScoreboardPage__link {
    color: #d3d3d3
}

.SimpleTitleSubheader {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    height: 40px;
    max-width: 1440px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f0f2f3;
    color: #3a3e3f
}

@media(min-width: 960px) {
    .SimpleTitleSubheader {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 820px) {
    .SimpleTitleSubheader {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2;
        height: 48px
    }
}

@media(min-width: 1070px) {
    .SimpleTitleSubheader {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .SimpleTitleSubheader {
        margin-left: auto;
        margin-right: auto
    }
}

.BookmarksPage__noArticlesFoundContainer {
    text-align: center;
    margin-bottom: 60px
}

.BookmarksPage__noArticlesFound {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    display: inline-block;
    max-width: 325px
}

.BookmarksPage__articleList {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(min-width: 820px) {
    .BookmarksPage__articleList {
        width: 75%
    }
}

@media(min-width: 1070px) {
    .BookmarksPage__articleList {
        width: 66.66667%
    }
}

.BookmarksPage__inlineBookmarkIcon {
    background-image: url("../filesPr/bookmark.svg");
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px
}

.BookmarksPage__bookmarkIcon,
.BookmarksPage__inlineBookmarkIcon,
.BookmarksPage__bookmarkFilledIcon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat
}

.BookmarksPage__bookmarkIcon,
.BookmarksPage__bookmarkFilledIcon {
    width: 21px;
    height: 21px;
    background-size: 17px 20px
}

.BookmarksPage__bookmarkIcon {
    background-image: url("../filesPr/bookmark.svg")
}

.BookmarksPage__icons {
    margin-top: 16px;
    margin-bottom: 48px
}

.BookmarksPage__arrowIcon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    width: 53px;
    height: 23px;
    margin-left: 20px;
    margin-right: 20px
}

.BookmarksPage__howTo {
    max-width: 500px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.BookmarksPage__howToTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3
}

@media(min-width: 570px) {
    .BookmarksPage__howToTitle {
        font-size: 18px;
        line-height: 1.2
    }
}

.BookmarksPage__followTagSuggestions {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a
}

@media(min-width: 570px) {
    .BookmarksPage__followTagSuggestions {
        font-size: 18px;
        line-height: 1.2
    }
}

.BookmarksPage__followTagSuggestion {
    margin-bottom: 16px
}

.BookmarksPage__loadMore {
    padding-bottom: 16px
}

.MyNewsPage__articleList {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(min-width: 820px) {
    .MyNewsPage__articleList {
        width: 75%
    }
}

@media(min-width: 1070px) {
    .MyNewsPage__articleList {
        width: 66.66667%
    }
}

.MyNewsPage__noArticlesFound {
    margin-bottom: 60px;
    text-align: center
}

.MyNewsPage__noArticlesFoundTitle {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    max-width: 325px;
    display: inline-block
}

.MyNewsPage__iconList {
    margin-bottom: 48px;
    margin-top: 16px
}

.MyNewsPage__icon {
    display: inline-block
}

.MyNewsPage__icon--plusIcon,
.MyNewsPage__icon--checkIcon {
    width: 20px;
    height: 20px
}

.MyNewsPage__icon--arrowIcon {
    background-repeat: no-repeat;
    background-position: center;
    width: 53px;
    height: 23px;
    margin-left: 20px;
    margin-right: 20px
}

.MyNewsPage__icon--plusIconLight {
    width: 13px;
    height: 13px
}

.MyNewsPage__howToWrapper {
    max-width: 500px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.MyNewsPage__howToTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3
}

@media(min-width: 570px) {
    .MyNewsPage__howToTitle {
        font-size: 18px;
        line-height: 1.2
    }
}

.MyNewsPage__howToContent {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a
}

@media(min-width: 570px) {
    .MyNewsPage__howToContent {
        font-size: 18px;
        line-height: 1.2
    }
}

.MyNewsPage__howToStep {
    margin-bottom: 16px
}

.MyNewsPage__loadMore {
    padding-bottom: 16px
}

.PartnerContentBiography {
    background-color: #eff5f6
}

.PartnerContentBiography--withPicture {
    max-width: 864px;
    padding: 3% 6% 1% 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 32px auto;
    border-top: 4px solid #00646e;
    text-align: center
}

@media(min-width: 820px) {
    .PartnerContentBiography--withPicture {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.PartnerContentBiography__content {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: #00646e;
    color: #fff
}

@media(min-width: 570px) {
    .PartnerContentBiography__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.PartnerContentBiography__imageWrapper {
    width: 120px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 820px) {
    .PartnerContentBiography__imageWrapper {
        margin-right: 16px
    }
}

.PartnerContentBiography__image {
    height: 120px;
    width: 120px;
    border-radius: 100%
}

.PartnerContentBiography__textWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.PartnerContentBiography__section {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 0;
    color: #74797a
}

.PartnerContentBiography__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2
}

.PartnerContentBiography__description {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2
}

.PartnerContentBiography__description--banner {
    padding: 16px
}

.PartnerContentTeasers {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(min-width: 820px) {
    .PartnerContentTeasers {
        width: 75%
    }
}

@media(min-width: 1070px) {
    .PartnerContentTeasers {
        width: 66.66667%
    }
}

.PartnerContentTeasers__teaser {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .PartnerContentTeasers__teaser {
        min-height: 140px
    }
}

.PartnerContentTeasers__teaserHeadline {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    color: #3a3e3f;
    margin-top: 4px;
    margin-bottom: 8px
}

@media(min-width: 820px) {
    .PartnerContentTeasers__teaserHeadline {
        font-size: 18px;
        line-height: 1.2
    }
}

.PartnerContentTeasers__teaserSummary {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    display: none;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .PartnerContentTeasers__teaserSummary {
        display: block
    }
}

.PartnerContentTeasers__teaserImage {
    width: 33%;
    padding-bottom: calc((56.25 * 33%)/100);
    min-width: 33%;
    float: right;
    margin-left: 8px
}

@media(min-width: 820px) {
    .PartnerContentTeasers__teaserImage {
        width: 25%;
        padding-bottom: calc((56.25 * 25%)/100);
        min-width: 25%
    }
}

.PartnerContentTeasers__teaserInfoWrap {
    padding: 0
}

.PartnerContentTeasers__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

.PartnerContentTeasers__teaserBlockPremium {
    margin-bottom: 8px
}

.PartnerContentTeasers__metadata {
    width: auto;
    overflow: inherit
}

.PartnerContentPage {
    margin-bottom: 48px
}

@media(min-width: 570px) {
    .PartnerContentPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .PartnerContentPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .PartnerContentPage {
        margin-left: 13px;
        margin-right: 13px
    }
}

.PartnerContentPage__breadcrumbs {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 1440px;
    margin-top: 4px
}

@media(min-width: 570px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 820px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 960px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .PartnerContentPage__breadcrumbs {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 820px) {
    .PartnerContentPage__breadcrumbs {
        margin-top: 16px;
        margin-bottom: 12px
    }
}

.PartnerContentPage__link {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    color: #202223;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.PartnerContentPage__divider {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    padding-left: 8px;
    padding-right: 8px
}

.ContentBlock__contentWrapper {
    max-width: 670px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px;
    border: 1px solid #d2d5d7;
    background-color: #fff
}

.ContentBlock__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #d2d5d7
}

.ContentBlock__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase
}

.ContentBlock__editWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ContentBlock__editLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    color: #27509a;
    text-decoration: none
}

.ContentBlock__content {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2
}

.ProfilePage__root {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding: 4px 8px;
    text-align: center;
    background-color: #f0f2f3;
    max-width: 1440px
}

@media(min-width: 960px) {
    .ProfilePage__root {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .ProfilePage__root {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .ProfilePage__root {
        margin-left: auto;
        margin-right: auto
    }
}

.ProfilePage__section {
    margin-left: 4px;
    margin-right: 4px
}

.ProfilePage__contentBlock {
    margin-top: 12px;
    margin-bottom: 8px
}

.ProfilePage__table {
    padding: 8px;
    color: #74797a
}

@media(min-width: 570px) {
    .ProfilePage__table {
        display: table
    }
}

@media(min-width: 570px) {
    .ProfilePage__row {
        display: table-row
    }
}

@media(min-width: 570px) {
    .ProfilePage__avatarTitleContainer,
    .ProfilePage__avatarImageContainer,
    .ProfilePage__cell {
        display: table-cell
    }
}

.ProfilePage__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-right: 12px;
    color: #202223
}

@media(min-width: 570px) {
    .ProfilePage__title {
        margin-bottom: 8px
    }
}

.ProfilePage__label {
    width: 64px;
    margin-top: 6px;
    background-color: #ffcb3d;
    border-radius: 3px;
    position: relative;
    overflow: hidden
}

@media(min-width: 570px) {
    .ProfilePage__label {
        margin-left: 12px;
        margin-top: 0
    }
}

.ProfilePage__labelText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #202223;
    padding: 2px 8px 1px 8px;
    position: relative
}

.ProfilePage__shine {
    position: absolute;
    top: -9px;
    left: 0;
    opacity: .46;
    width: 72px;
    height: 14px;
    background-color: #fff;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-6deg)
}

.ProfilePage__avatarTitleContainer {
    vertical-align: top
}

.ProfilePage__avatarImageContainer {
    padding-top: 8px
}

.ProfilePage__avatarBlock {
    height: 80px;
    width: 80px;
    border-radius: 50%
}

.ProfilePage__avatarBlockEmpty {
    height: 86px;
    width: 86px;
}

.ProfilePage__avatar {
    border-radius: 50%
}

.ProfilePage__buttonContainer {
    display: inline-block;
    text-align: center
}

.ProfilePage__button {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    padding: 12px 24px;
    background-color: #ffcb3d
}

.ProfilePage__freeArticles {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700
}

.ProfilePage__fiveEuro {
    padding: 16px
}

.ProfilePage__oneMinute {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a
}

.ProfilePage__premiumProducts {
    padding: 16px
}

.ProfilePage__profileLink {
    color: #27509a
}

.ColumnsPage__articleList {
    margin-top: 36px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 570px) {
    .ColumnsPage__articleList {
        margin-top: 20px
    }
}

@media(min-width: 820px) {
    .ColumnsPage__articleList {
        width: 75%;
        margin-top: 36px
    }
}

@media(min-width: 1070px) {
    .ColumnsPage__articleList {
        width: 66.66667%
    }
}

.ColumnsPage__loadMore {
    padding: 16px
}

.SearchPage__subheader {
    margin-bottom: 12px
}

@media(min-width: 570px) {
    .SearchPage__subheader {
        margin-bottom: 24px
    }
}

@media(min-width: 1070px) {
    .SearchPage__subheader {
        margin-bottom: 20px
    }
}

.SearchPage__root {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(min-width: 820px) {
    .SearchPage__root {
        width: 75%
    }
}

@media(min-width: 1070px) {
    .SearchPage__root {
        width: 66%
    }
}

.SearchPage__searchFormWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    padding-top: 14px;
    border-top: 4px solid #3a3e3f;
    margin: 0 12px 28px 12px
}

@media(min-width: 570px) {
    .SearchPage__searchFormWrapper {
        margin-bottom: 48px
    }
}

.SearchPage__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #3a3e3f;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #d2d5d7;
    padding-bottom: 16px;
    margin-bottom: 12px
}

.SearchPage__searchForm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-bottom: 24px
}

@media(min-width: 570px) {
    .SearchPage__searchForm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.SearchPage__searchInput {
    min-height: 42px;
    border: 1px solid #3a3e3f;
    margin-bottom: 12px
}

@media(min-width: 570px) {
    .SearchPage__searchInput {
        min-height: 52px;
        border-right: none;
        margin-bottom: 0px
    }
}

.SearchPage__searchInput:focus {
    outline: none
}

.SearchPage__searchButton {
    font-size: 16px;
    text-transform: none
}

@media(min-width: 570px) {
    .SearchPage__searchButton {
        font-size: 18px;
        line-height: 1.2
    }
}

.SearchPage__dropdownMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #3a3e3f
}

.SearchPage__dropdownMenu--placeholder {
    opacity: 15%
}

.SearchPage__searchText {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    padding: 16px 16px 16px 0
}

@media(min-width: 570px) {
    .SearchPage__searchText {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 16px;
        padding: 16px
    }
}

.SearchPage__select {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    width: 136px;
    height: 42px;
    border: 1px solid #3a3e3f;
    border-radius: 0;
    background-color: #fff;
    border-left: 3px solid #3a3e3f;
    padding-left: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media(min-width: 570px) {
    .SearchPage__select {
        font-size: 16px;
        width: 180px;
        height: 52px;
        padding-left: 16px
    }
}

@media(min-width: 820px) {
    .SearchPage__select {
        display: none
    }
}

.SearchPage__select:focus {
    outline: none
}

.SearchPage__selectArrow {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 15px) calc(1em + 4px), calc(100% - 10px) calc(1em + 4px);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}

@media(min-width: 570px) {
    .SearchPage__selectArrow {
        background-position: calc(100% - 25px) calc(1em + 7px), calc(100% - 20px) calc(1em + 7px)
    }
}

.SearchPage__customSelectWrapper {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    display: none;
    position: relative;
    width: 205px;
    height: 52px
}

@media(min-width: 820px) {
    .SearchPage__customSelectWrapper {
        display: block
    }
}

.SearchPage__selectedValue {
    width: 205px;
    height: 52px;
    border: 1px solid #3a3e3f;
    border-left: 3px solid #3a3e3f;
    padding: 16px 20px;
    background-color: #fff;
    text-transform: capitalize;
    cursor: pointer
}

.SearchPage__chevronIcon {
    float: right;
    width: 14px;
    height: 14px;
    -webkit-transition: -webkit-transform 150ms linear;
    transition: -webkit-transform 150ms linear;
    transition: transform 150ms linear;
    transition: transform 150ms linear, -webkit-transform 150ms linear
}

.SearchPage__chevronIcon--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.SearchPage__customOptions {
    z-index: 10;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 205px;
    height: 432px;
    border-right: 1px solid #a6aaab;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    visibility: hidden
}

.SearchPage__customOptions--toggleDropdown {
    opacity: 1;
    visibility: visible
}

.SearchPage__customOption {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #a6aaab;
    padding: 16px 20px;
    background-color: #fff;
    text-transform: capitalize;
    cursor: pointer
}

.SearchPage__rightBorder--alles {
    border-left: 3px solid #3a3e3f
}

.SearchPage__rightBorder--nieuws {
    border-left: 3px solid #27509a
}

.SearchPage__rightBorder--sport {
    border-left: 3px solid #0ab2ef
}

.SearchPage__rightBorder--entertainment {
    border-left: 3px solid #e6007e
}

.SearchPage__rightBorder--financieel {
    border-left: 3px solid #576a97
}

.SearchPage__rightBorder--vrouw {
    border-left: 3px solid #dc0000
}

.SearchPage__rightBorder--lifestyle {
    border-left: 3px solid #0ea3bb
}

.SearchPage__rightBorder--watuzegt {
    border-left: 3px solid #9ca24c
}

@media(min-width: 570px)and (min-width: 570px) {
    .SearchPage__resultsWrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 570px)and (min-width: 820px) {
    .SearchPage__resultsWrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 570px)and (min-width: 1070px) {
    .SearchPage__resultsWrapper {
        margin-left: 13px;
        margin-right: 13px
    }
}

.SearchPage__results {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media(min-width: 820px) {
    .SearchPage__results {
        width: 75%
    }
}

@media(min-width: 1070px) {
    .SearchPage__results {
        width: 66%
    }
}

.SearchPage__tabNavContainer--placeholder {
    opacity: 30%
}

.SearchPage__tabNavWrapper {
    padding-top: 0px;
    padding-bottom: 0px
}

.SearchPage__tabNav {
    width: 100%
}

@media(min-width: 570px) {
    .SearchPage__tabNav>button {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 14px;
        line-height: 1.3
    }
}

@media(min-width: 820px) {
    .SearchPage__tabNav>button {
        font-size: 16px
    }
}

.SearchPage__noResultsMessage {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    font-size: 16px;
    text-align: center;
    color: #3a3e3f;
    margin-top: 4px;
    margin-bottom: 100px
}

@media(min-width: 570px) {
    .SearchPage__noResultsMessage {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2;
        padding-top: 20px
    }
}

.SearchPage__message {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    padding: 16px;
    text-align: center;
    color: #3a3e3f;
    margin: 0;
    border-bottom: 1px solid #3a3e3f
}

@media(min-width: 570px) {
    .SearchPage__message {
        font-size: 16px;
        padding: 16px
    }
}

.SearchPage__teasersList {
    margin: 0 12px 24px 12px
}

@media(min-width: 570px) {
    .SearchPage__teasersList {
        margin: 0 0 24px 0
    }
}

.SearchPage__searchResults {
    padding-top: 12px;
    width: 100%
}

.SearchPage__separator {
    padding-bottom: 12px;
    margin-bottom: 12px
}

.SearchForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media(min-width: 570px) {
    .SearchForm {
        height: 52px
    }
}

@media(min-width: 820px) {
    .SearchForm {
        height: 52px
    }
}

.SearchForm__input {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 48px;
    padding-right: 16px;
    border: 1px solid #3a3e3f;
    border-radius: 0
}

@media(min-width: 570px) {
    .SearchForm__input {
        border-right: 0;
        margin-right: 0;
        padding-left: 52px
    }
}

.SearchForm__input::-webkit-input-placeholder {
    color: #a6aaab
}

.SearchForm__input::-moz-placeholder {
    color: #a6aaab
}

.SearchForm__input:-ms-input-placeholder {
    color: #a6aaab
}

.SearchForm__input::-ms-input-placeholder {
    color: #a6aaab
}

.SearchForm__input::placeholder {
    color: #a6aaab
}

.SearchForm__icon {
    width: 35px;
    height: 42px;
    position: absolute;
    margin-left: 8px;
    background-position: center;
    background-repeat: no-repeat
}

@media(min-width: 570px) {
    .SearchForm__icon {
        width: 52px;
        height: 52px;
        margin-left: 4px
    }
}

.SearchForm__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    background: #27509a;
    color: #fff;
    border: 0;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    height: 42px
}

@media(min-width: 570px) {
    .SearchForm__button {
        height: 100%
    }
}

@media(min-width: 820px) {
    .SearchForm__button {
        width: 150px
    }
}

.SearchForm__button--disabled {
    opacity: 60%;
    cursor: not-allowed
}

.HouseRulesPage__container {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 80px
}

@media(min-width: 570px) {
    .HouseRulesPage__container {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .HouseRulesPage__container {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .HouseRulesPage__container {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .HouseRulesPage__container {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .HouseRulesPage__container {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .HouseRulesPage__container {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .HouseRulesPage__wrapper {
        margin-left: 176px;
        margin-right: 176px
    }
}

.HouseRulesPage__subheader {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    max-width: 1440px;
    padding: 12px;
    background-color: #f0f2f3;
    text-align: center;
    display: none
}

@media(min-width: 960px) {
    .HouseRulesPage__subheader {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .HouseRulesPage__subheader {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .HouseRulesPage__subheader {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 820px) {
    .HouseRulesPage__subheader {
        display: block
    }
}

.HouseRulesPage__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 24px
}

@media(min-width: 820px) {
    .HouseRulesPage__title {
        font-size: 26px;
        line-height: 1.2;
        margin-top: 48px
    }
}

.HouseRulesPage__subtitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 24px
}

@media(min-width: 820px) {
    .HouseRulesPage__subtitle {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 32px
    }
}

.HouseRulesPage__list {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 24px;
    padding-left: 20px
}

@media(min-width: 820px) {
    .HouseRulesPage__list {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 32px
    }
}

.HouseRulesPage__listItem {
    margin-bottom: 16px;
    padding-left: 16px
}

.CallToActionBlock__wrapper {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 12px;
    padding: 12px;
    text-align: center
}

@media(min-width: 820px) {
    .CallToActionBlock__wrapper {
        margin-top: 24px
    }
}

@media(min-width: 820px) {
    .CallToActionBlock__wrapper {
        padding: 24px
    }
}

.CallToActionBlock__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 8px
}

@media(min-width: 820px) {
    .CallToActionBlock__title {
        font-size: 24px;
        line-height: 1.2
    }
}

.CallToActionBlock__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3
}

@media(min-width: 820px) {
    .CallToActionBlock__text {
        font-size: 18px;
        line-height: 1.2
    }
}

.ContactPage__subheader {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    max-width: 1440px;
    padding: 12px;
    text-align: center;
    background-color: #f0f2f3;
    display: block
}

@media(min-width: 960px) {
    .ContactPage__subheader {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .ContactPage__subheader {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .ContactPage__subheader {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 570px) {
    .ContactPage__subheader {
        font-size: 18px;
        line-height: 1.2
    }
}

.ContactPage__body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 80px
}

@media(min-width: 570px) {
    .ContactPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .ContactPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .ContactPage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .ContactPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .ContactPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .ContactPage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .ContactPage__bodyWrapper {
        max-width: 700px;
        margin: auto
    }
}

.ContactPage__card {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 12px;
    border-top: 4px solid #27509a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 820px) {
    .ContactPage__card {
        margin-top: 24px
    }
}

.ContactPage__header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    font-size: 20px;
    margin: 16px 12px 8px 12px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .ContactPage__header {
        margin: 20px;
        font-size: 16px
    }
}

.ContactPage__divider {
    height: 1px;
    background-color: #ebf0f9;
    width: 100%
}

.ContactPage__buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 12px
}

@media(min-width: 570px) {
    .ContactPage__buttonGroup {
        margin: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ContactPage__button {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    color: #fff;
    background-color: #27509a;
    text-decoration: none;
    text-align: center;
    padding: 8px 16px
}

@media(min-width: 570px) {
    .ContactPage__button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media(min-width: 820px) {
    .ContactPage__button {
        font-size: 14px;
        line-height: 1.2
    }
}

.ContactPage__button:not(:first-of-type) {
    margin-top: 8px
}

@media(min-width: 570px) {
    .ContactPage__button:not(:first-of-type) {
        margin-top: 0;
        margin-left: 20px
    }
}

.ContactPage__icon {
    width: 30px;
    height: 30px;
    margin-right: 4px
}

@media(min-width: 570px) {
    .ContactPage__icon {
        width: 34px;
        height: 34px
    }
}

.ContactPage__icon--whatsapp {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

@media(min-width: 570px) {
    .ContactPage__icon--whatsapp {
        width: 24px;
        height: 24px
    }
}

.ContactPage__icon--envelope {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    -webkit-filter: contrast(1.5);
    filter: contrast(1.5)
}

@media(min-width: 570px) {
    .ContactPage__icon--envelope {
        width: 28px;
        height: 28px
    }
}

.ContactPage__openingHoursBlock {
    margin: 12px
}

@media(min-width: 570px) {
    .ContactPage__openingHoursBlock {
        margin: 20px
    }
}

.ContactPage__openingHourLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 300px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ContactPage__paragraph {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    margin: 0 12px 12px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .ContactPage__paragraph {
        font-size: 16px !important;
        margin: 0 20px 20px
    }
}

.ContactPage__paragraph--bold {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    margin: 0
}

.ContactPage__openingHour {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    margin: 4px 0
}

@media(min-width: 570px) {
    .ContactPage__openingHour {
        font-size: 16px !important
    }
}

.ContactPage__openingHour--bold {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3
}

.ContactPage__hint {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    font-style: italic;
    color: #3a3e3f;
    margin: 0 12px 12px 12px
}

@media(min-width: 570px) {
    .ContactPage__hint {
        margin: 0 20px 20px 20px
    }
}

.PartnerSitesPage__header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    max-width: 1440px;
    padding: 12px;
    text-align: center;
    background-color: #f0f2f3;
    display: none
}

@media(min-width: 960px) {
    .PartnerSitesPage__header {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .PartnerSitesPage__header {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .PartnerSitesPage__header {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 820px) {
    .PartnerSitesPage__header {
        display: block
    }
}

.PartnerSitesPage__body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 80px
}

@media(min-width: 570px) {
    .PartnerSitesPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .PartnerSitesPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .PartnerSitesPage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .PartnerSitesPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .PartnerSitesPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .PartnerSitesPage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

.PartnerSitesPage__pageWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-line-pack: center;
    align-content: center
}

@media(min-width: 570px) {
    .PartnerSitesPage__pageWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 820px) {
    .PartnerSitesPage__pageWrapper {
        margin-left: 176px;
        margin-right: 176px
    }
}

.PartnerSitesPage__pageColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.PartnerSitesPage__pageColumn--left {
    padding-right: 16px
}

.PartnerSitesPage__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 24px
}

@media(min-width: 820px) {
    .PartnerSitesPage__title {
        font-size: 26px;
        line-height: 1.2;
        margin-top: 48px
    }
}

.PartnerSitesPage__paragraph,
.PartnerSitesPage__siteLink:active {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 24px
}

@media(min-width: 820px) {
    .PartnerSitesPage__paragraph,
    .PartnerSitesPage__siteLink:active {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 32px
    }
}

.PartnerSitesPage__link,
.PartnerSitesPage__link:active {
    color: #27509a;
    text-decoration: underline
}

.PartnerSitesPage__link:hover {
    text-decoration: none
}

.PartnerSitesPage__link:visited {
    color: #6885b9
}

.TagPage__tagWrapper {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f0f2f3
}

@media(min-width: 820px) {
    .TagPage__tagWrapper {
        height: 48px
    }
}

.TagPage__tagWrapper--header {
    max-width: 1440px
}

@media(min-width: 960px) {
    .TagPage__tagWrapper--header {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .TagPage__tagWrapper--header {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .TagPage__tagWrapper--header {
        margin-left: auto;
        margin-right: auto
    }
}

.TagPage__tagWrapper--bottom {
    width: 100%;
    margin-bottom: 24px
}

.TagPage__tag {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    display: block;
    height: 28px;
    color: #3a3e3f;
    background-color: #d2d5d7;
    border-radius: 100px;
    padding: 2px 16px 0 16px
}

@media(min-width: 820px) {
    .TagPage__tag {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 14px;
        line-height: 1.3;
        height: 32px
    }
}

.TagPage__tag:hover,
.TagPage__tag--followed {
    background-color: #3a3e3f;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(58, 62, 63, .25);
    box-shadow: 0 1px 3px 0 rgba(58, 62, 63, .25)
}

.TagPage__tag:hover>span {
    width: 8px;
    height: 8px;
    display: inline-block
}

.TagPage__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    margin-right: 16px;
    text-transform: capitalize;
    color: #3a3e3f
}

@media(min-width: 820px) {
    .TagPage__title {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.2;
        margin-right: 16px
    }
}

.TagPage__icon {
    margin-left: 8px;
    vertical-align: middle;
    display: inline-block
}

.TagPage__icon--check {
    width: 24px;
    height: 24px
}

.TagPage__icon--plus {
    width: 8px;
    height: 8px
}

.TagPage__banner--position-0 {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .TagPage__banner--position-0 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .TagPage__banner--position-0 {
        min-height: 66px
    }
}

.TagPage__separator {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

.TagPage__noArticlesWrapper {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .TagPage__noArticlesWrapper {
        padding-top: 16px
    }
}

.TagPage__noArticlesWrapper a {
    text-decoration: none
}

.TagPage__noArticlesWrapper--topMessage {
    border-bottom: none;
    padding-bottom: 0
}

@media(min-width: 820px) {
    .TagPage__noArticlesWrapper--topMessage {
        padding-bottom: 16px;
        border-bottom: 1px solid #d2d5d7
    }
}

.TagPage__noArticlesTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #3a3e3f;
    margin: 0 0 24px
}

@media(min-width: 820px) {
    .TagPage__noArticlesTitle {
        font-size: 60px
    }
}

.TagPage__noArticlesText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f;
    line-height: 1.33;
    margin: 0
}

.TagPage__noArticlesText:last-of-type {
    margin-bottom: 40px
}

.TagPage__separator--topMessage {
    display: none
}

@media(min-width: 820px) {
    .TagPage__separator--topMessage {
        display: block
    }
}

.TagPage__chevron {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.TagPage__link {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-color: #27509a;
    width: 100%;
    max-width: 351px;
    height: 42px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .TagPage__link {
        max-width: 415px;
        height: 52px
    }
}

@media(min-width: 820px) {
    .TagPage__link {
        margin-bottom: 0
    }
}

@media(min-width: 570px) {
    .TagPage__latestNewsBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 100%
    }
}

.ProgramDetailPage__header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 32px;
    text-align: center
}

@media(min-width: 820px) {
    .ProgramDetailPage__header {
        margin-top: 44px
    }
}

@media(min-width: 820px) {
    .ProgramDetailPage__header {
        font-size: 24px;
        line-height: 1.2
    }
}

.ProgramDetailPage__content {
    padding: 0 8px;
    margin: 24px 4px 0;
    width: auto
}

@media(min-width: 570px) {
    .ProgramDetailPage__content {
        padding: 0 8px;
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .ProgramDetailPage__content {
        margin-left: auto;
        margin-right: auto;
        width: 75%
    }
}

@media(min-width: 1070px) {
    .ProgramDetailPage__content {
        padding: 0 12px;
        width: 66.6667%
    }
}

.VwdInteractiveGraph {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    padding-bottom: 40%;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 820px) {
    .VwdInteractiveGraph {
        width: 66.67%
    }
}

.VwdInteractiveGraph__graph {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    max-width: 100%
}

.FundDetailGraphPage {
    margin-bottom: 16px
}

.FundDetailGraphPage__banner {
    min-height: 116px;
    margin-top: 32px;
    margin-bottom: 32px
}

@media(min-width: 570px)and (max-width: 819px) {
    .FundDetailGraphPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .FundDetailGraphPage__banner {
        min-height: 66px
    }
}

.ArchivePage__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    max-width: 1440px;
    padding: 12px;
    text-align: center;
    background-color: #f0f2f3;
    display: none
}

@media(min-width: 960px) {
    .ArchivePage__title {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .ArchivePage__title {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .ArchivePage__title {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 820px) {
    .ArchivePage__title {
        display: block
    }
}

.ArchivePage__body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 80px
}

@media(min-width: 570px) {
    .ArchivePage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .ArchivePage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .ArchivePage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .ArchivePage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .ArchivePage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .ArchivePage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .ArchivePage__content {
        margin-left: 176px;
        margin-right: 176px
    }
}

.ArchivePage__yearTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 24px
}

@media(min-width: 820px) {
    .ArchivePage__yearTitle {
        font-size: 26px;
        line-height: 1.2;
        margin-top: 48px
    }
}

.ArchivePage__list {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 24px;
    padding-left: 20px
}

@media(min-width: 820px) {
    .ArchivePage__list {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 32px
    }
}

.ArchivePage__listItem {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 4px
}

@media(min-width: 820px) {
    .ArchivePage__listItem {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 8px
    }
}

.ArchivePage__link,
.ArchivePage__link:active {
    color: #27509a;
    text-decoration: underline
}

.ArchivePage__link:hover {
    text-decoration: none
}

.ArchivePage__link:visited {
    color: #6885b9
}

.AppLandingPage__wrapper {
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .AppLandingPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .AppLandingPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .AppLandingPage__wrapper {
        margin-left: 13px;
        margin-right: 13px
    }
}

.AppLandingPage__title {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 24px;
    margin-bottom: 24px
}

.AppLandingPage__subtitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 24px;
    margin-bottom: 24px
}

.AppLandingPage__text {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 24px
}

.AppLandingPage__button {
    text-align: center;
    margin-bottom: 48px
}

.AppLandingPage__colWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 820px) {
    .AppLandingPage__colWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.AppLandingPage__colIphoneImage {
    text-align: center
}

.AppLandingPage__colIpadImage {
    text-align: center
}

@media(min-width: 820px) {
    .AppLandingPage__colIpadImage {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.AppLandingPage__image {
    display: block;
    margin-bottom: 16px
}

@media(min-width: 1070px) {
    .AppLandingPage__image {
        display: inline-block;
        margin-right: 12px
    }
}

.AppLandingPage__ipadImage {
    max-width: 333px;
    width: 100%
}

.AppLandingPage__iphoneImage {
    max-width: 245px;
    width: 100%
}

.AppLandingPage__androidAppButton {
    max-width: 134px;
    width: 100%
}

.AppLandingPage__appleAppButton {
    max-width: 120px;
    width: 100%
}

.AppLandingPage__huaweiAppButton {
    max-width: 133px;
    width: 100%
}

.RoadNumber__contentWrapper {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    width: 70px;
    height: 32px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RoadNumber__contentWrapper--pointer {
    cursor: pointer
}

.RoadNumber__contentWrapper--A {
    background-color: #d00910
}

.RoadNumber__contentWrapper--N {
    background-color: #ffcb3d
}

.TrafficInfo__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #d2d5d7;
    margin-top: 16px;
    padding-top: 16px
}

.TrafficInfo__roadNumberText {
    width: calc(100% - 70px);
    margin-left: 24px
}

.TrafficInfo__roadNumberText--noRoadNumber {
    margin-left: 92px
}

.TrafficInfo__title {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 8px
}

.TrafficInfo__text {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 4px
}

.TrafficInfo__queueLength,
.TrafficInfo__delay {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700
}

.TrafficInfo__delay {
    color: #d00910;
    margin-top: 4px;
    margin-bottom: 0px
}

.TrafficInfoPage {
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    width: 100%
}

@media(min-width: 570px) {
    .TrafficInfoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TrafficInfoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TrafficInfoPage {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .TrafficInfoPage {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .TrafficInfoPage {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .TrafficInfoPage {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .TrafficInfoPage__contentWrapper {
        padding-right: 12px;
        border-right: 1px solid #d2d5d7;
        width: 60%
    }
}

@media(min-width: 1070px) {
    .TrafficInfoPage__contentWrapper {
        width: 66.66667%;
        padding-right: 28px
    }
}

.TrafficInfoPage__title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    margin: 0
}

@media(min-width: 1070px) {
    .TrafficInfoPage__title {
        font-size: 20px;
        line-height: 1.2
    }
}

.TrafficInfoPage__title--noTraffic {
    text-align: center;
    margin-top: 72px;
    margin-bottom: 48px
}

.TrafficInfoPage__paragraph {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 8px
}

.TrafficInfoPage__eventList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px
}

@media(min-width: 820px) {
    .TrafficInfoPage__eventList {
        padding-right: 20px
    }
}

.TrafficInfoPage__roadNumber {
    margin-right: 8px;
    margin-top: 12px
}

@media(min-width: 1070px) {
    .TrafficInfoPage__roadNumber {
        margin-right: 12px
    }
}

.TrafficInfoPage__collaboration {
    font-size: 12px;
    line-height: 1.3;
    color: #74797a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d2d5d7;
    padding-top: 40px;
    padding-bottom: 64px;
    margin-top: 16px
}

.TrafficInfoPage__collaboration>a {
    margin-top: 8px
}

.TrafficInfoPage__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .TrafficInfoPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .TrafficInfoPage__banner {
        min-height: 66px
    }
}

.TrafficInfoPage__banner-1 {
    display: none
}

@media(min-width: 820px) {
    .TrafficInfoPage__banner-1 {
        display: block;
        width: 40%
    }
}

@media(min-width: 1070px) {
    .TrafficInfoPage__banner-1 {
        width: 33.33333%
    }
}

.WeatherGraph {
    position: relative
}

.WeatherGraph__tooltipComponent {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    display: none
}

.WeatherGraph:hover .WeatherGraph__tooltipComponent {
    display: block
}

.WeatherHourlyWidget__titleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #d2d5d7
}

.WeatherHourlyWidget__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #3a3e3f;
    margin-top: 16px;
    margin-bottom: 16px
}

.WeatherHourlyWidget__navigationWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.WeatherHourlyWidget__arrow {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 16px;
    line-height: 35px;
    width: 38px;
    height: 35px;
    background-color: #1db3e6;
    text-align: center;
    color: #fff;
    border: 0;
    padding: 0
}

.WeatherHourlyWidget__arrow--arrowLeft {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: 1px
}

.WeatherHourlyWidget__arrow--arrowRight {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.WeatherHourlyWidget__content {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    overflow-x: scroll;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    border-color: #202223
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__content {
        font-size: 16px;
        line-height: 22px
    }
}

.WeatherHourlyWidget__column {
    border-right: 1px solid #f0f2f3;
    padding: 2px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42px;
    position: relative
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__column {
        padding: 8px 0;
        width: 86px
    }
}

.WeatherHourlyWidget__column:last-of-type {
    border-right: 0
}

.WeatherHourlyWidget__temperature,
.WeatherHourlyWidget__rain {
    padding: 2px
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__temperature,
    .WeatherHourlyWidget__rain {
        padding: 8px 4px
    }
}

.WeatherHourlyWidget__temperature {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #ed2329
}

.WeatherHourlyWidget__rain {
    color: #1db3e6
}

.WeatherHourlyWidget__dayOfWeek {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700
}

.WeatherHourlyWidget__date {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    margin-bottom: 8px
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__date {
        margin-bottom: 16px
    }
}

.WeatherHourlyWidget__windIcon {
    width: 24px;
    height: 24px;
    display: block;
    margin: 2px auto
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__windIcon {
        width: 30px;
        height: 30px;
        margin: 8px auto
    }
}

.WeatherHourlyWidget__windSpeed {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 7px
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__windSpeed {
        bottom: 22px
    }
}

.WeatherHourlyWidget__weatherIconWrapper {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    overflow: inherit;
    margin-bottom: 0;
    height: 42px;
    padding: 0 2px 2px;
    border-bottom: 1px solid #f0f2f3
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__weatherIconWrapper {
        height: 86px;
        padding: 0 4px 8px
    }
}

.WeatherHourlyWidget__weatherIcon {
    left: 0;
    width: 38px
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__weatherIcon {
        width: 78px
    }
}

.WeatherHourlyWidget__tooltip {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    border-radius: 3px;
    padding: 3px;
    margin-top: -2px;
    background-color: #ed2329;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: normal
}

.WeatherHourlyWidget__tooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 4px;
    height: 4px;
    margin: 0 0 -2px -2px;
    background-color: #ed2329
}

.WeatherHourlyWidget__graph {
    width: 100%;
    height: 24px
}

@media(min-width: 570px) {
    .WeatherHourlyWidget__graph {
        height: 50px
    }
}

.WeatherDailyWidget__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    font-size: 20px;
    color: #3a3e3f;
    margin-top: 16px;
    margin-bottom: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.WeatherDailyWidget__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.WeatherDailyWidget__column {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    line-height: 19px;
    table-layout: fixed;
    width: calc(100% - 16px);
    text-align: center;
    border-color: #202223;
    border-right: 1px solid #f0f2f3
}

@media(min-width: 570px) {
    .WeatherDailyWidget__column {
        font-size: 16px;
        line-height: 22px;
        width: 100%
    }
}

.WeatherDailyWidget__column:last-of-type {
    border: 0
}

.WeatherDailyWidget__weatherGrade {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    padding: 4px 8px;
    margin-bottom: 8px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__weatherGrade {
        margin-bottom: 16px
    }
}

.WeatherDailyWidget__weatherGrade--1 {
    background-color: #6e090c
}

.WeatherDailyWidget__weatherGrade--2 {
    background-color: #9d0d11
}

.WeatherDailyWidget__weatherGrade--3 {
    background-color: #ed2329
}

.WeatherDailyWidget__weatherGrade--4 {
    background-color: #cc8a00
}

.WeatherDailyWidget__weatherGrade--5 {
    background-color: #e69c00
}

.WeatherDailyWidget__weatherGrade--6 {
    background-color: #ffad00
}

.WeatherDailyWidget__weatherGrade--7 {
    background-color: #45791a
}

.WeatherDailyWidget__weatherGrade--8 {
    background-color: #518e1e
}

.WeatherDailyWidget__weatherGrade--9 {
    background-color: #5da323
}

.WeatherDailyWidget__weatherGrade--10 {
    background-color: #75cd2c
}

.WeatherDailyWidget__dayName {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    display: none
}

@media(min-width: 1070px) {
    .WeatherDailyWidget__dayName {
        display: block
    }
}

.WeatherDailyWidget__dayNameShort {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    display: block
}

@media(min-width: 1070px) {
    .WeatherDailyWidget__dayNameShort {
        display: none
    }
}

.WeatherDailyWidget__date {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    margin-bottom: 8px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__date {
        margin-bottom: 16px
    }
}

.WeatherDailyWidget__sunChance::before {
    margin-right: 4px;
    width: 12px;
    height: 12px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__sunChance::before {
        width: 16px;
        height: 16px
    }
}

.WeatherDailyWidget__sunChance {
    color: #ff8400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px;
    border-bottom: 1px solid #f0f2f3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .WeatherDailyWidget__sunChance {
        padding: 8px 4px
    }
}

.WeatherDailyWidget__tempMax {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #ed2329;
    padding: 2px 2px 0
}

@media(min-width: 570px) {
    .WeatherDailyWidget__tempMax {
        padding: 8px 4px 0
    }
}

.WeatherDailyWidget__tempMin {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #1db3e6;
    border-bottom: 1px solid #f0f2f3;
    padding: 0 2px 2px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__tempMin {
        padding: 0 4px 8px
    }
}

.WeatherDailyWidget__rain {
    color: #1db3e6;
    padding: 0 2px 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 570px) {
    .WeatherDailyWidget__rain {
        padding: 0 4px 8px
    }
}

.WeatherDailyWidget__rain--percentage {
    padding: 2px 2px 0 2px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__rain--percentage {
        padding: 8px 4px 0
    }
}

.WeatherDailyWidget__rain--percentage::before {
    margin-right: 4px;
    width: 8px;
    height: 15px
}

@media(min-width: 570px) {
    .WeatherDailyWidget__rain--percentage::before {
        width: 12px;
        height: 19px
    }
}

.WeatherDailyWidget__rainPercentage {
    vertical-align: middle
}

.WeatherDailyWidget__windWrapper {
    position: relative;
    padding: 2px;
    border-top: 1px solid #f0f2f3
}

@media(min-width: 570px) {
    .WeatherDailyWidget__windWrapper {
        padding: 8px 4px
    }
}

.WeatherDailyWidget__windIcon {
    width: 24px;
    height: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 570px) {
    .WeatherDailyWidget__windIcon {
        width: 30px;
        height: 30px
    }
}

.WeatherDailyWidget__windSpeed {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    position: absolute;
    width: 100%;
    top: 7px;
    left: 0
}

@media(min-width: 570px) {
    .WeatherDailyWidget__windSpeed {
        top: 16px
    }
}

.WeatherDailyWidget__weatherIconWrapper {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    border-bottom: 1px solid #f0f2f3;
    padding: 0
}

@media(min-width: 570px) {
    .WeatherDailyWidget__weatherIconWrapper {
        padding: 0 4px 8px
    }
}

.WeatherDailyWidget__weatherIcon {
    max-width: 100%
}

@media(min-width: 570px) {
    .WeatherInfoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .WeatherInfoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .WeatherInfoPage {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 820px) {
    .WeatherInfoPage__contentWrapper {
        padding-right: 12px;
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 820px) {
    .WeatherInfoPage__teaserWrapper {
        padding-left: 12px
    }
}

.WeatherInfoPage__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 8px
}

.WeatherInfoPage__teaserImage {
    width: 100%;
    position: relative
}

.WeatherInfoPage__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 0;
    color: #3a3e3f;
    margin-bottom: 8px
}

@media(min-width: 1070px) {
    .WeatherInfoPage__teaserHeadline {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

.WeatherInfoPage__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 570px) {
    .WeatherInfoPage__teaserPlayIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.WeatherInfoPage__banner--position-0,
.WeatherInfoPage__banner--position-1,
.WeatherInfoPage__banner--position-2 {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .WeatherInfoPage__banner--position-0,
    .WeatherInfoPage__banner--position-1,
    .WeatherInfoPage__banner--position-2 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .WeatherInfoPage__banner--position-0,
    .WeatherInfoPage__banner--position-1,
    .WeatherInfoPage__banner--position-2 {
        min-height: 66px
    }
}

.WeatherInfoPage__searchBar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #d2d5d7;
    margin-top: 16px;
    padding-top: 16px
}

@media(min-width: 570px) {
    .WeatherInfoPage__searchBar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 820px) {
    .WeatherInfoPage__searchBar {
        margin-right: 16px
    }
}

.WeatherInfoPage__searchIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
    margin-top: 16px
}

.WeatherInfoPage__searchInput {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 24px;
    line-height: 1.2;
    width: 100%;
    border: 1px solid #3a3e3f;
    padding: 16px 16px 16px 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media(min-width: 570px) {
    .WeatherInfoPage__searchInput {
        width: 80%
    }
}

.WeatherInfoPage__searchButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
    min-width: 100px;
    background: #27509a;
    border: 1px solid #27509a;
    color: #fff;
    padding: 16px
}

@media(min-width: 570px) {
    .WeatherInfoPage__searchButton {
        width: 20%
    }
}

.WeatherInfoPage__iFrame {
    border-top: 1px solid #d2d5d7;
    margin-top: 16px;
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 16px;
    padding-bottom: 16px
}

@media(min-width: 820px) {
    .WeatherInfoPage__iFrame {
        margin-right: 16px
    }
}

.WeatherInfoPage__iFrameTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f;
    margin-top: 16px;
    margin-bottom: 16px
}

.WeatherInfoPage__collaboration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 48px;
    padding-bottom: 16px
}

.WeatherInfoPage__collaborationText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a;
    margin-bottom: 8px;
    margin-top: 0
}

.TagsPage__wrapper {
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .TagsPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TagsPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TagsPage__wrapper {
        margin-left: 13px;
        margin-right: 13px
    }
}

.TagsPage__header {
    height: 48px;
    text-align: center;
    margin-top: 0;
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f0f2f3
}

@media(min-width: 960px) {
    .TagsPage__header {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .TagsPage__header {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .TagsPage__header {
        margin-left: auto;
        margin-right: auto
    }
}

.TagsPage__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-right: 16px
}

.TagsPage__subtitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 48px
}

.TagsPage__tags {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 24px
}

@media(min-width: 570px) {
    .TagsPage__tags {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .TagsPage__tags {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .TagsPage__tags {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 570px) {
    .TagsPage__tags {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TagsPage__tags {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TagsPage__tags {
        margin-left: 13px;
        margin-right: 13px
    }
}

.TagsPage__tag {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #f0f2f3;
    border-top: solid 1px #dfe1e2
}

@media(min-width: 570px) {
    .TagsPage__tag {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .TagsPage__tag {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .TagsPage__tag {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 570px) {
    .TagsPage__tag {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TagsPage__tag {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TagsPage__tag {
        margin-left: 13px;
        margin-right: 13px
    }
}

.TagsPage__tag--even {
    background-color: #fff
}

.TagsPage__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    color: #3a3e3f;
    text-decoration: none
}

.Breadcrumbs__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 16px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1440px
}

@media(min-width: 570px) {
    .Breadcrumbs__wrapper {
        margin: 20px 12px 12px
    }
}

@media(min-width: 1070px) {
    .Breadcrumbs__wrapper {
        margin-left: 24px;
        margin-right: 24px
    }
}

@media(min-width: 1490px) {
    .Breadcrumbs__wrapper {
        margin-left: auto;
        margin-right: auto
    }
}

.Breadcrumbs__wrapper a,
.Breadcrumbs__wrapper span {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 10px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .Breadcrumbs__wrapper a,
    .Breadcrumbs__wrapper span {
        font-size: 14px;
        line-height: 1.3
    }
}

.Breadcrumbs__wrapper a {
    text-decoration: none;
    border-bottom: 1px solid #3a3e3f;
    text-transform: uppercase
}

.Breadcrumbs__wrapper a:not(:last-child) {
    margin-right: 8px
}

.Breadcrumbs__wrapper a:not(:first-child) {
    margin-left: 8px
}

@media(min-width: 570px) {
    .Breadcrumbs__wrapper a:not(:last-child) {
        margin-right: 12px
    }
    .Breadcrumbs__wrapper a:not(:first-child) {
        margin-left: 12px
    }
}

.PuzzleTypePage__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px
}

@media(min-width: 820px) {
    .PuzzleTypePage__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 820px) {
    .PuzzleTypePage__mainContent {
        -ms-flex-preferred-size: calc(66% - 16px);
        flex-basis: calc(66% - 16px);
        margin-right: 16px
    }
}

.PuzzleTypePage__sideColumn {
    padding-top: 12px
}

@media(min-width: 820px) {
    .PuzzleTypePage__sideColumn {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        padding-top: 0
    }
}

.PuzzleTypePage__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #3a3e3f;
    border-top: 4px solid #3a3e3f;
    border-bottom: 1px solid #d2d5d7;
    padding-top: 20px;
    padding-bottom: 24px;
    margin: 0
}

@media(min-width: 570px) {
    .PuzzleTypePage__headline {
        font-size: 48px
    }
}

@media(min-width: 820px) {
    .PuzzleTypePage__headline {
        font-size: 44px
    }
}

@media(min-width: 1070px) {
    .PuzzleTypePage__headline {
        font-size: 54px;
        padding-bottom: 28px;
        margin-bottom: 4px
    }
}

.PuzzleTypePage__teaserWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PuzzleTypePage__metadata {
    width: 100%
}

.PuzzleTypePage__teaser {
    padding: 12px 0;
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 0
}

.PuzzleTypePage__teaserImage--premium {
    background-color: #d4e7f9
}

.PuzzleTypePage__teaserImage img {
    position: absolute;
    top: 0
}

.PuzzleTypePage__puzzleInterval {
    margin-left: 0
}

.PuzzleTypePage__puzzleInterval--premium {
    margin-left: 4px
}

@media(min-width: 570px) {
    .PuzzleTypePage__latestNews {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 820px) {
    .PuzzleTypePage__latestNews {
        margin-top: 0
    }
}

.PuzzleTypePage__loadMoreButton {
    background-color: #3a3e3f;
    margin-top: 12px
}

.PuzzleTypePage__noPuzzlesWrapper {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .PuzzleTypePage__noPuzzlesWrapper {
        padding-top: 16px
    }
}

.PuzzleTypePage__noPuzzlesWrapper a {
    text-decoration: none
}

.PuzzleTypePage__noPuzzlesTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #3a3e3f;
    margin: 0 0 24px
}

@media(min-width: 820px) {
    .PuzzleTypePage__noPuzzlesTitle {
        font-size: 60px
    }
}

.PuzzleTypePage__noPuzzlesText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f;
    line-height: 1.33;
    margin: 0
}

.PuzzleTypePage__noPuzzlesText:last-of-type {
    margin-bottom: 40px
}

.PuzzleTypePage__chevron {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block
}

.PuzzleTypePage__link {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-color: #3a3e3f;
    width: 100%;
    max-width: 351px;
    height: 42px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .PuzzleTypePage__link {
        max-width: 415px;
        height: 52px
    }
}

@media(min-width: 820px) {
    .PuzzleTypePage__link {
        margin-bottom: 0
    }
}

.PuzzleTypePage__banner--position-0 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.PuzzleTypePage__bannerWrapper {
    border-bottom: 1px solid #d2d5d7
}

.PuzzleTypePage__banner {
    margin-top: 12px;
    margin-bottom: 12px
}

.ArticleTitleBlock {
    margin-bottom: 16px;
    padding-top: 16px;
    margin-top: 8px;
    border-top: 4px solid #3a3e3f
}

.ArticleTitleBlock--premium {
    margin-top: 16px;
    padding-top: 0;
    border-top: none
}

.ArticleTitleBlock--partnerContent {
    border-top: none
}

.ArticleTitleBlock__theme {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    width: 66.67%;
    text-transform: uppercase;
    background-color: #3a3e3f;
    color: #fff;
    padding: 8px 16px;
    margin: 0 0 12px 0
}

.ArticleTitleBlock__chapeau {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    line-height: 1.7;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    margin: 0;
    padding: 4px 8px;
    color: #fff;
    background-color: #d00910
}

@media(min-width: 570px) {
    .ArticleTitleBlock__chapeau {
        font-size: 20px;
        line-height: 1.2;
        line-height: 1.7
    }
}

@media(min-width: 820px) {
    .ArticleTitleBlock__chapeau {
        font-size: 26px;
        line-height: 1.2;
        line-height: 1.7
    }
}

.ArticleTitleBlock__title {
    font-display: swap;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #202223;
    margin-top: 0;
    margin-bottom: 0
}

@media(min-width: 1070px) {
    .ArticleTitleBlock__title {
        font-size: 48px;
        line-height: 1.1
    }
}

@media(min-width: 820px) {
    .ArticleTitleBlock__title {
        font-size: 64px;
        letter-spacing: .2px;
        line-height: 1
    }
}

.ArticleTitleBlock__title--partnerContent {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 42px;
    line-height: 1.2
}

@media(min-width: 570px) {
    .ArticleTitleBlock__title--partnerContent {
        font-size: 64px;
        line-height: 1.2
    }
}

.ArticleTitleBlock__title--chapeau {
    margin-top: 8px
}

.ArticleImage {
    margin-top: 24px;
    margin-bottom: 24px
}

.ArticleImage__descriptionWrapper {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #d2d5d7;
    background-color: #fff
}

@media(min-width: 1070px) {
    .ArticleImage__descriptionWrapper--mainImage {
        position: relative;
        max-width: 427px;
        margin-top: -32px;
        margin-left: 32px;
        padding: 16px;
        border-left: 3px solid;
        border-bottom: none
    }
}

.ArticleImage__paragraph {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #74797a;
    display: inline-block
}

.ArticleImage__paragraph--copyright {
    text-transform: uppercase
}

.ArticleImage__square {
    margin: 0 auto;
    max-width: 445px
}

.ArticleImage__square>.FluidImage__placeholder {
    padding-bottom: 100%
}

.ArticleImage__portrait_9_16 {
    margin: 0 auto;
    max-width: 250px
}

.ArticleImage__portrait_9_16>.FluidImage__placeholder {
    padding-bottom: 177.78%
}

.FacebookBlock {
    max-width: 500px
}

.ArticleBodyBlocks__html--vrouw a {
    color: #dc0000
}

.ArticleBodyBlocks__iframeBlock,
.ArticleBodyBlocks__articleImageBlock,
.ArticleBodyBlocks__instagramEmbed,
.ArticleBodyBlocks__list,
.ArticleBodyBlocks__tikTokEmbed {
    margin-bottom: 24px
}

.ArticleBodyBlocks__iframeBlock {
    overflow: hidden
}

.ArticleBodyBlocks__iframeBlock--fluid {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.ArticleBodyBlocks__iframeBlock--large {
    padding-bottom: 100%
}

.ArticleBodyBlocks__iframeBlock--xlarge {
    padding-bottom: 150%
}

.ArticleBodyBlocks__iframe--fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%
}

.ArticleBodyBlocks__video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 24px;
    margin-top: 24px
}

.ArticleBodyBlocks__videoEmbed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.ArticleBodyBlocks__relatedArticle {
    margin-top: 24px
}

.ArticleBodyBlocks__facebookBlock {
    margin-bottom: 16px
}

.ArticleBodyBlocks__partnerContent {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap
}

.ArticleBodyBlocks__bannerWrapper {
    width: 100%;
    text-align: center
}

.ArticleBodyBlocks__bannerWrapper--position-1 {
    min-height: 250px;
    min-width: 300px
}

.ArticleBodyBlocks__bannerWrapper div {
    width: 100%
}

.ArticleBodyBlocks .instagram-media.instagram-media-rendered {
    max-width: none !important
}

.ArticleBodyBlocks__banner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ArticleBodyBlocks__subheader {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    line-height: 1.3;
    margin-top: 24px;
    margin-bottom: 16px
}

.ArticleBodyBlocks__quote {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 16px 0;
    color: #d00910;
    border-top: 4px solid #d2d5d7;
    padding-top: 8px
}

.TwitterTimelineBlock {
    max-width: 500px
}

.InlineRelatedArticlesBlock {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #27509a;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #27509a;
    display: block;
    margin: 24px 0;
    background-color: #f6f8f9
}

.InlineRelatedArticlesBlock--sport {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #0ab2ef;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #0ab2ef
}

.InlineRelatedArticlesBlock--financieel {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #576a97;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #576a97
}

.InlineRelatedArticlesBlock--entertainment {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #e6007e;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #e6007e
}

.InlineRelatedArticlesBlock--vrouw {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #dc0000;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #dc0000
}

.InlineRelatedArticlesBlock--lifestyle {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #0ea3bb;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #0ea3bb
}

.InlineRelatedArticlesBlock--watuzegt {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #9ca24c;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), inset 3px 0 0 0 #9ca24c
}

.InlineRelatedArticlesBlock__header {
    color: #27509a;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .5px;
    line-height: 2.1;
    margin: 0 16px;
    padding-top: 8px;
    text-transform: uppercase;
    display: block
}

.InlineRelatedArticlesBlock__header--sport {
    color: #0ab2ef
}

.InlineRelatedArticlesBlock__header--financieel {
    color: #576a97
}

.InlineRelatedArticlesBlock__header--entertainment {
    color: #e6007e
}

.InlineRelatedArticlesBlock__header--vrouw {
    color: #dc0000
}

.InlineRelatedArticlesBlock__header--lifestyle {
    color: #0ea3bb
}

.InlineRelatedArticlesBlock__header--watuzegt {
    color: #9ca24c
}

.InlineRelatedArticlesBlock__link,
.InlineRelatedArticlesBlock__link:visited {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 16px;
    padding-bottom: 8px;
    display: block;
    color: #3a3e3f;
    text-decoration: none
}

.InlineRelatedArticlesBlock__link:not(:first-of-type) {
    border-top: 1px solid rgba(210, 213, 215, .3);
    padding-top: 8px
}

.InlineRelatedArticlesBlock__link:hover,
.InlineRelatedArticlesBlock__link:active {
    text-decoration: underline;
    color: #3a3e3f
}

.ArticleAuthorBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    padding-top: 8px
}

.ArticleAuthorBlock__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ArticleAuthorBlock__paragraph {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3;
    margin: 0 0 0 4px
}

.ArticleAuthorBlock__paragraphStrong {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase
}

.ArticleAuthorBlock__timestampWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ArticleAuthorBlock__timestamp {
    padding: 4px 4px
}

.ArticleAuthorBlock__timestamp--noRightPadding {
    padding-right: 0
}

.ArticleAuthorBlock__timestamp--update {
    background-color: #f0f2f3
}

.ArticleAuthorBlock__avatar {
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 4px;
    background-color: #f0f2f3
}

.ArticleAuthorBlock__sectionBlock {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #74797a
}

.ArticleAuthorBlock__sectionName--vrouw {
    color: #dc0000
}

.SocialButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SocialButtons__placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 8px;
    border-radius: 50%
}

.SocialButtons__link {
    height: 34px;
    width: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.SocialButtons__link--whatsapp {
    background-color: #25d366;
    background-size: 16px 16px
}

@media(min-width: 570px) {
    .SocialButtons__link--whatsapp {
        display: none
    }
}

.SocialButtons__link--facebook {
    background-color: #3b5998;
    background-size: 15px 18px;
    background-image: url("../filesPr/fb.svg")
}

.SocialButtons__link--twitter {
    background-color: #4099ff;
    background-size: 16px 13px;
    background-image: url("../filesPr/tweet.svg")
}

.SocialButtons__link--mail {
    background-color: #3a3e3f;
    background-size: 16px 13px;
    background-image: url("../filesPr/mail.svg")
}

.SocialButtons__link--share {
    background-color: #d2d5d7;
    border: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    background-size: 16px 16px;
    background-image: url("../filesPr/copyl.svg")
}

.SocialButtons__link--share:hover .copyButton {
    display: block;
    z-index: 1
}

.SocialButtons__copyMessage {
    display: none;
    opacity: .95;
    right: 0;
    top: 150%;
    position: absolute;
    padding: 8px;
    background-color: #3a3e3f;
    color: #fff;
    white-space: nowrap
}

.SocialButtons__copyMessage::before {
    content: "";
    background-color: #3a3e3f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    right: 14px
}

.ArticleCommentsIcon {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px
}

.ArticleCommentsIcon__count {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    text-decoration: none;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top: 2px
}

.ArticleSocialButtons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #d2d5d7
}

@media(min-width: 570px) {
    .ArticleSocialButtons--top {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(min-width: 570px) {
    .ArticleSocialButtons--bottom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ArticleSocialButtons__bookmarkButton {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 8px
}

.ArticleSocialButtons__bookmarkIcon,
.ArticleSocialButtons__bookmarkFilledIcon {
    width: 21px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px 20px
}

.ArticleSocialButtons__bookmarkIcon {
    background-image: url("../filesPr/bookmark.svg")
}

.ArticleSocialButtons__bookmarkFilledIcon {}

.ArticleSocialButtons__buttonsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ArticleSocialButtons__commentsIconWrapper {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    border-left: 1px solid #d2d5d7
}

.ArticleSocialButtons__bookmarkButtonWrapper {
    padding-left: 8px;
    margin-left: 8px
}

@media(min-width: 570px) {
    .ArticleSocialButtons__bookmarkButtonWrapper {
        padding-left: 0;
        margin-left: 0
    }
}

.ArticleTags__moreAbout {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    color: #74797a;
    text-transform: uppercase;
    margin-bottom: 16px
}

.ArticleTags__moreAbout--vrouw {
    color: #dc0000
}

.ArticleTags__articleTagsList {
    list-style: none;
    padding-left: 0;
    margin-top: 0
}

.ArticleTags__articleTagsItem {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    position: static
}

@media(min-width: 820px) {
    .ArticleTags__articleTagsItem {
        position: relative
    }
}

.ArticleTags__popup {
    left: 10px;
    right: 10px;
    margin-top: -175px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .35);
    position: absolute;
    background-color: #3a3e3f;
    color: #fff;
    z-index: 10
}

@media(min-width: 570px) {
    .ArticleTags__popup {
        left: 50%;
        right: 0;
        width: 300px;
        margin-left: -150px
    }
}

@media(min-width: 820px) {
    .ArticleTags__popup {
        left: 0;
        bottom: 40px;
        margin-top: 0;
        margin-left: 0
    }
}

.ArticleTags__header {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    padding: 16px
}

.ArticleTags__closeWrapper {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    float: right;
    padding: 4px;
    color: #a6aaab
}

.ArticleTags__closeWrapper::after {
    width: 8px;
    display: inline-block
}

.ArticleTags__button {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    padding: 16px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #74797a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ArticleTags__button::before {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.ArticleTags__button--unfollow::before {
    margin-left: 8px;
    margin-right: 12px;
    width: 10px;
    height: auto
}

.ArticleTags__checkIcon,
.ArticleTags__articleIcon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.ArticleTags__tag {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #3a3e3f;
    background-color: #d2d5d7;
    border-radius: 100px;
    text-decoration: none;
    padding: 4px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    border: 0
}

.ArticleTags__tag--vrouw {
    background-color: #e5887f;
    color: #fff
}

.ArticleTags__tag:hover,
.ArticleTags__tag--followed {
    background-color: #3a3e3f;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(58, 62, 63, .25);
    box-shadow: 0 1px 3px 0 rgba(58, 62, 63, .25)
}

.ArticleTags__tag--vrouw:hover,
.ArticleTags__tag--vrouw.ArticleTags__tag--followed {
    background-color: #dc0000;
    color: #fff
}

.ArticleTags__tag::after {
    margin-left: 8px;
    width: 8px
}

.ArticleTags__tag--followed::after,
.ArticleTags__tag--followed:hover::after {
    width: 24px;
    height: 24px
}

.ArticleTags__icons {
    margin-left: 8px;
    margin-right: 0
}

.PremiumLabelWithLine {
    min-height: 24px;
    background-color: #ffcb3d;
    margin-bottom: 8px;
    padding-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top
}

.PremiumLabelWithLine__label {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    color: #202223;
    margin: 0 8px 0 0
}

.PremiumLabelWithLine__bestOf {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12px;
    border-left: 1px solid;
    color: #202223;
    margin: 0 8px 0 0
}

.ThemeTeaser {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 24px;
    background-color: #3a3e3f;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

@media(min-width: 1070px) {
    .ThemeTeaser {
        width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.ThemeTeaser__teaserText {
    padding-right: 8px;
    margin: 0
}

.ThemeTeaser__title {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    display: block;
    padding-top: 8px;
    padding-bottom: 20px
}

.ThemeTeaser__link {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    background-color: #d00910;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 12px 16px
}

.ThemeTeaser__image {
    width: 170px;
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0;
    height: 95px;
    padding-bottom: 0
}

@media(min-width: 820px) {
    .ThemeTeaser__image {
        display: block
    }
}

.ArticleIntro__paragraph {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 16px
}

.ArticleIntro__paragraph--vrouw a {
    color: #dc0000
}

.ArticleIntro__paragraph--partnerContent {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700
}

.ArticleIntro__location {
    text-transform: uppercase
}

.ComponentRotation {
    margin: 24px -16px;
    background-color: #f0f2f3;
    padding: 12px
}

@media(min-width: 570px) {
    .ComponentRotation {
        margin: 24px -20px
    }
}

@media(min-width: 820px) {
    .ComponentRotation {
        margin: 24px auto
    }
}

.SmallListTeaser__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.SmallListTeaser__metadataWrapper {
    overflow: hidden;
    width: 100%
}

.SmallListTeaser__metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 15px;
    margin-bottom: 8px
}

.SmallListTeaser__premiumLabel {
    margin-right: 4px
}

.SmallListTeaser__timestamp {
    padding-right: 4px;
    border-right: 1px solid #d2d5d7
}

.SmallListTeaser__sectionLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #74797a;
    margin-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.SmallListTeaser__sectionLink--commentsEnabled {
    padding-left: 4px;
    border-left: 1px solid #d2d5d7
}

.SmallListTeaser__commentsIcon {
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-top: 2px
}

.SmallListTeaser__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    color: #3a3e3f;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 0;
    padding-right: 8px
}

.SmallListTeaser__headline:hover {
    text-decoration: underline
}

@media(min-width: 570px) {
    .SmallListTeaser__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 20px;
        height: 20px;
        border-width: 1px;
        left: calc(50% - (20px / 2));
        top: calc(50% - (20px / 2))
    }
}

.SmallListTeaser__image {
    width: 33.33%;
    padding-bottom: calc((56.25 * 33.33%)/100);
    min-width: 33.33%;
    margin-bottom: 0
}

@media(min-width: 1070px) {
    .SmallListTeaser__image {
        width: 25%;
        padding-bottom: calc((56.25 * 25%)/100);
        min-width: 25%
    }
}

.PartnerContentMoreArticles {
    margin-bottom: 24px;
    background-color: #eff5f6;
    border-top: 4px solid #00646e
}

.PartnerContentMoreArticles__headerWrapper {
    padding: 8px
}

.PartnerContentMoreArticles__header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    text-transform: uppercase
}

.PartnerContentMoreArticles__articleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px;
    width: 100%;
    margin-bottom: 48px
}

.PartnerContentMoreArticles__listWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

@media(min-width: 570px)and (max-width: 819px) {
    .PartnerContentMoreArticles__listWrapper {
        width: 50%
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .PartnerContentMoreArticles__listWrapper:nth-child(odd) {
        padding-right: 8px
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .PartnerContentMoreArticles__listWrapper:nth-child(odd)::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -8px;
        width: 1px;
        height: 100%;
        border-right: 1px solid #a6aaab
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .PartnerContentMoreArticles__listWrapper:nth-child(even) {
        padding-left: 8px
    }
}

.PartnerContentMoreArticles__list {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

.PartnerContentMoreArticles__listWrapper:last-child .PartnerContentMoreArticles__list {
    border-bottom: 0
}

@media(min-width: 570px)and (max-width: 819px) {
    .PartnerContentMoreArticles__listWrapper:nth-last-child(2):nth-child(odd) .PartnerContentMoreArticles__list {
        border-bottom: 0
    }
}

.ArticlePageWrapper__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .ArticlePageWrapper__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .ArticlePageWrapper__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .ArticlePageWrapper__banner {
        min-height: 80px
    }
}

.ArticlePageWrapper__uid,
.ArticlePageWrapper__sectionName {
    display: none
}

.ArticlePageWrapper__article {
    margin-top: 16px
}

.ArticlePageWrapper__breadcrumbs {
    margin-top: 4px;
    max-width: 1440px;
    margin-left: 10px;
    margin-right: 10px
}

@media(min-width: 960px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 570px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 820px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-top: 16px;
        margin-bottom: 12px
    }
}

@media(min-width: 1070px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .ArticlePageWrapper__breadcrumbs {
        margin-left: auto;
        margin-right: auto
    }
}

.ArticlePageWrapper__breadcrumbsLink {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    color: #202223;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 1px solid #202223
}

.ArticlePageWrapper__breadcrumbsLink--vrouw {
    border-bottom-color: #dc0000
}

.ArticlePageWrapper__breadcrumbsDivider {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    padding-left: 8px;
    padding-right: 8px
}

.ArticlePageWrapper__skeleton {
    width: 100px
}

.PodcastArticle__theme {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    margin: 0;
    padding: 4px 8px 4px 4px;
    background-color: #3a3e3f;
    color: #fff
}

.PodcastArticle__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 32px;
    color: #3a3e3f;
    margin: 12px 0
}

.PodcastArticle__intro {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    color: #3a3e3f;
    font-size: 16px;
    margin: 8px 0 12px
}

.PodcastArticle__socialButtons {
    padding: 12px 0;
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 12px
}

.PodcastArticle__article {
    color: #3a3e3f;
    margin-top: 16px;
    border-top: 2px solid #3a3e3f;
    padding: 12px;
    border-bottom: 1px solid #d2d5d7
}

.PodcastArticle__article--active {
    background-color: #f0f2f3
}

.PodcastArticle__articlePlay {
    display: block;
    width: 42px;
    height: 42px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-left: 12px
}

.PodcastArticle__articlePlay--active {
    cursor: default
}

.PodcastArticle__articleTime {
    display: block
}

.PodcastArticle__articleTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    margin: 4px 0
}

.PodcastArticle__articleText {
    margin-top: 16px;
    border-top: 1px solid #d2d5d7;
    padding-top: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5
}

.PodcastArticle__articleText>p {
    display: inline;
    margin-top: 12px
}

.PodcastArticle__listToggleCheckbox {
    display: none
}

.PodcastArticle__listToggleCheckbox:checked~label::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.PodcastArticle__listToggleCheckbox:checked~p {
    display: block;
    white-space: normal
}

.PodcastArticle__listToggle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    display: block;
    margin-top: 12px;
    text-align: right;
    cursor: pointer
}

.PodcastArticle__listToggle::after {
    content: "";
    margin-left: 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: relative;
    top: 1px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.PodcastArticleWrapper {
    padding: 0 12px
}

.PodcastArticleWrapper__mainContent {
    border-top: 4px solid #3a3e3f;
    padding: 20px 0
}

@media(min-width: 820px) {
    .PodcastArticleWrapper__mainContent {
        width: calc(66.6% - 8px);
        display: inline-block;
        vertical-align: top;
        margin-right: 8px
    }
}

@media(min-width: 820px) {
    .PodcastArticleWrapper__sideContent {
        width: 33.3%;
        display: inline-block;
        vertical-align: top;
        padding-left: 8px
    }
}

.PodcastArticleWrapper__breadcrumbs {
    display: block;
    margin-bottom: 0
}

.PodcastArticleWrapper__breadcrumbs a,
.PodcastArticleWrapper__breadcrumbs span {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3
}

.LatestPodcasts {
    border-top: 4px solid #3a3e3f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.LatestPodcasts__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #d2d5d7;
    margin: 12px 0 0;
    width: 100%
}

.LatestPodcasts__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #d2d5d7;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestPodcasts__teaser {
        width: 50%
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestPodcasts__teaser:nth-child(even) {
        padding-right: 8px;
        border-right: 1px solid #d2d5d7
    }
}

@media(min-width: 570px)and (max-width: 819px) {
    .LatestPodcasts__teaser:nth-child(odd) {
        padding-left: 8px
    }
}

.MostReadVideos__contentWrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1070px) {
    .MostReadVideos__contentWrapper {
        width: 75%
    }
}

.MostReadVideos__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 16px;
    margin-top: 32px;
    text-transform: uppercase;
    color: #74797a
}

.MostReadVideos__articlesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.MostReadVideos__teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-preferred-size: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media(min-width: 570px) {
    .MostReadVideos__teaser {
        margin-bottom: 16px
    }
}

@media(min-width: 1070px) {
    .MostReadVideos__teaser {
        -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px)
    }
}

.MostReadVideos__teaserImage {
    width: 100%;
    margin-bottom: 4px
}

.MostReadVideos__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #3a3e3f;
    margin-top: 4px;
    margin-bottom: 8px
}

@media(min-width: 570px) {
    .MostReadVideos__teaserHeadline {
        font-size: 18px;
        line-height: 1.2
    }
}

.MostReadVideos__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 1070px) {
    .MostReadVideos__playIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 48px;
        height: 48px;
        left: calc(50% - (48px / 2));
        top: calc(50% - (48px / 2))
    }
}

.MostReadVideos__timestamp {
    margin-top: 4px;
    border-right: none
}

.MostReadVideos__summary,
.MostReadVideos__sectionName,
.MostReadVideos__premiumLabel {
    display: none
}

.MostReadVideos__separator {
    border-bottom: 1px solid #d2d5d7;
    padding-bottom: 16px
}

@media(min-width: 570px) {
    .MostReadVideos__separator {
        padding-bottom: 0
    }
}

.MostRecentPremium__contentWrapper {
    border-bottom: 2px solid #ffcb3d;
    padding-bottom: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1070px) {
    .MostRecentPremium__contentWrapper {
        width: 75%;
        margin: 20px auto
    }
}

.MostRecentPremium__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    color: #202223;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px
}

.MostRecentPremium__title::after {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    height: 14px;
    background-color: #ffcb3d;
    margin-left: 10px
}

.MostRecentPremium__teaserWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MostRecentPremium__teaser {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.MostRecentPremium__teaser:nth-child(even) {
    padding-left: 12px
}

.MostRecentPremium__teaser:nth-child(odd) {
    padding-right: 12px
}

.MostRecentPremium__teaser:first-child {
    position: relative
}

.MostRecentPremium__teaser:first-child::after {
    content: "";
    border-right: 1px solid #d2d5d7;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 12px)
}

.MostRecentPremium__teaser:last-child {
    border-left: 1px solid #d2d5d7
}

.MostRecentPremium__teaser:nth-child(-n+2) {
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 12px
}

.MostRecentPremium__teaserImage {
    margin-bottom: 12px
}

.MostRecentPremium__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #202223;
    margin-top: 4px;
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .MostRecentPremium__teaserHeadline {
        font-size: 20px;
        line-height: 1.2
    }
}

.ArticleStocksWidget__link {
    margin: 0 4px 2px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none
}

.ArticleStocksWidget__name {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #005274;
    height: 36px;
    border-radius: 4px 0 0 4px;
    background-color: #d2e7f1;
    border-color: #d2e7f1;
    margin: 0 1px 0 0;
    white-space: nowrap
}

.ArticleStocksWidget__name:active {
    border-style: solid;
    background-color: #005274;
    color: #fff
}

.ArticleStocksWidget__name:hover {
    cursor: pointer;
    background-color: #005274;
    color: #fff
}

.ArticleStocksWidget__name:focus {
    outline: none
}

.ArticleStocksWidget__priceWrapper {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #00925a;
    height: 36px;
    border-radius: 0 4px 4px 0;
    background-color: #d2e7f1;
    border-color: #d2e7f1;
    margin: 0
}

.ArticleStocksWidget__priceWrapper:active {
    border-style: solid
}

.ArticleStocksWidget__priceWrapper:focus {
    outline: none
}

.ArticleStocksWidget__price {
    margin-right: 10px
}

.ArticleStocksWidget__price--down {
    color: #d00910
}

.ArticleStocksWidget__relvar {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3
}

.ArticleStocksWidget__relvar--down {
    color: #d00910
}

.TextArticlePage__tags {
    border-bottom: 1px solid #d2d5d7
}

.TextArticlePage__socialClickFree {
    margin-top: 16px
}

.TextArticlePage__premiumLabel {
    margin-top: 16px
}

.TextArticlePage__content {
    margin-left: 8px;
    margin-right: 8px
}

@media(min-width: 570px) {
    .TextArticlePage__content {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .TextArticlePage__content {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .TextArticlePage__content {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 820px) {
    .TextArticlePage__content {
        overflow: hidden
    }
}

.TextArticlePage__header {
    padding: 0 8px;
    margin-bottom: 16px
}

@media(min-width: 1070px) {
    .TextArticlePage__header {
        width: 75%;
        margin-left: 9%;
        margin-right: auto
    }
}

.TextArticlePage__mainColumn {
    padding: 0 8px
}

@media(min-width: 820px) {
    .TextArticlePage__mainColumn {
        padding: 0 16px;
        width: 65%;
        display: inline-block;
        vertical-align: top;
        max-width: calc(100% - 300px)
    }
}

.TextArticlePage__secondaryColumn {
    padding: 0 8px
}

@media(min-width: 820px) {
    .TextArticlePage__secondaryColumn {
        width: 33%;
        display: inline-block;
        vertical-align: top;
        min-width: 300px
    }
}

.TextArticlePage__socialWrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .TextArticlePage__socialWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.TextArticlePage__imageWrapper--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.TextArticlePage__imageWrapper--mobile>*:first-child {
    min-width: 100%;
    margin-bottom: 16px
}

@media(min-width: 820px) {
    .TextArticlePage__imageWrapper--mobile {
        display: none
    }
}

.TextArticlePage__imageWrapper--desktop {
    display: none
}

@media(min-width: 820px) {
    .TextArticlePage__imageWrapper--desktop {
        display: block
    }
}

.TextArticlePage__bodyBlocksContent {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5
}

@media(min-width: 1070px) {
    .TextArticlePage__bodyBlocksContent {
        width: 75%;
        margin: auto
    }
}

.TextArticlePage__socialButtons--bottom {
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7
}

.TextArticlePage__commentsWrapper {
    margin-top: 24px
}

.TextArticlePage__sideBlock {
    display: none
}

@media(min-width: 820px) {
    .TextArticlePage__sideBlock {
        display: block
    }
}

.TextArticlePage__bannerWrapper--position-1,
.TextArticlePage__bannerWrapper--position-2 {
    display: none;
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .TextArticlePage__bannerWrapper--position-1,
    .TextArticlePage__bannerWrapper--position-2 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .TextArticlePage__bannerWrapper--position-1,
    .TextArticlePage__bannerWrapper--position-2 {
        min-height: 66px
    }
}

@media(min-width: 570px) {
    .TextArticlePage__bannerWrapper--position-1,
    .TextArticlePage__bannerWrapper--position-2 {
        min-height: 265px
    }
}

@media(min-width: 820px) {
    .TextArticlePage__bannerWrapper--position-1,
    .TextArticlePage__bannerWrapper--position-2 {
        display: block
    }
}

.TextArticlePage__socialCol {
    margin-right: 8px;
    margin-bottom: 16px
}

.TextArticlePage__headerContent {
    margin-bottom: 16px
}

.TextArticlePage__prolog {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    color: #74797a;
    padding-bottom: 4px;
    border-top: 1px solid #d2d5d7;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 570px) {
    .TextArticlePage__prolog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.TextArticlePage__readSpeakerBlock {
    display: none;
    margin-top: 16px;
    margin-bottom: 8px
}

@media(min-width: 820px) {
    .TextArticlePage__readSpeakerBlock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.TextArticlePage__shareWithUsBlock {
    border-top: 1px solid #d2d5d7;
    text-align: center;
    color: #202223;
    padding: 16px;
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5
}

.TextArticlePage__shareWithUsText {
    margin: 0
}

.TextArticlePage__shareWithUsLink {
    color: #dc0000;
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5
}

.ReadSpeaker {
    height: 36px;
    margin: 0 4px 0 0;
    display: inline-block
}

@media(min-width: 820px) {
    .ReadSpeaker {
        display: none
    }
}

.ReadSpeaker .Play {
    width: 137px;
    height: 36px;
    border: none
}

.ReadSpeaker .Stop {
    width: 137px;
    height: 36px;
    border: none
}

.ReadSpeaker .Play:disabled,
.ReadSpeaker .Stop:disabled {
    opacity: .65
}

.ReadSpeaker--large {
    display: none
}

@media(min-width: 820px) {
    .ReadSpeaker--large {
        display: inline-block
    }
}

.VideoSlider__container {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

@media(min-width: 820px) {
    .VideoSlider__container {
        overflow: hidden;
        max-height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
}

.VideoSlider__viewBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

@media(min-width: 820px) {
    .VideoSlider__viewBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-transition: -webkit-transform 200ms ease-in-out;
        transition: -webkit-transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out;
        transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out
    }
}

.VideoSlider__previousButton,
.VideoSlider__nextButton {
    display: none
}

@media(min-width: 820px) {
    .VideoSlider__previousButton,
    .VideoSlider__nextButton {
        display: block;
        margin: 0;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 33px;
        background-color: rgba(32, 35, 36, .85);
        opacity: 1;
        -webkit-transition: opacity 100ms ease-in-out;
        transition: opacity 100ms ease-in-out;
        border: none;
        z-index: 5;
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center
    }
}

@media(min-width: 820px) {
    .VideoSlider__previousButton {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 0;
        left: 0
    }
}

@media(min-width: 820px) {
    .VideoSlider__nextButton {
        bottom: 0;
        left: 0
    }
}

.VideoSlider__previousButton:active,
.VideoSlider__nextButton:active {
    background-color: #000
}

.VideoSlider__previousButton--inactive,
.VideoSlider__nextButton--inactive {
    pointer-events: none;
    opacity: 0
}

.VideoSlider__chevronIcon {
    stroke: #fff
}

.VideoSliderItem {
    color: #202223;
    text-decoration: none;
    margin-right: 8px;
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 820px) {
    .VideoSliderItem {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 820px) {
    .VideoSliderItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        height: 60px;
        margin-right: 0
    }
    .VideoSliderItem:not(:last-of-type) {
        border-bottom: 1px solid #d2d5d7
    }
}

@media(min-width: 960px) {
    .VideoSliderItem {
        height: 80px
    }
}

.VideoSliderItem--nowPlaying {
    pointer-events: none
}

.VideoSliderItem:hover,
.VideoSliderItem:active {
    text-decoration: underline
}

.VideoSliderItem__image {
    position: relative
}

@media(min-width: 820px) {
    .VideoSliderItem__image {
        width: 105px
    }
}

@media(min-width: 960px) {
    .VideoSliderItem__image {
        width: 141px
    }
}

.VideoSliderItem__nowPlayingLabel {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    background: #fff;
    color: #27509a
}

@media(min-width: 820px) {
    .VideoSliderItem__nowPlayingLabel {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 1.3
    }
}

.VideoSliderItem__playIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2));
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center
}

.VideoSliderItem__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 8px
}

@media(min-width: 820px) {
    .VideoSliderItem__title {
        padding: 8px;
        margin-top: 0
    }
}

@media(min-width: 960px) {
    .VideoSliderItem__title {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2
    }
}

.VideoSliderItem__premium {
    display: inline-block;
    vertical-align: top
}

.videoTopBlock {
    background-color: #f0f2f3;
    color: #3a3e3f
}

.videoTopBlock__icon {
    color: #fff
}

@media(min-width: 820px) {
    .videoTopBlock {
        display: grid;
        grid-template-columns: 1fr 24px 320px;
        grid-template-rows: auto auto auto
    }
}

.videoTopBlock__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding-top: 16px;
    margin-top: 0;
    margin-bottom: 4px
}

@media(min-width: 820px) {
    .videoTopBlock__title {
        font-display: swap;
        font-family: "Roboto", "Arial", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2;
        margin-top: 8px
    }
}

.videoTopBlock__title--sponsored {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap
}

@media(min-width: 820px) {
    .videoTopBlock__title--sponsored {
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-display: swap;
        font-size: 24px;
        line-height: 1.2
    }
}

.videoTopBlock__titleWrapper {
    max-width: 80%;
    display: block;
    margin-right: 16px
}

@media(min-width: 820px) {
    .videoTopBlock__titleWrapper {
        max-width: 100%
    }
}

.videoTopBlock__metaData {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 4px;
    margin-bottom: 0
}

.videoTopBlock__sectionLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #74797a;
    text-decoration: none;
    margin-right: 4px;
    padding-right: 4px;
    border-right: 1px solid #d2d5d7
}

.videoTopBlock__timestamp {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3
}

.videoTopBlock__intro {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3
}

.videoTopBlock__intro>p {
    margin-top: 8px
}

@media(min-width: 820px) {
    .videoTopBlock__intro>p {
        margin-bottom: 4px
    }
}

.videoTopBlock__intro>a {
    color: #3a3e3f;
    text-decoration: underline
}

.videoTopBlock__intro--sponsored {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2
}

.videoTopBlock__socialButtons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media(min-width: 820px) {
    .videoTopBlock__socialButtons {
        margin-top: 12px;
        margin-bottom: 8px
    }
}

.videoTopBlock__vndgBar,
.videoTopBlock__sponsoredBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoTopBlock__vndgBar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #09a9ed;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: auto 18px
}

@media(min-width: 820px) {
    .videoTopBlock__vndgBar {
        height: 40px;
        background-position: 20px center
    }
}

.videoTopBlock__icon {
    height: 18px;
    color: #fff
}

.videoTopBlock__sponsoredBar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #a6aaab;
    padding-left: 20px;
    padding-right: 20px
}

.videoTopBlock__sponsoredBar>p {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 8px
}

@media(min-width: 820px) {
    .videoTopBlock__sponsoredBar>p {
        margin-bottom: 6px;
        margin-top: 6px
    }
}

.videoTopBlock__sponsoredImageLink {
    max-width: 200px;
    max-height: 60px;
    margin: 16px 0;
    display: block
}

.videoTopBlock__sponsoredImage {
    max-width: 200px;
    max-height: 60px
}

.videoTopBlock__articleDetailsArea {
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 820px) {
    .videoTopBlock__articleDetailsArea {
        display: block;
        grid-column: 1;
        grid-row: 2;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media(min-width: 820px) {
    .videoTopBlock__articleDetailsArea--sectionPage {
        padding-bottom: 24px
    }
}

.videoTopBlock__articleDetailsArea--articlePage:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d2d5d7;
    height: 8px
}

@media(min-width: 820px) {
    .videoTopBlock__articleDetailsArea--articlePage:after {
        height: 0
    }
}

@media(min-width: 820px) {
    .videoTopBlock__articleTagsArea--articlePage:empty+.videoTopBlock__articleDetailsArea--articlePage:after {
        border-bottom: none
    }
}

.videoTopBlock__articleTagsArea {
    display: none
}

@media(min-width: 820px) {
    .videoTopBlock__articleTagsArea {
        display: block;
        grid-column: 1/4;
        grid-row: 3;
        padding-top: 12px;
        padding-left: 24px
    }
}

@media(min-width: 820px) {
    .videoTopBlock__articleTagsArea:empty {
        display: none
    }
}

.videoTopBlock__videoPlaylistArea {
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 820px) {
    .videoTopBlock__videoPlaylistArea {
        position: relative;
        grid-column: 3;
        grid-row: 1/3;
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 820px) {
    .videoTopBlock__videoPlayerArea {
        grid-column: 1;
        grid-row: 1
    }
}

@media(min-width: 820px) {
    .videoTopBlock__videoPlaylistContainer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 570px) {
    .VideoArticlePage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .VideoArticlePage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .VideoArticlePage {
        margin-left: 13px;
        margin-right: 13px
    }
}

.VideoArticlePage__videoStripes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.VideoArticlePage__videoStripe--highlighted {
    background-color: #f0f2f3
}

.VideoArticlePage__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .VideoArticlePage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .VideoArticlePage__banner {
        min-height: 66px
    }
}

@media(min-width: 820px) {
    .VideoArticlePage__premiumLabel {
        margin-right: 344px
    }
}

.VideoSponsored {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    margin-top: 16px
}

@media(min-width: 820px) {
    .VideoSponsored {
        padding-left: 24px;
        padding-right: 24px
    }
}

.VideoSponsored__contentWrapper {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.VideoSponsored__headerWrapper {
    padding-top: 4px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 820px) {
    .VideoSponsored__headerWrapper {
        border-bottom: 0
    }
}

.VideoSponsored__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.VideoSponsored__titleWrapper {
    padding-top: 20px;
    margin-bottom: 16px;
    position: relative;
    z-index: 2
}

.VideoSponsored__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0
}

@media(min-width: 820px) {
    .VideoSponsored__title {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2
    }
}

.VideoSponsored__deskingTable {
    width: 100%;
    margin: 0 auto
}

.VideoSponsored__deskingInput {
    background-color: #fff;
    border: 1px solid #000
}

.VideoSponsored__deskingImg {
    max-height: 100px
}

.VideoSponsored__sponsoredButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center
}

.VideoSponsored__sponsoredBlock {
    width: 200px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 819px) {
    .VideoSponsored__sponsoredBlock {
        width: 100px;
        height: 40px
    }
}

.VideoSponsored__sponsoredLogo {
    z-index: 3;
    max-width: 200px;
    max-height: 60px
}

@media(max-width: 819px) {
    .VideoSponsored__sponsoredLogo {
        max-width: 100px;
        max-height: 40px
    }
}

@media(min-width: 570px) {
    .VideoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .VideoPage {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .VideoPage {
        margin-left: 13px;
        margin-right: 13px
    }
}

.VideoPage__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .VideoPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .VideoPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .VideoPage__banner--position-1 {
        min-height: 80px
    }
}

.VideoPage__videoList {
    background-color: #f0f2f3
}

.PodcastsPage {
    padding: 0 12px
}

@media(min-width: 570px) {
    .PodcastsPage__mainContent {
        overflow-x: hidden
    }
}

@media(min-width: 820px) {
    .PodcastsPage__mainContent {
        width: calc(66.6% - 8px);
        display: inline-block;
        vertical-align: top;
        margin-right: 8px
    }
}

@media(min-width: 820px) {
    .PodcastsPage__sideContent {
        width: 33.3%;
        display: inline-block;
        vertical-align: top;
        padding-left: 8px
    }
}

.PodcastsPage__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 40px;
    margin: 0;
    color: #3a3e3f;
    border-top: 4px solid #3a3e3f;
    padding: 20px 0 0
}

@media(min-width: 570px) {
    .PodcastsPage__headline {
        font-size: 48px;
        padding-top: 28px
    }
}

@media(min-width: 820px) {
    .PodcastsPage__headline {
        font-size: 44px;
        padding-top: 20px
    }
}

@media(min-width: 1070px) {
    .PodcastsPage__headline {
        font-size: 54px
    }
}

.PodcastsPage__intro {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3;
    padding: 0 0 12px;
    border-bottom: 1px solid #d2d5d7;
    margin: 12px 0
}

@media(min-width: 570px) {
    .PodcastsPage__articlesWrapper {
        margin: 0 -12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.PodcastsPage__teaser {
    padding-bottom: 12px;
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 12px
}

@media(min-width: 570px) {
    .PodcastsPage__teaser {
        display: inline-block;
        width: 33.33333%
    }
    .PodcastsPage__teaser h2 {
        font-size: 18px
    }
    .PodcastsPage__teaser a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding-left: 12px;
        padding-right: 11px;
        border-right: 1px solid #d2d5d7
    }
    .PodcastsPage__teaser:nth-of-type(8n+1),
    .PodcastsPage__teaser:nth-of-type(8n+2) {
        width: 50%
    }
    .PodcastsPage__teaser:nth-of-type(8n+1) h2,
    .PodcastsPage__teaser:nth-of-type(8n+2) h2 {
        font-size: 20px
    }
    .PodcastsPage__teaser:nth-of-type(8n+2) a,
    .PodcastsPage__teaser:nth-of-type(8n+5) a,
    .PodcastsPage__teaser:nth-of-type(8n) a {
        padding-right: 12px;
        border-right: 0
    }
}

.PodcastsPage__teaserLink {
    text-decoration: none
}

.PodcastsPage__teaserMetadata {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2;
    line-height: normal;
    margin-bottom: 8px
}

.PodcastsPage__teaserSection {
    display: inline-block;
    color: #fff;
    background-color: #3a3e3f;
    padding: 1px 4px;
    text-transform: uppercase
}

.PodcastsPage__teaserCount {
    margin-left: 4px;
    color: #3a3e3f;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 11px
}

.PodcastsPage__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    color: #3a3e3f;
    margin: 0 0 4px 0
}

@media(min-width: 1070px) {
    .PodcastsPage__teaserHeadline {
        font-size: 22px
    }
}

.PodcastsPage__teaserEpTitle {
    margin: 0 0 4px 0;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .PodcastsPage__teaserEpTitle {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

.PodcastsPage__teaserButton {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #000;
    display: block;
    border: 1px solid #3a3e3f;
    padding: 12px 0;
    text-align: center
}

@media(min-width: 1070px) {
    .PodcastsPage__teaserButton {
        font-size: 16px
    }
}

.PodcastsPage__teaserButton:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    position: relative;
    top: 4px;
    left: -8px
}

@media(min-width: 1070px) {
    .PodcastsPage__teaserButton:before {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
        top: 5px
    }
}

.PodcastsPage__teaserListBanner {
    padding-bottom: 16px;
    border-bottom: 1px solid #d2d5d7
}

.ProgramPage__teaser {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 48px;
    padding-right: 8px;
    padding-left: 8px
}

@media(min-width: 570px) {
    .ProgramPage__teaser {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media(min-width: 820px) {
    .ProgramPage__teaser {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

.ProgramPage__teaserPlayIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

.ProgramPage__videoStripe,
.ProgramPage__videoSponsored {
    background-color: #f0f2f3
}

.ProgramPage__body {
    padding: 0 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .ProgramPage__body {
        padding: 0 12px
    }
}

@media(min-width: 1070px) {
    .ProgramPage__body {
        padding: 0 13px
    }
}

.ProgramPage__banner {
    min-height: 116px
}

@media(min-width: 570px)and (max-width: 819px) {
    .ProgramPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .ProgramPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .ProgramPage__banner {
        min-height: 80px
    }
}

.ProgramPage__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 16px 8px;
    color: #3a3e3f
}

@media(min-width: 820px) {
    .ProgramPage__title {
        font-size: 24px;
        line-height: 1.2;
        margin: 24px 8px
    }
}

.ProgramPage__teasers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px
}

.ProgramPage__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 12px;
    margin-bottom: 4px;
    color: #3a3e3f;
    text-decoration: none
}

@media(min-width: 820px) {
    .ProgramPage__teaserHeadline {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 8px
    }
}

.ProgramPage__teaserImage {
    width: 100%;
    padding-bottom: calc((56.25 * 100%)/100);
    min-width: 100%;
    margin-top: 8px
}

@media(min-width: 570px) {
    .ProgramPage__teaserImage {
        margin-top: 0
    }
}

.ProgramPage__teaserSummary {
    font-display: swap;
    font-family: "Abril", "Times New Roman", serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3;
    color: #3a3e3f;
    margin-top: 4px
}

@media(min-width: 820px) {
    .ProgramPage__teaserSummary {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 0
    }
}

.ProgramPage__teaserPremiumBlock {
    margin-bottom: 4px
}

.ProgramPage__teaserLink {
    text-decoration: none
}

.StocksMainNavigation {
    padding-top: 24px;
    padding-bottom: 24px
}

.StocksMainNavigation__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.StocksMainNavigation__label {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px
}

.StocksMainNavigation__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #a6aaab;
    text-decoration: none;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px
}

.StocksMainNavigation__link.active {
    color: #455585
}

.StocksTabsNavigation__wrapper .__tabs-item {
    font-size: 16px;
    border-width: 2px
}

.StocksTabsNavigation__item {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    color: #a6aaab;
    margin-right: 24px;
    padding-top: 4px;
    padding-bottom: 4px
}

.StocksTabsNavigation__activeItem {
    border-bottom: 2px solid #576a97;
    color: #576a97
}

.StocksSubTabsNavigation__body .__active {
    color: #3a3e3f !important
}

.StocksSubTabsNavigation__item {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px
}

.StocksSubTabsNavigation__activeItem {
    border-bottom: 2px solid;
    color: #3a3e3f
}

.StocksSubTabsNavigation__inactiveItem {
    color: #a6aaab
}

@-webkit-keyframes stocksUpAnimation {
    15% {
        background-color: #04be8c;
        color: #fff
    }
    85% {
        background-color: #04be8c;
        color: #fff
    }
}

@keyframes stocksUpAnimation {
    15% {
        background-color: #04be8c;
        color: #fff
    }
    85% {
        background-color: #04be8c;
        color: #fff
    }
}

@-webkit-keyframes stocksDownAnimation {
    15% {
        background-color: #d00910;
        color: #fff
    }
    85% {
        background-color: #d00910;
        color: #fff
    }
}

@keyframes stocksDownAnimation {
    15% {
        background-color: #d00910;
        color: #fff
    }
    85% {
        background-color: #d00910;
        color: #fff
    }
}

@-webkit-keyframes stocksAnimationText {
    15% {
        color: #fff
    }
    85% {
        color: #fff
    }
}

@keyframes stocksAnimationText {
    15% {
        color: #fff
    }
    85% {
        color: #fff
    }
}

@-webkit-keyframes stocksAnimationIcon {
    0% {
        border-left-color: inherit
    }
    25% {
        border-left-color: #fff
    }
    50% {
        border-left-color: #fff
    }
    100% {
        border-left-color: inherit
    }
}

@keyframes stocksAnimationIcon {
    0% {
        border-left-color: inherit
    }
    25% {
        border-left-color: #fff
    }
    50% {
        border-left-color: #fff
    }
    100% {
        border-left-color: inherit
    }
}

.VwdFundDetailsUpdates__animation--up {
    -webkit-animation: stocksUpAnimation 3s;
    animation: stocksUpAnimation 3s
}

.VwdFundDetailsUpdates__animation--up * {
    -webkit-animation: stocksAnimationText 3s;
    animation: stocksAnimationText 3s
}

.VwdFundDetailsUpdates__animation--down {
    -webkit-animation: stocksDownAnimation 3s;
    animation: stocksDownAnimation 3s
}

.VwdFundDetailsUpdates__animation--down * {
    -webkit-animation: stocksAnimationText 3s;
    animation: stocksAnimationText 3s
}

.VwdFundDetails {
    padding: 16px 16px 16px 12px;
    background-color: #fff
}

.VwdFundDetails__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #576a97;
    margin-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
    margin-top: 0px
}

.VwdFundDetails__animation {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 4px 8px 4px 4px
}

.VwdFundDetails__numberWrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.VwdFundDetails__number {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    margin-right: 8px
}

.VwdFundDetails__currency {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    margin-right: 16px
}

.VwdFundDetails__direction {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 18px;
    line-height: 1.2;
    margin-right: 16px
}

.VwdFundDetails__direction--up {
    color: #04be8c
}

.VwdFundDetails__direction--down {
    color: #d5252c
}

.VwdFundDetails__arrow {
    display: inline-block;
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center
}

.VwdFundGraph__timeframeWrapper {
    float: right;
    padding-top: 4px;
    padding-bottom: 4px
}

.VwdFundGraph__label {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a;
    margin-right: 8px
}

.VwdFundGraph__timeframe {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    color: #a6aaab;
    padding: 4px
}

.VwdFundGraph__timeframe--active {
    color: #74797a;
    border-color: #d2d5d7
}

.VwdFundGraph__graph {
    height: 340px;
    border: 0;
    display: block;
    min-width: 100%
}

.VwdFundGraph__interactiveLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    float: left;
    padding: 8px 20px;
    border: 2px solid #d2d5d7;
    color: #74797a;
    text-decoration: none
}

.VwdFundGraph__linksWrapper {
    background-color: #f0f2f3;
    padding: 12px 16px
}

.VwdFundGraph__linksWrapper:after {
    content: "";
    display: table;
    clear: both
}

.VwdFundOverviewLayout {
    border-top: 10px solid #d2d5d7
}

@media(min-width: 820px) {
    .VwdFundOverviewLayout {
        margin-right: 16px
    }
}

.TableCell {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    word-break: break-all;
    padding: 1em 0;
    border-bottom: 1px solid #d2d5d7
}

.TableCell.is-header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0);
    border-color: #a6aaab;
    color: #74797a
}

.TableCell.is-header:hover {
    background-color: #fff
}

.HeaderCell__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.HeaderCell__icon {
    width: 0;
    height: 0;
    display: none;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a6aaab;
    margin-left: 8px;
    -ms-flex-item-align: center;
    align-self: center
}

.HeaderCell__icon--up {
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.HeaderCell__icon--down {
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.stock-table-row-down-animation .is-header .DataTableHeaderCell__wrapper .data-table-inner-cell,
.stock-table-row-down-animation .is-header .DataTableHeaderCell__wrapper .stock-table-gainers-losers-icon {
    -webkit-animation: none;
    animation: none
}

.stock-table-row-up-animation .is-header .DataTableHeaderCell__wrapper .data-table-inner-cell,
.stock-table-row-up-animation .is-header .DataTableHeaderCell__wrapper .stock-table-gainers-losers-icon {
    -webkit-animation: none;
    animation: none
}

.TableRow {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.DataTable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    border-top: 1px solid #a6aaab
}

.DataTable__rowContent:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0)
}

.DataTable__rowContent:nth-of-type(odd) {
    background-color: rgba(210, 213, 215, .1)
}

@-webkit-keyframes stocksUpAnimation {
    15% {
        background-color: #04be8c;
        color: #fff
    }
    85% {
        background-color: #04be8c;
        color: #fff
    }
}

@keyframes stocksUpAnimation {
    15% {
        background-color: #04be8c;
        color: #fff
    }
    85% {
        background-color: #04be8c;
        color: #fff
    }
}

@-webkit-keyframes stocksDownAnimation {
    15% {
        background-color: #d00910;
        color: #fff
    }
    85% {
        background-color: #d00910;
        color: #fff
    }
}

@keyframes stocksDownAnimation {
    15% {
        background-color: #d00910;
        color: #fff
    }
    85% {
        background-color: #d00910;
        color: #fff
    }
}

@-webkit-keyframes stocksAnimationText {
    15% {
        color: #fff
    }
    85% {
        color: #fff
    }
}

@keyframes stocksAnimationText {
    15% {
        color: #fff
    }
    85% {
        color: #fff
    }
}

@-webkit-keyframes stocksAnimationIcon {
    0% {
        border-left-color: inherit
    }
    25% {
        border-left-color: #fff
    }
    50% {
        border-left-color: #fff
    }
    100% {
        border-left-color: inherit
    }
}

@keyframes stocksAnimationIcon {
    0% {
        border-left-color: inherit
    }
    25% {
        border-left-color: #fff
    }
    50% {
        border-left-color: #fff
    }
    100% {
        border-left-color: inherit
    }
}

.StockPageTable__anchorContainer {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.StockPageTable__anchorMenuPrefix {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    color: #3a3e3f
}

.StockPageTable__anchorMenuLink {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    color: #3a3e3f;
    margin-left: 4px
}

.StockPageTable__anchorMenuLink::after {
    content: " |"
}

.StockPageTable__anchorMenuLink:last-child::after {
    content: ""
}

.StockPageTable__dataTableContainer {
    margin-bottom: 48px
}

.StockPageTable__dataTableTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #202223;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    width: 100%;
    background-color: #d2d5d7
}

.StockPageTable__arrowsIcon {
    width: 17px;
    height: 9px;
    display: inline-block
}

.StockPageTable__lastUpdate {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
    border-top: 1px solid #a6aaab;
    padding-top: 4px;
    padding-bottom: 4px
}

.StockPageTable__cell {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.StockPageTable__cell--name {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-transform: capitalize
}

.StockPageTable__cell--lastTradingDate {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.StockPageTable__cell--turbo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.StockPageTable__cell--direction {
    -webkit-box-flex: .5;
    -ms-flex-positive: .5;
    flex-grow: .5
}

.StockPageTable__cell--direction .data-table-inner-cell {
    width: inherit
}

.StockPageTable__cell--gainers {
    color: #04be8c
}

.StockPageTable__cell--losers {
    color: #d00910
}

.StockPageTable__cell--header {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-color: #a6aaab;
    color: #74797a
}

.StockPageTable__cell--header:hover {
    background-color: #fff
}

.StockPageTable__directionIcon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 8px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3a3e3f
}

.StockPageTable__directionIcon--gainers {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-left-color: #04be8c
}

.StockPageTable__directionIcon--losers {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-left-color: #d00910
}

.StockPageTable__link {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #202223;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.StockPageTable__innerCellContainer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    height: 100%;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.StockPageTable__innerCellContainer--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.StockPageTable__innerCell {
    text-align: right
}

.StockPageTable__directionIconCell {
    width: inherit;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    padding: 4px
}

.StockPageTable__directionIconCell--left,
.StockPageTable__innerCell--left {
    text-align: left
}

.stock-table-row-up-animation .StockPageTable__cell--animated .StockPageTable__directionIconCell,
.stock-table-row-up-animation .StockPageTable__cell--animated .StockPageTable__innerCellContainer {
    -webkit-animation: stocksUpAnimation 3s;
    animation: stocksUpAnimation 3s
}

.stock-table-row-up-animation .StockPageTable__cell--animated .StockPageTable__directionIcon {
    -webkit-animation: stocksAnimationIcon 3s;
    animation: stocksAnimationIcon 3s
}

.stock-table-row-down-animation .StockPageTable__cell--animated .StockPageTable__directionIconCell,
.stock-table-row-down-animation .StockPageTable__cell--animated .StockPageTable__innerCellContainer {
    -webkit-animation: stocksDownAnimation 3s;
    animation: stocksDownAnimation 3s
}

.stock-table-row-down-animation .StockPageTable__cell--animated .StockPageTable__directionIcon {
    -webkit-animation: stocksAnimationIcon 3s;
    animation: stocksAnimationIcon 3s
}

.StockOverviewPage__container {
    margin-top: 24px;
    margin-bottom: 16px
}

.StockOverviewPage__subContainer {
    padding-left: 8px;
    padding-right: 8px
}

@media(min-width: 570px) {
    .StockOverviewPage__subContainer {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .StockOverviewPage__subContainer {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .StockOverviewPage__subContainer {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .StockOverviewPage__subContainer {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .StockOverviewPage__subContainer {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .StockOverviewPage__subContainer {
        padding-left: 12px;
        padding-right: 12px
    }
}

.StockOverviewPage__banner--position-0,
.StockOverviewPage__banner--position-1 {
    min-height: 116px;
    margin-top: 32px
}

@media(min-width: 570px)and (max-width: 819px) {
    .StockOverviewPage__banner--position-0,
    .StockOverviewPage__banner--position-1 {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .StockOverviewPage__banner--position-0,
    .StockOverviewPage__banner--position-1 {
        min-height: 66px
    }
}

.StockOverviewPage__banner--position-0 {
    margin-bottom: 16px
}

.StockOverviewPage__banner--position-1 {
    margin-bottom: 32px
}

.StockOverviewPage__stockPageTable {
    padding-top: 8px;
    padding-right: 24px
}

.StockOverviewPage__stockTable {
    background-color: #f6f8f9;
    border-color: #f0f2f3;
    border-top-width: thin
}

.StockOverviewPage__articleDftList {
    margin-bottom: 16px
}

.StockOverviewPage__goldForexLinkContainer {
    text-align: right
}

.StockOverviewPage__goldForexLink {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    color: #74797a
}

.StockOverviewPage__market {
    margin-bottom: 24px
}

.FundDetailTabsNavigation {
    padding-right: 24px;
    padding-left: 24px
}

.FundDetailTabsNavigation .__tabs-item {
    font-size: 16px;
    border-width: 2px
}

.FundDetailTabsNavigation__item {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    color: #a6aaab;
    margin-right: 24px;
    padding-top: 4px;
    padding-bottom: 4px
}

.FundDetailTabsNavigation__itemActive {
    border-bottom: 2px solid;
    color: #576a97
}

.VwdFundamentals {
    margin-bottom: 16px
}

.VwdFundamentals__titleWrapper {
    padding-top: 32px;
    padding-bottom: 24px;
    color: #3a3e3f
}

.VwdFundamentals__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #3a3e3f;
    text-transform: uppercase;
    margin-bottom: 4px
}

.VwdFundamentals__table {
    padding-top: 8px;
    padding-right: 24px
}

.VwdTurbos {
    margin-bottom: 16px
}

.VwdTurbos__titleWrapper {
    color: #3a3e3f;
    padding-top: 32px
}

.VwdTurbos__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #3a3e3f;
    text-transform: uppercase;
    padding-bottom: 4px
}

.VwdTurbos__table {
    padding-right: 24px
}

.VwdFundOverview__titleWrapper {
    padding-bottom: 24px;
    color: #3a3e3f
}

.VwdFundOverview__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #3a3e3f;
    text-transform: uppercase;
    padding-bottom: 4px
}

.VwdFundOverview__table {
    padding-top: 8px;
    padding-right: 24px
}

.VwdOptions {
    margin-bottom: 16px
}

.VwdOptions__headerWrapper {
    color: #3a3e3f;
    padding-top: 32px;
    padding-bottom: 24px
}

.VwdOptions__title {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    color: #3a3e3f;
    text-transform: uppercase;
    padding-bottom: 8px
}

.VwdOptions__optionsWrapper {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap
}

.VwdOptions__table {
    padding-top: 8px;
    padding-right: 24px
}

.VwdOptions__button {
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer
}

.VwdOptions__button--selected {
    padding-left: 8px;
    padding-right: 8px;
    background-color: #576a97;
    color: #fff
}

.FundSnapshot {
    margin-top: 24px;
    margin-bottom: 24px
}

@media(min-width: 820px) {
    .FundSnapshot {
        margin-right: 16px
    }
}

.FundSnapshot__headerTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #d2d5d7;
    border-top: 1px solid #d2d5d7;
    text-transform: uppercase
}

.FundSnapshot__content {
    max-height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.FundSnapshot__row {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    height: 24px;
    padding-top: 4px;
    padding-bottom: 4px
}

.FundSnapshot__row:nth-child(-n+3) {
    padding-right: 16px
}

.FundSnapshot__row:nth-child(n+4) {
    padding-left: 16px
}

.FundSnapshot__value {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3
}

.FundProfile__contentWrapper {
    margin-bottom: 16px;
    margin-top: 32px;
    padding-left: 24px;
    padding-right: 24px
}

.FundProfile__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 20px
}

.FundProfile__logoAndContact {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.FundProfile__logoWrapper {
    width: 200px;
    height: 140px;
    border: 1px solid #d2d5d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 24px
}

.FundProfile__logo {
    width: 180px;
    height: 130px;
    display: block
}

.FundProfile__contactWrapper {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    width: 100%
}

.FundProfile__contactHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d2d5d7;
    border-top: 1px solid #d2d5d7;
    margin-bottom: 8px
}

.FundProfile__contactTitle {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

.FundProfile__contactInfo {
    margin-top: 6px;
    margin-bottom: 6px
}

.FundProfile__overviewWrapper {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 32px
}

.FundProfile__overviewInfo {
    line-height: 1.67
}

.FundProfile__tableWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 32px
}

.FundProfile__table {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.FundProfile__row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    line-height: 1.67
}

.FundProfile__cell {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    word-break: break-word
}

.FundProfile__cell:last-child {
    text-align: right
}

.FundDetailPage__banner {
    min-height: 116px;
    margin-top: 32px;
    margin-bottom: 32px
}

@media(min-width: 570px)and (max-width: 819px) {
    .FundDetailPage__banner {
        min-height: 66px
    }
}

@media(max-width: 569px) {
    .FundDetailPage__banner {
        min-height: 66px
    }
}

.FundDetailPage__wrapper {
    padding-left: 8px;
    padding-right: 8px
}

@media(min-width: 570px) {
    .FundDetailPage__wrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .FundDetailPage__wrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .FundDetailPage__wrapper {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 570px) {
    .FundDetailPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .FundDetailPage__wrapper {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .FundDetailPage__wrapper {
        margin-left: 13px;
        margin-right: 13px
    }
}

.FundDetailPage__articleDftList {
    margin-bottom: 16px
}

.FundDetailPage__main {
    background-color: #f6f8f9;
    border: 1px solid #f0f2f3
}

@-webkit-keyframes callToAction {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 4px);
        transform: translate(0, 4px)
    }
}

@keyframes callToAction {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 4px);
        transform: translate(0, 4px)
    }
}

.NewslettersPage__subheader {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    max-width: 1440px;
    padding: 12px;
    text-align: center;
    background-color: #f0f2f3;
    display: none;
    margin: 0
}

@media(min-width: 960px) {
    .NewslettersPage__subheader {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width: 1070px) {
    .NewslettersPage__subheader {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media(min-width: 1490px) {
    .NewslettersPage__subheader {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 820px) {
    .NewslettersPage__subheader {
        display: block
    }
}

.NewslettersPage__body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px
}

@media(min-width: 570px) {
    .NewslettersPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 820px) {
    .NewslettersPage__body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media(min-width: 1070px) {
    .NewslettersPage__body {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media(min-width: 570px) {
    .NewslettersPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 820px) {
    .NewslettersPage__body {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(min-width: 1070px) {
    .NewslettersPage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .NewslettersPage__body {
        margin-left: 176px;
        margin-right: 176px
    }
}

.NewslettersPage__emailForm {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 12px
}

@media(min-width: 820px) {
    .NewslettersPage__emailForm {
        margin-top: 24px
    }
}

.NewslettersPage__callToAction {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 12px;
    padding: 12px;
    text-align: center
}

@media(min-width: 820px) {
    .NewslettersPage__callToAction {
        margin-top: 24px
    }
}

@media(min-width: 820px) {
    .NewslettersPage__callToAction {
        padding: 24px
    }
}

.NewslettersPage__callToActionTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 8px
}

@media(min-width: 820px) {
    .NewslettersPage__callToActionTitle {
        font-size: 24px;
        line-height: 1.2
    }
}

.NewslettersPage__callToActionAccent {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3
}

@media(min-width: 820px) {
    .NewslettersPage__callToActionAccent {
        font-size: 18px;
        line-height: 1.2
    }
}

.NewslettersPage__callToActionIcon {
    -webkit-animation: callToAction 1s ease-in-out infinite;
    animation: callToAction 1s ease-in-out infinite;
    width: 14px;
    height: 14px;
    display: inline-block
}

.NewslettersPage__section {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 12px;
    border-top: 4px solid;
    margin: 12px 0 0
}

@media(min-width: 820px) {
    .NewslettersPage__section {
        margin-top: 24px
    }
}

@media(min-width: 820px) {
    .NewslettersPage__section {
        margin-top: 24px
    }
}

.NewslettersPage__section--entertainment {
    border-top-color: #e6007e
}

.NewslettersPage__section--nieuws {
    border-top-color: #27509a
}

.NewslettersPage__section--voetbal,
.NewslettersPage__section--sport {
    border-top-color: #0ab2ef
}

.NewslettersPage__section--formule1 {
    border-top-color: #e71500
}

.NewslettersPage__section--financieel {
    border-top-color: #576a97
}

.NewslettersPage__section--vrouw {
    border-top-color: #dc0000
}

.NewslettersPage__section--lifestyle {
    border-top-color: #0ea3bb
}

.NewslettersPage__newsletter {
    border-top: 1px solid #a6aaab;
    padding: 16px 16px 32px;
    color: #3a3e3f;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.NewslettersPage__newsletter:first-child {
    border-top: none
}

.NewslettersPage__newsletterTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 12px;
    display: block
}

@media(min-width: 820px) {
    .NewslettersPage__newsletterTitle {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px
    }
}

.NewslettersPage__premium {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

@media(min-width: 820px) {
    .NewslettersPage__premium {
        margin-right: 8px
    }
}

.NewslettersPage__newsletterCheckboxBlock {
    margin-right: 16px
}

@media(min-width: 820px) {
    .NewslettersPage__newsletterCheckboxBlock {
        margin-right: 40px
    }
}

.NewslettersPage__newsletterDescription {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    margin: 0
}

@media(min-width: 820px) {
    .NewslettersPage__newsletterDescription {
        font-size: 14px;
        line-height: 1.2
    }
}

.NewslettersPage__newsletterCheckbox {
    visibility: hidden;
    left: -9999px;
    top: -9999px;
    position: absolute
}

.NewslettersPage__newsletterCheckboxIconEmpty,
.NewslettersPage__newsletterCheckboxIcon {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px
}

.NewslettersPage__newsletterCheckboxIcon,
.NewslettersPage__newsletterCheckboxIconEmpty {
    position: relative;
    top: -8px
}

.NewslettersPage__emailForm {
    text-align: center;
    padding: 12px
}

@media(min-width: 820px) {
    .NewslettersPage__emailForm {
        padding: 20px
    }
}

.NewslettersPage__emailText {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 20px
}

@media(min-width: 820px) {
    .NewslettersPage__emailText {
        font-size: 18px;
        line-height: 1.2
    }
}

.NewslettersPage__emailInputBlock {
    width: 100%;
    max-width: 330px;
    margin: 0 auto 20px;
    border: 1px solid #a6aaab;
    position: relative
}

.NewslettersPage__emailIcon {
    position: absolute;
    top: 12px;
    left: 13px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 14px
}

.NewslettersPage__emailInput {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    border: none;
    height: 40px;
    display: block;
    text-align: center;
    padding: 0 46px;
    width: 100%
}

@media(min-width: 820px) {
    .NewslettersPage__emailInput {
        font-size: 14px;
        line-height: 1.2
    }
}

.NewslettersPage__emailClearButton {
    padding: 11px 15px 7px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.NewslettersPage__emailClearText {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 12px;
    color: #a6aaab;
    line-height: 40px
}

@media(min-width: 820px) {
    .NewslettersPage__emailClearText {
        display: inline-block
    }
}

.NewslettersPage__emailSubmit {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    max-width: 330px;
    height: 40px;
    color: #fff;
    background-color: #27509a;
    text-decoration: none;
    text-align: center;
    padding: 8px
}

@media(min-width: 820px) {
    .NewslettersPage__emailSubmit {
        font-size: 14px;
        line-height: 1.2;
        width: 200px
    }
}

.NewslettersPage__emailSubmit[disabled] {
    opacity: .5
}

.NewslettersPage__successBlock,
.NewslettersPage__errorBlock {
    margin-top: 16px;
    margin-bottom: 32px;
    text-align: center;
    color: #3a3e3f
}

@media(min-width: 820px) {
    .NewslettersPage__successBlock,
    .NewslettersPage__errorBlock {
        margin-top: 32px
    }
}

.NewslettersPage__successTitle,
.NewslettersPage__errorTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    padding: 0 48px;
    margin: 20px 0 0
}

@media(min-width: 820px) {
    .NewslettersPage__successTitle,
    .NewslettersPage__errorTitle {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 28px
    }
}

.NewslettersPage__successText,
.NewslettersPage__errorText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 12px;
    line-height: 1.3;
    padding: 0 48px;
    margin: 8px 0 0
}

@media(min-width: 820px) {
    .NewslettersPage__successText,
    .NewslettersPage__errorText {
        font-size: 14px;
        line-height: 1.2
    }
}

.NewslettersPage__errorTextAccent {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    display: block;
    text-decoration: underline;
    color: #3a3e3f
}

@media(min-width: 820px) {
    .NewslettersPage__errorTextAccent {
        font-size: 14px;
        line-height: 1.2;
        display: inline
    }
}

.NewslettersPage__privacy {
    color: #74797a;
    text-align: center
}

.NewslettersPage__privacyTitle {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2
}

.NewslettersPage__privacyText {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-display: swap;
    font-size: 10px;
    line-height: 1.2
}

.NewslettersPage__privacyLink {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    color: #113373;
    text-decoration: none
}

.NewslettersPage__privacyIcon {
    width: 65px;
    height: 37px;
    display: inline-block;
    background-size: contain;
    margin-top: 16px
}

.NewslettersPage__successIcon,
.NewslettersPage__clearFormIcon,
.NewslettersPage__errorIcon {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block
}

.NewslettersPage__successIcon {
    width: 48px;
    height: 42px
}

.NewslettersPage__clearFormIcon {
    width: 16px;
    height: 17px
}

.NewslettersPage__errorIcon {
    width: 48px;
    height: 42px
}

.PuzzlePage__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 570px) {
    .PuzzlePage__body {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(min-width: 820px) {
    .PuzzlePage__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 820px) {
    .PuzzlePage__mainContent {
        -ms-flex-preferred-size: calc(66% - 16px);
        flex-basis: calc(66% - 16px);
        margin-right: 16px
    }
}

.PuzzlePage__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #3a3e3f;
    margin: 0 12px;
    border-top: 4px solid #3a3e3f;
    padding-top: 20px
}

@media(min-width: 570px) {
    .PuzzlePage__headline {
        font-size: 48px;
        margin: 0;
        padding-top: 28px
    }
}

@media(min-width: 820px) {
    .PuzzlePage__headline {
        font-size: 44px;
        padding-top: 20px
    }
}

@media(min-width: 1070px) {
    .PuzzlePage__headline {
        font-size: 54px
    }
}

.PuzzlePage__intro {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #3a3e3f;
    margin: 12px;
    border-bottom: 1px solid #f0f2f3;
    padding-bottom: 12px
}

@media(min-width: 570px) {
    .PuzzlePage__intro {
        padding-bottom: 20px;
        margin: 12px 0
    }
}

.PuzzlePage__topTeaserMetadataWrapper {
    margin: 0 12px;
    width: calc(100% - 24px)
}

@media(min-width: 570px) {
    .PuzzlePage__topTeaserMetadataWrapper {
        margin: 0;
        width: 100%
    }
}

.PuzzlePage__bottomArticles {
    padding: 12px 0;
    border-top: 1px solid #f0f2f3;
    border-bottom: 1px solid #f0f2f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 12px 12px 0
}

@media(min-width: 570px) {
    .PuzzlePage__bottomArticles {
        margin: 12px 0 0
    }
}

.PuzzlePage__teaser:first-child {
    padding-right: 12px;
    border-right: 1px solid #f0f2f3
}

.PuzzlePage__teaser:last-child {
    padding-left: 12px
}

.PuzzlePage__chevron {
    margin-left: 8px;
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.PuzzlePage__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    background-color: #3a3e3f;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 570px) {
    .PuzzlePage__button {
        max-width: 415px;
        margin: 12px auto;
        padding: 16px 0
    }
}

.PuzzlePage__topTeaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .PuzzlePage__topTeaserHeadline {
        font-size: 32px
    }
}

@media(min-width: 1070px) {
    .PuzzlePage__topTeaserHeadline {
        font-size: 48px
    }
}

.PuzzlePage__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .PuzzlePage__teaserHeadline {
        font-size: 20px;
        line-height: 1.2
    }
}

@media(min-width: 1070px) {
    .PuzzlePage__teaserHeadline {
        font-size: 24px
    }
}

.PuzzlePage__puzzleInterval {
    margin-left: 0
}

.PuzzlePage__puzzleInterval--premium {
    margin-left: 4px
}

.PuzzlePage__subsectionWrapper {
    border-top: 6px solid #3a3e3f;
    margin: 8px 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionWrapper {
        padding-bottom: 12px;
        border-bottom: 1px solid #d2d5d7;
        margin: 8px 0 20px
    }
}

.PuzzlePage__subsectionName {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-transform: uppercase;
    margin: 16px 0
}

.PuzzlePage__subsectionTeaser {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaser {
        -ms-flex-preferred-size: calc(33% - 4px);
        flex-basis: calc(33% - 4px)
    }
}

.PuzzlePage__subsectionTeaser:first-of-type {
    padding-right: 12px;
    border-right: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaser:first-of-type {
        margin-right: 3px
    }
}

.PuzzlePage__subsectionTeaser:nth-of-type(2) {
    padding-left: 12px
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaser:nth-of-type(2) {
        padding-right: 8px;
        padding-left: 8px
    }
}

.PuzzlePage__subsectionTeaser:last-of-type {
    margin-top: 12px;
    padding: 12px 0;
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaser:last-of-type {
        border-top: 0;
        border-bottom: 0;
        margin-top: 0;
        padding: 0 0 0 12px;
        border-left: 1px solid #d2d5d7;
        margin-left: 3px
    }
}

.PuzzlePage__subsectionTeaser:last-of-type .Teaser__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaser:last-of-type .Teaser__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.PuzzlePage__subsectionHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #3a3e3f
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionHeadline {
        font-size: 18px;
        line-height: 1.2
    }
}

.PuzzlePage__subsectionTeaserImage--last {
    max-width: 33%;
    height: 18.5vw;
    padding-bottom: 0;
    margin-right: 8px;
    margin-bottom: 0
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionTeaserImage--last {
        max-width: 100%;
        height: auto;
        padding-bottom: 56.25%;
        margin-right: 0;
        margin-bottom: 8px
    }
}

.PuzzlePage__teaserImage--premium,
.PuzzlePage__subsectionTeaserImage--premium {
    background-color: #d4e7f9
}

.PuzzlePage__teaserImage img,
.PuzzlePage__subsectionTeaserImage img {
    position: absolute;
    top: 0
}

.PuzzlePage__subsectionMetadata--last {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.PuzzlePage__subsectionButton {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionButton {
        display: none
    }
}

.PuzzlePage__teaserIcon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 32px;
    height: 32px;
    left: calc(50% - (32px / 2));
    top: calc(50% - (32px / 2))
}

@media(min-width: 570px) {
    .PuzzlePage__teaserIcon {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.PuzzlePage__teaserIcon--top {
    -ms-flex-item-align: center;
    align-self: center;
    width: 40px;
    height: 40px;
    left: calc(50% - (40px / 2));
    top: calc(50% - (40px / 2))
}

@media(min-width: 570px) {
    .PuzzlePage__teaserIcon--top {
        -ms-flex-item-align: center;
        align-self: center;
        width: 72px;
        height: 72px;
        left: calc(50% - (72px / 2));
        top: calc(50% - (72px / 2))
    }
}

.PuzzlePage__teaserIcon--last {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    left: calc(50% - (24px / 2));
    top: calc(50% - (24px / 2))
}

@media(min-width: 570px) {
    .PuzzlePage__teaserIcon--last {
        -ms-flex-item-align: center;
        align-self: center;
        width: 40px;
        height: 40px;
        left: calc(50% - (40px / 2));
        top: calc(50% - (40px / 2))
    }
}

.PuzzlePage__latestNews,
.PuzzlePage__mostRead,
.PuzzlePage__columnTeaser {
    margin: 12px
}

@media(min-width: 570px) {
    .PuzzlePage__latestNews,
    .PuzzlePage__mostRead,
    .PuzzlePage__columnTeaser {
        margin: 12px 0
    }
}

@media(min-width: 570px) {
    .PuzzlePage__latestNews {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 820px) {
    .PuzzlePage__latestNews {
        margin-top: 0
    }
}

.PuzzlePage__mostRead {
    margin-top: 20px
}

.PuzzlePage__subsectionLink {
    display: none
}

@media(min-width: 570px) {
    .PuzzlePage__subsectionLink {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 14px;
        line-height: 1.3;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-transform: uppercase;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #3a3e3f;
        text-decoration: none
    }
}

.PuzzlePage__subsectionHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 12px
}

@media(min-width: 820px) {
    .PuzzlePage__sideColumn {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

.PuzzlePage__banner--position-0 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.PuzzleDetailPage__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 12px;
    max-width: 1172px
}

@media(min-width: 820px) {
    .PuzzleDetailPage__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 1670px) {
    .PuzzleDetailPage__body {
        padding: 0;
        margin: auto
    }
}

.PuzzleDetailPage__mainContent {
    border-top: 4px solid #3a3e3f;
    padding-top: 16px
}

@media(min-width: 820px) {
    .PuzzleDetailPage__mainContent {
        -ms-flex-preferred-size: calc(66% - 16px);
        flex-basis: calc(66% - 16px);
        margin-right: 24px;
        padding-top: 20px
    }
}

.PuzzleDetailPage__headlineBlock {
    margin: 12px 0
}

@media(min-width: 1070px) {
    .PuzzleDetailPage__headlineBlock {
        max-width: 948px;
        margin: 12px auto 24px
    }
}

.PuzzleDetailPage__headline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 32px;
    color: #3a3e3f;
    margin: 8px 0
}

@media(min-width: 570px) {
    .PuzzleDetailPage__headline {
        font-size: 44px;
        padding-top: 28px
    }
}

@media(min-width: 820px) {
    .PuzzleDetailPage__headline {
        font-size: 64px;
        padding-top: 20px
    }
}

.PuzzleDetailPage__intro {
    font-display: swap;
    font-family: "Abril-bold", "Times New Roman", serif;
    font-weight: bold;
    line-height: 1.33;
    color: #3a3e3f;
    font-size: 16px;
    margin: 8px 0 20px
}

.PuzzleDetailPage__socialButtons {
    padding: 12px 0;
    border-top: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7
}

@media(min-width: 570px) {
    .PuzzleDetailPage__latestNews {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(min-width: 820px) {
    .PuzzleDetailPage__latestNews {
        margin-top: 0
    }
}

.PuzzleDetailPage__sideColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media(min-width: 820px) {
    .PuzzleDetailPage__sideColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

.MorePuzzles__contentWrapper {
    margin-top: 16px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1070px) {
    .MorePuzzles__contentWrapper {
        margin: 20px 0
    }
}

.MorePuzzles__title {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    color: #202223;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 12px 0;
    border-top: 4px solid #3a3e3f;
    border-bottom: 1px solid #d2d5d7;
    text-transform: uppercase
}

.MorePuzzles__teaserWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid #d2d5d7
}

.MorePuzzles__teaser {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.MorePuzzles__teaser:nth-child(even) {
    padding-left: 12px
}

.MorePuzzles__teaser:nth-child(odd) {
    padding-right: 12px
}

.MorePuzzles__teaser:first-child {
    position: relative
}

.MorePuzzles__teaser:first-child::after {
    content: "";
    border-right: 1px solid #d2d5d7;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 12px)
}

.MorePuzzles__teaser:last-child {
    border-left: 1px solid #d2d5d7
}

.MorePuzzles__teaser:nth-child(-n+2) {
    border-bottom: 1px solid #d2d5d7;
    margin-bottom: 12px
}

.MorePuzzles__teaserImage {
    margin-bottom: 12px
}

.MorePuzzles__teaserImage img {
    position: absolute
}

.MorePuzzles__teaserImage--premium {
    background-color: #d4e7f9
}

.MorePuzzles__puzzleInterval {
    margin-left: 0
}

.MorePuzzles__puzzleInterval--premium {
    margin-left: 4px
}

.MorePuzzles__teaserHeadline {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #202223;
    margin-top: 4px;
    margin-bottom: 16px
}

@media(min-width: 570px) {
    .MorePuzzles__teaserHeadline {
        font-size: 20px;
        line-height: 1.2
    }
}

.MorePuzzles__chevron {
    margin-right: 8px;
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.MorePuzzles__button {
    font-display: swap;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    background-color: #3a3e3f;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 570px) {
    .MorePuzzles__button {
        max-width: 415px;
        width: 100%;
        margin: 12px auto;
        padding: 16px 0
    }
}

.Puzzle__xword {
    text-align: center
}

.SixySudoku__wrapper {
    text-align: center
}

.SixySudoku__buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.SixySudoku__buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 12px
}

.SixySudoku__buttonGroup span {
    display: none
}

@media(min-width: 570px) {
    .SixySudoku__buttonGroup span {
        font-display: swap;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 16px;
        display: inline-block;
        margin-right: 4px
    }
}

.SixySudoku__buttonGroup span:nth-of-type(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: end
}

.SixySudoku__button {
    font-display: swap;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    background-color: #fff;
    border: 2px solid #27509a;
    border-radius: 25px;
    padding: 8px 20px;
    margin-right: 4px
}

.SixySudoku__button--active {
    background-color: #27509a;
    color: #fff
}