* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
}


/*drie strepen voor GSM-menu*/
.toggler {
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
    width: 35px;
    height: 35px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 28px;
    border-radius: 25px;
}

.bars {
    display: block;
    width: 100%;
    height: 3px;
    position: relative;
    font-smoothing: antialiased;
    border-radius: 25px;
}

.middle {
    display: block;
    width: 100%;
    height: 100%;
    background: #236efb;
    border-radius: 25px;
}

.bars:before,
.bars:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #236efb;
    position: absolute;
    font-smoothing: antialiased;
    border-radius: 25px;
    transition: .3s;
}

.bars:before {
    top: -12px;
    transform-origin: 0 0;
}

.bars:after {
    bottom: -12px;
    transform-origin: 0 100%;
}

.stylebars .middle {
    opacity: 0;
}

.stylebars .bars:before {
    transform: rotate(45deg) scaleX(1.25) translateY(-4px);
}

.stylebars .bars:after {
    transform: rotate(-45deg) scaleX(1.25) translateY(4px);
}



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

    /*layout menubalk*/
    .main-header {
        padding: 10px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 100%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 110%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 100%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 100%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 100%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;

    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff !important;
        font-weight: bold;
        font-size: 190%;
        margin-top: 1rem;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 150%;
        margin-bottom: 15px;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 300%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 160%;
        margin-bottom: 15px;
    }
	
	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 300%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 160%;
        margin-bottom: 15px;
    }

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}


@media screen and (min-width: 1700px) and (max-width: 1800px) {

    /*layout menubalk*/
    .main-header {
        padding: 9px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 95%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 105%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 95%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 95%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 95%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 180%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 180%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 180%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 142%;
        margin-bottom: 155px;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 285%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 152%;
        margin-bottom: 15px;
    }


	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 285%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 152%;
        margin-bottom: 15px;
    }



    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 180%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 180%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 114%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}


@media screen and (min-width: 1600px) and (max-width: 1700px) {

    /*layout menubalk*/
    .main-header {
        padding: 10px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 90%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 100%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 90%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 90%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 90%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 90%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
        margin-top: 200px;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 135%;
        margin-bottom: 155px;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 271%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 144%;
        margin-bottom: 15px;
    }


	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 271%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 144%;
        margin-bottom: 15px;
    }		
	
    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 90%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 8%;
        bottom: 6%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 170%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 95%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 108%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 8%;
        bottom: 7%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 53%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 47%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 190%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 100%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 120%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}




@media screen and (min-width: 1500px) and (max-width: 1600px) {

    /*layout menubalk*/
    .main-header {
        padding: 7px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 84%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 95%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 84%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 84%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 84%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
        margin-top: 200px;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 128%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 257%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 137%;
        margin-bottom: 15px;
    }


	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 257%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 137%;
        margin-bottom: 15px;
    }


    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 160%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 84%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}


@media screen and (min-width: 1400px) and (max-width: 1500px) {

    /*layout menubalk*/
    .main-header {
        padding: 7px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 79%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 90%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 79%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 79%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 79%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        /* deze aanpassen voor effect */
        font-weight: bold;
        font-size: 151%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 6%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 122%;
        margin-bottom: 15px;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 245%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 130%;
        margin-bottom: 15px;
    }


	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 245%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 130%;
        margin-bottom: 15px;
    }


    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 151%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 79%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 98%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 1300px) and (max-width: 1400px) {

    /*layout menubalk*/
    .main-header {
        padding: 7px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 75%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 85%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 75%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 75%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 75%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 116%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 233%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 123%;
        margin-bottom: 15px;
    }
	
	/*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 233%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 123%;
        margin-bottom: 15px;
    }		  

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 143%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 75%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 93%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 1200px) and (max-width: 1300px) {

    /*layout menubalk*/
    .main-header {
        padding: 7px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 71%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 10px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 9px 18px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 10px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 81%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 71%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 71%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 71%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 136%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 136%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 136%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 109%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 221%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 117%;
        margin-bottom: 15px;
    }
	

    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 221%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 117%;
        margin-bottom: 15px;
    }
	

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 1100px) and (max-width: 1200px) {

    /*layout menubalk*/
    .main-header {
        padding: 2px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 67%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 7px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 4px 11px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 77%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 5px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 67%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 67%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 67%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 83%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 67%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 83%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 83%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 67%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 103%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 209%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 111%;
        margin-bottom: 15px;
    }



    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 209%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 111%;
        margin-bottom: 15px;
    }

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 1000px) and (max-width: 1100px) {

    /*layout menubalk*/
    .main-header {
        padding: 2px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 63%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 7px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 4px 11px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 73%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 5px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 63%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 63%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 63%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 78%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 63%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 59%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 92%;
        padding-bottom: 15px;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }


    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }	

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 900px) and (max-width: 1000px) {

    /*layout menubalk*/
    .main-header {
        padding: 2px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 59%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 7px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 4px 11px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 69%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 5px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 59%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 59%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 59%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 59%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 59%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 92%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }

    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }



    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



@media screen and (min-width: 780px) and (max-width: 900px) {

    /*layout menubalk*/
    .main-header {
        padding: 2px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 56%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 7px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 2px 8px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        position: relative;
    }

    .menu_links > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li > ul > li > ul {
        position: absolute;
        top: -99999px;
        padding: 0;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    .menu_links > li > ul > li:hover > ul {
        top: 0;
        left: 100%;
    }

    .menu_links > li li:hover a {
        background: rgba(44, 44, 84, .6);
    }

    .menu_links > li li li:hover a {
        background: rgba(14, 24, 42, .9);
    }

    .dropdown {
        padding-left: 8px;
        white-space: nowrap;
        min-width: 180px;
        background: rgba(1, 24, 42, .5);
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 65%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 5px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 56%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 56%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 56%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 87%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }

    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 187%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 100%;
        margin-bottom: 15px;
    }

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 88%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 9%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 73%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}



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

    /*layout menubalk*/
    .main-header {
        padding: 2px 0;
        background: rgba(1, 24, 42, .6);
        position: relative;
        z-index: 1000;
    }

    .container {
        max-width: 93%;
        /* dit percentage zorgt ervoor dat index mooi uitlijnt met de inhoud van de menu_links */
        margin: auto;
        padding: 0 15px;
        font-size: 53%;
    }

    /*layout linkerknoppen menubalk*/
    .menu_links li {
        list-style: none;
    }

    .menu_links > li {
        padding: 0 7px;
    }

    .menu_links a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: block;
        padding: 2px 8px;
    }

    .menu_links a:hover {
        opacity: 0.7;
    }

    .menu_links,
    .flex-col {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu_links > li,
    .menu_links > li li {
        display: none;
    }

    .menu_links > li > ul {
        display: none;
    }

    .menu_links > li > ul > li > ul {
        display: none;
    }

    .menu_links > li:hover > ul {
        top: 100%;
    }

    /*layout rechterknoppen menubalk*/
    .menu_rechts li {
        list-style: none;
        display: inline;
    }

    .menu_rechts > li {
        padding: 0 px;
    }

    .menu_rechts a {
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        display: inline;
        padding: 9px 18px;
    }

    .menu_rechts a:hover {
        opacity: 0.7;
    }

    /* logo's e-mail en sociale media */
    .fa {
        padding: 20px;
        font-size: 60%;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    .fa-envelope {
        color: white;
    }

    .fa-facebook {
        color: white;
    }

    .fa-flickr {
        color: white;
    }

    /*layout voetbalk*/
    .voetbalk {
        width: 100%;
        height: inherit;
        vertical-align: middle;
        position: absolute;
        bottom: 5px;
        right: 10px;
        text-align: right;
    }

    .voetbalk h {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 53%;
    }

    .voetbalk a {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        font-size: 53%;
    }

    .voetbalk a:hover {
        opacity: 0.7;
    }

    .voetbalk p {
        font-weight: normal;
        color: #fff;
        font-size: 53%;
    }

    /*layout reportagemenus (België, Europa, Azië, Afrika)*/
    .schermopmaak_reportagemenus {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .inhoud_reportagemenus {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportagemenus_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportagemenus_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout videopagina*/
    .schermopmaak_video {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_video.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_video {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_video_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_video_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_video_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_video_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_video_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_video_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout linkpagina*/
    .schermopmaak_linkpagina {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_linkpagina.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_linkpagina {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_linkpagina_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 44%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_linkpagina_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_linkpagina_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_linkpagina_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_linkpagina_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 83%;
    }

    .inhoud_linkpagina_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout hoofdpagina*/
    .schermopmaak_index {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_index {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_index h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 165%;
        margin-bottom: 15px;
    }

    .inhoud_index p {
        font-weight: normal;
        font-size: 89%;
        margin-bottom: 15px;
    }

    /*layout pagina_onvindbaar*/
    .schermopmaak_pagina_onvindbaar {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_pagina_onvindbaar.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_pagina_onvindbaar {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_pagina_onvindbaar h {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 165%;
        margin-bottom: 15px;
    }

    .inhoud_pagina_onvindbaar p {
        font-weight: normal;
        font-size: 89%;
        margin-bottom: 15px;
    }	

    /*layout about-pagina*/
    .schermopmaak_about {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_about.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_about {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_about_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 50%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_about p {
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_about h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_about h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }


    /*layout updates-pagina*/
    .schermopmaak_updates {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_updates.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_updates {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_updates_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 56%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak_opbouw {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_updates_grijs_vlak h {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_updates_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_updates_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_updates_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_updates_grijs_vlak a:hover {
        opacity: 0.7;
    }


    /*layout reportages normale intro*/
    .schermopmaak_reportages {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        overflow-y: hidden;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        bottom: 0%;
        overflow-y: scroll;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_reportages_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 56%;
    }

    .inhoud_reportages_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_reportages_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*layout reportages lange intro én veel foto's*/
    .schermopmaak_reportages_lange_intro {
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        height: inherit;
        color: #fff;
        background: url(../img/achtergrond_index.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        /*background-attachment: fixed;*/
    }

    .inhoud_reportages_lange_intro {
        display: table-cell;
        background: url(../img/leeg.png) no-repeat center center;
        width: 100%;
        height: inherit;
        text-align: left;
        vertical-align: middle;
    }

    .inhoud_reportages_lange_intro_grijs_vlak {
        background-color: rgba(127, 127, 127, 0.5);
        position: absolute;
        right: 1%;
        left: 1%;
        top: 7%;
        bottom: 8%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        overflow-y: scroll;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_tekst {
        position: absolute;
        right: 51%;
        left: 0%;
        top: 0%;
        bottom: 0%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak_fotos {
        position: absolute;
        right: 0%;
        left: 49%;
        top: 0%;
        padding-left: 1%;
        padding-right: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        margin-bottom: 5px;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak h2 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        font-size: 130%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak p {
        color: #fff;
        font-weight: normal;
        font-size: 71%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a {
        color: #fff;
        font-weight: bold;
        font-size: 63%;
    }

    .inhoud_reportages_lange_intro_grijs_vlak a:hover {
        opacity: 0.7;
    }

    /*Menu toggle*/
    .toggler {
        display: none;
    }
}

/* Responsive fotoblokken voor belgie.html */
@media (max-width: 1100px) {
    [thumbnailsmenu="grid"] {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }

    .thumbnailmenu.has_title {
        flex: 1 1 45%;
        max-width: 45%;
        min-width: 260px;
        box-sizing: border-box;
        margin-bottom: 24px;
        transition: max-width 0.2s;
    }
}

@media (max-width: 900px) {
    .thumbnailmenu.has_title {
        flex: 1 1 90%;
        max-width: 90%;
        min-width: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 700px) {
    [thumbnailsmenu="grid"] {
        flex-direction: column;
        gap: 12px;
    }

    .thumbnailmenu.has_title {
        flex: 1 1 100%;
        max-width: 100vw;
        min-width: 0;
        margin-bottom: 18px;
        margin-left: 0;
        margin-right: 0;
    }
}

.thumbnailmenu .thumbmenu_image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/11;
    object-fit: contain;
    display: block;
    max-width: 100vw;
}

.thumbnailmenu .title {
    margin-top: 8px;
    text-align: center;
    font-size: 1em;
    word-break: break-word;
    color: #fff;
    background: none;
    padding: 0.2em 0.5em;
    transition: font-size 0.2s;
}

.thumbnailmenu .title span,
.thumbnailmenu .title span:hover {
    font-size: inherit !important;
    color: inherit;
    background: none;
}

.thumbnailmenu .title span div {
    font-size: 0.95em !important;
}

@media (max-width: 500px) {

    .thumbnailmenu .title,
    .thumbnailmenu .title span,
    .thumbnailmenu .title span:hover {
        font-size: 0.98em !important;
    }

    .thumbnailmenu .title span div {
        font-size: 0.90em !important;
    }
}

/* Optioneel: tekst over de foto als overlay op hover (comment uit als niet gewenst) */
/*
.thumbnailmenu .thumbmenu_image {
  position: relative;
}
.thumbnailmenu .title {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  margin: 0;
  padding: 0.5em 0.2em;
  border-radius: 0 0 8px 8px;
  font-size: 1em;
  transition: font-size 0.2s;
}
*/

/* Responsive fotoblokken voor belgie.html - overlay en typografie verbeterd */
@media (max-width: 600px) {
    .thumbnailmenu.has_title {
        position: relative;
        max-width: 100vw;
        margin-bottom: 16px;
    }

    .thumbnailmenu .thumbmenu_image {
        position: relative;
    }

    .thumbnailmenu .title {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.55);
        color: #fff;
        margin: 0;
        padding: 0.5em 0.2em 0.3em 0.2em;
        border-radius: 0 0 8px 8px;
        font-size: 0.98em;
        line-height: 1.2;
        text-align: center;
        z-index: 2;
        max-width: 100vw;
        overflow: hidden;
        white-space: normal;
    }

    .thumbnailmenu .title span div {
        display: none;
    }
}

@media (max-width: 400px) {
    .thumbnailmenu .title {
        font-size: 0.85em;
        padding: 0.4em 0.1em 0.2em 0.1em;
    }
}

@media (min-width: 1200px) {
    .thumbnailmenu.has_title {
        max-width: 420px;
    }

    .thumbnailmenu .title {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 0.3em 0.2em 0.2em 0.2em;
        background: none;
        color: #fff;
        position: static;
        border-radius: 0 0 8px 8px;
        font-size: 1em;
        line-height: 1.2;
        overflow: visible;
        white-space: normal;
    }

    .thumbnailmenu .title span div {
        display: block;
        font-size: 0.95em;
        color: #eee;
    }
}

@media (min-width: 1200px) {
    .thumbnailmenu.has_title {
        position: relative;
        max-width: 100%;
        margin-bottom: 24px;
    }

    .thumbnailmenu .thumbmenu_image {
        position: relative;
        width: 100%;
        display: block;
    }

    .thumbnailmenu .thumbmenu_image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
    }

    .thumbnailmenu .title {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.55);
        color: #fff;
        margin: 0;
        padding: 0.7em 0.5em 0.5em 0.5em;
        border-radius: 0 0 12px 12px;
        font-size: 1.1em;
        font-weight: 500;
        line-height: 1.25;
        text-align: center;
        z-index: 2;
        max-width: 100%;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }
}

@media (min-width: 1800px) {
    .thumbnailmenu.has_title {
        max-width: 100%;
    }

    .thumbnailmenu .thumbmenu_image {
        max-width: 100%;
    }

    .thumbnailmenu .thumbmenu_image img {
        max-width: 100%;
    }

    .thumbnailmenu .title {
        max-width: 100%;
        left: 0;
        transform: none;
        font-size: 1.1em;
        padding: 0.7em 0.5em 0.5em 0.5em;
        background: rgba(0, 0, 0, 0.55);
    }
}

@media (max-width: 780px) {
    #custom-viewer-caption {
        display: none;
    }

    #custom-viewer-caption.show {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.92);
        color: #fff;
        padding: 20px;
        overflow-y: auto;
        cursor: pointer;
        /* 🔑 cursor als hand zodat duidelijk is dat je kunt klikken */
    }

    #custom-viewer-caption p {
        margin-top: 40px;
        line-height: 1.5;
    }
}

#random-reportage {
    position: fixed;
    bottom: calc(48px + env(safe-area-inset-bottom));
    left: calc(16px + env(safe-area-inset-left));

    background: #0b162a;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 1000;
    /* boven andere elementen */
}

@media (max-width: 600px) {
    #random-reportage {
        font-size: 0.9rem;
        padding: 10px 20px;
        bottom: calc(48px + env(safe-area-inset-bottom));
        left: calc(12px + env(safe-area-inset-left));
    }
}

#random-reportage:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.5);
    background: #0b162a;
}

#random-reportage:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

/* captions standaard verbergen op schermen <= 780px */
/* mobiel: captions starten verborgen, JS togglet */
/* standaard: captions onderaan (desktop) */
/* standaard: captions zichtbaar */
/* standaard: caption zichtbaar op desktop, verborgen op mobile */
.lg-sub-html {
    display: block;
    opacity: 1;
    transition: opacity 0.25s ease;
}

/* mobile: standaard verborgen */
@media (max-width: 1023px) {
    .lg-sub-html {
        display: none;
        opacity: 0;
    }

    .lg-sub-html.lg-visible {
        display: block !important;
        opacity: 1;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .lg-sub-html {
        display: block !important;
        opacity: 1 !important;
        position: static !important;
        background: none !important;
        padding: 12px 0;
        margin-top: 8px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif;
        line-height: 1.5;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .lg-outer .lg-object.lg-image,
    .lg-outer .lg-video-object,
    .lg-outer video {
        max-width: 90%;
        max-height: 75vh;
        /* 👈 lager zodat caption meer ruimte krijgt */
        object-fit: contain;
        margin: 0 auto;
        margin-bottom: 5%;
    }
}

/* 🖥️ Medium desktop: 1024px – 1980px */
@media (min-width: 1440px) and (max-width: 1980px) {
    .lg-sub-html {
        display: block !important;
        opacity: 1 !important;
        position: static !important;
        background: none !important;
        padding: 12px 0;
        margin-top: 8px;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        line-height: 1.5;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .lg-outer .lg-object.lg-image,
    .lg-outer .lg-video-object,
    .lg-outer video {
        max-width: 100%;
        max-height: 75vh;
        /* 👈 lager zodat caption meer ruimte krijgt */
        object-fit: contain;
        margin: 0 auto;
        margin-bottom: 25%;
    }
}

@media (min-width: 1980px) {
    .lg-sub-html {
        display: block !important;
        opacity: 1 !important;
        position: static !important;
        background: none !important;
        padding: 16px 0;
        margin-top: 10px;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        line-height: 1.6;
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .lg-outer .lg-object.lg-image,
    .lg-outer .lg-video-object,
    .lg-outer video {
        max-width: 100%;
        max-height: 100vh;
        /* 👈 groter, want breed scherm */
        object-fit: contain;
        margin: 0 auto;
    }

}


/* Enkel sub-dropdowns (niveau 3 en dieper) limiteren */
/* Alleen niveau 3 en dieper limiteren */
.dropdown .dropdown {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.mobile-menu {
    display: none;
}

/* --- Hamburger (3 strepen → kruis animatie) --- */
/* basis hamburger */
.toggler {
    display: none;
    /* standaard, tonen via media query */
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    z-index: 1200;
}

.toggler .bars {
    position: relative;
    display: block;
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    transition: background 0.3s ease;
}

.toggler .bars::before,
.toggler .bars::after {
    content: "";
    position: absolute;
    left: 0;
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
}

.toggler .bars::before {
    top: -8px;
    /* bovenste streep */
}

.toggler .bars::after {
    top: 8px;
    /* onderste streep */
}

/* alleen op mobiel zichtbaar */
@media (max-width: 768px) {
    .toggler {
        display: block;
        position: fixed;
        top: 14px;
        right: 18px;
    }
}

/* ---- Active state = kruis ---- */
.toggler.active .bars {
    background: transparent;
    /* middenstreep onzichtbaar */
}

.toggler.active .bars::before {
    transform: rotate(45deg);
    top: 0;
}

.toggler.active .bars::after {
    transform: rotate(-45deg);
    top: 0;
}

/* --- Mobiel menu --- */
@media (max-width: 768px) {

    .menu_links,
    .menu_rechts {
        display: none;
        /* standaard weg */
    }

    /* Mobiel menu container */
    .mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -100%;
        /* verstopt buiten scherm */
        width: 75%;
        height: 100%;
        background: #0b162a;
        padding: 2rem 1.5rem;
        gap: 1rem;
        overflow-y: auto;
        /* scroll bij veel items */
        transition: right 0.3s ease-in-out;
        z-index: 1100;
    }

    .mobile-menu.open {
        right: 0;
        /* schuift in beeld */
    }

    .mobile-menu > a {
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
        font-weight: 500;
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        transition: background 0.2s;
    }

    .mobile-menu > a:hover {
        background: rgba(255, 255, 255, 0.05);
    }

    .mobile-menu .dropdown {
        padding-left: 1rem;
        font-size: 1rem;
    }
}

/* Zorg dat de hamburger altijd zichtbaar is op mobiel */
@media (max-width: 768px) {
    #nav-toggle {
        display: block !important;
        position: fixed;
        top: 15px;
        right: 20px;
        z-index: 1200;
        /* altijd boven de rest */
    }
}

/* Alle submenus standaard verbergen */
.mobile-dropdown {
    display: none;
    /* verborgen */
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1rem;
}

/* Toggle actieve submenu zichtbaar */
.mobile-dropdown.active {
    display: flex;
    min-height: 40vh;
}

/* Optioneel: een pijltje bij de knop dat verandert */
.menu-toggle::after {
    content: '▼';
    float: right;
    transition: transform 0.3s ease;
}

.menu-toggle.active::after {
    transform: rotate(-180deg);
}

/* Mobiele links styling */
.mobile-menu a,
.mobile-menu .menu-toggle {
    display: block;
    padding: 0.8rem 1rem;
    margin: 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
}

/* Hover effect voor links */
.mobile-menu a:hover,
.mobile-menu .menu-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffd700;
    /* optioneel accentkleur */
}

/* Submenu styling */
.mobile-dropdown {
    display: none;
    /* standaard verborgen */
    flex-direction: column;
    gap: 0.3rem;
    padding-left: 1rem;
    max-height: 300px;
    /* maximale hoogte submenu */
    overflow-y: auto;
    /* scroll bij overflow */
    scrollbar-width: thin;
    /* dunne scrollbar Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    /* Firefox scrollbar kleur */
}

/* Scrollbar styling voor Chrome/Safari */
.mobile-dropdown::-webkit-scrollbar {
    width: 6px;
}

.mobile-dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.mobile-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

/* Actieve submenu zichtbaar */
.mobile-dropdown.active {
    display: flex;
    min-height: 40vh;
}

/* Toggle pijltje */
.menu-toggle::after {
    content: '▼';
    float: right;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
    color: #fff;
}

.menu-toggle.active::after {
    transform: rotate(-180deg);
}

/* Extra styling: achtergrond kleur menu */
.mobile-menu {
    background: #0b162a;
    padding: 2rem 1.5rem;
    gap: 0.5rem;
    overflow-y: auto;
    /* scrollbaar geheel indien nodig */
    max-height: 100vh;
    /* nooit groter dan scherm */
}

/* Optioneel: iets extra ruimte tussen hoofdknoppen en dropdown */
.mobile-menu .mobile-dropdown a {
    padding-left: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
}


.video-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    /* Op desktop nooit breder dan 900px */
    margin: 2rem auto;
    /* Centraal met wat ruimte erboven/onder */
}

.video-container video {
    width: 100%;
    height: auto;
    /* Verhouding behouden */
    display: block;
    border-radius: 6px;
    /* optioneel: afgeronde hoeken */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* optioneel: lichte schaduw */
}

.video-container > p {
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
}

#thumbgallerij {
    display: grid;
    grid-template-columns: repeat(auto-fill, 170px);
    /* vaste kolombreedte */
    gap: 17px;
    justify-content: center;
    margin-bottom: 5px;
    /* grid in het midden van container */
}

#thumbgallerij a {
    display: flex;
    /* maakt van elke cel een flex-container */
    align-items: center;
    /* verticaal centreren */
    justify-content: center;
    /* horizontaal centreren */
    width: 170px;
    /* vaste celbreedte */
    height: 116px;
    /* vaste celhoogte */
    overflow: hidden;
    /* voorkomt dat img uitsteekt */
}

#thumbgallerij img {
    height: 116px;
    /* vaste hoogte */
    width: auto;
    /* breedte schaalt mee */
    object-fit: cover;
    /* vult de box netjes */
    display: block;
}
/* Apply your styling to the first text */
.thumbnailmenu .title span {
    font-weight: bold;
}

/* Undo styling for the nested div (subtitle) */
.thumbnailmenu .title span > div {
    font-weight: normal;
}