@font-face {
    font-display: swap;
    font-family: 'Fira Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Fira Sans Regular'), url('https://storage.pubble.nl/assets/fonts/FiraSans-Regular.woff') format('woff');
}


.dropdown-toggle::after {
    vertical-align:middle;
}

.listen-to-bar button:not(.collapsed) {
    border: 1px solid #bdbdbd;
    box-shadow: none !important;
    background: #fff;
    color: #000;
}

.pubble-inline-dropdown button.collapsed,
.pubble-inline-dropdown button:hover {
    background: #fff;
    color: #0071a0;
}

.pubble-inline-dropdown img {
    width:20px;
    float:left;
    margin-right:10px;
}

.pubble-inline-dropdown button,
.pubble-inline-dropdown button.active {
    box-shadow: 5px 5px 25px -5px rgb(0 0 0 / 20%) !important
}

.pubble-inline-dropdown
.dropdown-menu {
    border: 1px solid #fafafa;
    border-bottom: 1px solid #fff;
    box-shadow: 5px 5px 10px -5px rgb(0 0 0 / 20%);
}

.pubble-inline-dropdown button {
    background: #fff;
    border: 1px solid #fafafa;
    border-bottom: 1px solid #fff;
    color: #000;
}

.pubble-inline-dropdown button.collapsed {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 38px
}

.pubble-inline-dropdown
.dropdown-menu {
    margin-top: 0px !important;
    border-top-left-radius: 0px; 
}

body {
    color: #000;
}

.podcast-item img {
    max-width:100%;
}
.podcast-item {
    min-height: 435px
}


.podcast-item, .podcast-item img {
    border-radius: 5px;
}

    .podcast-item img {
        -webkit-box-shadow: -1px 12px 51px -21px rgba(0,0,0,0.50);
        -moz-box-shadow: -1px 12px 51px -21px rgba(0,0,0,0.50);
        box-shadow: -1px 12px 51px -21px rgba(0,0,0,0.50);
    }


#onderschriftfoto p {
    font-family: 'Fira Sans SemiBold' !important;
    font-weight: normal;
    font-size: 16px !important;
}

#inzetafbeelding {
    background-color: unset;
}


.async-hide {
    opacity: 0 !important
}

.row-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 100%;
    left: 50%;
}

.line-through-of-log p {
  text-align: center;
    border-bottom: 1px solid #727070;
    line-height: 0;
    margin: 0 auto;
    width: 100%;
    height: 0px;
    margin-bottom: 35px;
}

.in_beeld_artikel-normal {
font-size: 20px !important;
font-family: 'Merriweather Light' !important;
font-weight: normal;
width: 800px;
text-align: center;
margin-left: auto;
margin-right: auto;
}


.in_beeld_artikelnormal {
font-size: 20px !important;
font-family: 'Merriweather Light' !important;
font-weight: normal;
width: 800px;
text-align: center;
margin-left: auto;
margin-right: auto;
}


@media only screen and (max-width: 767px) {
		
.in_beeld_artikel-normal {
font-size: 20px !important;
font-family: 'Merriweather Light' !important;
font-weight: normal;
width: 100% !important;
text-align: left !important;
margin-left: auto;
margin-right: auto;
}
}

 
    @media only screen and (min-width: 767px) {

        .line-through h2 {
            text-align: center;
            border-bottom: 1px solid #000;
            line-height: 0.0em;
            margin: 0 auto;
            width: 75%;
            height: 14px;
            margin-bottom: 35px;
        }

        .line-through-span {
            background: #fff;
            padding: 0 10px;
            display: inline;
        }
        
    }



    @font-face {
        font-display: swap;
        font-family: 'Fira Sans Bold';
        font-style: normal;
        font-weight: normal;
        src: local('Fira Sans Bold'), url('https://storage.pubble.nl/assets/fonts/FiraSans-Bold.woff') format('woff');
    }

    @font-face {
        font-display: swap;
        font-family: 'Fira Sans SemiBold';
        font-style: normal;
        font-weight: normal;
        src: local('Fira Sans SemiBold'), url('https://storage.pubble.nl/assets/fonts/FiraSans-SemiBold.woff') format('woff');
    }

    @font-face {
        font-display: swap;
        font-family: 'Merriweather Heavy';
        font-style: normal;
        font-weight: normal;
        src: local('Merriweather Heavy'), url('https://storage.pubble.nl/assets/fonts/Merriweather-Black.woff') format('woff');
    }

    @font-face {
        font-display: swap;
        font-family: 'Merriweather Bold';
        font-style: normal;
        font-weight: normal;
        src: local('Merriweather Bold'), url('https://storage.pubble.nl/assets/fonts/Merriweather-Bold.woff') format('woff');
    }


    @font-face {
        font-display: swap;
        font-family: 'Merriweather Light';
        font-style: normal;
        font-weight: normal;
        src: local('Merriweather Light'), url('https://storage.pubble.nl/assets/fonts/Merriweather-Light.woff') format('woff');
    }

@font-face {
    font-display: swap;
    font-family: 'Merriweather Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Merriweather Italic'), url('https://storage.pubble.nl/assets/fonts/Merriweather-Italic.woff') format('woff');
}
@font-face {
    font-display: swap;
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: normal;
    src: local('Merriweather'), url('https://storage.pubble.nl/assets/fonts/Merriweather-Regular.woff') format('woff');
}


    /* WIDTH/HEIGHT */
    #cookieconsent {
        border-bottom: 4px solid #0071a0 !important;
    }


    editor1 ul {
        list-style-type: disc;
    }

#cust_leaderboardadv {
    z-index: 999;
    min-height: 50px; /* prevents 2ms screen flicker */
}


    @media only screen and (max-width: 767px) {

        #cust_leaderboardadv {
            top: 55px;
        }
    }

    .color-dim-grey a {
        color: #727070 !important;
    }

    .paywallLogin {
        background-color: #fff;
        padding-top: 20px;
        margin-top: -40px;
        margin-bottom: 40px;
        position: relative;
    }

        .paywallLogin:before {
            top: -230px;
            left: 0;
            width: 104%;
            height: 225px;
            background: transparent url(/content/premium/paywall_fade.png) repeat-x 0 0;
            content: " ";
            position: absolute;
            border-bottom: 20px #fff solid;
        }



    /* fix import */
    .c2 span:not(.spinner-border) {
        display: initial !important;
        font-family: inherit !important;
        font-size: inherit !important;
    }

    .input-flex-container .input, .input::before, .input::after {
        background-color: #940045;
    }

    .input.active {
        background-color: #940045;
    }

        .input.active::before {
            background-color: #940045;
        }

        .input.active::after {
            background-color: #d3d0d0;
        }

    .input::before, .input::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        width: 165px;
        height: 3px;
    }

    .grecaptcha-logo iframe {
        margin-top: 0px !important;
    }

    .j_kop_toelichting {
        padding: 15px;
        padding-bottom: 10px;
        border-radius: 2px;
        border: 1px solid #d1d1d1;
        border-bottom: 0px !important;
        margin-bottom: 0px !important;
        color: #fff !important;
        background: #005371;
        font-size: 20px;
        font-weight: bold;
    }

    .berichtenstroom .color-blue {
        white-space: nowrap;
    }


.articlecity, .article__content__location, .H_intro_plaats_nieuws {
    font-variant: small-caps;
    font-weight: 700;
    margin-bottom: 8px !important;
}


    .articlecity:before, .article__content__location:before, .H_intro_plaats_nieuws:before {
        font-family: 'FontAwesome';
        content: "\f0da";
        margin-right: 6px;
    }

    div.k_tekst_toelichting {
        border: 1px solid #d1d1d1;
        padding: 15px;
        border-radius: 2px;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    div.k_tekst_toelichting_ops {
        border: 1px solid #d1d1d1;
        padding: 15px;
        border-radius: 2px;
        padding-bottom: 0px;
    }

    .footer-abonnementen, .footer-abonnementen b, .footer-abonnementen span {
        vertical-align: middle;
    }

        .footer-abonnementen .float-right {
            width: 200px;
        }

        .footer-abonnementen:hover .color-blue {
            color: #fff !important;
        }

    .light-blue {
        opacity: .5
    }

    a:hover .light-blue {
        color: #d8e4e9
    }

    .light-blue-hover a:hover {
        color: #1c81ab
    }

    .highlighterpartnercontent .highlighter {
        background: #000 !important;
        font-size: 14px !important;
    }


    /*fixes ugly bottom border for inputs nd
input:not([type="checkbox"]):not([type="radio"]):not(.actionbutton) {
    border-bottom-width: 0px !important;
}
    */
    .ffl-wrapper input:not([type="checkbox"]):not([type="radio"]):not(.actionbutton) {
        border-bottom-width: 1px !important;
    }



    .secondarybutton {
        color: #fff !important;
        background-color: black !important;
        background: black !important;
    }

    #mobilemenu li:first-child:before {
        content: "" !important;
        display: none;
    }

    #mobilemenu li:last-child:before {
        content: "" !important;
        display: none;
    }

    .grecaptcha-badge {
        z-index: 9999999;
    }


    .loginbox div:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .loginbox input {
        padding-bottom: 9px !IMPORTANT;
        padding-top: 12px !important;
        height: auto !important;
    }

    .loginbox div:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }


    #loginform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: .9; /* Firefox */
    }

    .loginbox input {
        border: 0px !important;
    }

    #loginBox {
        margin-top: 42px !important;
        width: 304px;
        z-index: 9999999999;
        border-right: 0px !important; /* so it fits nicely */
    }


    #serviceBox {
        margin-top: 42px !important;
        width: 169px !important;
        box-shadow: 0px 6px 10px rgba(0,0,0,.3) !important;
        z-index: 99999;
        margin-left: 53px; /*fix desktop rechterkant*/
        border-right: 0px !important; /* so it fits nicely */
    }

    .drop-down {
        padding-left: 10px;
        padding-right: 15px; /* fix de dropdown rechterkant*/
    }

    .drop-down-selected {
        background: #fff;
        color: #fff;
        box-shadow: 0px 3px 10px rgba(0,0,0,.3);
        padding-right: 14px;
    }

    .drop-down a {
        padding-right: 5px !important;
    }

    .drop-down-selected a {
        color: #000 !important;
    }

    .drop-down-selected #np_account_1973676_000000,
    .drop-down-selected #np_arrow_729146_000000_A0_Path_8 {
        fill: #000 !important
    }


    #loginBox {
        position: relative;
    }

        #loginBox:before {
            content: '';
            position: absolute;
            width: 102px;
            height: 16px;
            right: 0px;
            top: -5px;
            background: white;
        }

    #serviceBox:before {
        content: '';
        position: absolute;
        width: 99px;
        height: 16px;
        right: 0px;
        top: -5px;
        background: white;
    }


    @media only screen and (max-width: 767px) {
        section {
            padding-top: 0px !important;
        }
    }

    #nav ul li:not(.last):before {
        content: "•";
        position: relative;
        color: #d2cdcd;
        font-size: 21px;
        top: 16px;
        left: 14px;
        float: right;
    }

    .inzetafbeelding {
    }




    p {
        line-height: 1.7;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
    }


    .line-height-49 {
        line-height: 49px !important;
    }

    .line-height-36 {
        line-height: 36px !important;
    }

    #content h1 {
        font-family: 'Merriweather Heavy' !important;
        font-size: 40px;
    }


    #content p {
        margin-bottom: 1em;
        font-size: 18px;
        font-family: 'Merriweather Light';
    }

    .fa-forward:before {
        content: "\f04e";
    }

    .vervolg {
        color: #940045 !important;
    }

        .vervolg:before {
            content: "";
            background-image: url('https://storage.pubble.nl/9ed0159c/content/web/forward-solid.svg');
            background-repeat: no-repeat !important;
            color: #940045;
            display: inline-block;
            padding-right: 10px;
            font-size: 18px;
            width: 30px;
            height: 13px;
        }

    .section-heading {
        font-family: 'Merriweather Heavy' !important;
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 0px !important;
    }


    .streamer {
        width: 110% !important;
        font-family: 'Merriweather Heavy' !important;
        margin-left: -60px !important;
        margin-top: 20px;
        font-size: 25px;
    }

    .text-tf-none {
        text-transform: none !important;
    }


.font-Mw {
    font-family: 'Merriweather Heavy';
    font-weight: normal;
}

.font-Mw-normal {
    font-family: 'Merriweather';
    font-weight: normal;
}

    .font-Mw-b {
        font-family: 'Merriweather Bold' !important;
        font-weight: normal;
    }

    .font-Mw-r {
        font-family: 'Merriweather Light' !important;
        font-weight: normal;
    }


    .font-Mw-i {
        font-family: 'Merriweather Italic' !important;
        font-weight: normal;
    }


    .font-Mw-black {
        font-family: 'Merriweather Heavy';
        font-weight: normal;
    }


    .font-Mw-l {
        font-family: 'Merriweather Light';
        font-weight: normal;
    }


    .font-fsr {
        font-family: 'Fira Sans Regular' !important;
        font-weight: normal;
    }

    .font-fs-sb {
        font-family: 'Fira Sans SemiBold' !important;
        font-weight: normal;
        Letter-spacing: 0.5px;
    }

    .font-fs-b {
        font-family: 'Fira Sans Bold' !important;
        font-weight: normal;
    }

    .font8 {
        font-size: 8px !important;
    }

    .font9 {
        font-size: 9px !important;
    }

    .font10 {
        font-size: 10px !important;
    }

    .font12 {
        font-size: 12px !important;
    }


    .font14 {
        font-size: 14px !important;
    }

    .font15 {
        font-size: 15px;
    }


    .font16 {
        font-size: 16px !important;
    }

    .font18 {
        font-size: 18px !important;
    }

    .font19 {
        font-size: 19px !important;
    }


    .font24 {
        font-size: 24px !important;
    }

    .font23 {
        font-size: 23px !important;
    }


    .font26 {
        font-size: 26px !important;
    }


    .font28 {
        font-size: 28px !important;
    }

    .font30 {
        font-size: 30px !important;
    }


    .font50 {
        font-size: 50px !important;
    }


    .quote {
        margin-left: -50px !important;
        font-family: 'Merriweather Italic' !important;
        font-weight: bold;
        font-size: 25px !important;
    }


    .tussenkop, .c2 h2, .c2 h3, .c2 .article__content__header { /* use these for all headers.. not just tussenkop + fixi import*/
        font-family: 'Merriweather Bold' !important;
        margin-bottom: 0px !important;
        font-size: 18px !important;
    }

    .subkop, .c2 h2, .c2 h3, .article__content__header { /* use these for all headers.. not just tussenkop + fixi import*/
        font-family: 'Fira Sans Bold' !important;
        font-weight: normal;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        line-height: 36px;
    }


    .article__content__information-field {
        font-weight: bold;
        color: #b54b7a;
        display: block;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .c2 h3 {
        /*override nd h3*/
        font-size: 16px !important;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .break {
        word-break: break-all;
    }


    /*too not interfer with mobile*/
    @media (min-width:576px) {
        .font20 {
            font-size: 20px !important;
        }

        .font22 {
            font-size: 22px !important;
        }


        .font30 {
            font-size: 30px;
        }

        .font40 {
            font-size: 40px;
        }


        .font45 {
            font-size: 45px;
        }
    }


    .btn-fill-paars {
        text-align: center;
        height: 45px;
        line-height: 43px;
        border: 1px solid #940045;
        background: #940045;
        border-radius: 3px;
        color: #fff;
        width: 344px !important;
    }



    .brder-black {
        border-radius: 4px;
        border: 2px solid #000000 !important;
    }
    
     .brder-ae9 {
     border: 1px solid #ECEAE9;
     }

    .brder-paars {
        border-radius: 4px;
        border: 2px solid #940045 !important;
    }


    .brder-paars-m {
        border-radius: 4px;
        border: 2px solid #F4E0E9 !important;
    }

    .nwsltr-primary-1 input {
        height: 45px;
        display: block;
        width: 100%;
        padding: 0 0px 0 20px;
        border: 1px solid #D3D0D0 !important;
        border-radius: 2px;
        color: #727070 !important;
    }



    @media only screen and (max-width: 767px) {

        .grecaptcha-badge {
            display: none;
        }



        .font-sm-22 a, .font-sm-22 b, .font-sm-22 {
            line-height: 1.3 !important;
        }

        .line-height-26 a, line-height-26 b, .line-height-29 a, .line-height-29 b {
            line-height: 1.5;
        }

        .textsmc {
            text-align: center !important;
        }

        .streamer {
            width: 110% !important;
            font-family: 'Merriweather Heavy' !important;
            margin-left: 0px !important;
            margin-top: 20px;
            font-size: 25px;
        }

        .font-sm-Mw-heavy {
            font-family: 'Merriweather Heavy' !important;
            font-weight: 700;
        }

        .font-sm-Mw-b {
            font-family: 'Merriweather Bold';
            font-weight: normal;
        }


        .font-sm-12 {
            font-size: 12px !important;
        }

        .font-sm-14 {
            font-size: 14px !important;
        }

        .font-sm-16 {
            font-size: 16px !important;
        }


        .font-sm-18 {
            font-size: 18px !important;
        }

        .font-sm-20 {
            font-size: 20px !important;
        }


        .font-sm-30 {
            font-size: 30px !important;
        }


        .font-sm-22 {
            font-size: 22px;
        }

        .font-sm-25 {
            font-size: 25px !important;
        }

        .btn-fill-paars {
            text-align: center;
            height: 45px;
            line-height: 43px;
            border: 1px solid #940045;
            background: #940045;
            border-radius: 2px;
            color: #fff;
            width: 100% !important;
        }
        
        .color-sm-bcbbbb {
          color: #bcbbbb !important;
        }
        
        .color-sm-fff {
          color: #fff !important;
        }

        
        .bg-sm-5371 {
            background: #005371 !important;
        }


        .bg-sm-wit {
            background: #ffffff !important;
        }


        .box-shadow-sm-no {
            box-shadow: none !important;
        }


        .brder-b-grey-sm {
            border-bottom: 1px solid #ccc !important;
        }

        .opacty-5-sm {
            opacity: .5 !important;
        }

        .quote {
            margin-left: 0px !important;
            font-family: 'Merriweather Italic' !important;
            font-weight: bold;
            font-size: 25px !important;
        }
    }




    ul bullets {
        list-style: none; /* Remove default bullets */
    }

    .bullets:before {
        content: "•";
        color: #ccc;
        width: 10em;
        position: absolute;
        top: 15px;
        margin-left: -15px;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff !important;
        background-color: #940045;
        border-color: #fbfbfb;
    }



    h4 {
        font-size: 23px;
    }

    .min-h-80x {
        min-height: 80px !important;
    }


    .logocontainer.desktoponly {
        margin-bottom: 10px;
        margin-top: 8px;
    }

    .list-a-bg-blue > li > a {
        background: #005371;
    }

.list-a-bg-blue-l > li > a {
    background: #F2F7F9;
}
.list-span-bg-blue-l > li > span {
    background: #0071A0;
}


    .list-a-bg-white > li > a {
        background: #FFFFFF;
    }


    li {
        list-style: none;
        display: inline-block;
        line-height: 1.2;
        font-size: 16px;
    }

    .oddLi {
        background-color: #F9EFF4;
    }

    .oddLi2 {
        background-color: #F2F7F9;
    }

    .mlr-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }


    .box-shadow {
        box-shadow: 0px 1px 5px rgba(0,0,0,.2);
    }

    .container {
        max-width: 1355px !important;
    }

    @media (min-width: 1356px) and (max-width: 1390px) {

        section {
            padding-top: 0px;
            padding-right: 30px !important;
            padding-bottom: 0px;
            padding-left: 30px !important;
        }
    }

    @media only screen and (min-width : 1355px) {
        .container {
            max-width: 1355px !important;
        }

        section {
            padding-top: 0px !important;
            padding-right: 0px;
            padding-bottom: 0px !important;
            padding-left: 0px;
        }
    }

    @media (min-width: 767px) and (max-width: 1355px) {

        .desktoponly-inline {
            display: none;
        }

        .container {
            max-width: 100% !important;
        }

        section {
            padding-top: 0px;
            padding-right: 30px;
            padding-bottom: 0px;
            padding-left: 30px;
        }
    }

    @media (min-width: 767px) and (max-width: 1100px) {
        .mdgdesktoponly {
            display: none;
        }

        .plr-mdg-5 {
            padding-left: 5px !important;
        }
    }

    @media (min-width: 1200px) {

        .section {
            padding-top: 0px;
            padding-right: 30px !important;
            padding-bottom: 0px;
            padding-left: 30px !important;
        }
    }


    @media (min-width: 991px) and (max-width: 1299px) {

        .ipadblock1024 {
            display: none !important;
        }

        .col-mdp-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .col-mdp-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .col-mdp-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .mlr-mdp-0 {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .w-mdp-350x {
            width: 350px !important;
        }


        .pr-mdp-15 {
            padding-right: 15px !important;
        }

        .pt-mdp-20 {
            padding-top: 20px !important;
        }


        .pr-mdp-30 {
            padding-right: 30px !important;
        }

        .plr-mdp-15 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }


        .streamer {
            width: 100% !important;
            font-family: 'Merriweather Heavy' !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-top: 20px;
            font-size: 25px;
        }

        .ml-mdp-10 {
            margin-left: 10px !important;
        }


        .ml-mdp-150 {
            margin-left: 150px !important;
        }

        .mlr-mdp-auto {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .w-mdp-380x {
            width: 380px !important;
        }
    }






    @media only screen and (max-width : 767px) {

        .desktoponly-inline {
            display: none !important;
        }

        section {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 00px;
        }
    }

    .brdr-na-2 {
        height: 2px;
        background: #0071A0;
    }

    .brdr-na-3 {
        height: 2px;
        background: #000000;
    }

    .brdr-na-4 {
        height: 2px;
        background: #940045;
    }

    .brdr-na-5-D9783F {
        height: 5px;
        background: #D9783F;
    }

    .brdr-na-6 {
        height: 1px;
        background: #e4e4e4;
    }

    .brdr-na-Tel {
        height: 5px;
        background: #940045;
    }

    .brder-l-grey {
        border-left: 1px solid #ccc;
    }

    .brder-lr-grey {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }


    .articlelink a {
        color: #727070 !important;
    }

    .color-blue {
        color: #0071a0 !important;
    }
    
    .color-005371 {
        color: #005371 !important;
    }


    .color-Fcb {
        color: #3C5794;
    }

    .color-black {
        color: #000000 !important;
    }

     .color-727070 {
         color: #727070 !important;
    }


    .color-paars {
        color: #940045 !important;
    }

    .color-D9783F {
        color: #D9783F !important;
    }


    .color-167 {
        color: #8cb1bf !important;
    }

    .color-grey {
        color: #ccc !important;
    }

    .color-Gray66 {
        color: #A8A8A8 !important;
    }


    .color-Crater-Brown {
        color: #484544 !important;
    }


    .color-silver {
        color: #C6C6C6 !important;
    }

    .color-analogous {
        color: #a7aaae !important;
    }


    .color-dim-grey {
        color: #727070 !important;
    }

    .color-white {
        color: #fff !important;
    }


    .color-white-a a {
        color: #fff !important;
    }

    input::placeholder {
       color: #727070 !important;
    }

    .color-blackhover:hover {
        color: #000000 !important;
        background: #fffff !important;
        z-index: 9999999;
    }

        .color-blackhover:hover #np_account_1973676_000000,
        .color-blackhover:hover #np_arrow_729146_000000_A0_Path_8 {
            fill: #000 !important
        }

    .b-r3 {
        border-radius: 3px;
    }

    .b-r70 {
        border-radius: 70px;
    }

    .line {
        text-decoration: line-through;
    }

    .bg-paars {
        background: #940045;
    }

    .bg-uitlichten {
        background: #F9EFF4 !important;
    }
    
    .bg-f4f4f4 {
        background: #f4f4f4;
    }


    .bg-192 {
        background-color: #fbfbfb !important;
        background: #fbfbfb;
    }

    .bg-196 {
        background-color: #005371;
        background: #005371;
    }

    .ml-179 {
        margin-left: 179px;
    }


    .ml-230 {
        margin-left: 230px;
    }

    .ml-240 {
        margin-left: 240px;
    }



    .ml-200 {
        margin-left: 200px !important;
    }


    .button-secondary {
        border-radius: 6px;
        border: 1px solid #727070;
        color: #727070;
        padding: 10px;
        float: right;
        margin-top: -6px; /* voor abo samenstellendatum.. was -8*/
        padding-bottom: 8px;
        padding-top: 8px;
    }


        .button-secondary:hover {
            color: #940045;
            border: 1px solid #940045;
        }

    .bootstrap-datetimepicker-widget table td.today:before {
        border-bottom-color: #680031 !important;
    }

    .bootstrap-datetimepicker-widget table td span.active {
        background-color: #680031 !important;
    }

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #680031 !important;
    }

    .btn-fill-paars-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #940045;
        border-radius: 5px;
        color: #FFFFFF;
    }

        .btn-fill-paars-medium:hover {
            background: #680031;
            color: #FFFFFF;
        }

    .btn-fill-D9783F-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #D9783F;
        border-radius: 3px;
        color: #FFFFFF;
    }

    .btn-fill-888-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #888888;
        border-radius: 3px;
        color: #FFFFFF;
    }

    .btn-fill-D9783F-medium:hover {
        background: #D9783F;
        color: #FFFFFF;
    }

    .btn-fill-888-medium:hover {
        background: #888888;
        color: #FFFFFF;
    }


    .btn-fill-black-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #000000;
        border-radius: 3px;
        color: #FFFFFF;
        text-transform: uppercase;
    }

        .btn-fill-black-medium:hover {
            background: #000000;
            color: #FFFFFF;
        }


    .author-fill-black-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #000000;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
    }

        .author-fill-black-medium:hover {
            background: #000000;
            color: #FFFFFF;
        }

    .author-fill-black-medium-partnercontent {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #005371;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: #fff;
        text-transform: uppercase;
    }

        .author-fill-black-medium-partnercontent:hover {
            background: #005371;
            color: #FFFFFF;
        }


    .author-fill-lightblue-medium {
        text-align: center;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        background: #f2f7f9 !important;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        color: #000;
        text-transform: uppercase;
        margin-left: -4px !important;
    }

        .author-fill-lightblue-medium:hover {
            background: #FFF;
            color: #000;
        }



    .footer-abonnementen:hover {
        background: #005371;
        color: #FFFFFF !important;
        border-radius: 3px !important;
    }


    .btn-brdr-auteur {
        text-align: center;
        height: 35px;
        line-height: 35px;
        border: 1px solid #ffffff;
        color: #0071a0;
        border-radius: 3px;
        width: 150px;
    }

    .btn-brdr-auteur-2 {
        text-align: center;
        height: 35px;
        line-height: 35px;
        border: 1px solid #d3d0d0;
        color: #0071a0;
        border-radius: 3px;
        width: 150px;
    }

    .btn-brdr-auteur-3 {
        text-align: center;
        height: 35px;
        line-height: 35px;
        border: 1px solid #d3d0d0;
        color: #0071a0;
        border-radius: 3px;
        width: 250px;
    }



    .btn-brdr-primary {
        text-align: center;
        height: 50px;
        line-height: 50px;
        border: 1px solid #d3d0d0;
        color: #0071a0;
        border-radius: 3px;
        width: fit-content;
        margin: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

        .btn-brdr-primary:hover {
            background: #FFFFFF;
            color: #0071a0;
            border: 1px solid #727070;
        }


    .btn-brdr-white {
        text-align: center;
        height: 50px;
        line-height: 50px;
        border: 1px solid #fff;
        color: #0071a0;
        border-radius: 3px;
        width: 300px;
    }

        .btn-brdr-white:hover {
            color: #0071a0;
            border: 1px solid #fff;
        }


    #paginaform a:link,
    #paginaform a:visited,
    #paginaform a:hover {
        color: #940045;
    }


    .outside .a {
        list-style-position: outside;
    }



    .list-a-hvr-primary > li > a:hover {
        background: #000000;
        color: #fff;
    }

    #wandImage {
        width: auto !important;
    }

    a:focus, a:active, a:hover,
    button:focus, button:active, button:hover,
    a b.light-color:hover {
        text-decoration: none;
        color: #000000;
    }


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

    .articleblock img {
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

    .articleblock:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .articleblock:hover .linkul {
        text-decoration: underline;
        color: #000000;
        
    }

    .linkul:hover {
        text-decoration: underline;
        color: #000000;
    }

    .photocredit {
        color: #727070;
        font-family: 'Fira Sans Regular' !important;
        font-weight: normal;
        font-size: 14px;
        float: right !important;
        padding-bottom: 10px !important;
        width: 100%;
        text-align: right;
    }


    .open {
        background: none !important;
        font-family: 'Fira Sans Regular';
        background-color: #940045 !important;
        border: 0;
        border-radius: 4px;
        color: #fff !important;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 400 !important;
        margin-bottom: 7px !important;
        margin-left: 0;
        padding: 12px;
        text-align: center;
        transition: background-color .3s ease;
    }


    .nav-tabs .nav-link .brdr-na-2 {
        height: 0px !important;
        background: #0071a000 !important;
    }


    .nav-tabs .nav-link.active .brdr-na-2 {
        height: 2px !important;
        background: #0071A0 !important;
    }


    .nav-tabs .nav-link.active .brdr-na-sv2 {
        height: 5px !important;
        background: #0071A0 !important;
    }

    .nav-tabs .nav-link .brdr-na-sv2 {
        height: 5px !important;
        background: #fffff !important;
    }


    .nav-tabs .nav-link .brdr-na-4 {
        height: 0px !important;
        background: #0071a000 !important;
    }


    .nav-tabs .nav-link.active .brdr-na-4 {
        height: 2px !important;
        background: #940045 !important;
    }


    .nav-tabs .nav-link .brdr-na-4 {
        height: 0px !important;
        background: #0071a000 !important;
    }


    .nav-tabs .nav-link .color-bluenav {
        color: #484544 !important;
    }

    .nav-tabs .nav-link.active .color-bluenav {
        color: #0071a0 !important;
    }


    /* navMenu */


    .menulogoScroll2 {
        display: none !important;
    }

    .iconScrol2 {
        fill: black;
    }
    
     .abonneerabScroll2 {
        display: none !important;
    }
    
    .abonneerScroll2 {
        display: none !important;
    }


    .iconScrol {
      fill: #005371;
    }



    .menulogoScroll {
        display: block;
        margin-top: -10px;
    }

    .abonneerScroll {
        display: block;
        margin-top: -10px;
    }
    
     .abonneerabScroll {
        display: block;
        margin-top: -10px;
    }





    .stickybottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 11;
        box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    }

        .stickybottom:not(.hidestickybar) {
            display: none; /* display using popupManager #bottompopup */
        }


    .stickytop {
        position: fixed;
        top: 70px;
        width: 100%;
        z-index: 11;
        box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    }


    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 0 30px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1);
        /*box-shadow: 0 10px 10px rgba(0,0,0,0.1); < lelijk */
    }


    .bottom-on {
        position: absolute !important;
        bottom: 0px !important;
    }

    .sticky.brdr-na-3 {
        height: 0px;
    }

    .sticky + .container {
        padding-top: 60px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #cccccc #cccccc #fff;
    }



    #navcontainer {
        background-color: #ffffff !important;
        border: 0;
        color: #000;
        width: 100%;
        z-index: 999999 !important;
        margin-bottom: 14px;
    }

    #navMenu > ul li a:hover, #navMenu > ul li a.active {
        background: #ffffff;
        color: #0071A0;
        text-shadow: none;
    }


    .ggs-switchBar {
        background: #1191fc;
        background-color: #0071a9 !important;
        border-radius: 5px;
        height: 2px;
        margin-bottom: 4px;
    }

    #ggs-switch {
        width: 25px;
    }

    .p-title-vandaag {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 10px;
        color: #0071a0;
        font-size: 20px;
        font-family: 'Fira Sans Bold';
        text-transform: uppercase;
    }

     .ptv-linkul:hover {
        text-decoration: underline;
        color: #0071a0;
    }

    .color-paars .ptv-linkul:hover {
        text-decoration: underline;
        color: #940045;
    }

    #articlediv a, #content p a {
        text-decoration: underline;
        color: #0097d8 !important;
    }

#articlediv a, .bg-inarticle-related {
    text-decoration: none;
}


#navMenu {
    background-color: #ffffff !important;
    color: #000000;
    font-size: 16px;
    font-family: 'Fira Sans Regular'; 
    line-height: 15px;
    text-align: left;
    text-transform: uppercase;
    z-index: 99999999999;
    height: 42px;
    font-weight: normal;
}

        #navMenu > ul {
            background: #fffff;
            color: #fff;
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: auto;
            margin-left: -10px;
        }

    #nav ul li {
        line-height: 15px;
        margin-left: 0 !important;
        margin-right: 20px !important;
        float: left;
    }

    .nwsltr-grey-1 button {
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 1px;
        width: 30px;
        text-align: center;
        color: #000;
    }

        .nwsltr-grey-1 button:hover {
            background: #000;
            color: #fff;
        }

    .actief {
        color: #0071A0 !important;
    }


    #navMenu > ul li a.active {
        background: #ffffff;
        color: #0071A0 !important;
        text-shadow: none;
    }

    .scrolling-wrapper-dk {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }



    @media only screen and (max-width: 767px) {
        #mobilenav {
            display: block !important;
            height: 42px;
            line-height: 42px;
            padding-top: 8px;
            position: relative;
            top: 8px;
            padding-left: 8px;
            float: right;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #fff;
        }

        .scrolling-wrapper {
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
        }

        .app-navigation__sections {
            margin: 0;
            overflow-x: scroll;
            overflow-y: hidden;
            padding: 0 0 17px;
            width: 100%;
        }

        #navcontainer {
            height: 70px;
            background: #fff !important;
            border-bottom: 1px solid #eaeaea !important;
            border-top: 0 solid #eaeaea !important;
            border-bottom-width: 1px !important;
            position: fixed;
            top: 0 !important;
        }

        .color-sm-blue {
            color: #0071A0 !important;
        }

        .cust_leaderboardadv, iframe {
            margin: 0 auto !important;
            margin-bottom: 10px !important;
            margin-top: 10px !important;
            display: block;
        }

        .input-flex-container {
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 300px !important;
            height: 100px;
            max-width: 300px !important;
            position: relative;
            z-index: 0;
        }
    }

    #navMenu > ul li.has-sub ul {
        background: #ffffff !important;
        border: 1px solid #888;
        border-bottom: 3px solid #888;
        color: #000000;
        border-top: 0 none;
        color: #000000;
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 250px;
    }

    #navMenu > ul li a {
        color: #000;
        display: block;
        font-size: 16px;
        font-family: 'Fira Sans Regular';
        padding: 12px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
        text-shadow: none;
        transition: background-color .1s ease;
        font-weight: normal;
        letter-spacing: 0.5px;
    }

    .nwsltr-grey-1 button:hover {
        background: #0000;
        color: #fff;
    }

    .mm-menu {
        background: #000000 !important;
        border-color: rgba(0,0,0,.1);
        color: rgb(255, 255, 255) !important;
    }

    .mm-navbar {
        border-bottom: 1px solid;
        border-color: inherit;
        text-align: center;
        line-height: 20px;
        height: 40px;
        padding: 0 40px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
    }

    /* INDIVIDUAL STYLING */



    /* Customize the label (the container) */
    .checkboxcontainer {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .checkboxcontainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    /* On mouse-over, add a grey background color */
    .checkboxcontainer:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkboxcontainer input:checked ~ .checkmark {
        background-color: #940045;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkboxcontainer input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkboxcontainer .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    /* svg */


    #Path_26 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    .Path_26 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 12.241px;
        height: 20px;
    }

    #Path_27 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    .Path_27 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 2.318px;
        left: 4.415px;
        width: 3.411px;
        height: 1.152px;
    }

    #Path_28 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    .Path_28 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 16.019px;
        left: 5.237px;
        width: 1.768px;
        height: 1.769px;
    }

    #np_phone_2367788_000000 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    .np_phone_2367788_000000 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 2px;
        left: 0px;
        width: 20px;
        height: 20.002px;
    }

    #np_arrow_729146_000000_A0_Path_8 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    .np_arrow_729146_000000_A0_Path_8 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: -10px;
        left: 74.001px;
        width: 8px;
        height: 4.716px;
    }

    a :hover #np_arrow_729146_000000_A0_Path_8 {
        opacity: 1;
        fill: rgb(0, 0, 0) !important;
        color: #000000 !important;
    }



    #np_account_1973676_000000 {
        opacity: 1;
        fill: rgba(0,83,113,1);
    }

    #np_account_1973676-2_000000 {
        opacity: 1;
        fill: rgb(255, 255, 255);
    }

    .np_account_1973676_000000 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 1px;
        left: 0px;
        width: 17.216px;
        height: 16.59px;
    }

    a :hover #np_account_1973676_000000 {
        opacity: 1;
        fill: rgb(0, 0, 0) !important;
        color: #000000 !important;
    }

    .np_account_1973676-2_000000 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        position: absolute;
        top: 1px;
        left: 0px;
        width: 17.216px;
        height: 16.59px;
    }

    a :hover #np_account_1973676-2_000000 {
        opacity: 1;
        fill: rgb(0, 0, 0) !important;
        color: #000000 !important;
    }


    #Path_1 {
        opacity: 1;
        fill: rgba(0,0,0,1);
    }

    .Path_1 {
        transform: matrix(1,0,0,1,0,0);
        overflow: visible;
        width: 500px;
        height: 55.556px;
    }

    #Rectangle_166 {
        opacity: 1;
        fill: rgba(0,0,0,1);
    }

    @media only screen and (max-width: 992px) {
        .Path_1 {
            transform: matrix(1,0,0,1,0,0);
            overflow: visible;
            width: 250px;
            height: 28px;
        }

        .font-md-18 {
            font-size: 18px !important;
        }

        .font-md-16 {
            font-size: 16px !important;
        }

        .w-md-250x {
            width: 250px !important;
        }
    }

    /* svg */


    /* Service */

    .opacty-ndsv {
        opacity: 0.445 !important;
        fill: rgba(0,83,113,1) !important;
    }


    .bg-ndsv {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .7;
        background: rgba(0,83,113,1) !important;
        z-index: -1;
    }

    .bg-ndsv2 {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #005371 !important;
        z-index: -1;
    }

    .h-50x {
        height: 50px !important;
    }


    .h-150x {
        height: 150px !important;
    }


    .bg-ndsv1 {
        background: url(https://pubblestorage.blob.core.windows.net/9ed0159c/content/web/ORG_DSC02446_A0_Rectangle_6_pattern.png) no-repeat center;
        background-size: cover;
    }


    .update-time {
        font-family: 'Merriweather Bold' !important;
        font-weight: normal;
        color: #0071a0;
        font-size: 14px;
    }

        .update-time::after {
            position: absolute;
            left: 90px;
            width: 16px;
            height: 18px;
            background: #fff url(https://pubblestorage.blob.core.windows.net/9ed0159c/content/web/moment-bullet.svg) 50% 50% no-repeat;
            content: '';
        }

    /* play knop */


    .badge__icon {
        position: relative;
        z-index: 9;
        width: 1.33333rem;
        height: 1.33333rem;
        padding: .33333rem;
        border-radius: 100%;
        background-color: #E61E14;
        background-size: .55556rem;
        vertical-align: top;
    }

    .img-icon-play {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 1.82222rem;
        height: 1.82222rem;
        background: #940045 url(https://pubblestorage.blob.core.windows.net/9ed0159c/content/web/icon-play.svg) center center no-repeat;
        background-size: .88889rem;
        border-radius: 100%;
    }


    .play-video-small {
        position: absolute;
        top: initial;
        bottom: 5px;
        width: 35px;
        height: 35px;
        margin: 0;
    }


    .search-form ::placeholder {
        color: #000000;
    }

    .search-form :-ms-input-placeholder {
        color: #000000;
    }

    .search-form ::-ms-input-placeholder {
        color: #000000;
    }


    /* SEARCH AREA */

    .nwsltr-primary-1 button {
        position: relative;
        top: 1px;
        bottom: 1px;
        right: 1px;
        width: 45px;
        text-align: center;
        background: #d52b1e;
        color: #000;
    }



    .nwsltr-grey-1 button:hover {
        background: #0000;
        color: #040404;
    }

    .nwsltr-primary-1 button {
        position: relative;
        top: 1px;
        bottom: 1px;
        right: 1px;
        width: 45px;
        text-align: center;
        background: #e0d7d700;
        color: #000;
    }


    .header .right-area {
        float: right;
        height: 100%;
        line-height: 70px;
        margin-left: 15px;
        padding: 5px;
    }

    .header .src-icn,
    .header .close-icn {
        display: none;
    }

        .header .src-icn.active,
        .header .close-icn.active {
            display: block;
        }

    .header .search-form {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 15px;
        right: 15px;
        z-index: 1;
        max-width: 0;
        overflow: hidden;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .header .search-form.active {
            max-width: 3000px;
        }


        .header .search-form form {
            height: 100%;
        }

        .header .search-form input {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 15px 0 75px;
            font-size: 1.4em;
            border: 0px solid #ccc;
            background: #f7f5f8;
            outline: 0;
            -webkit-transition: all .0s;
            transition: all .0s;
        }

            .header .search-form input:focus {
                background: #f1f2f1;
            }

        .header .search-form button {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 60px;
        }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
    /* Modal Content/Box */
.modal-content{
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover{
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* SEARCH AREA */
#navMenutest > ul li a {
    background: #440074;
    color: #fff;
    text-shadow: none;
    list-style-type: disc;
}

    .nbImg {
        clip-path: polygon(0 40%, 0 0, 100% 0, 100% 100%, 0 100%, 0 60%, 10% 50%);
    }


    @media only screen and (max-width: 767px) {
        .nbImg {
            clip-path: polygon(0 100%,0 0,100% 0,100% 100%,55% 100%,50% 95%,45% 100%);
        }
    }

    .multi-carousel {
        opacity: 0;
        padding: 0 25px;
    }

        .multi-carousel .carousel-control-next,
        .multi-carousel .carousel-control-prev {
            width: 25px;
            background: #e4e3e3;
        }

    .accordion .card-header:after {
        font-family: 'FontAwesome';
        content: "\f068";
        float: right;
    }

    .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f067";
    }


    .sided-50 {
        position: relative;
    }

        .sided-50 .s-left {
            top: 0;
            left: 0;
            height: 50px;
            width: 50px;
        }

            .sided-50 .s-left.rounded img {
                border-radius: 70px;
                overflow: hidden;
            }

    .tvcampaign.subscribe-background {
        background-image: url('https://pubblestorage.blob.core.windows.net/assets/nd/tvcampaign.jpg');
        background-size: cover;
    }

    .tvcampaign .oddLi2 {
        background-color: transparent !important;
    }

    .offer-subtxt {
        font-size: 16px !important;
    }

        .offer-subtxt p {
            font-size: 16px !important;
        }

    .tvcampaign .offer-phonenumber {
        color: #000 !important;
    }

    .offer-endorsement {
        margin-top: 60px
    }

    .subscription-container {
        padding-top: 40px !important;
        margin-top: 0px !important;
    }

    .tvcampaign .offer-price {
        color: #465155;
    }

    .tvcampaign .offer-benefits {
        color: #465155;
    }

    .tvcampaign .offer-name {
        font-size: 18px !important;
        font-weight: bold;
        color: #000 !important;
        margin-bottom: -4px;
    }

    .offer-discountperiod-text {
        font-size: 16px !important;
    }

    .tvcampaign .offer-box {
        border-top: 6px solid #940045;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .tvcampaign .offer-main-image {
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .offercontainer:nth-child(5) .offer-title {
        background-color: #940045 !important;
    }

    .offercontainer:nth-child(5) .offer-name, .offercontainer:nth-child(5) .offer-discountperiod-text {
        color: #fff !important;
    }

    .subscribersform .benefit-subtract {
        display: none;
    }

    #subOfferContainer {
        border: 0px !important;
    }

    #subOfferContainer .subscribefullpurple {
        background: #F2F7F9;
    }

    #subOfferContainer .bg-paars {
        background: #01A531 !important;
    }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        background-color: #FFF;
    }


    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
    }

    
    section.partnercontentweb   h3  {
        font-family: 'Merriweather Light' !important;
        font-weight: normal !important;
    }


    section.partnercontentweb   p  {
        font-family: 'Fira Sans Regular' !important;
        font-weight: normal;
    }


    @media only screen and (max-width: 740px)
    {
    .consenttxt {
        display: block !important;
        text-align: left;

    }
}


.PARTNERCONTENT-color-paars {
    color: #940045 !important;
}


.PARTNERCONTENT-brdr-na-4 {
background: #940045;

}

.podcast-h1:hover {
  color: #0071a0;
}

.podcastli:hover .podcast-hover {
  color: #0071a0;

}

/* ---------------------------------
10. medewerkers
--------------------------------- */
.accordion-container .hide {
    display: none;
}



#editor1 .accordion-container .hide,
.accordion-container .active {
    display: block !important;
}


.a-body-inner-1 {
    padding: 25px 40px 25px 25px;
    border: 0px solid #ccc;
    border-top: 0;
} 

  .accordian .a-title i {
        position: absolute;
        top: 50%;
        right: 0;
        color: #080808 !important;
        width: 50px;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }


/* ---------------------------------
10.
--------------------------------- */