/* DOCUMENTATION */

/* 
#  contents

## IMPORTS
## GLOBAL SETTINGS
## FONT SETTINGS
## COOKIEBAR
## BUTTON SETTINGS
## GLOBAL CLASSES
## HEADER NAVIGATION
## HEADER NAVIGATION V2
## HEADER LOGO
## HEADER BACKGROUND
## BREADCRUMB STYLING
## ROW 3 & 4 NEWSBANNER HOMEPAGE & MORE NEWS BUTTON
## ROW 5 PROJECTEN HOMEPAGE
## ROW 6 HIGHTLIGHT MODULE
## FOLDER OVERVIEW PAGES
## FOLDER (LINK) PAGES
## DOCUMENT PAGES
## LANDING PAGES
## FOOTER
## WEBREADER/ READSPEAKER
## 404 PAGE

*/

/* START */
/* ------------------------ IMPORTS ------------------------ */
/* Imports for fonts */

@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&family=Overpass:wght@700;900&display=swap");

/* ------------------------ COLORS ------------------------ */

/* 

Dark blue       #003C49     
Red             #CD323C
soft-black      #343434
soft-gray       #F1F1F1


*/

/* START */
/* ------------------------ GLOBAL SETTINGS ------------------------ */
/* Global changes to the layouts and a collection of miscellaneous code */

* {
    margin: 0;
    padding: 0;
}

.contentrow {
    max-width: 1200px;
    width: 100%;
}

.columns {
    overflow: visible;
}

.dsEditText {
    height: 100%;
}

.landing.document h2,
#wrapper .contentrow .onecolumn,
.contentrow > .two.columns,
#row2 .two.columns {
    margin: 0;
    margin-bottom: 0;
    margin-top: 0;
}

div[id^="row"] .section > .description {
    font-weight: 700;
}

div[class^="sublayout_row2"],
div[class^="sublayout_row3"],
div[class^="sublayout_row4"],
div[class^="sublayout_row5"],
div[class^="sublayout_row6"] {
    padding-left: 10px;
    padding-right: 10px;
}

/* styling of the background colors for the homepage */
div[class^="sublayout_row1"],
div[class^="sublayout_row2"],
div[class^="sublayout_row3"],
div[class^="sublayout_row4"] {
    background-color: #f1f1f1 !important;
}

div[class^="sublayout_row4"] {
    position: relative;
    padding-bottom: 120px;
    margin-bottom: 70px;
}

div[class^="sublayout_row4"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23ffffff'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

/*.section a:hover,*/
/*.section a:focus .inputfield:focus,*/
/*.livesearch:focus,*/
/*.submit:focus,*/
/*a:focus,*/
/*button:focus {*/
/*    outline: normal;*/
/*}*/

#wrapper .toggle_container button {
    color: #cd323c;
}

#wrapper .toggle_container button {
    border-radius: 10px;
    border: none;
    background-color: #f1f1f1;
}

#wrapper .toggle_container .blocktitle::after {
    color: #cd323c;
}

#wrapper .toggle_container button:focus {
    border: none;
    outline: none;
}

#wrapper .toggle_container .hidden_information {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#wrapper .toggle_container .hidden_information h1,
#wrapper .toggle_container .hidden_information h2,
#wrapper .toggle_container .hidden_information h3,
#wrapper .toggle_container .hidden_information h4,
#wrapper .toggle_container .hidden_information h5,
#wrapper .toggle_container .hidden_information h6 {
    font-size: 18px;
}

/*#content-footer {*/
/*    visibility: hidden;*/
/*}*/

.content-wrapper #bannerfoto .header_text {
    display: none;
}

#product-description > h2:first-child {
    display: none;
}

/* START */
/* ------------------------ COOKIEBAR ------------------------ */
/* standard roxit cookie bar */

.information-bar {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #cd323c;
    padding: 30px;
    border-radius: 10px;
    max-width: 700px;
    border-bottom: 0;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.information-bar a {
    color: #004e5f;
}

.information-bar .text {
    margin-bottom: 30px;
    color: #fff;
}

.information-bar .links {
    margin-bottom: 0;
}

.information-bar .links li {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 30px !important;
    color: #003c49;
    text-decoration: underline;
    text-align: center;
}

.information-bar .links li a {
    white-space: nowrap;
    font-weight: bold;
}

.information-bar .links li:last-of-type {
    margin-left: 20px;
}

@media screen and (max-width: 700px) {
    .information-bar {
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .information-bar .links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .information-bar .links li {
        width: 100%;
    }

    .information-bar .links li:last-of-type {
        margin-top: 10px;
        margin-left: 0;
    }
}

/* START */
/* ------------------------ FONT SETTINGS ------------------------ */
/* Global changes fonts */

h1,
h2,
h3,
h4 {
    font-family: "Overpass", sans-serif;
    color: #004e5f;
}

p,
ul li,
ol li,
a {
    font-family: "Exo 2", sans-serif;
    color: #343434;
}

h1 {
    font-weight: 900;
    font-size: 48px;
    line-height: 55px;
    margin-bottom: 20px;
}

h2 {
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0.4em;
}

h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

h5,
h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: "Exo 2", sans-serif;
    color: #343434;
}

p,
a {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
}

ul li,
ol,
li {
    font-size: 16px;
    line-height: 24px;
}

/* Item specific font styling */

#product-introduction {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-family: "Exo 2", sans-serif;
    color: #343434;
    margin: 0 0 1em;
}

/*Line height H2-kop sidebar*/
.softlinks h2, .folder_items h2, .column h2 {
    line-height: normal;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    h2 {
        font-size: 22px;
        line-height: 36px;
    }

    h3 {
        font-size: 20px;
        line-height: 30px;
    }

    h4 {
        font-size: 20px;
        line-height: 26px;
    }

    h5,
    h6 {
        font-size: 16px;
        line-height: 24px;
    }

    p,
    ul li,
    ol,
    li,
    a {
        font-size: 16px;
        line-height: 24px;
    }
}

/* START */
/* ------------------------ BUTTON SETTINGS ------------------------ */
/* Button, button--secondary styling */

/* base settings for buttons */
#wrapper .button,
#wrapper .button--secondary {
    position: relative;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700;
    height: 100%;
    max-height: 51px;
    color: #fff !important;
    border: 0;
    background: #cd323c !important;
    border-radius: 5px 0 0 5px;
    padding: 6px 15px 10px 20px !important;
    appearance: none;
    -wekbit-appereance: none;
    -moz-appearance: none;
    transform: translate(0, 0);
    text-decoration: none;
    cursor: pointer;
    line-height: 24px !important;
    margin-right: 50px;
    margin-bottom: 10px;
}

#wrapper .button:hover {
    background: #cd323c !important;
}

#wrapper .button::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 47px;
    right: -46px;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='51' viewBox='0 0 47 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0H28.262C29.9844 0 31.5854 0.886448 32.4996 2.34616L45.338 22.8462C46.3546 24.4694 46.3546 26.5306 45.338 28.1538L32.4996 48.6538C31.5854 50.1135 29.9844 51 28.262 51H0.5L0.5 25.5L0.5 0Z' fill='%23CD323C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9097 19.3032L8.60652 14L3.30322 19.3033L8.60645 24.6065L3.3033 29.9097L8.6066 35.213L13.9097 29.9098L13.9098 29.9099L19.2131 24.6066L19.213 24.6065L19.2132 24.6064L13.9099 19.3031L13.9097 19.3032Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

#wrapper .button--secondary:hover {
    background-color: #fff !important;
}

#wrapper .button--secondary {
    color: #cd323c !important;
    background-color: #fff !important;
}

#wrapper .button--secondary::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 47px;
    right: -46px;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='51' viewBox='0 0 47 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0H28.262C29.9844 0 31.5854 0.886448 32.4996 2.34616L45.338 22.8462C46.3546 24.4694 46.3546 26.5306 45.338 28.1538L32.4996 48.6538C31.5854 50.1135 29.9844 51 28.262 51H0.5L0.5 25.5L0.5 0Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9097 19.3032L8.60652 14L3.30322 19.3033L8.60645 24.6065L3.3033 29.9097L8.6066 35.213L13.9097 29.9098L13.9098 29.9099L19.2131 24.6066L19.213 24.6065L19.2132 24.6064L13.9099 19.3031L13.9097 19.3032Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

/* START */
/* ------------------------ GLOBAL CLASSES ------------------------ */
/* Global custom classes to add site-wide */

.gijs-lijst a,
.gijs-lijst-wit a {
    text-decoration: underline;
}

.gijs-lijst li,
.gijs-lijst-wit li {
    list-style-type: none;
    position: relative;
}

.gijs-lijst li::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: -25px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22302 7.83881C3.00078 7.19648 8.22697 2.11648 8.94667 1.20279C10.0057 2.30187 13.5934 7.05937 14.3811 8.21751C13.6746 9.19156 10.1136 13.7853 8.68044 15.2013C7.05265 13.3716 2.99484 8.7783 2.22302 7.83881Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
}

.gijs-lijst-wit li::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: -25px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22302 7.83881C3.00078 7.19648 8.22697 2.11648 8.94667 1.20279C10.0057 2.30187 13.5934 7.05937 14.3811 8.21751C13.6746 9.19156 10.1136 13.7853 8.68044 15.2013C7.05265 13.3716 2.99484 8.7783 2.22302 7.83881Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

/*.gijs-scroll-link {*/
/*    padding-top: 220px;*/
/*    margin-top: -220px;*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .gijs-scroll-link {*/
/*        padding-top: 130px;*/
/*        margin-top: -130px;*/
/*    }*/
/*}*/

.gijs-scroll-link {
    scroll-behavior: smooth;
}

@media screen and (max-width: 600px) {
    .gijs-scroll-link {
        scroll-behavior: smooth;
    }
}

.gijs-tijdlijn {
    padding-left: 0;
    margin: 10px 0;
}

.gijs-tijdlijn li {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.gijs-tijdlijn li p {
    margin: 0;
}

.gijs-tijdlijn li > span {
    background-color: #449983;
    padding: 5px 15px;
    border-radius: 5px;
    position: relative;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}

.gijs-tijdlijn li > div span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gijs-tijdlijn .groen {
    background-color: #449983;
}

.gijs-tijdlijn .oranje {
    background-color: #f3ac46;
}

.gijs-tijdlijn .rood {
    background-color: #ea403c;
}

.gijs-tijdlijn .blauw {
    background-color: #6fb7d5;
}

.gijs-drie-kolommen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gijs-drie-kolommen > div {
    width: 30%;
    min-width: 200px;
    padding-bottom: 20px;
}

.gijs-centreer {
    text-align: center;
}

.gijs-twee-kolommen {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.grijs {
    border: 4px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}


.rood {
    border: 4px solid #cd323c;
    border-radius: 10px;
    padding: 10px;
}

.gijs-twee-kolommen > div {
    width: 48%;
    min-width: 300px;
}

.gijs-download {
    position: relative;
    padding-left: 30px;
    margin: 15px 0;
    display: inline-block;
    color: #cd323c;
}

.gijs-download::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5067 10.9451L19.5143 6.93745L15.5075 2.93066L11.4999 6.93828L7.49311 2.93149L3.48633 6.93827L11.4999 14.9518L11.5007 14.951L15.5067 10.9451Z' fill='%23CD323C'/%3E%3Crect x='3' y='17.7051' width='17' height='3.4' fill='%23CD323C'/%3E%3C/svg%3E%0A");
}

.gijs-externe-link {
    position: relative;
    margin: 15px 0;
    display: block;
    color: #004e5f;
}

.gijs-externe-link::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-left: 15px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 3.64014H10.6799V5.40011H2.75998V21.2399H18.5998V13.32H20.3598V22.9999H1V3.64014Z' fill='%23004E5F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9942 1L22.9943 1V2.75998H22.9942V10.5919H21.2343V3.99512L11.2201 14.0093L9.97559 12.7648L19.9804 2.75998L13.4024 2.75998V1L21.2343 1L22.9942 1Z' fill='%23004E5F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.gijs-meer-info,
.more-info {
    padding: 3rem;
    background-color: #004e5f;
    border-radius: 20px;
    color: #fff;
    margin-top: 30px;
}

.gijs-meer-info *,
.more-info * {
    color: #fff;
}

.gijs-meer-info h1,
.gijs-meer-info h2,
.gijs-meer-info h3,
.gijs-meer-info h4,
.gijs-meer-info h5,
.gijs-meer-info h6,
.more-info h1,
.more-info h2,
.more-info h3,
.more-info h4,
.more-info h5,
.more-info h6 {
    margin-top: 0;
    color: #fff;
}

.gijs-rood {
    background-color: #cd323c;
    border-radius: 6px;
    padding: 16px 20px 20px 16px;
    margin-bottom: 20px;
    color: #fff;
}

.gijs-rood * {
    color: #fff;
}

.gijs-rood h1,
.gijs-rood h2,
.gijs-rood h3,
.gijs-rood h4,
.gijs-rood h5,
.gijs-rood h6 {
    margin-top: 0;
}

.gijs-afbeelding-tekst {
    font-size: 12px;
    color: #000000;
    font-family: "Exo 2", sans-serif;
}

/* START */
/* ------------------------ HEADER NAVIGATION ------------------------ */
/* Styling for the nav bar & header */

/* ------------------------ HEADER NAVIGATION (Extra changes to compensate weird roxit settings) ------------------------ */

#wrapper #readspeaker #menu_wide .contentrow {
    overflow: visible !important;
    position: fixed;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

@media screen and (min-width: 959px) {
    #wrapper #readspeaker #menu_wide {
        width: 100%;
    }
}

#wrapper #readspeaker .nav #menu_wide {
    width: initial;
}

#wrapper #readspeaker #menu_wide {
    right: 1rem;
    left: unset;
    position: absolute;
    overflow: visible;
    top: 50px;
    z-index: 20;
    background-color: unset;
    border-bottom: none;
}

#wrapper #readspeaker #menu_wide .toplevellink {
    color: #343434;
    background-color: unset;
    text-decoration: none;
}

#wrapper #readspeaker #menu_wide .nav {
    display: flex;
    justify-content: flex-end;
}

#wrapper #readspeaker #menu_wide ul.nav li {
    margin-left: 30px;
}

#wrapper #readspeaker #menu_wide ul.nav li .secnav {
    display: none;
}

#wrapper #readspeaker #menu_wide ul.nav li .secnav .menu.dropdownmenu {
    display: none;
}

@media screen and (min-width: 959px) {
    #wrapper #readspeaker #menu_wide ul.nav li.active {
        display: flex;
        align-items: center;
    }

    #wrapper #readspeaker #menu_wide ul.nav li.active::before {
        content: "";
        width: 16px;
        height: 23px;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 16 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-242.488,-182.462)'%3E%3Cg transform='matrix(1,0,0,1,248.487,205.037)'%3E%3Cpath d='M0,-22.575C0,-22.575 6.26,-14.782 9.28,-9.554C7.322,-7.537 2.482,-3.077 -0.996,0C-2.344,-1.907 -5.118,-6.143 -5.999,-7.436C-3.905,-9.052 0.057,-12.212 0.057,-12.212C0.057,-12.212 -3.385,-17.07 -5.26,-18.996C-2.678,-20.804 0,-22.575 0,-22.575' style='fill:rgb(0,60,73);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

@media screen and (max-width: 959px) {
    #wrapper #readspeaker #menu_wide #dl-menu ul.dl-menu {
        display: flex;
        flex-direction: column;
        background: #fff;
    }

    #wrapper #readspeaker #menu_wide #dl-menu ul.dl-menu li {
        margin-left: 0;
    }

    #wrapper #readspeaker #menu_wide #dl-menu ul.dl-menu li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
    }
}

/* ------------------------ HEADER NAVIGATION V2 ------------------------ */

#wrapper .header {
    position: fixed;
    height: 120px;
    width: 100%;
    z-index: 20;
    background-color: #fff;
    box-shadow: 4px 4px 10px rgba(123, 123, 123, 0.3);
}

#wrapper .header .contentrow {
    background-color: #fff;
    height: 100%;
}

#wrapper .header .contentrow #logo {
    padding-top: 0;
}

#wrapper .header .contentrow .container-sessions {
    position: absolute;
    right: 50px;
    top: 10px;
}

#wrapper #readspeaker {
    padding-top: 120px;
    position: relative;
}

#wrapper #readspeaker .content-wrapper {
    position: unset;
    overflow: auto;
}

/* Fix for aside sticky */
/* #menu_wide .contentrow, .content-wrapper{
    overflow: auto !important;
} */

#wrapper .content-wrapper .home_left {
    position: fixed;
    z-index: 20;
    max-width: 1200px;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#wrapper .content-wrapper .home_left #menu {
    width: 100%;
    margin-left: auto;
}

#wrapper .content-wrapper .home_left #menu #menu_wide {
    background-color: #fff;
}

#wrapper .content-wrapper .home_left ul#dl-menu {
    margin-left: -230px;
    background-color: white;
    width: unset;
    outline: none;
}

#wrapper .content-wrapper .home_left ul#dl-menu > li {
    margin-left: 0px;
}

@media screen and (min-width: 1080px) {
    #wrapper .content-wrapper .home_left ul#dl-menu > li {
        margin-left: 15px;
    }
}

@media screen and (min-width: 959px) {
    #wrapper .content-wrapper .home_left ul#dl-menu > li.active {
        display: flex;
        align-items: center;
    }

    #wrapper .content-wrapper .home_left ul#dl-menu > li.active::before {
        content: "";
        width: 16px;
        height: 23px;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 16 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-242.488,-182.462)'%3E%3Cg transform='matrix(1,0,0,1,248.487,205.037)'%3E%3Cpath d='M0,-22.575C0,-22.575 6.26,-14.782 9.28,-9.554C7.322,-7.537 2.482,-3.077 -0.996,0C-2.344,-1.907 -5.118,-6.143 -5.999,-7.436C-3.905,-9.052 0.057,-12.212 0.057,-12.212C0.057,-12.212 -3.385,-17.07 -5.26,-18.996C-2.678,-20.804 0,-22.575 0,-22.575' style='fill:rgb(0,60,73);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

@media screen and (max-width: 1080px) {
    #wrapper .content-wrapper .home_left ul#dl-menu li a.toplevellink {
        font-size: 18px;
    }
}

#wrapper .content-wrapper .home_left ul#dl-menu > li a img {
    display: none;
}

#wrapper .content-wrapper .home_left ul#dl-menu > li a {
    color: #343434;
    background-color: unset;
    text-decoration: none;
    font-family: "Overpass", sans-serif;
}

/* ----- DROPDOWN ----- */












    #wrapper .content-wrapper .home_left .singlemenu .toplevellink {
    background-color: #fff;
   color: #cd323c;
   font-weight: bold !important;
    }

   #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li {
  border-bottom: none;
  padding: 3px 0px;
    }

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li .item-link {
   font-size: 15px;
   line-height: 20px;
  padding: 5px 10px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper .content-wrapper .home_left ul#dl-menu {
        width: 300px;
        left: -68px;
    }





    #wrapper .header {
        height: 90px;
        min-height: initial;
    }

    #tinyblock #accessibility-tools .webreader {
        top: 136px;
    }




}

@media screen and (min-width: 959px) {
    #wrapper .content-wrapper .home_left ul#dl-menu {
        display: flex !important;
        justify-content: flex-end;
    }

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu {
        left: unset;
        box-shadow: none;
        max-width: 400px;
        width: 100%;
        padding: 0;
        box-shadow: 0 15px 10px -10px rgba(123, 123, 123, 0.3);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        overflow-y: auto;
        max-height: 60vh;
    }

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li {
        width: unset;
        display: flex;
        align-items: center;
        float: unset;
        clear: unset;
        width: 100%;
    }

    /*#wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li:hover {*/
    /*    background-color: #003c49;*/
    /*    color: #fff !important;*/
    /*}*/
    
    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li a:hover, #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li a:focus {
        background-color:#003c49 !important;
        color: #fff !important;
}

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li:hover .item-link {
        color: #fff !important;
    }

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li .item-link {
        padding: 15px 15px;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }

    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li .item-link:hover,
    #wrapper .content-wrapper .home_left .singlemenu .dropdownmenu li:hover {
        color: #fff !important;
        /* text-decoration: underline; */
    }
}

/* START */
/* ------------------------ HEADER LOGO ------------------------ */
/* Styling for the logo in the header */

#wrapper .contentrow #logo #logoimg {
    display: none;
}

#wrapper .contentrow #logo {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 181.03 48.51" style="enable-background:new 0 0 181.03 48.51;" xml:space="preserve"><style type="text/css">.st0{fill:%23003A48;}.st1{fill:%23002938;}.st2{fill:%23D2323C;}</style><g><path class="st0" d="M54.6,39.19c-0.09,0.35-0.18,0.41-0.53,0.41h-7.23c-0.29,0-0.38-0.15-0.38-0.32c0-0.12,0.03-0.24,0.06-0.38l0.32-1.62c0.09-0.35,0.18-0.41,0.53-0.41h1.77l3.13-14.73h-1.71c-0.29,0-0.38-0.15-0.38-0.32c0-0.12,0.03-0.23,0.06-0.38l0.32-1.62c0.09-0.35,0.18-0.41,0.53-0.41h7.23c0.29,0,0.38,0.15,0.38,0.32c0,0.12-0.03,0.24-0.06,0.38l-0.32,1.62c-0.09,0.35-0.18,0.41-0.53,0.41h-1.77l-3.13,14.73h1.71c0.29,0,0.38,0.15,0.38,0.32c0,0.12-0.03,0.24-0.06,0.38L54.6,39.19z"/><path class="st0" d="M67.77,33.54c-0.62,2.92-1.86,6.58-6.63,6.58c-2.5,0-4.23-1.39-4.23-4.13c0-1.42,0.12-2.18,0.53-2.18h2.67c0.18,0,0.32,0,0.32,0.18c0,0.18-0.21,0.89-0.21,1.57c0,1.06,0.53,1.48,1.39,1.48c1.56,0,1.98-1.45,2.27-2.78l2.57-12.1h-4.19c-0.29,0-0.38-0.15-0.38-0.32c0-0.12,0.03-0.23,0.06-0.38l0.32-1.62c0.09-0.35,0.18-0.41,0.53-0.41h7.52c0.29,0,0.38,0.15,0.38,0.32c0,0.12-0.03,0.24-0.06,0.38L67.77,33.54z"/><path class="st0" d="M81.02,28.94c-0.06,0.32-0.12,0.35-0.41,0.35h-1.92c-0.27,0-0.38-0.09-0.38-0.24c0-0.12,0.03-0.29,0.06-0.44l0.27-1.27c-0.27-0.12-0.53-0.15-0.8-0.15c-1.59,0-2.3,0.83-2.3,1.83c0,1.47,1.95,1.74,3.24,2.47c1.44,0.83,2.15,1.47,2.15,3.39c0,3.09-2.09,5.22-5.84,5.22c-1.86,0-4.92-0.77-4.92-1.45c0-0.09,0.03-0.18,0.03-0.24l0.62-2.93c0.06-0.42,0.12-0.44,0.41-0.44h1.92c0.24,0,0.41,0.03,0.41,0.27c0,0.12-0.03,0.24-0.06,0.36l-0.3,1.46c0.56,0.21,1.15,0.32,1.71,0.32c1.74,0,2.62-0.71,2.62-1.97c0-1.3-1.33-1.42-2.86-2.27c-1.56-0.85-2.54-1.41-2.54-3.45c0-3.12,2.27-5.22,5.63-5.22c1.92,0,3.89,0.68,3.89,1.24c0,0.09,0,0.18-0.03,0.24L81.02,28.94z"/><path class="st0" d="M93.02,28.94c-0.06,0.32-0.12,0.35-0.41,0.35h-1.92c-0.27,0-0.38-0.09-0.38-0.24c0-0.12,0.03-0.29,0.06-0.44l0.27-1.27c-0.27-0.12-0.53-0.15-0.8-0.15c-1.59,0-2.3,0.83-2.3,1.83c0,1.47,1.95,1.74,3.24,2.47c1.45,0.83,2.15,1.47,2.15,3.39c0,3.09-2.09,5.22-5.84,5.22c-1.86,0-4.92-0.77-4.92-1.45c0-0.09,0.03-0.18,0.03-0.24l0.62-2.93c0.06-0.42,0.12-0.44,0.41-0.44h1.92c0.24,0,0.41,0.03,0.41,0.27c0,0.12-0.03,0.24-0.06,0.36l-0.29,1.46c0.56,0.21,1.15,0.32,1.71,0.32c1.74,0,2.62-0.71,2.62-1.97c0-1.3-1.33-1.42-2.86-2.27c-1.56-0.85-2.54-1.41-2.54-3.45c0-3.12,2.27-5.22,5.63-5.22c1.92,0,3.89,0.68,3.89,1.24c0,0.09,0,0.18-0.03,0.24L93.02,28.94z"/><path class="st0" d="M103.09,27.21c0.89,0,1.36,0.67,1.36,1.43c0,2.69-3.96,2.69-5.24,2.69C99.48,30.25,100.31,27.21,103.09,27.21z M105.34,36.18c-0.06-0.12-0.09-0.21-0.23-0.21c-0.44,0-2.01,1.19-3.76,1.19c-2.78,0-2.54-2.29-2.54-3.18c1.69,0,9.19,0,9.19-5.55c0-2.35-1.59-3.88-4.36-3.88c-4.56,0-8.36,4.18-8.36,10.06c0,3.29,1.59,5.5,5.13,5.5c3.02,0,5.76-1.45,5.76-1.83c0-0.09-0.06-0.18-0.09-0.27L105.34,36.18z"/><path class="st0" d="M115.76,38.97c0,0.09,0.03,0.21,0.03,0.29c0,0.44-1.83,0.85-2.98,0.85c-1.71,0-2.86-0.56-2.86-2.47c0-1.06,0.12-2.09,0.35-3.13l2.89-13.4h-1.74c-0.27,0-0.38-0.06-0.38-0.24c0-0.12,0.03-0.29,0.06-0.41l0.32-1.65c0.06-0.32,0.15-0.35,0.44-0.35h4.95c0.27,0,0.38,0.06,0.38,0.24c0,0.12-0.03,0.32-0.06,0.44l-3.33,15.35c-0.15,0.71-0.35,1.45-0.35,1.86c0,0.41,0.23,0.59,0.68,0.59c0.5,0,0.94-0.21,1.09-0.21c0.09,0,0.18,0.03,0.21,0.21L115.76,38.97z"/><path class="st0" d="M129.4,28.94c-0.06,0.32-0.12,0.35-0.41,0.35h-1.92c-0.27,0-0.38-0.09-0.38-0.24c0-0.12,0.03-0.29,0.06-0.44l0.27-1.27c-0.27-0.12-0.53-0.15-0.8-0.15c-1.59,0-2.3,0.83-2.3,1.83c0,1.47,1.95,1.74,3.24,2.47c1.45,0.83,2.15,1.47,2.15,3.39c0,3.09-2.09,5.22-5.84,5.22c-1.86,0-4.92-0.77-4.92-1.45c0-0.09,0.03-0.18,0.03-0.24l0.62-2.93c0.06-0.42,0.12-0.44,0.41-0.44h1.91c0.24,0,0.41,0.03,0.41,0.27c0,0.12-0.03,0.24-0.06,0.36l-0.29,1.46c0.56,0.21,1.15,0.32,1.71,0.32c1.74,0,2.62-0.71,2.62-1.97c0-1.3-1.33-1.42-2.86-2.27c-1.56-0.85-2.53-1.41-2.53-3.45c0-3.12,2.27-5.22,5.63-5.22c1.92,0,3.89,0.68,3.89,1.24c0,0.09,0,0.18-0.03,0.24L129.4,28.94z"/><path class="st0" d="M141.97,38.55c0,0.09,0.03,0.18,0.03,0.26c0,0.47-2.83,1.3-4.72,1.3c-2.12,0-3.54-0.8-3.54-2.98c0-0.65,0.09-1.27,0.24-1.88l1.59-7.54h-1.95c-0.27,0-0.38-0.09-0.38-0.3c0-0.15,0.03-0.27,0.06-0.38l0.35-1.62c0.03-0.27,0.18-0.35,0.41-0.35h2.07l0.77-3.66c0.06-0.26,0.21-0.29,0.38-0.32l2.68-0.38c0.12,0,0.24-0.03,0.38-0.03c0.12,0,0.21,0.12,0.21,0.27c0,0.12-0.03,0.27-0.06,0.41l-0.83,3.71h3.95c0.27,0,0.42,0.12,0.42,0.29c0,0.15-0.09,0.27-0.12,0.41l-0.59,1.65c-0.12,0.27-0.15,0.3-0.41,0.3h-3.8l-1.42,6.98c-0.12,0.47-0.21,0.94-0.21,1.41c0,0.71,0.38,1.06,1.15,1.06c1.33,0,2.48-0.68,2.65-0.68c0.15,0,0.18,0.06,0.23,0.2L141.97,38.55z"/><path class="st0" d="M151.86,27.21c0.89,0,1.36,0.67,1.36,1.43c0,2.69-3.97,2.69-5.24,2.69C148.24,30.25,149.08,27.21,151.86,27.21z M154.1,36.18c-0.06-0.12-0.09-0.21-0.24-0.21c-0.44,0-2.01,1.19-3.75,1.19c-2.78,0-2.54-2.29-2.54-3.18c1.69,0,9.19,0,9.19-5.55c0-2.35-1.59-3.88-4.36-3.88c-4.56,0-8.36,4.18-8.36,10.06c0,3.29,1.59,5.5,5.14,5.5c3.02,0,5.76-1.45,5.76-1.83c0-0.09-0.06-0.18-0.09-0.27L154.1,36.18z"/><path class="st0" d="M164.29,39.25c-0.06,0.32-0.15,0.35-0.44,0.35h-2.41c-1.21,0-2.65-0.26-2.65-1.8c0-0.44,0.09-0.88,0.18-1.33l1.89-8.76h-2.27c-0.26,0-0.38-0.09-0.38-0.3c0-0.12,0.03-0.24,0.06-0.35l0.32-1.65c0.06-0.33,0.15-0.35,0.44-0.35h5.45c0.23,0,0.35,0.06,0.35,0.29c0,0.15-0.03,0.27-0.06,0.38l-2.38,11.21h1.91c0.24,0,0.38,0.15,0.38,0.29c0,0.12-0.03,0.24-0.06,0.35L164.29,39.25z"/><path class="st0" d="M180.65,39.25c-0.06,0.32-0.15,0.35-0.41,0.35h-2.45c-1.21,0-2.65-0.26-2.65-1.8c0-0.44,0.12-0.88,0.21-1.33l1.33-5.89c0.12-0.59,0.27-1.18,0.27-1.79c0-0.68-0.41-1.15-1.18-1.15c-2.33,0-3.39,3.65-3.86,5.77l-1.27,5.83c-0.06,0.32-0.12,0.35-0.42,0.35h-2.74c-0.24,0-0.38-0.06-0.38-0.29c-0.03-0.09,0-0.21,0.03-0.33l2.03-8.94c0.15-0.65,0.35-1.38,0.35-2.32h-1.74c-0.26,0-0.38-0.09-0.38-0.3c0-0.12,0.03-0.24,0.06-0.35l0.32-1.65c0.06-0.33,0.15-0.35,0.44-0.35h3.93c0.68,0,0.68,2.15,0.68,2.52h0.06c0.71-0.94,2.45-3.04,5.04-3.04c1.59,0,2.78,1.06,2.78,3.1c0,0.76-0.15,1.56-0.33,2.3l-1.62,7h1.92c0.27,0,0.38,0.09,0.38,0.29c0,0.12-0.03,0.24-0.06,0.35L180.65,39.25z"/><polygon class="st1" points="165.91,20.6 164.01,18.43 161.47,20.59 163.37,22.75 "/><path class="st2" d="M72.18,14.67c-0.07,0.32-1.07,0.65-1.81,0.65c-1.11,0-1.78-0.61-1.78-1.99c0-1.92,0.94-4.19,3.1-4.19c0.71,0,1.41,0.26,1.41,0.48c0,0.03-0.01,0.08-0.02,0.12l-0.24,1.1c-0.03,0.11-0.04,0.12-0.15,0.12h-0.58c-0.09,0-0.15-0.03-0.15-0.08c0-0.04,0.02-0.1,0.03-0.15l0.12-0.56c-0.07-0.03-0.21-0.11-0.52-0.11c-1.34,0-1.86,1.96-1.86,3.3c0,0.73,0.23,1.04,0.79,1.04c0.38,0,0.58-0.11,0.68-0.16l0.31-1.45H71c-0.09,0-0.11-0.04-0.11-0.09c0-0.03,0.01-0.07,0.02-0.11L71,12.12c0.03-0.1,0.05-0.12,0.15-0.12h2.03c0.09,0,0.11,0.04,0.11,0.09c0,0.03-0.01,0.07-0.02,0.11l-0.09,0.47c-0.03,0.1-0.05,0.12-0.15,0.12h-0.44L72.18,14.67z"/><path class="st2" d="M77.84,11.55c0.26,0,0.4,0.2,0.4,0.42c0,0.8-1.15,0.8-1.52,0.8C76.79,12.46,77.03,11.55,77.84,11.55z M78.49,14.18c-0.02-0.03-0.03-0.06-0.07-0.06c-0.13,0-0.58,0.34-1.09,0.34c-0.81,0-0.74-0.66-0.74-0.92c0.49,0,2.67,0,2.67-1.63c0-0.69-0.46-1.13-1.27-1.13c-1.32,0-2.43,1.22-2.43,2.94c0,0.95,0.46,1.6,1.5,1.6c0.88,0,1.68-0.42,1.68-0.53c0-0.03-0.02-0.05-0.03-0.08L78.49,14.18z"/><path class="st2" d="M87.79,15.08c-0.02,0.09-0.04,0.1-0.12,0.1h-0.71c-0.35,0-0.78-0.08-0.78-0.52c0-0.13,0.03-0.26,0.06-0.39l0.39-1.72c0.03-0.17,0.08-0.34,0.08-0.52c0-0.2-0.08-0.34-0.26-0.34c-0.66,0-1,1.07-1.14,1.69l-0.37,1.7c-0.02,0.09-0.03,0.1-0.12,0.1h-0.8c-0.07,0-0.11-0.02-0.11-0.09c0-0.03,0-0.06,0.01-0.09l0.56-2.45c0.04-0.17,0.09-0.34,0.09-0.52c0-0.2-0.1-0.34-0.3-0.34c-0.63,0-0.97,1.07-1.11,1.68l-0.37,1.7c-0.02,0.09-0.03,0.1-0.12,0.1h-0.8c-0.07,0-0.11-0.02-0.11-0.09c0-0.03,0-0.06,0.01-0.09l0.59-2.62c0.04-0.19,0.1-0.41,0.1-0.68h-0.51c-0.08,0-0.11-0.03-0.11-0.09c0-0.03,0.01-0.07,0.02-0.1l0.09-0.48c0.02-0.09,0.04-0.1,0.13-0.1h1.14c0.2,0,0.2,0.62,0.2,0.74c0.23-0.27,0.72-0.89,1.43-0.89c0.49,0,0.74,0.3,0.74,0.88h0.02c0.19-0.28,0.67-0.88,1.42-0.88c0.51,0,0.76,0.31,0.76,0.9c0,0.22-0.04,0.46-0.09,0.67l-0.47,2.05h0.56c0.08,0,0.11,0.03,0.11,0.09c0,0.03-0.01,0.07-0.02,0.1L87.79,15.08z"/><path class="st2" d="M92.86,11.55c0.26,0,0.4,0.2,0.4,0.42c0,0.8-1.15,0.8-1.52,0.8C91.81,12.46,92.05,11.55,92.86,11.55z M93.51,14.18c-0.02-0.03-0.03-0.06-0.07-0.06c-0.13,0-0.58,0.34-1.09,0.34c-0.81,0-0.74-0.66-0.74-0.92c0.49,0,2.67,0,2.67-1.63c0-0.69-0.46-1.13-1.27-1.13c-1.32,0-2.43,1.22-2.43,2.94c0,0.95,0.46,1.6,1.5,1.6c0.88,0,1.68-0.42,1.68-0.53c0-0.03-0.02-0.05-0.03-0.08L93.51,14.18z"/><path class="st2" d="M99.01,11.55c0.26,0,0.4,0.2,0.4,0.42c0,0.8-1.15,0.8-1.52,0.8C97.96,12.46,98.2,11.55,99.01,11.55z M99.67,14.18c-0.02-0.03-0.03-0.06-0.07-0.06c-0.13,0-0.58,0.34-1.09,0.34c-0.81,0-0.74-0.66-0.74-0.92c0.49,0,2.67,0,2.67-1.63c0-0.69-0.46-1.13-1.27-1.13c-1.32,0-2.43,1.22-2.43,2.94c0,0.95,0.46,1.6,1.5,1.6c0.88,0,1.68-0.42,1.68-0.53c0-0.03-0.02-0.05-0.03-0.08L99.67,14.18z"/><path class="st2" d="M106.89,15.08c-0.02,0.09-0.04,0.1-0.12,0.1h-0.71c-0.35,0-0.77-0.08-0.77-0.52c0-0.13,0.03-0.26,0.06-0.39l0.39-1.72c0.04-0.17,0.08-0.34,0.08-0.52c0-0.2-0.12-0.34-0.35-0.34c-0.68,0-0.99,1.07-1.13,1.68l-0.37,1.7c-0.02,0.09-0.04,0.1-0.12,0.1h-0.8c-0.07,0-0.11-0.02-0.11-0.09c-0.01-0.03,0-0.06,0.01-0.09l0.59-2.62c0.04-0.19,0.1-0.41,0.1-0.68h-0.51c-0.08,0-0.11-0.03-0.11-0.09c0-0.03,0.01-0.07,0.02-0.1l0.09-0.48c0.02-0.09,0.04-0.1,0.13-0.1h1.14c0.2,0,0.2,0.62,0.2,0.74h0.02c0.21-0.28,0.71-0.89,1.47-0.89c0.46,0,0.8,0.31,0.8,0.9c0,0.22-0.04,0.46-0.09,0.67l-0.47,2.05h0.56c0.08,0,0.11,0.03,0.11,0.09c0,0.03-0.01,0.07-0.02,0.1L106.89,15.08z"/><path class="st2" d="M112.28,14.87c0,0.03,0.01,0.05,0.01,0.08c0,0.14-0.83,0.38-1.38,0.38c-0.62,0-1.03-0.23-1.03-0.87c0-0.19,0.03-0.37,0.07-0.55l0.46-2.2h-0.56c-0.08,0-0.11-0.03-0.11-0.09c0-0.04,0.01-0.08,0.02-0.11l0.1-0.47c0.01-0.08,0.05-0.1,0.12-0.1h0.6l0.22-1.07c0.02-0.08,0.06-0.09,0.11-0.09l0.78-0.11c0.03,0,0.07-0.01,0.11-0.01c0.04,0,0.06,0.03,0.06,0.08c0,0.03-0.01,0.08-0.02,0.12l-0.24,1.08h1.15c0.08,0,0.12,0.03,0.12,0.09c0,0.04-0.03,0.08-0.03,0.12l-0.17,0.48c-0.04,0.08-0.04,0.09-0.12,0.09h-1.11l-0.41,2.04c-0.04,0.14-0.06,0.28-0.06,0.41c0,0.21,0.11,0.31,0.34,0.31c0.39,0,0.72-0.2,0.77-0.2c0.04,0,0.05,0.02,0.07,0.06L112.28,14.87z"/><path class="st2" d="M117.17,11.55c0.26,0,0.39,0.2,0.39,0.42c0,0.8-1.15,0.8-1.52,0.8C116.12,12.46,116.36,11.55,117.17,11.55z M117.82,14.18c-0.02-0.03-0.03-0.06-0.07-0.06c-0.13,0-0.58,0.34-1.09,0.34c-0.81,0-0.74-0.66-0.74-0.92c0.49,0,2.67,0,2.67-1.63c0-0.69-0.46-1.13-1.27-1.13c-1.32,0-2.43,1.22-2.43,2.94c0,0.95,0.46,1.6,1.49,1.6c0.88,0,1.68-0.42,1.68-0.53c0-0.03-0.02-0.05-0.03-0.08L117.82,14.18z"/><path class="st2" d="M16.36,18.92c0,0,6.09-2.27,8.16-2.79c0.9,1.49,3.21,5.49,4.18,7.64c-1.23,0.51-6.33,2.91-8.38,3.7C19.03,24.78,17.38,21.27,16.36,18.92z"/><path class="st0" d="M8.13,22.42c0,0-2.09-6.23-2.18-6.62c2.54-1.15,6.22-2.65,7.51-3.04c0.4,0.75,1.23,2.6,1.31,2.81c-2.22,0.74-4,1.59-4,1.59s0.82,2.32,1.38,3.49C12.31,20.53,8.13,22.42,8.13,22.42z"/><path class="st2" d="M11.24,31.38c0,0,8.86-3.77,9.08-3.9c0.55,1.22,3.68,7.81,4.1,8.77c-1.73,1.09-9.36,4.39-9.57,4.44C14.55,40.18,11.24,31.38,11.24,31.38z"/><path class="st2" d="M24.42,36.25c0.9-0.39,7.17-3.75,8.09-4.42c0.7,1.32,2.78,6.74,3.21,8.04c-0.92,0.72-5.5,4.07-7.22,5.02C27.46,42.73,24.89,37.33,24.42,36.25z"/><path class="st2" d="M8.13,22.42l3.11,8.95L2.43,34.9c0,0-2.45-8.11-2.43-8.47C2.26,25.22,8.13,22.42,8.13,22.42z"/><path class="st0" d="M34.92,20.99c0,0,2.36,4.3,3.38,7.09c-1.12,0.81-3.84,2.55-5.79,3.74c-0.49-1.04-1.47-3.32-1.79-4.02c1.15-0.6,3.34-1.79,3.34-1.79s-1.25-2.64-1.99-3.74C33.47,21.62,34.92,20.99,34.92,20.99z"/><path class="st0" d="M19.51,8.42c2.74-0.69,5.93-0.87,5.93-0.87s3.03,3.44,3.65,4.44c-0.91,0.12-1.6,0.23-2.84,0.51c-0.77-1.03-1.25-1.71-1.85-2.48c-0.82,0.06-3.33,0.62-3.33,0.62S20.55,9.87,19.51,8.42z"/><path class="st2" d="M31,14.59c1.06-0.29,3.46-0.56,5.05-0.66c1,1.34,2.47,3.7,3.22,5.06c-1.03,0.47-3.16,1.44-4.35,2C34.12,19.42,31.6,15.36,31,14.59z"/><path class="st2" d="M11.32,8.03c0,0-1.66-3.62-1.85-4.02c1.63-0.46,4.6-0.96,5.35-1c0.69,0.53,2.41,2.4,3.1,3.35C16.83,6.52,12.68,7.49,11.32,8.03z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 200px;
    margin-left: 20px;
}

#wrapper .contentrow #logo:focus {
    border: none;
    outline: none;
}

/* START */
/* ------------------------ HEADER BACKGROUND AND SEARCH BAR ------------------------ */
/* Styling for the header background and search bar */

::-webkit-search-decoration {
    display: none;
}

/* Quicklink naar zoekpagina */
#tinyblock .toplinks ul.quicklinks li.last-child a {position: absolute;top: 0px;}
#tinyblock .toplinks ul.quicklinks li.last-child a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;








}
#tinyblock .toplinks ul.quicklinks li.last-child a:hover::after,
#tinyblock .toplinks ul.quicklinks li.last-child a:focus::after {border-color:#004E5F;}






/*Zoekbalk*/
div.topsix_search #sublayout_search input.text {
    padding: 1rem 2rem;
}

div.topsix_search #sublayout_search {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: none !important;
}

#searchinput,
.placeholder {
    font-weight: 400;
    font-weight: 18px;
    color: #333333;
}

div.topsix_search #sublayout_search input.text {
    border-radius: 100px;
    height: 4rem;
    font-size: 18px;
    font-family: "Exo 2", sans-serif;
}

div.topsix_search #sublayout_search button.submit {
    height: 4rem;
    width: 3rem;
    margin-left: -4rem;

}

div.topsix_search #sublayout_search button.submit::before {
    font-size: 1.5rem;
}

@media screen and (max-width: 959px) {
    div.topsix_search #sublayout_search input.text {
        height: 3rem;
    }

    div.topsix_search #sublayout_search button.submit {
        height: 3rem;
    }
}

.sublayout_row1_topsix_search::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23F1F1F1'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A") !important;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

div#row1.sublayout_row1_topsix_search {
    background-size: cover;
}

div#row1 {
    min-height: 120px;
}

/* Search results */

#searchinput_suggestions .search_suggestions {
    overflow: hidden;
    border: none;
    padding: 0;
    border-radius: 10px;
    box-shadow: 4px 4px 10px rgba(123, 123, 123, 0.3);
}

#searchinput_suggestions .search_suggestions li a {
    color: #343434;
    background-color: unset;
    text-decoration: none;
    font-family: "Overpass", sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 10px;
}

#searchinput_suggestions .search_suggestions li a:hover {
    background-color: #003c49;
    color: #fff !important;
}

#searchinput_suggestions .all-results .more {
    padding: 0.5rem;
    font-family: "Exo 2", sans-serif;
    color: #343434;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.row2_content .search-filters h3,
.sc_filter h2 {
    padding: 10px;
    border-radius: 5px;
    background-color: #cd323c;
}

.search-results h2.result-ammount {
    color: #cd323c;
}

ul.pagerbar li.current,
ul.pagerbar a:hover {
    background-color: #cd323c;
}

ul.pagerbar a,
ul.pagerbar li.current,
ul.pagerbar li.delimiter {
    padding: 4px 10px;
    border-radius: 5px;
}

form.simpleform input.submit {
    background-color: #cd323c;
}

h2.searchfiltertitle,
.filter-list .active span,
.row2_content .search-filters ul li a {
    padding-left: 0;
}

.layout_search form.simpleform .inputfield{
    border-radius: 50px;
    padding: 7px 10px;    
}

.layout_search form.simpleform input.submit{
    border-radius: 5px;
    /*padding: 8px 26px;*/
}

/* START */
/* ------------------------ HEADER BACKGROUND ON NAVIGATION AND DETAIL PAGES ------------------------ */
/* Styling for the sub pages such as overview and detail pages */

.overview_folder .content-wrapper #row1,
.row1_breadcrumb,
div[class^="sublayout_row1_"] {
    background-size: cover;
    position: relative;
}

.row1_breadcrumb::after,
div[class^="sublayout_row1_"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23FFFFFF'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

div.sublayout_row1_one-columns::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23FFFFFF'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

.sublayout_row1_three_column::after {
    display: none;
}

.overview_folder .content-wrapper #row1 #bannerfoto,
.row1_breadcrumb #bannerfoto,
div[class^="sublayout_row1_"] #bannerfoto {
    height: 35vh !important;
    min-height: 350px;
}

.sublayout_row1_one-columns #bannerfoto ~ .contentrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: none;
    border-radius: 10px;
    width: 90% !important;
}

.sublayout_row1_one-columns #bannerfoto ~ .contentrow .onecolumn {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    #bannerfoto {
        display: block !important;
    }

    .row1_breadcrumb #bannerfoto,
    div[class^="sublayout_row1_"] #bannerfoto {
        height: 300px !important;
    }
}

@media only screen and (max-width: 600px) {
    .row1_breadcrumb ol,
    div[class^="sublayout_row1_"] ol {
        overflow: auto;
        white-space: nowrap;
    }
}

.overview_folder .content-wrapper #row1::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23FFFFFF'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

/* START */
/* ------------------------ BREADCRUMB STYLING ------------------------ */
/* Styling for the breadcrumb */

/* Set home icon at base of breadcrumb */
.row1_breadcrumb .breadcrumbs .first-child {
    position: relative;
    color: rgba(0, 0, 0, 0);
}

.row1_breadcrumb .breadcrumbs .first-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5287 23H15.143C14.8827 23 14.6715 22.7888 14.6715 22.5286V16.0857H9.32863V22.5286C9.32863 22.7888 9.11747 23 8.8572 23H1.47143C1.21116 23 1 22.7888 1 22.5286V10.7428C1 10.6074 1.05832 10.4785 1.15991 10.3889L11.6886 1.1174C11.8666 0.960867 12.1336 0.960867 12.3116 1.1174L22.8406 10.3889C22.9418 10.4785 23.0002 10.6074 23.0002 10.7428V22.5286C23.0002 22.7888 22.789 23 22.5287 23ZM15.6144 22.0571H22.0573V10.9558L12.0001 2.09955L1.94286 10.9558V22.0571H8.38577V15.6142C8.38577 15.354 8.59693 15.1428 8.8572 15.1428H15.143C15.4032 15.1428 15.6144 15.354 15.6144 15.6142V22.0571V22.0571Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    height: 24px;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.row1_breadcrumb .contentrow {
    width: 100%;
    max-width: initial;
}

.sublayout_row1_three_column .contentrow {
    max-width: 1200px;
}

.row1_breadcrumb .contentrow .breadcrumbs {
    padding: 10px 0;
}

.row1_breadcrumb .contentrow .breadcrumbs,
.row1_breadcrumb .contentrow .contentrow_breadcrumb {
    margin: 0;
    width: 100%;
    background-color: #fff;
}

@media screen and (min-width: 600px) {
    .row1_breadcrumb .contentrow .breadcrumbs,
    .row1_breadcrumb .contentrow .contentrow_breadcrumb {
        z-index: 10;
        position: fixed;
        top: 120px;
    }
}

.sublayout_row1_three_column .contentrow .breadcrumbs,
.sublayout_row1_three_column .contentrow .contentrow_breadcrumb {
    background-color: #f1f1f1;
}

.row1_breadcrumb .contentrow .breadcrumbs .current-page,
.row1_breadcrumb .contentrow .breadcrumbs a::after {
    font-weight: bold;
    color: #cd323c;
}

.row1_breadcrumb .contentrow .breadcrumbs ol,
.row1_breadcrumb .contentrow .contentrow_breadcrumb ol {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* START */
/* ------------------------ NAVIGATION MODULE HEADER ------------------------ */
/* Global changes to the homepage */

/* remove header standard loaded titles to put in own titles in content */
div.sublayout_row2_two-columns .section > h2 {
    display: none;
}

div.sublayout_row2_two-columns .section {
    height: 100%;
}

div.sublayout_row2_two-columns .contentrow {
    position: relative;
    top: -120px;
    margin-bottom: -100px;
}

div.sublayout_row2_two-columns > .contentrow {
    overflow: visible;
}

div.sublayout_row2_two-columns div.columns {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    div.sublayout_row2_two-columns div.columns .column {
        width: 100%;
        margin: 0.5rem !important;
    }
}

.homepage-quick-links {
    background-color: #003c49;
}

.homepage-contact {
    background-color: #fff;
}

.homepage-quick-links li,
.homepage-quick-links a,
.homepage-quick-links p,
.homepage-quick-links h1,
.homepage-quick-links h2,
.homepage-quick-links h3,
.homepage-quick-links h4,
.homepage-quick-links h5,
.homepage-quick-links h6 {
    color: #fff;
    fill: #fff;
}

.homepage-contact h1,
.homepage-contact h2,
.homepage-contact h3,
.homepage-contact h4,
.homepage-contact h5,
.homepage-contact h6 {
    color: #003c49;
}

.homepage-quick-links,
.homepage-contact {
    padding: 2rem;
    border-radius: 5px;
    height: 90%;
    box-shadow: 4px 4px 10px rgba(123, 123, 123, 0.3);
}

.homepage-quick-links h3,
.homepage-contact h3 {
    font-size: 32px;
    margin-top: 0;
}

.homepage-contact__content {
    display: flex;
    flex-direction: row;
}

.homepage-contact__content ul {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.homepage-contact__content li p {
    margin-bottom: 0;
}

.homepage-contact__content li {
    display: flex;
    align-items: center;
}

.homepage-contact__circle {
    background-color: #003c49;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.homepage-contact__circle--blue {
    background-color: #003c49;
}

.homepage-contact__circle--red {
    background-color: #cd323c;
}

.homepage-contact__circle svg {
    fill: #fff;
}

.homepage-quick-links li {
    width: 50%;
}

.homepage-quick-links li,
.homepage-contact li {
    list-style: none;
    padding: 1rem 0;
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .homepage-quick-links li,
    .homepage-contact li {
        width: 100%;
    }
}

.homepage-quick-links ul,
.homepage-contact ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.homepage-quick-links li a,
.homepage-contact li a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.homepage-contact li > div {
    display: flex;
    flex-direction: column;
}

.homepage-contact li a:hover {
    text-decoration: none;
}

.homepage-contact li a:hover p {
    color: #cd323c;
}

.homepage-quick-links li svg,
.homepage-contact li svg {
    align-self: center;
    padding: 0 0.75rem;
}

.homepage-quick-links li > a img {
    padding: 0 10px;
    width: 32px;
    height: 32px;
}

.homepage-contact li > a img {
    padding: 0 10px;
    width: 32px;
    height: 32px;
}

/* START */
/* ------------------------ ROW 3 & 4 NEWSBANNER HOMEPAGE & MORE NEWS BUTTON ------------------------ */
/* Styling for the news blocks on the homepage */

div[class*="_newsblock"] {
    height: 700px;
}

div[class*="_newsblock"] .contentrow {
    height: 100%;
}

div[class*="_newsblock"] .newsbanner .column {
    overflow: visible;
    background-color: unset;
    border: none !important;
    height: 180px;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div[class*="_newsblock"] .newsbanner li a.type-document-webpage {
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    min-height: 200px;
    height: auto;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div[class*="_newsblock"] .newsbanner li a.type-document-webpage .title {
    padding: 30px 30px 10px 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #004e5f;
}

div[class*="_newsblock"] .newsbanner li a.type-document-webpage .objectinfo {
    padding: 0 30px;
}

div[class*="_newsblock"] .newsbanner li a.type-document-webpage .image {
    position: absolute;
    bottom: -300px;
    height: 300px;
    width: 100%;
}

div[class*="_newsblock"] .newsbanner .type-document-webpage .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
}

div[class*="_newsblock"] .newsbanner .type-document-webpage .image::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='386' height='79' viewBox='0 0 386 79' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.237793V79H386V3.83019C384.862 6.78403 382.354 9.10424 379.147 9.92531L200.774 55.5949C195.892 56.8448 190.774 56.8448 185.892 55.5949L7.51966 9.92531C3.09484 8.7924 0 4.80534 0 0.237793Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    height: 80px;
    bottom: -6px;
    width: 100.7%;
    left: -1px;
    position: absolute;
}

div[class^="sublayout_row4_one-columns"] .onecolumn h2 {
    display: none;
}

@media only screen and (max-width: 960px) {
    div[class*="_newsblock"] {
        height: auto;
    }

    div[class*="_newsblock"] .newsbanner .columns {
        display: flex;
        flex-direction: column;
    }

    div[class*="_newsblock"] .newsbanner .columns .column {
        width: 98%;
        height: auto;
        margin: 20px auto !important;
        border-radius: 10px;
        overflow: hidden;
    }

    div[class*="_newsblock"] .newsbanner li a.type-document-webpage .image {
        position: relative;
        bottom: unset;
        height: 250px;
        width: 100%;
    }

    div[class*="_newsblock"] .newsbanner li a.type-document-webpage .objectinfo {
        padding: 0 30px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 500px) {
    div[class*="_newsblock"] .newsbanner .type-document-webpage .image::after {
        height: inherit;
    }
}
@media screen and (max-width: 960px) and (min-width: 500px) {
    div[class*="_newsblock"] .newsbanner .type-document-webpage .image::after {
        display: none;
    }
}

/* START */
/* ------------------------ ROW 5 PROJECTEN HOMEPAGE ------------------------ */
/* Styling for the project modules on the homepage.  */

div[class^="sublayout_row5_one-columns"] .landing.folder .description {
    margin-bottom: 30px;
}

div[class^="sublayout_row5_one-columns"] .landing.folder h2 {
    position: relative;
    left: unset;
    top: unset;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns {
    justify-content: space-between;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column {
    border-radius: 10px;
    border: none;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    width: 32%;
}

div[class^="sublayout_row5"] .landing.folder .columns .column a {
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    word-break: break-word;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .image {
    height: 300px;
    width: 100%;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .title {
    width: 100%;
    height: 150px;
    padding: 30px 30px 10px 30px;
    background-color: #f1f1f1;
    position: relative;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .title::after {
    content: "Lees verder";
    color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='193' height='50' viewBox='0 0 193 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H174.291C175.998 0 177.586 0.870278 178.505 2.30835L191.281 22.3084C192.329 23.9496 192.329 26.0504 191.281 27.6916L178.505 47.6916C177.586 49.1297 175.998 50 174.291 50H5C2.23858 50 0 47.7614 0 45V5Z' fill='%23CD323C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M159.909 19.3032L154.606 14.0002L149.303 19.3035L154.606 24.6065L149.303 29.9094L154.606 35.2127L159.909 29.9098L159.91 29.9101L165.213 24.6068L165.213 24.6065L165.213 24.6061L159.91 19.3028L159.909 19.3032Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    width: 237px;
    display: block;
    position: absolute;
    padding-left: 30px;
    font-size: 18px;
    line-height: 45px;
    bottom: 40px;
}

div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .title,
div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .title span {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #004e5f;
}

@media only screen and (max-width: 968px) {
    div[class^="sublayout_row5_one-columns"] .landing.folder {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column .title {
        padding: 20px 20px 10px 20px;
    }

    div[class^="sublayout_row5_one-columns"] .landing.folder .columns {
        display: flex;
        flex-direction: column;
    }

    div[class^="sublayout_row5_one-columns"] .landing.folder .columns .column {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* START */
/* ------------------------ ROW 6 HIGHTLIGHT MODULE ------------------------ */
/* Styling for the hightlighted full-width module in row 6  */

div[class^="sublayout_row6_one-columns"] {
    position: relative;
    padding-top: 100px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 768px) {
    div[class^="sublayout_row6_one-columns"] {
        width: 94%;
    }
}

div[class^="sublayout_row6_one-columns"] h2 span {
    color: #004e5f !important;
}

div[class^="sublayout_row6_one-columns"] h2 {
    position: absolute;
    top: 0;
    color: #004e5f !important;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document {
    display: flex;
    flex-direction: row;
    background-color: #014e5f;
    border-radius: 10px;
    overflow: hidden;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document img {
    width: 30%;
    object-fit: cover;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > span,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > div {
    padding: 30px;
    position: relative;
    height: auto;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > span::before,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > div::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='370' preserveAspectRatio='none' viewBox='0 0 52 370' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.25 370H51.25V0H34.25L0 186L34.25 370Z' fill='%23014E5F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 60px;
    position: absolute;
    top: 0;
    left: -58px;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > .dsEditText {
    display: flex;
    align-items: center;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document span,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document div,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document p {
    color: #fff;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h1,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h2,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h3,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h4,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h5,
div[class^="sublayout_row6_one-columns"] .contentrow .landing.document h6 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
}

div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > h2 {
    font-size: 40px;
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > h2 {
        font-size: 28px;
    }

    div[class^="sublayout_row6_one-columns"] {
        padding-top: 140px;
    }

    div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > span::before,
    div[class^="sublayout_row6_one-columns"] .contentrow .landing.document img {
        display: none;
    }

    div[class^="sublayout_row6_one-columns"] .contentrow .landing.document > span {
        padding: 15px;
    }
}

/* START */
/* ------------------------ FOLDER OVERVIEW PAGES ------------------------ */
/* This is the styling for the overview pages. eg. nieuws and projecten  */

.overview_folder #wrapper,
.overview_folder .row2_content {
    background-color: #f1f1f1;
}

.overview_folder div[class^="row1_breadcrumb"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23FFFFFF'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -2px;
    left: 0;
}

.overview_folder .folder .description {
    margin-bottom: 50px;
}

.overview_folder .row2_content .three.columns {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 3%;
}

.overview_folder .folder .items li {
    /* background-color: #FFF; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.overview_folder .folder .items li .with-photo.description {
    margin: 0;
}

.overview_folder .folder .items li .objectinfo,
.overview_folder .folder .items li .description,
.overview_folder .folder .items li .with-photo.description span,
.overview_folder .folder .items li h2 {
    padding: 0 20px;
    background-color: #fff;
}

.overview_folder .folder .items li .description {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
}

.overview_folder .folder .items li h2 {
    padding-top: 10px;
    line-height: 32px;
}

.overview_folder .folder .items li .item-title {
    padding-top: 10px;
}

.overview_folder .folder .items li .with-photo {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
}

.overview_folder .folder .items li .item-title {
    font-weight: 700;
    text-decoration: normal;
    font-size: 24px;
    line-height: 32px;
    color: #004e5f;
    word-break: break-word;
}

.overview_folder .folder .items li .with-photo .item-photo {
    position: relative;
    padding: 0 !important;
}

.overview_folder .folder .items li .with-photo .item-photo img {
    padding-bottom: 0px;
}

.overview_folder .folder .items li .with-photo.description span {
    padding-top: 20px;
    padding-bottom: 20px;
}

.overview_folder .folder .items li .with-photo .item-photo::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='386' height='79' viewBox='0 0 386 79' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.237793V79H386V3.83019C384.862 6.78403 382.354 9.10424 379.147 9.92531L200.774 55.5949C195.892 56.8448 190.774 56.8448 185.892 55.5949L7.51966 9.92531C3.09484 8.7924 0 4.80534 0 0.237793Z' fill='%23F1F1F1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    height: 100%;
    bottom: -6px;
    left: -1px;
    width: 100.7%;
    position: absolute;
}

.overview_folder .folder .items li .description span:not(.item-photo) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    position: relative;
}

.overview_folder .folder .items li .description span:not(.item-photo)::after {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
@media only screen and (max-width: 600px) {
    #tinyblock .toplinks {top:25px;right:120px;position:absolute;}
    #tinyblock .toplinks ul.quicklinks li.last-child a::after {width:32px;height:32px;}
}
@media only screen and (min-width: 513px) and (max-width: 959px) {
    .overview_folder .folder .items {
        gap: 6%;
    }

    .overview_folder .folder .items li {
        width: 47%;
    }
}
/* ------------ Items with sub links in folder / overview pages ------------- */

.overview_folder .row2_content .folder .items li .subitems {
    padding-left: 0;
}

.overview_folder .row2_content .folder .items li .subitems li {
    border-bottom: 1px #cccccc solid;
    padding: 0;
    margin: 0;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    transition: 200ms ease-in-out;
    border-radius: 0 !important;
}

.overview_folder .row2_content .folder .items li .subitems li a {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
/* MARK */
.overview_folder .row2_content .folder .items li .subitems li::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6065 7.30322L10.3033 2L5 7.3033L10.3032 12.6065L5.00008 17.9097L10.3034 23.213L15.6065 17.9098L15.6066 17.9099L20.9099 12.6066L20.9098 12.6065L20.91 12.6064L15.6067 7.30307L15.6065 7.30322Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    transform: translatey(-50%);
    width: 24px;
    height: 24px;
    transition: 200ms ease-in-out;
}

.overview_folder .row2_content .folder .items li .subitems li:hover::after {
    right: 0;
}

.overview_folder .row2_content .folder .items li .subitems li:hover a {
    color: #cd323c;
    text-decoration: none;
}

.overview_folder .row2_content .folder .items li .subitems li .objectinfo {
    background-color: initial;
}

/* START */
/* ------------------------ FOLDER (LINK) PAGES ------------------------ */
/* This is the styling for the folder pages with a list of links.  */

.overview_folder .row2_content .folder .items:not(.three) li {
    border-bottom: 1px #cccccc solid;
    padding: 0;
    margin: 0;
    position: relative;
    height: 60px;
    display: flex;
    transition: 200ms ease-in-out;
    border-radius: 0 !important;
}

.overview_folder .row2_content .folder .items:not(.three) li::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translatey(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6065 7.30322L10.3033 2L5 7.3033L10.3032 12.6065L5.00008 17.9097L10.3034 23.213L15.6065 17.9098L15.6066 17.9099L20.9099 12.6066L20.9098 12.6065L20.91 12.6064L15.6067 7.30307L15.6065 7.30322Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: 200ms ease-in-out;
}

.overview_folder .row2_content .folder .items:not(.three) li:hover::after {
    right: 0;
}

.overview_folder .row2_content .folder .items:not(.three) li:hover a {
    color: #cd323c;
}

.overview_folder .row2_content .folder .items:not(.three) li .objectinfo {
    background-color: initial;
}

.overview_folder .row2_content .folder .items:not(.three) .item-title {
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    background-color: initial;
    width: 100%;
}

/* START */
/* ------------------------ DOCUMENT PAGES ------------------------ */
/* This is the styling for the document pages.  */

/* Sidebar scroll */
/* if the sidebar needs to scroll with the document pages set te overflow to initial
    the commented line with min-resolution: 0.001dpcm is a quick fix for safari browsers. 
    NOTE: this fix does not work on all safari browsers
*/

.detail_aside div#wrapper {
    overflow: scroll;
}

/* @media not all and (min-resolution: 0.001dpcm) {
    @media {
        Safari-specific CSS here 
        .detail_aside div#wrapper {
            overflow: scroll;
        }
    }
} */

.detail_aside div.wrapper {
    overflow: initial;
}

.detail_aside .contentrow {
    overflow: initial;
}

.detail_aside .grid-5 .aside {
    position: sticky;
    top: 150px;
    display: flex;
    flex-direction: column-reverse;
}

.detail_aside .grid-5 .aside .container_aside {
    margin-top: 40px;
}

#wrapper .row2_content .contentrow {
    display: flex;
    justify-content: space-between;
}

#wrapper .contentrow .grid-11 .document h1,
#wrapper .contentrow .grid-5 .aside {
    margin-top: 40px;
}

#wrapper .contentrow .grid-11 .document h1,
#wrapper .contentrow .grid-11 .document h2,
#wrapper .contentrow .grid-11 .document h3,
#wrapper .contentrow .grid-11 .document h4,
#wrapper .contentrow .grid-11 .document h5,
#wrapper .contentrow .grid-11 .document h6 {
    margin-bottom: 1rem;
}

/* #wrapper .contentrow .grid-11 .document h1 {
    color: #cd323c;
} */

#wrapper .contentrow .grid-5:empty {
    display: none;
}

#wrapper .contentrow .grid-5 {
    width: 360px;
}

#wrapper .contentrow .grid-5 {
    margin-bottom: 6rem;
}

#wrapper .contentrow .grid-5 .aside h1,
#wrapper .contentrow .grid-5 .aside h2,
#wrapper .contentrow .grid-5 .aside h3,
#wrapper .contentrow .grid-5 .aside h4,
#wrapper .contentrow .grid-5 .aside h5,
#wrapper .contentrow .grid-5 .aside h6 {
    background-color: unset;
    color: #003c49;
    padding: 0;
    margin-top: 40px;
}

#wrapper .contentrow .grid-5 .aside .extra_info > :first-child {
    margin-top: 0;
}

#wrapper .contentrow .grid-5 .aside .container_aside img {
    border-radius: 10px;
}

#wrapper .contentrow .grid-5 .aside .container_aside > h3 {
    visibility: hidden !important;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items {
    border: none;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items .item-link {
    border: none;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items .item-link a {
    padding-left: 40px;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items .item-link a {
    position: relative;
    border-radius: 5px;
    text-decoration: none;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items .item-link a:hover {
    background-color: #f1f1f1;
}

#wrapper .contentrow .grid-5 .aside .container_aside .items .item-link a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6065 7.30322L10.3033 2L5 7.3033L10.3032 12.6065L5.00008 17.9097L10.3034 23.213L15.6065 17.9098L15.6066 17.9099L20.9099 12.6066L20.9098 12.6065L20.91 12.6064L15.6067 7.30307L15.6065 7.30322Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#wrapper .contentrow .grid-5 .aside .container-content {
    margin-bottom: 10px;
    padding: 40px;
    border: none;
    background-color: #e5e5e5;
    border-radius: 10px;
    position: relative;
    overflow: visible;
}

#wrapper .contentrow .grid-5 .aside .container-content::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='110' height='66' viewBox='0 0 110 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 0V16.7655C110 18.0959 109.432 19.3607 108.419 20.2174C95.8514 30.8429 56.7117 57.1505 44.3514 65.1558C42.25 66.518 39.4662 65.8993 38.1261 63.7778C29.8288 50.6433 4.77477 8.13456 0 0H110Z' fill='%23E5E5E5'/%3E%3C/svg%3E%0A");
    height: 66px;
    width: 110px;
    position: absolute;
    bottom: -60px;
    right: 0;
}

#wrapper .contentrow .grid-5 .aside .container-content .download {
    position: relative;
    padding-left: 30px;
    margin: 15px 0;
    display: block;
    color: #cd323c;
}

#wrapper .contentrow .grid-5 .aside .container-content .download::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5067 10.9451L19.5143 6.93745L15.5075 2.93066L11.4999 6.93828L7.49311 2.93149L3.48633 6.93827L11.4999 14.9518L11.5007 14.951L15.5067 10.9451Z' fill='%23CD323C'/%3E%3Crect x='3' y='17.7051' width='17' height='3.4' fill='%23CD323C'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 768px) {
    .detail_aside .grid-5 .aside {
        position: relative;
        top: 0;
    }
}

@media only screen and (max-width: 768px) {
    #wrapper .row2_content .contentrow {
        flex-direction: column;
    }

    #wrapper .contentrow .grid-5 {
        width: 96%;
    }

    #wrapper .contentrow .grid-5 .aside .column {
        width: 100%;
    }
}

.blocktitle,
.product .blocktitle,
.vacitem .blocktitle {
    position: relative;
}

.blocktitle:after,
.product .blocktitle:after,
.vacitem .blocktitle:after {
    position: absolute;
    right: 10px;
}

.blocktitle.toggle-active:after,
.product .blocktitle.toggle-active:after,
.vacitem .blocktitle.toggle-active:after {
    transform: rotate(180deg);
}

/* Table on document pages */

#wrapper .contentrow .grid-11 table caption {
    text-align: left;
    font-family: "Exo 2", sans-serif;
    color: #fff;
}

#wrapper .contentrow .grid-11 table {
    border: none;
}

#wrapper .contentrow .grid-11 table tr th,
#wrapper .contentrow .grid-11 table tr td {
    text-align: left;
    padding: 8px;
    font-family: "Exo 2", sans-serif;
    color: #343434;
    border: none;
    font-size: 16px;
}

#wrapper .contentrow .grid-11 thead tr th,
#wrapper .contentrow .grid-11 table tr th {
    font-weight: bold;
    background-color: #004e5f;
    color: #fff;
}

#wrapper .contentrow .grid-11 table tr:nth-child(odd) {
    background-color: #none;
}

/* START */
/* ------------------------ LANDING PAGES ------------------------ */
/* Changes and styling for the link modules on the landing pages */

body.three_column div[class^="sublayout_row2_three_column"],
body.one-columns div[class^="sublayout_row2_three_column"] {
    padding-top: 20px;
}

.quickto h2,
.fotobar h2,
.fotobar h2 a {
    font-family: "Overpass", sans-serif;
    color: #004e5f;
    background-color: #fff;
    line-height: 32px;
    font-size: 1.8333rem;
    position: relative;
}

.fotobar h2 a,
.fotobar h2 a span {
    font-weight: 600;
    text-decoration: none;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

@media only screen and (max-width: 960px) {
    body.three_column div[class^="sublayout_row1_three_column"] .columns .column,
    body.three_column div[class^="sublayout_row2_three_column"] .columns .column,
    body.three_column div[class^="sublayout_row3_three_column"] .columns .column,
    body.three_column div[class^="sublayout_row4_three_column"] .columns .column,
    body.three_column div[class^="sublayout_row5_three_column"] .columns .column,
    body.one-columns div[class^="sublayout_row1_three_column"] .columns .column,
    body.one-columns div[class^="sublayout_row2_three_column"] .columns .column,
    body.one-columns div[class^="sublayout_row3_three_column"] .columns .column,
    body.one-columns div[class^="sublayout_row4_three_column"] .columns .column,
    body.one-columns div[class^="sublayout_row5_three_column"] .columns .column {
        width: 100%;
    }
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column h2,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column h2,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column h2,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column h2,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column h2,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column h2,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column h2,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column h2 {
    color: #004e5f;
    background-color: #fff;
}

body.three_column div[class^="sublayout_row5_three_column"] .columns .column h2,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column h2 {
    background-color: #f1f1f1;
    color: #004e5f;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column img,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column img,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column img,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column img,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column img,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column img,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column img,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column img,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column img,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column .description,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column .description,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column .description,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column .description,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column .description,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column .description,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column .description,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column .description,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column .description {
    background-color: #fff;
}

body.three_column div[class^="sublayout_row5_three_column"] .columns .column .description,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column .description {
    background-color: #f1f1f1;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li {
    background-color: #fff;
    border-bottom: 1px #cccccc solid;
    padding: 0;
    margin: 0;
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    transition: 200ms ease-in-out;
    border-radius: 0 !important;
}

body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li {
    background-color: #f1f1f1;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li::after,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li::after,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li::after,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li::after,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li::after,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li::after,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li::after,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li::after,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li::after,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6065 7.30322L10.3033 2L5 7.3033L10.3032 12.6065L5.00008 17.9097L10.3034 23.213L15.6065 17.9098L15.6066 17.9099L20.9099 12.6066L20.9098 12.6065L20.91 12.6064L15.6067 7.30307L15.6065 7.30322Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    transform: translatey(-50%);
    width: 24px;
    height: 24px;
    transition: 200ms ease-in-out;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li a,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li a,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li a,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li a,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li a,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li a,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li a,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li a,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li a,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li a {
    width: 80%;
    transition: 200ms ease-in-out;
    outline: none;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li:hover::after,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li:hover::after,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li:hover::after,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li:hover::after,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li:hover::after,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li:hover::after,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li:hover::after,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li:hover::after,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li:hover::after,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li:hover::after {
    right: 0;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li a:hover,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li a:hover,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li a:hover,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li a:hover,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li a:hover,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li a:hover,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li a:hover,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li a:hover,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li a:hover,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li a:hover {
    background-color: unset;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li:hover,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li:hover,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li:hover,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li:hover,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li:hover,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li:hover,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li:hover,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li:hover {
    background-color: #f1f1f1;
}

body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li:hover,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li:hover {
    background-color: #fff;
}

body.three_column div[class^="sublayout_row1_three_column"] .columns .column ul li:hover a,
body.three_column div[class^="sublayout_row2_three_column"] .columns .column ul li:hover a,
body.three_column div[class^="sublayout_row3_three_column"] .columns .column ul li:hover a,
body.three_column div[class^="sublayout_row4_three_column"] .columns .column ul li:hover a,
body.three_column div[class^="sublayout_row5_three_column"] .columns .column ul li:hover a,
body.one-columns div[class^="sublayout_row1_three_column"] .columns .column ul li:hover a,
body.one-columns div[class^="sublayout_row2_three_column"] .columns .column ul li:hover a,
body.one-columns div[class^="sublayout_row3_three_column"] .columns .column ul li:hover a,
body.one-columns div[class^="sublayout_row4_three_column"] .columns .column ul li:hover a,
body.one-columns div[class^="sublayout_row5_three_column"] .columns .column ul li:hover a {
    color: #cd323c;
    text-decoration: none;
}

/* START */
/* ------------------------ FOOTER ------------------------ */
/* Styling for the footer section */

/* background */

.footer_website {
    border-top: none;
    position: relative;
    margin-top: 150px;
    background-color: #cd323c;
    padding: 50px 0;
}

.footer_website::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23CD323C'/%3E%3Cpath d='M50.0833 0L99.5807 49.4975H50.0833H0.585778L50.0833 0Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    background-position: center;
    position: absolute;
    width: 100%;
    height: 50px;
    top: -48px;
    left: 0;
}

.footer_website p {
    line-height: 32px;
}

.footer_website #footer_columns .column li,
.footer_website #footer_columns .column a,
.footer_website #footer_columns .column p,
.footer_website #footer_columns .column h1,
.footer_website #footer_columns .column h2,
.footer_website #footer_columns .column h3,
.footer_website #footer_columns .column h4,
.footer_website #footer_columns .column h5,
.footer_website #footer_columns .column h6 {
    color: #fff;
    fill: #fff;
}

.footer_website #footer_columns .column h1,
.footer_website #footer_columns .column h2,
.footer_website #footer_columns .column h3,
.footer_website #footer_columns .column h4,
.footer_website #footer_columns .column h5,
.footer_website #footer_columns .column h6 {
    font-size: 24px;
}

.footer_website .column#contact {
    display: none;
}

.footer_website #footer_columns .column {
    width: 100%;
    margin-bottom: 50px;
}

@media only screen and (min-width: 960px) {
    .footer_website #footer_columns .column {
        width: 30%;
    }
}

.footer_website #footer_columns .column:last-of-type {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.footer_website #footer_columns .column:last-of-type p a {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_922_689)'%3E%3Cpath d='M63.647 74C57.9294 66.5874 46.7294 52.5831 46.7294 52.5831C46.7294 52.5831 29.5058 64.7577 22.6824 71.3727C16.2823 62.2477 10 52.7941 10 52.7941C10 52.7941 37.6235 30.6733 56.1411 20C63.2942 26.9201 79.1059 44.0209 90 56.3128C83.2471 61.0748 68.2353 70.8802 63.647 74Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_922_689'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    color: rgba(0, 0, 0, 0) !important;
    position: absolute;
}

/* .footer_website .quicklinks{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
} */

/* .footer_website .quicklinks,
.footer_website .quicklinks li{
    margin: 0 !important;
    padding: 0 !important;
}

.footer_website .quicklinks li a{
    overflow: hidden;
    width: 50px;
    height: 50px;
    color: #CD323C !important;
    outline: none !important;
}

.footer_website .quicklinks li a:focus{
    outline: none !important;
} */

/* .footer_website .quicklinks li a::before{
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.4956 1C26.6964 3.88001 6.90526 19.4472 4 21.3722C6.31411 24.8787 18.5971 42.1234 23.5284 49C28.9651 44.6547 42.8547 30.1537 45.6337 27.0665C43.3448 22.8021 32.7394 5.15831 29.4956 1ZM27.7474 29.2088C26.5196 27.6122 24.1145 24.5958 24.1145 24.5958C24.1145 24.5958 20.416 27.2181 18.9508 28.6429C17.5764 26.6775 16.2274 24.6413 16.2274 24.6413C16.2274 24.6413 22.1592 19.8766 26.1356 17.5777C27.6716 19.0682 31.067 22.7516 33.4063 25.3991C31.9562 26.4248 28.7326 28.5368 27.7474 29.2088Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    position: absolute;
} */

.footer_website p {
    margin-bottom: 0;
}

.footer__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 32px;
}

.footer__link svg {
    margin-right: 10px;
    width: 100%;
    height: auto;
}

/* START */
/* ------------------------ WEBREADER/ READSPEAKER ------------------------ */

#tinyblock #accessibility-tools {
    background-color: unset; 
    height:0;
}

#tinyblock #accessibility-tools .webreader {
    margin-right: 0 !important;
    position: fixed;
    right: 10px;
    top: 120px;
    background-color: #cd323c;
    position: relative;
    width: 60px;
    height: 50px;
}

#tinyblock #accessibility-tools .webreader::after {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -29px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='59' height='20' preserveAspectRatio='none' viewBox='0 0 59 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H59V4.17747C59 6.18442 57.8 7.9969 55.9523 8.78055L31.4523 19.1719C30.2046 19.7012 28.7954 19.7012 27.5477 19.1719L3.04766 8.78055C1.20002 7.9969 0 6.18443 0 4.17747V0.5Z' fill='%23CD323C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
}

#tinyblock #accessibility-tools .webreader .rsbtn_tooltoggle {
    position: absolute;
    margin: 0 !important;
    left: 50%;
    transform: translateX(-50%);
}

#tinyblock #accessibility-tools .webreader .rsbtn_play {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
}

#tinyblock #accessibility-tools .webreader .rsbtn {
    width: 100%;
}

#tinyblock #accessibility-tools .webreader .rs_skip,
#tinyblock #accessibility-tools .webreader .rsbtn_tooltoggle,
#tinyblock #accessibility-tools .webreader .rsbtn_play,
#tinyblock #accessibility-tools .webreader .rsbtn_left,
#tinyblock #accessibility-tools .webreader .rsbtn_right {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

@media screen and (min-width: 1400px) {
    #tinyblock #accessibility-tools .webreader {
        right: -80px;
    }
}

@media screen and (max-width: 600px) {
    #tinyblock #accessibility-tools .webreader {
        top: 90px;
    }
}

/* START */
/* ------------------------ 404 PAGE ------------------------ */

.errortools + .header {
    background-color: initial !important;
    box-shadow: initial !important;
}

.errortools + .header .contentrow {
    background-color: initial !important;
    display: flex;
    justify-content: center;
}

.error-page {
    width: 100vw !important;
    height: 100vh !important;
    margin: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-page .description,
.error-page h1,
.error-page h2 {
    text-align: center;
}

.error-page * {
    text-align: center;
}

@media screen and (max-width: 800px) {
    .error-page {
        height: 100vh !important;
    }
}


















































/*Calamiteitenbanner x niet zichtbaar*/
#calamity button.close_button {
    display: none;
}

#calamity {
    margin-top: 40px;
    background-color: #cd323c;
    border: 4px solid #cd323c;
}

/*Ruimte op telefoon boven sidebar*/
@media only screen and (max-width: 768px) {
#wrapper .contentrow .grid-11 .document h1, #wrapper .contentrow .grid-5 .aside {
    margin-top: 0px;
}
}

@media only screen and (max-width: 768px) {
.detail_aside .grid-5 .aside .container_aside {
    margin-top: 0px;
}
}

@media only screen and (max-width: 768px) {
#wrapper .contentrow .grid-5 {
    margin-bottom: 0px !important;
}
}
/*}*/

/*#actions {*/
/*    visibility: hidden !important;*/
/*}*/

/*.links {*/
/*    visibility: hidden !important;*/
/*}*/

/*#modification-date {*/
/*    visibility: hidden !important;*/
/*}*/

/*.offscreen {*/
/*    visibility: hidden !important;*/
/*}*/

/*.rs_skip {*/
/*    visibility: hidden !important;*/
/*}*/

/*div#content-footer {*/
/*    display: none;*/
/*}*/

#actions {
    display: none;
}

span#modification-date {
    font-family: "Exo 2", sans-serif;
    color: #CCCCCC;
    font-size: 0.8rem;
    weigt: normal
}

.print-link::before {
    color: #fff;
}

/*Linker kolom groter gemaakt*/
.grid-11 {
    width: 800px;
}

.gijslabel {
    background-color: #f1f1f1;
    padding: 5px 15px;
    border-radius: 5px;
    position: relative;
    color: #4f4f4f;
    font-weight: bold;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}
.gijslabelrood {
    background-color: #cd323c;
    padding: 2px 4px;
    border-radius: 5px;
    position: relative;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}

.gijslabellblauw {
    background-color: #99b1b6;
    padding: 2px 4px;
    border-radius: 5px;
    position: relative;
    color: #4f4f4f;
    font-weight: bold;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}

.gijs-titel2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

/*Werken bij GIJS*/
.werkenbijblok {
    border: 1px solid #cd323c;
    border-radius: 4px;
    padding: 40px;
}

.buttonwerkenbij {
display: inline-block;
min-width: 180px;
margin: 0;
padding: 6px 20px;
color: #cd323c;
background-color: transparent;
font-size: 16px;
line-height: 1.65em;
font-weight: 500;
text-align: center;
text-decoration: none!important;
text-transform: none;
outline: none;
border: 1px solid #cd323c;
border-radius: 3px;
}

.werkenbijblokkleur {
    border: 1px solid #cd323c;
    border-radius: 4px;
    padding: 40px;
    background: #cd323c;
}

.buttonwerkenbijwit {
display: inline-block;
min-width: 180px;
margin: 0;
padding: 6px 20px;
color: #fff;
background-color: transparent;
font-size: 16px;
line-height: 1.65em;
font-weight: 500;
text-align: center;
text-decoration: none!important;
text-transform: none;
outline: none;
border: 1px solid #fff;
border-radius: 3px;
}

.white {
    color: #fff;
}

.orange {
    color: #cd323c;
}

.intro {
    font-size: 20px;
    font-weight: 900;
    line-height: 30px;
}

.blue {
    color: #193e4c;
}

.container_aside img {
    padding: 0 10px;
width: 32px;
height: 32px;
display: block;
}

div.container_aside.mappoint div.container-content p {
    margin: 4px;
}
.gijs-meer-info a:hover{
color: #eeeeee;
}
.gijs-meer-info a:active{
color: #eeeeee;
}
.gijs-meer-info a:focus-within{
color: #eeeeee;
}
.gijs-meer-info a:focus{
color: #eeeeee;
}


/*Zoekveld*/
#quicksearch-keywords_suggestions{
display: none;
}


/* SUP-103440 */
#row1:not(.error) .contentrow:has(#bannerfoto) {
display: block;
aspect-ratio: unset;
}

#row1:not(.error):has(#bannerfoto) {
background-position: top bottom;
background-size: cover;
}
/* END SUP-103440 */ 

/* Niet afbreken woorden */ 
html {hyphens: unset;}
div.container-content p a {display:inline;} 

/* END Niet afbreken woorden */ 

/* blok met blauw kader */ 
.blauwerandblok {
    border: 2px solid #004e5f;
    border-radius: 4px;
    padding: 0px 20px 10px 20px;
}
/* END blok met blauw kader */ 


/* Om het label voor promoted search results te onderdrukken */ 
.search-results ul.items li .promoted {
    display: none;}

.search-results ul.items.promoted li {
border-left:0px;	
padding:0 0 0 0rem;
}
/* END  */