html {font-size:16px; -webkit-font-smoothing: antialiased;}
body {
    font-size:1rem;
    line-height:2;
    font-weight:400;
    color:#484848;
}
body #wrapper {
    letter-spacing:1.2px;
    font-family: "Open Sans", sans-serif;
}

/* reset */
.grid-16 {width:auto;margin:0;float:none;}
 a.item-title:hover, a.item-title:focus {color:#19A297;}
.contentrow > .section, 
.layout_four .contentrow .onecolumn {margin:0;}
.landing.document h2 {padding:0;}
.pageheader {display:none;}
nav.breadcrumbs {display:none;}
#content-footer {display:none;}
div[id^="row"]:last-child {padding-bottom:0;}


body.overview_folder .row2_content .grid-16 {position:static;width:100%;overflow:visible;display:block;float:none;margin:0;box-sizing:border-box;}

.landing_intro .onecolumn,
body.overview_folder.type_document .row2_content .grid-16 {box-sizing:border-box;max-width:1600px;margin:0 auto !important;padding-left:96px;padding-right:96px;}

@media only screen and (max-width: 640px) {
    .landing_intro .onecolumn,
    body.overview_folder.type_document .row2_content .grid-16 {
        padding-left:48px;
        padding-right:48px;
    }
}
@media only screen and (max-width: 1280px) {
    .landing_intro .onecolumn,
    body.overview_folder.type_document .row2_content .grid-16 {
        padding-left:0;
        padding-right:0;
    }
}


H1, H2, .column H2 {font-size:1.5rem;line-height:1.2;font-weight:700;margin:0 0 3rem;color:#010101;padding:0;text-transform: uppercase;}
H2 {color: #19A297;
    font-size: 24px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding: 0 0 32px 0;
    margin:0;
    text-transform: uppercase;}
H3 {
    color: #19A297;
    font-size: 20px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding: 0 0 24px 0;
    margin:0;
    text-transform: uppercase;
}
H4 {}
H5 {}
H6 {}
p, ul, ol, dl {margin:0 0 32px 0;color:#484848;}

@media only screen and (min-width: 640px) {
    h1, h2 {
        font-size: 32px;
    }
    article h2,
    h3 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 960px) {
    h1, h2 {
        font-size: 32px;
    }
    article h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 24px;
    }
}

.columns {overflow:visible;}


/* Cookie banner */
#cookie_notification {
    box-sizing:border-box;
    position:fixed;
    bottom:0;
    border-width:0;
    background-color:#19A297;
    padding:3rem;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}
#cookie_notification .cookie_content p.text {color:#FFFFFF;}
#cookie_notification #close_notification {
    border-width:0;
    text-transform: uppercase;
    color:#FFFFFF;
    background-color:#e6007e;
    font-size:1rem;
    padding:1rem 3rem;
    line-height:2;
    min-width:240px;
    border-radius:0.5rem;
    font-weight:600;
    transform: rotate(-4deg);
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}
#cookie_notification #close_notification:hover,
#cookie_notification #close_notification:focus {
    background-color: #bd0068;
}

/* header / menu */
#header {
    height:128px;
}
a#logo {
    padding-top:35px;
    display:block;
    z-index:4;
    position:absolute;
}
a#logo img {
    height: auto;
    width: 128px;
}
@media only screen and (max-width: 959px) {
    #header a#logo img {
        height: auto;
        width: 128px;
        max-width:unset;
        max-height:unset;
    }
}
@media only screen and (min-width: 1280px) {
    a#logo::after {
        display:block;
        content:"DE RONDE VENEN AAN DE BAK";
        position: absolute;
        top: 0;
        left: 224px;
        color: #010101;
        height: 64px;
        margin: 32px 0;
        font-size: 24px;
        font-weight: 700;
        font-style: italic;
        line-height: 64px;
        text-transform: uppercase;
        width: 450px;
    }
}

/* Menu */
 #menu_wide {
    box-sizing:border-box;
    z-index:3;
    position:relative;
}
body.menutype_horizontal ul#dl-menu {
    width: 100%;
    margin: 0 auto;
    box-sizing:border-box;
    display: flex !important;
    justify-content: space-between;
    z-index:2;
}

@media only screen and (max-width: 959px) {
    div#menu_wide {
        position:absolute;
        padding:0;
        background-color:transparent;
        left:unset;
        top:-90px;
        right:3rem;
        height: 64px;
        width: 64px;
    }
    div#menu_wide:after {
        transform: rotate(-4deg);
        height:3px;
        top:20px;
        left:20px;
        width:24px;
    }
    button#menu-icon {
        height: 64px;
        width: 64px;
        border-width: 0;
        background-color:#e6007e;
        display: block;
        text-indent: -999999em;
        box-sizing: border-box;
        overflow: hidden;
        transform: rotate(-4deg);
        border-radius:0.5rem;
    }
    button#menu-icon:hover {
        background: #bd0068;
        cursor: pointer;
    }
    ul#dl-menu {
        left:unset !important;
        right:0;
        top:90px !important;
        width:100vw !important;
        height:calc(100vh - 90px) !important;
        max-height:unset !important;
        margin:0 -1rem 0 0 !important;
        transition: all 0.25s ease-in-out;
        background-color:#19A297;
        background: linear-gradient(to bottom right, #19a297 0%, #169087 100%);
        padding:96px 48px;
    }
    ul#dl-menu li.first-child {width:100%;}
    body.menutype_horizontal ul#dl-menu li a.toplevellink,
    body.menutype_horizontal ul#dl-menu li ul.dropdownmenu,
    body.menutype_horizontal ul#dl-menu li ul.dropdownmenu li, 
    body.menutype_horizontal ul#dl-menu li.active ul.dropdownmenu,
    body.menutype_horizontal ul#dl-menu ul.dropdownmenu li a.item-link {
        background-color:transparent;
        color:#FFFFFF;
        line-height:2;
        padding:0 8px;
        border-width:0;
    }
    body.menutype_horizontal ul#dl-menu li {max-width:400px;margin:0 auto;}
    body.menutype_horizontal ul#dl-menu li.active a.toplevellink:before {height:100% !important;top:-12px !important;}
}
@media only screen and (min-width: 1280px) {
    body.menutype_horizontal ul#dl-menu li.first-child {
        margin-left:6rem;
    }
}
body.menutype_horizontal ul#dl-menu ul.dropdownmenu li {margin-left:0;float:none;width:100%;}
body.menutype_horizontal ul#dl-menu li a.toplevellink {
    display: block;
    height: 64px;
    line-height: 64px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1;
    font-weight: 700;
    padding:0;
    font-size:1rem;
}
body.menutype_horizontal ul#dl-menu li a.toplevellink:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #010101;
    z-index: -1;
    border-radius: 8px 8px 8px 8px;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: top 0.25s ease-in-out, left 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.25s ease-in-out 0.25s;
    transition: top 0.25s ease-in-out, left 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, opacity 0.1s ease-in-out, transform 0.25s ease-in-out 0.25s;
    transition: top 0.25s ease-in-out, left 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, opacity 0.1s ease-in-out, transform 0.25s ease-in-out 0.25s, -webkit-transform 0.25s ease-in-out 0.25s;
    opacity: 0;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}

body.menutype_horizontal ul#dl-menu li a.toplevellink:hover::before {
    top: -8px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 16px);
    opacity: 1;
    transform: rotate(-4deg);
}
body.menutype_horizontal ul#dl-menu li.active a.toplevellink:before {
    top: -8px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 16px);
    opacity: 1;
    transform: rotate(-4deg);
    background: #acc80b;
}
@media only screen and (min-width: 1280px) {
    body.menutype_horizontal ul#dl-menu li a.toplevellink:hover::before {
        left: -32px;
        width: calc(100% + 64px);
    }
    body.menutype_horizontal ul#dl-menu li.active a.toplevellink:before {
        left: -32px;
        width: calc(100% + 64px);
    }
}

body.menutype_horizontal ul#dl-menu li.active a.toplevellink {text-decoration:none;}


@media only screen and (min-width: 960px) {
    body.menutype_horizontal ul#dl-menu {
        padding-left: 8rem;
    }
    body.menutype_horizontal ul.dropdownmenu {
        left:auto;
        width:240px;
        top:90px;
        margin-left:-2rem;
        box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
        border-radius:0.5rem;
    }
}
@media only screen and (min-width: 1920px) {
    body.menutype_horizontal ul#dl-menu {
        max-width:1280px;
        padding-left:18rem;
    }
}

.contentrow {
    width: 98%;
    max-width: 2560px;
    margin: 0 auto;
    box-sizing:border-box;
    padding-left:1rem;
    padding-right:1rem;
    position:relative;
}
div#tinyblock div.toplinks {display:none;}
div#tinyblock #accessibility-tools {display:none;}
div#tinyblock form#quicksearch {order:2}

@media only screen and (max-width: 960px) {
    #tinyblock {right:8rem;}
    div#tinyblock form#quicksearch {width:200px !important;}
}
@media only screen and (max-width: 640px) {
    a#logo img {width:80px !important;}
    #tinyblock {right:6rem;}
    div#menu_wide {right:1rem;}
}

@media only screen and (min-width: 640px) {
    #menu_wide,
    .contentrow {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media only screen and (min-width: 1280px) {
    #tinyblock {right:6rem;}
    #menu_wide,
    .contentrow {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media only screen and (min-width: 1920px) {
    div#header .contentrow {
        max-width: 1600px;
        margin: 0 auto;
    }
}

a, a:hover, a:visited, a:active, a:focus, button, button:hover, button:focus {
    transition: all 0.25s ease-in-out;
}

.sublayout_row4_thematictabs .briefing a.read-more {display:none;}
.landing_intro #row2 .briefing.container a.read-more {margin:48px auto;display:inline-block;}

.sublayout_row4_thematictabs .briefing a.read-more,
.landing_intro #row2 .briefing.container a.read-more,
a.calltoaction {
    box-sizing:border-box;
    text-transform: uppercase;
    color:#FFFFFF;
    background-color:#010101;
    font-size:1rem;
    padding:1rem 3rem;
    line-height:2;
    margin-bottom:3rem;
    min-width:240px;
    border-radius:0.5rem;
    font-weight:600;
    transform-origin:center center;
    transform: rotate(-4deg);
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}
.sublayout_row4_thematictabs .briefing a.read-more:hover,
.sublayout_row4_thematictabs .briefing a.read-more:focus,
.landing_intro #row2 .briefing.container a.read-more:hover,
.landing_intro #row2 .briefing.container a.read-more:focus,
a.calltoaction:hover,
a.calltoaction:focus {
    color:#FFFFFF;
    background-color:#010101;
    padding: 1rem 4.5rem 1rem 1.5rem;
}
.sublayout_row4_thematictabs .briefing a.read-more::after,
.landing_intro #row2 .briefing.container a.read-more::after,
a.calltoaction::after {
    color:#FFFFFF;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    content:"";
    background-size:1rem;
    background-position:center right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='svg-inline--fa fa-arrow-right fa-w-14' data-icon='arrow-right' data-prefix='far' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M218.101 38.101 198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
}
.sublayout_row4_thematictabs .briefing a.read-more:hover::after,
.sublayout_row4_thematictabs .briefing a.read-more:focus::after,
.landing_intro #row2 .briefing.container a.read-more:hover::after,
.landing_intro #row2 .briefing.container a.read-more:focus::after,
a.calltoaction:hover::after,
a.calltoaction:focus::after {
    opacity: 1;
    right: 1.5rem;
}


/* home */
#row1.sublayout_row1_ {
     background-color:#19A297;
}
#row1.sublayout_row1_ .contentrow {
     padding:0;
     margin:0;
     max-width:100%;
     width:100%;
}
/* homepage headerfoto */
#row1:not(.error) {
    background-size:cover;
}
div#bannerfoto {height:33vw !important;}
@media screen and (max-width: 767px) {
    div#bannerfoto {display:block;}
}

/* Homepage slider (nieuwspagina - wordt niet actief gebruikt) */
#row1.sublayout_row1_ .contentrow .briefing {margin:0;}
#row1.sublayout_row1_ .contentrow .briefing > h2 {position:absolute;top:-999999em;left:-999999em;}
#row1.sublayout_row1_ .briefingslider .carousel {height:640px;}
#row1.sublayout_row1_ .briefingslider .carousel .photocontainer {height:640px;padding-top:0 !important;}
#row1.sublayout_row1_ .briefingslider .carousel .photocontainer li {height:640px;padding-top:0 !important;background-position:center center;}
#row1.sublayout_row1_ .briefingslider .slide a {
    box-sizing:border-box;
    top:0;
    z-index:1;
    width: 100%;
    max-width: 2560px;
    display:flex;
    background-color:transparent;
    padding:0 6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
     color:#FFFFFF;
     margin:0 auto;
}
#row1.sublayout_row1_ .briefingslider .slide a h2 {display:none;}
#row1.sublayout_row1_ .briefingslider .slide a p {
    font-style:italic;
    transform: rotate(-4deg);
    text-shadow: 4px 4px 8px rgba(1, 1, 1, 0.24);
    transform-origin:left center;
    font-size:calc(32px * 1.5);
    color:#FFFFFF;
    font-weight:700;
    text-transform:uppercase;
    padding-left:2rem;
    margin-bottom:0;
    line-height:1.25;
    word-break:auto-phrase;
    width:50%;
    text-align:left;
    text-wrap: balance;
}

@media only screen and (max-width: 960px) {
    #row1.sublayout_row1_ .briefingslider .carousel,
    #row1.sublayout_row1_ .briefingslider .carousel .photocontainer,
    #row1.sublayout_row1_ .briefingslider .carousel .photocontainer li {height:auto;aspect-ratio:3 / 4;}
    #row1.sublayout_row1_ .briefingslider .slide a::before {background-size:108px auto !important;}
    #row1.sublayout_row1_ .briefingslider .slide a {padding:0;}
    #row1.sublayout_row1_ .briefingslider .slide a h2,
    #row1.sublayout_row1_ .briefingslider .slide a p {font-size:24px;}
}
#row1.sublayout_row1_ .briefingslider .slide a::before {
    content: '';
    display:block;
    background-repeat:no-repeat;
    background-position:left center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-inline--fa fa-quote-right fa-w-16' data-icon='quote-right' data-prefix='fas' viewBox='0 0 512 512'%3E%3Cpath fill='%23acc80b' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    transform: rotate(8deg);
    background-size:216px auto;
    width: 216px;
    height: 216px;
    position: absolute;
    z-index: -1;
}
#row1.sublayout_row1_ .briefingslider .slide.current {z-index:1;}
#row1.sublayout_row1_ .briefingslider .slide.current::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(12%, rgba(25,162,151,0.96)), color-stop(24%, rgba(25,162,151,0.48)), color-stop(48%, rgba(25,162,151,0.24)), color-stop(96%, rgba(25,162,151,0)));
    background: -webkit-linear-gradient(left, rgba(25,162,151,0.96) 12%, rgba(25,162,151,0.48) 24%, rgba(25,162,151,0.24) 48%, rgba(25,162,151,0) 96%);
    background: -o-linear-gradient(left, rgba(25,162,151,0.96) 12%, rgba(25,162,151,0.48) 24%, rgba(25,162,151,0.24) 48%, rgba(25,162,151,0) 96%);
    background: linear-gradient(to right, rgba(25,162,151,0.96) 12%, rgba(25,162,151,0.48) 24%, rgba(25,162,151,0.24) 48%, rgba(25,162,151,0) 96%);
}
#row1.sublayout_row1_ .briefingslider ul.slidenav {
    text-align:center;
    background-color:transparent;
    z-index:2;
    position:relative;
    bottom:calc(64px + 96px);
}

#row1.sublayout_row1_ .briefingslider ul.slidenav button {
    border-color:#FFFFFF;
    background-color:#19A297;
    color:#FFFFFF;
    border-radius: 4px;
}
#row1.sublayout_row1_ .briefingslider ul.slidenav button.current {
    border-radius: 4px;
    transform: rotate(-4deg);
    background-color:#e6007e;
}
ul.pagerbar a, ul.pagerbar li.current, ul.pagerbar li.delimiter {border-width:0;}
ul.pagerbar li {
    min-width: 68px;
    height: 68px;
    background-color:#19A297;
    color:#FFFFFF;
    align-content: center;
    text-align: center;
    line-height: 1;
    border-radius: 0.5rem;
}
ul.pagerbar li.current {
    transform: rotate(-4deg);
    background-color:#e6007e;
}
ul.pagerbar li.delimiter {color:#19A297;}
ul.pagerbar li a {
    min-width: 68px;
    height: 68px;
    line-height:24px;
    font-weight: 600;
    display:block;
    padding:1.5rem;
    box-sizing:border-box;
    text-align:center;
    font-size:1rem;
    transition:all 0.25s ease-in-out;
    background-color:#19A297;
    color:#FFFFFF;
    border-radius: 0.5rem;
}
ul.pagerbar li a:hover {background-color: #bd0068;}

#row1.sublayout_row1_ .briefingslider ul.controls {display:none;}

/* Home - Zie ook */

#row2[class*="_thematictabs"] {background-color:transparent !important;}
#row1.sublayout_row1_ ~ #row2.sublayout_row2_thematictabs {top:-64px;position:relative;z-index:1;margin:0;}
#row1.sublayout_row1_ ~ #row2 #thematictabs {margin:0;}
#row1.sublayout_row1_ ~ #row2 #thematictabs h2.offscreen {position:absolute}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content {padding:0;overflow:visible;display:block;}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items {display:flex;flex-wrap:wrap;}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li {
    position:relative;
    margin:0;
    padding:0;
    list-style-type:none;
    width: 100%;
}

@media only screen and (max-width: 768px)  {
    #row1.sublayout_row1_ ~ #row2.sublayout_row2_thematictabs {top:1rem;}
}
@media only screen and (min-width: 960px)  {
    #row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li {
        width: calc(50% - 0.75rem);
    }
    #row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li.odd {margin-right:1.5rem;}
}

@media only screen and (min-width: 1920px) {
    #row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li {
        width: calc(25% - 1.5rem);
    }
    #row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li {margin-right:1.5rem;}
    #row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li.last-child {margin-right:0;}
}


#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a {
    display:flex;
    background-color:#FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    margin-bottom: 24px;
    top:8px;
    position:relative;
    overflow:hidden;
    min-height:128px;
    padding-left:128px;
    flex-flow: column;
    justify-content: center;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a:hover,
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a:focus {
    box-shadow: 0 4px 16px rgba(1, 1, 1, 0.16), 0 4px 16px rgba(1, 1, 1, 0.24);
    cursor: pointer;
    top: 0;
    text-decoration:none;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a h3 {
    margin:0;
    font-size:1.5rem;
    text-transform:uppercase;
    padding:1rem 2rem 0;
    color:#010101;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a p {
    padding:0 2rem 1rem;
    color:#484848;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a .item-photo img {
    opacity:0.15;position:absolute;left:0;top:0;display:block;width:128px;height:128px;
    transition:all 0.25s ease;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a:hover .item-photo img,
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a:focus .item-photo img {
    opacity:0.68;
} 
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a .item-photo {
    position:absolute;left:0;top:0;display:block;width:128px;height:128px;
}

#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li a .item-photo {
    background-repeat:no-repeat;
    background-size:32px auto;
    background-position:center;
}

#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li:nth-child(1) a .item-photo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48ZM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16Zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16ZM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12Z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-color:#19A297;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li:nth-child(2) a .item-photo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m201.7 62-43.4 69.5c-3.5 5.6-10.9 7.3-16.5 3.8l-6.8-4.2c-5.6-3.5-7.3-10.9-3.8-16.5l43.4-69.5c37.6-60.1 125.3-60.1 162.8 0l46.2 74 12-52.1c1.5-6.5 7.9-10.5 14.4-9l7.8 1.8c6.5 1.5 10.5 7.9 9 14.4l-21.6 93.7c-1.5 6.5-7.9 10.5-14.4 9l-93.7-21.6c-6.5-1.5-10.5-7.9-9-14.4l1.8-7.8c1.5-6.5 7.9-10.5 14.4-9l52.2 12.1-46.3-74c-25-40-83.5-40.1-108.5 0Zm295.6 239.1-52.9-84.8c-3.5-5.6-10.9-7.3-16.5-3.8l-6.8 4.2c-5.6 3.5-7.3 10.9-3.8 16.5l53 84.8c26.6 42.6-4.1 97.9-54.3 97.9H310.7l37.9-37.9c4.7-4.7 4.7-12.3 0-17l-5.7-5.7c-4.7-4.7-12.3-4.7-17 0l-68 68c-4.7 4.7-4.7 12.3 0 17l68 68c4.7 4.7 12.3 4.7 17 0l5.7-5.7c4.7-4.7 4.7-12.3 0-17l-37.9-37.9H416c75.3 0 121.3-83 81.4-146.9Zm-455.5 17 55.8-89.3 12 52.2c1.5 6.5 7.9 10.5 14.4 9l7.8-1.8c6.5-1.5 10.5-7.9 9-14.4l-21.6-93.7c-1.5-6.5-7.9-10.5-14.4-9l-93.7 21.6c-6.5 1.5-10.5 7.9-9 14.4l1.8 7.8c1.5 6.5 7.9 10.5 14.4 9l52.2-12.1-55.8 89.4c-39.9 63.8 6.1 146.9 81.4 146.9H196c6.6 0 12-5.4 12-12v-8c0-6.6-5.4-12-12-12H96.1c-50.2 0-80.9-55.3-54.3-97.9Z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-color:#acc80b;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li:nth-child(3) a .item-photo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M568 256h-34.7l7.1-64H560c10.4 0 18-12.2 15.5-24.9l-24-120C549.7 38.2 543.3 32 536 32H40c-7.3 0-13.7 6.2-15.5 15.1l-24 120C-2 179.8 5.6 192 16 192h19.5l7.1 64H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h38.2L64 448v16c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16v-16h256v16c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16v-16l17.8-160H568c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8Zm-26.6-96h-78.7l-19.2-96h78.7l19.2 96Zm-395.5 0 19.2-96H272v96H145.9ZM304 64h106.9l19.2 96H304V64ZM53.8 64h78.7l-19.2 96H34.6l19.2-96ZM480 448h-32v-32H128v32H96L67.8 192h440.5L480 448Z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-color:#e6007e;
}
#row1.sublayout_row1_ ~ #row2 #thematictabs .container-content .items li:nth-child(4) a .item-photo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M434.9 410.7 288 218.6V32h26c3.3 0 6-2.7 6-6V6c0-3.3-2.7-6-6-6H134c-3.3 0-6 2.7-6 6v20c0 3.3 2.7 6 6 6h26v186.6L13.1 410.7C-18.6 452.2 11 512 63.1 512h321.8c52.2 0 81.7-59.8 50-101.3Zm-50 69.3H63.1c-25.7 0-40.3-29.4-24.6-49.8l150.2-196.5c2.1-2.8 3.3-6.2 3.3-9.7V32h64v192c0 3.5 1.2 6.9 3.3 9.7l150.2 196.5c15.6 20.4 1.2 49.8-24.6 49.8Z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-color:#000000;
}

/* Home - twee kolommen  - tekst / foto */
#row3 .two.columns {margin:0 0 10rem;display:flex;align-items:center;}
#row3 .two.columns .container {margin:0;}
#row3 .two.columns .container p:last-child {margin-bottom:0;}

#row6 .two.columns {margin:0;display:flex;align-items:center;}
#row3.sublayout_row3_two-columns {
    margin-top:-320px;
    padding-top:440px;
    background: #efefef;
    background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
}

/* Homepage ZONDER nieuws-slider */
#row3.sublayout_row3_two-columns {
    margin-top:-168px;
    padding-top:140px;
}

#row6.sublayout_row6_two-columns {
    padding-top: 96px;
    padding-bottom: 48px;
    background: #efefef;
    background: linear-gradient(to bottom, rgba(25, 162, 151, 0.16) 0%, rgba(255, 255, 255, 1) 100%);
}
.sublayout_row3_two-columns .contentrow,
.sublayout_row6_two-columns .contentrow {
    max-width:1600px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    overflow:visible
}
@media only screen and (max-width: 960px) {
    #row3.sublayout_row3_two-columns {padding-top:280px;}
    #row3 .two.columns,
    #row6 .two.columns {display:block;}
}

.sublayout_row3_two-columns .contentrow p.description,
.sublayout_row6_two-columns .contentrow p.description {
    color: #19a297;
    font-size: 20px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-top: -48px;
    text-transform: uppercase;
    z-index: 1;
}
.sublayout_row6_two-columns .two.columns {
    display:flex;
}
.sublayout_row6_two-columns .omega .image img {
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    transform: rotate(4deg);
    
}
@media only screen and (min-width: 640px) {
    .sublayout_row3_two-columns .contentrow h2,
    .sublayout_row6_two-columns .contentrow h2 {
        font-size:32px;
    }
    .sublayout_row3_two-columns .contentrow p.description,
    .sublayout_row6_two-columns .contentrow p.description{
        font-size: 24px;
    }
}

/* home - rij 4 verhalen */
#row4.sublayout_row4_thematictabs .contentrow {overflow:visible;}
#row4.sublayout_row4_thematictabs {
    background-color:#19A297 !important;
        background: linear-gradient(to bottom right, #19a297 0%, #acc80b 100%) !important;
}
#row4.sublayout_row4_thematictabs #thematictabs {margin:0;}
#row4.sublayout_row4_thematictabs #thematictabs .only-one-item h2.offscreen {position:absolute;}
#row4.sublayout_row4_thematictabs #thematictabs .container-content {padding:0;overflow:visible;}
#row4.sublayout_row4_thematictabs #thematictabs .container-content ul.items {margin-top:-4rem;}

/* Rij 5 Quote slider */
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) {margin-top:-5rem;overflow:visible;}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .contentrow {width:100%;max-width:1600px;overflow:visible}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider).briefing {margin:0;}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .carousel {overflow:visible;border-radius:0.5rem;transform:rotate(-4deg);background-color:transparent;}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer {border-radius:0.5rem;background-color:#FFFFFF}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide {
    border-radius:0.5rem;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    overflow:visible;transition: opacity 1s;background-size:50% auto !important;background-repeat:no-repeat;}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide.next,
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide.prev {
    left: 0;
    opacity: 0;
}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer .active .slide.current {
    opacity: 0.99;
}
div[class*="sublayout_row"][class*="_"]:has(.briefingslider) .photocontainer li.slide a {
    left:0;
    top:0;
    background-color:transparent;
    display:flex;
    flex-direction:column-reverse;
    padding:3rem 4rem 2rem calc(50% + 4rem);
    text-align:center;
}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a:hover,
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a:focus {text-decoration:none;}

div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a:hover h3,
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a:focus h3 {text-decoration:underline;}

div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a h3 {
    width:auto;
    margin:0 auto;
    font-size:0.8rem;
    padding-bottom:0;
}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a p {
    font-weight: 400;
    font-size:1.9rem;
    font-style: normal;
    height:100%;
    color:#010101;
    align-content: center;
    margin:0 0 1rem;
    line-height:normal;
}
@media only screen and (max-width: 1280px) {
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a p {font-size:1.2rem;}
}


div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-inline--fa fa-quote-right fa-w-16' data-icon='quote-right' data-prefix='fas' viewBox='0 0 512 512'%3E%3Cpath fill='%23e6007e' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    transform: rotate(8deg);
    background-size: 216px auto;
    width: 216px;
    height: 216px;
    position: absolute;
    z-index: -1;
    top:-24px;
    right:-24px;
}

div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) ul.slidenav {
    text-align:right;
    background-color:transparent;
    position:relative;
    z-index:3;
}

div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) ul.slidenav button {
    border-color:#FFFFFF;
    background-color:#19A297;
    color:#FFFFFF;
    border-radius: 4px;
}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) ul.slidenav button.current {
    border-radius: 4px;
    transform: rotate(-4deg);
    background-color:#e6007e;
}
div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) ul.controls {z-index:4;}

@media only screen and (max-width: 960px) {
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .carousel {aspect-ratio:1 / 1.1}
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer {aspect-ratio:1 / 1.1;padding-top:0 !important;}
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide::before {display:none;}
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide {padding-bottom:3rem;padding-top:0 !important;box-sizing:border-box;height:100%;background-size:contain !important;}
    div[class*="sublayout_row"][class*="_"]:has(.briefingslider) .photocontainer li.slide a {padding:1rem;top:unset;background-color:#FFFFFF;}
    
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a h3 {font-size:1rem;margin-bottom:2rem;}
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) .photocontainer li.slide a p {color:#010101;font-size:1rem;align-content:end;}
    div[class*="sublayout_row5"][class*="_"]:has(.briefingslider) ul.slidenav

}

/* Document */
blockquote {
    border-width:0;
    margin:0;
    background-color:transparent;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    color: #19A297;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}
blockquote * {
    font-style: italic;
    color: #19A297;
}
@media only screen and (min-width: 640px){
    blockquote {
        padding-left: 48px;
        padding-right: 48px;
    }
}
@media only screen and (min-width: 1280px){
    blockquote {
        padding-left: 96px;
        padding-right: 96px;
    }
}

.row2_content {
    background: rgb(25, 162, 151);
    background: linear-gradient(180deg, rgba(25, 162, 151, 0.16) 0%, rgba(172, 200, 11, 0.08) 690px, rgba(255, 255, 255, 1) 690px, rgba(255, 255, 255, 1) 256%);
}

@media only screen and (max-width: 1280px){
    .row2_content {
        background: linear-gradient(180deg, rgba(25, 162, 151, 0.16) 0%, rgba(172, 200, 11, 0.08) 550px, rgba(255, 255, 255, 1) 650px, rgba(255, 255, 255, 1) 256%);
    }
}

.landing_intro .sublayout_row1_one-columns {
    background: #efefef;
    background:linear-gradient(to bottom, rgba(25, 162, 151, 0.16) 0%, rgba(172, 200, 11, 0.08) 100%);
 }
.landing_intro .sublayout_row1_one-columns .section.document,
.row2_content .section {
    padding-top:48px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    min-height:752px;
    margin-bottom:6rem;
    display: grid;
}
.landing_intro .sublayout_row1_one-columns .section.document {
    min-height:unset;
    
}

.landing_intro .sublayout_row1_one-columns .section.document h2,
.layout_search .section h1,
.overview_folder .section h1 {
    width: calc(100% + 96px);
    box-sizing:border-box;
    padding:3rem 54% 3rem 3rem;
    transform-origin: right center;
    transform: rotate(-4deg);
    background: #010101;
    color:#FFFFFF;
    z-index: 0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    margin: 0 0 135px -48px;
    grid-area: 1 / 1 / 2 / 3;
}
.landing_intro .sublayout_row1_one-columns .section.document p.description,
.layout_search .section .searchtext,
.overview_folder .section p.description {
    font-style: italic;
    font-weight:400;
    font-size: 20px;
    grid-area: 2 / 1 / 3 / 2;
}
.landing_intro .sublayout_row1_one-columns .section.document p.description + figure,
.type_document #readspeaker .section.document p.description + figure {
    margin:0;
    padding-top:48px;
    z-index:2;
     grid-area: 1 / 2 / 3 / 3;
}

@media only screen and (min-width: 1280px){
    .landing_intro .sublayout_row1_one-columns .section.document p.description + figure,
    .type_document #readspeaker .section.document p.description + figure {
        min-height:592px;
    }
}
.landing_intro .sublayout_row1_one-columns .section.document p.description + figure {
    min-height:unset;
}
.landing_intro .sublayout_row1_one-columns .section.document p.description + figure img,
.type_document .section.document p.description + figure img {
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    transform: rotate(4deg);
    transform-origin: right center;
}
.row2_content .section ul.items,
.landing_intro .sublayout_row1_one-columns .section.document article,
.type_document #readspeaker .section.document article {
    box-sizing:border-box;
    margin:6rem auto 3rem;
    max-width:992px;
    padding-left:6rem;
    padding-right:6rem;
    grid-area: 3 / 1 / 4 / 3;
}
.row2_content .section nav {grid-area: 4 / 1 / 4 / 3;}

.type_document #readspeaker .section.document article.faq {
    grid-area:4 / 1 / 4 / 3;
    margin-top:240px;
    background: linear-gradient(to bottom, rgba(25, 162, 151, 0.16) 0%, rgba(172, 200, 11, 0.08) 100%);
}

@media only screen and (max-width: 960px){
    .landing_intro .sublayout_row1_one-columns .section.document,
    .row2_content .section {grid-template-rows: repeat(3, auto) 1fr auto;;grid-template-columns: 1fr;margin-bottom:0;}
    .landing_intro .sublayout_row1_one-columns .section.document h2,
    .layout_search .section h1,
    .overview_folder .section h1 {grid-area: 1 / 1 / 2 / 2; padding:3rem;margin-bottom:0;z-index:1;}
    .layout_search .section h1 {margin-bottom:3rem;}
    .landing_intro .sublayout_row1_one-columns .section.document p.description,
    .layout_search .section .searchtext,
    .overview_folder .section p.description {grid-area: 3 / 1 / 4 / 2;}
    .landing_intro .sublayout_row1_one-columns .section.document p.description + figure,
    .type_document #readspeaker .section.document p.description + figure {grid-area: 2 / 1 / 3 / 2;z-index:0;}
    .row2_content .section ul.items, .landing_intro .sublayout_row1_one-columns .section.document article, 
    .type_document #readspeaker .section.document article {margin-top:0;grid-area: 4 / 1 / 5 / 2;padding-left:unset;padding-right:unset;max-width:90%;}
    .row2_content .section nav,
    .type_document #readspeaker .section.document article.faq {grid-area: 5 / 1 / 6 / 2;}
}



.type_document #readspeaker .section.document article.faq img {
    margin-top:-331px;
}

.section.document ul {padding-left:0;}
.section.document ul li {
    list-style-type:none;
    position:relative;
    padding:0 0 4px 24px;
}
.section.document ul li:before {
    content: '\25A0';
    position: absolute;
    left: 0;
    font-weight: 700;
    color: #e6007e;
}

.toggle_container {margin-bottom:1rem;}
.toggle_container:last-of-type {margin-bottom:3rem;}
.toggle_heading {
    font-size:1rem;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    margin:0;
    padding:0;
}
button.blocktitle {
    letter-spacing:1.2px;
    line-height:2rem;
    position:relative;
    text-transform: uppercase;
    border-width:0;
    transition: all 0.25s ease-in-out;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 48px;
    background: linear-gradient(to bottom right, #19a297 0%, #169087 100%);
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    transform-origin: center left;
}
button.blocktitle::after {
    position:absolute;
    right:0;
    float:none;
    opacity:0;
    transition: all 0.25s ease-in-out;
}
button.blocktitle.toggle-active,
button.blocktitle:hover,
button.blocktitle:focus {
    padding-left:24px;
    padding-right:72px;
    border-radius: 8px 8px 8px 8px;
    border-width:0;
}

button.blocktitle:hover::after,
button.blocktitle.toggle-active::after {
    opacity:1;
    right:24px;
}
.hidden_information.open {
    border-width:0 0 0 2px;
    border-color:#acc80b;
    margin:48px 0;
    border-radius:0;
}
@media only screen and (min-width: 640px) {
    .hidden_information.open {
        padding:48px 0 0 48px;
    }
}
@media only screen and (min-width: 960px) {
    .hidden_information.open {
        padding:48px 0 0 96px;
    }
}


/* Tips !extra class .landing_intro */
body.overview_folder .row2_content .grid-16, 
body.layout_four h1.onscreen, 
body.layout_four .columns, 
body.layout_four .onecolumn {margin:0;}
.landing_intro #row2 #thematictabs {margin:0;}
.landing_intro div.container-content {padding:0;overflow:visible;text-align:center;}
.landing_intro #row2 #thematictabs h2.offscreen {position:absolute;}
.sublayout_row4_thematictabs .briefing h2.offscreen ~ p.description,
.landing_intro #row2 #thematictabs h2.offscreen ~ p.description {display:none;}

.sublayout_row4_thematictabs .briefing ul.items,
.row2_content .section ul.items,
.landing_intro #row2 .briefing ul.items {
    display:flex;
    flex-wrap:wrap;
    margin-top:3rem;
    text-align:left;
}
.row2_content .section ul.items {max-width:unset;padding-left:0;padding-right:0;}
.sublayout_row4_thematictabs .briefing ul.items li,
.row2_content .section ul.items li,
.landing_intro #row2 .briefing ul.items li {
    width:100%;
    flex-wrap: wrap;
    background-color:#FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1,1,1,0.08),0 2px 8px rgba(1,1,1,0.16);
    top:0.5rem;
    margin-bottom:1.5rem;
    margin-right:1.5rem;
    padding:0;
    transition: all 0.25s ease-in-out;
    position:relative;
    list-style-type:none;
    overflow:hidden;
}
@media only screen and (max-width: 960px) {
    .sublayout_row4_thematictabs .briefing ul.items li, 
    .row2_content .section ul.items li, .landing_intro #row2 .briefing ul.items li {margin-right:0;}
}

.sublayout_row4_thematictabs .briefing ul.items li a,
.landing_intro #row2 .briefing ul.items li a {display:flex;flex-direction:column;height:100%;}
.sublayout_row4_thematictabs .briefing ul.items li a:hover,
.sublayout_row4_thematictabs .briefing ul.items li a:focus,
.landing_intro #row2 .briefing ul.items li a:hover,
.landing_intro #row2 .briefing ul.items li a:focus {text-decoration:none;}
.sublayout_row4_thematictabs .briefing ul.items li a:hover h3,
.sublayout_row4_thematictabs .briefing ul.items li a:focus h3,
.landing_intro #row2 .briefing ul.items li a:hover h3,
.landing_intro #row2 .briefing ul.items li a:focus h3 {text-decoration:underline;}

.sublayout_row4_thematictabs .briefing ul.items li:hover,
.sublayout_row4_thematictabs .briefing ul.items li:focus-within,
.row2_content ul.items li:hover,
.row2_content ul.items li:focus-within,
.landing_intro #row2 .briefing ul.items li:hover,
.landing_intro #row2 .briefing ul.items li:focus-within {
    top:0;
    box-shadow: 0 4px 16px rgba(1,1,1,0.16),0 4px 16px rgba(1,1,1,0.24);
}
.sublayout_row4_thematictabs .briefing ul.items li h3,
.row2_content ul.items li h2,
.landing_intro #row2 .briefing.container h3 {
    font-size:1.5rem;
    color:#19A297;
    margin:0;
    padding:0 48px 24px;
    order:1;
    line-height:1.6;
    font-weight:700;
    text-transform:uppercase;
}
.item-text .title a, .item-title {font-size:1em;color:#19A297;}

.sublayout_row4_thematictabs .briefing ul.items li a h3 .item-photo img,
.row2_content ul.items li img,
.landing_intro #row2 .briefing.container ul.items li a h3 .item-photo img {transition:all 0.25s ease-in-out;}

.sublayout_row4_thematictabs .briefing ul.items li:hover h3 img,
.sublayout_row4_thematictabs .briefing ul.items li:focus-within h3 img,
.row2_content ul.items li:hover img,
.row2_content ul.items li:focus-within img,
.landing_intro #row2 .briefing.container ul.items li a:hover h3 .item-photo img,
.landing_intro #row2 .briefing.container ul.items li a:focus h3 .item-photo img {opacity:0.5;}

.sublayout_row4_thematictabs .briefing ul.items li .item-photo,
.row2_content ul.items li .item-photo,
.landing_intro #row2 .briefing.container ul.items li:nth-child(4n+1) a h3 .item-photo {background-color:#19A297;}
.landing_intro #row2 .briefing.container ul.items li:nth-child(4n+2) a h3 .item-photo {background-color:#ACC801;}
.landing_intro #row2 .briefing.container ul.items li:nth-child(4n+3) a h3 .item-photo {background-color:#E60088;}
.landing_intro #row2 .briefing.container ul.items li:nth-child(4n+4) a h3 .item-photo {background-color:#010101;}

.sublayout_row4_thematictabs .briefing ul.items li h3 .item-photo,
.landing_intro #row2 .briefing.container h3 .item-photo {display:block;margin:0 -48px 48px;}

.sublayout_row4_thematictabs .briefing ul.items li p.description,
.row2_content ul.items li p.description,
.landing_intro #row2 .briefing.container p {
    order:3;
    margin:24px 48px 48px;
    color:#484848;
    font-size:1rem;
    font-style:normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.sublayout_row4_thematictabs .briefing ul.items li .objectinfo,
.row2_content ul.items li .objectinfo,
.landing_intro #row2 .briefing.container .objectinfo {
    font-weight: 700;
    font-size: 12px;
    color: #acc80b;
    text-transform: uppercase;
    order:2;
    margin:0 48px;
}
.sublayout_row4_thematictabs div.omega[class^="width-"] {float:none;padding:3rem 0 5rem; margin:0;}
.sublayout_row4_thematictabs div.omega[class^="width-"] .container {margin:0;}
.sublayout_row4_thematictabs div.omega[class^="width-"] .document h2 {display:none;}
.sublayout_row4_thematictabs div.omega[class^="width-"] .document h3 {color:#FFFFFF;font-size:24px;padding:0;margin:0 0 1.5rem;}

/* folder + briefing */
.row2_content ul.items li {
    position:relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.row2_content ul.items li .item-photo {grid-area: 1 / 1 / 2 / 2;display:block;pointer-events:none}
.row2_content ul.items li h2 {grid-area: 2 / 1 / 3 / 2;padding-top:48px;}
.row2_content ul.items li .objectinfo {grid-area: 3 / 1 / 4 / 2;}
.row2_content ul.items li p.description {
    order:unset;
    grid-area: 4 / 1 / 5 / 2;
    margin:24px 48px 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.row2_content .section ul.items li a::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.row2_content ul.items li .item-photo img {width:auto;height:auto;margin:0 !important;}

@media only screen and (min-width: 960px) {
    .sublayout_row4_thematictabs .briefing ul.items li,
    .row2_content .section ul.items li,
    .landing_intro #row2 .briefing ul.items li {
        width: calc(50% - 1.5rem);
    }
}
@media only screen and (min-width: 1920px) {
    .sublayout_row4_thematictabs .briefing ul.items li,
    .row2_content .section ul.items li,
    .landing_intro #row2 .briefing ul.items li {
        width: calc(25% - 1.5rem);
    }
}

/* zoeken */
div#tinyblock {height:128px;top:0 !important;align-content:center;}
div#tinyblock form#quicksearch {width:320px;height:68px;border-width:0;}
div#tinyblock form#quicksearch p {overflow:visible;}
div#tinyblock form#quicksearch input.text {
    font-size:1rem;
    padding: 0 80px 0 1rem;
    height: 68px;
    box-sizing:border-box;
    background: #efefef;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
    margin:0;
}
div#tinyblock form#quicksearch button.submit {
    transform: rotate(-4deg);
    background-color: #e6007e;
    height: 68px;
    width:68px;
    border-radius: 8px 8px 8px 8px;
    margin:0 0 0 -68px;
}
div#tinyblock form#quicksearch button.submit:hover,
div#tinyblock form#quicksearch button.submit:focus {background-color:#bd0068;}
div#tinyblock form#quicksearch button.submit::before {
    color:#FFFFFF;
    font-size:26px;
    transition: 0.25s all ease-in-out;
}
div#tinyblock form#quicksearch button.submit:hover::before,
div#tinyblock form#quicksearch button.submit:focus::before {font-size:32px;}

#quicksearch-keywords_suggestions ul a,
#quicksearch-keywords_suggestions button {font-size:1rem;}
#quicksearch-keywords_suggestions button {margin-top:1rem;}


.layout_search .row2_content {
    background: rgb(25, 162, 151);
    background: linear-gradient(180deg, rgba(25, 162, 151, 0.16) 0%, rgba(172, 200, 11, 0.08) 550px, rgba(255, 255, 255, 1) 550px, rgba(255, 255, 255, 1) 256%);
}
 .section.search-results ul.items {max-width:992px;}
.row2_content .section.search-results ul.items li {width:100%;margin-right:0;margin-bottom:1rem;box-shadow:unset;position:static;}

.row2_content .section.search-results ul.items li a {
    text-transform: uppercase;
    color:#FFFFFF;
    background-color:#19A297;
    font-size:1rem;
    padding:1rem 3rem;
    line-height:2;
    border-radius:0.5rem;
    font-weight:600;
    position:relative;
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}
.row2_content .section.search-results ul.items li a:hover,
.row2_content .section.search-results ul.items li a:focus {
    color:#FFFFFF;
    background-color:#19A297;
    padding: 1rem 4.5rem 1rem 1.5rem;
}
.row2_content .section.search-results ul.items li a::after {
    color:#FFFFFF;
    width: 16px;
    height: 16px;
    display: inline-block;
    top: calc(50% - 8px);
    left: auto;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    background-size:1rem;
    background-position:center right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='svg-inline--fa fa-arrow-right fa-w-14' data-icon='arrow-right' data-prefix='far' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M218.101 38.101 198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
}
.row2_content .section.search-results ul.items li a:hover::after,
.row2_content .section.search-results ul.items li a:focus::after {
    opacity: 1;
    right: 1.5rem;
}


@media only screen and (min-width: 640px) {
    .row2_content .section.search-results ul.items {padding-left: 48px;padding-right: 48px;}
}
@media only screen and (min-width: 1280px) {
    .row2_content .section.search-results ul.items {padding-left: 96px;padding-right: 96px;}
}


/* Footer */
.footer_website {
    max-height:320px;
    border-top:0;
}
.footer_website .contentrow {padding:0;width:100%;max-width:unset;background: rgb(172,200,11);background: linear-gradient(0deg, rgba(172,200,11,1) 70%, rgba(255,255,255,1) 70%);}
.footer_website .contentrow #footer_columns {max-width: 1600px;padding-left:6rem;padding-right:6rem;margin:0 auto;}
.footer_website p {margin-bottom:1rem;}

.footer_website ul.inline_socials {margin: 0;text-align: right;height: 128px;display: flex;flex-direction: row;justify-content: end;align-items: center;}
.footer_website ul.inline_socials li::before {content:"";}
.footer_website ul.inline_socials li {display:inline-block;}

.footer_website ul.inline_socials li a {
    transition:all 0.25s ease-in-out;
    display:inline-block;
    border-width:0;
    text-transform: uppercase;
    color:#FFFFFF;
    background-color:#e6007e;
    font-size:1rem;
    width:68px;
    height:68px;
    align-content:center;
    text-align:center;
    line-height:1;
    border-radius:0.5rem;
    font-weight:600;
    transform: rotate(-4deg);
    box-shadow: 0 2px 8px rgba(1, 1, 1, 0.08), 0 2px 8px rgba(1, 1, 1, 0.16);
}
.footer_website ul.inline_socials li a:hover,
.footer_website ul.inline_socials li a:focus {
    background-color: #bd0068;
}
.footer_website ul.inline_socials li a img {transition:all 0.25s ease-in-out;}
.footer_website ul.inline_socials li a:hover img,
.footer_website ul.inline_socials li a:focus img {transform:scale(1.2);}

#contact {display:none;}
#footer_columns {display:flex;align-items:end;padding:0;}

div#footer {background-color:#19A297;padding:24px 0;}
div#footer ul.quicklinks {box-sizing: border-box;float:none;margin:0 auto;max-width:1600px;padding-left:6rem;padding-right:6rem;}
div#footer ul.quicklinks li {margin:0 48px 0 0;padding:0;}
div#footer ul.quicklinks li a {color:#FFFFFF;}
div#footer ul.quicklinks::after {color:#FFFFFF;float:right;}

@media only screen and (max-width: 960px) {
    #footer_columns .column {display:none;}
    #footer_columns .column:last-child {display:block;width:100%;}
    .footer_website .contentrow #footer_columns,
    div#footer ul.quicklinks {padding-left:1rem;padding-right:1rem;}
    .overview_folder .section:not(:has(figure)) h1 {margin-bottom: 3rem;}
}

/*fix hamburgermenu*/
@media only screen and (min-width:5px) and (max-width: 959px) {
    body.menutype_horizontal ul#dl-menu 
{display: none !important;}
    body.menutype_horizontal ul#dl-menu[aria-expanded="true"] {display: block !important;}
}