html {
    font-family: 'Dosis' !important;
    font-size: 1.6vw;
    line-height: 2.0vw;
}
body {
    width:100%; 
    margin:0; 
    text-align:center; 
    color:#333333;
    top:0 !important;
}
a { 
    color:#E81B8E;
}
a:focus-visible {
    background-color: #ff6dce;
    color: #ffffff;
}

b, strong {
    font-weight: bold;
}
i, em {
    font-style: italic;
}

#header.header-home {display: block;}
#header.header-mobile {display: none;}

#header:not(.header-home) {
    position:relative;
    margin-top:8vw;
}

#site-container{
    width:100%;
    margin-top:0vw;
    margin-left:auto; 
    margin-right:auto; 
    text-align: left;
}

.bgkleur_roze { background-color: #E81B8E; color: #ffffff; }
.bgkleur_blauw_licht{ background-color: #42AEC7; color: #ffffff; }
.bgkleur_blauw_donker { background-color: #035C76; color: #ffffff; }

.cms6_component_title,
.cms6_component_sub_title,
.cms6_component_paragraph,
.cms6_component_html_text,
.cms6_component_image,
.cms6_component_html_text_image,
.cms6_component_video_embed,
.cms6_component_quote {
    float: none;
}

/* GOOGLE TRANSLATE */
.goog-te-banner-frame {
    height: 3vw !important;
}
#extrabuttonscontainer {
    position: fixed;
    display:block;
    width:fit-content;
    right:0;
    top: 6.6vw;
    height: 3.2vw;
    z-index: 9999999998;
    text-align:left;
    background-color: transparent;
    color:#000000;
}

div#site-container.site-container-home #extrabuttonscontainer {
    top: 3.6vw;
}

#google_translate_element {
    position: absolute;
    top: 0.2vw;
    right: 15vw;
    display:none;
    z-index: 9999999999;
}
#google_translate_element:focus-visible {
    text-decoration: underline;
}


#google_translate_element img {
    display:none;
}

#google_translate_element.gt_home {
    top: 21.9vw !important;
    right: 10vw !important;
    min-width: 12vw;
    height: 3vw;
}


.knop_escape,
.knop_meldpunt {
    text-decoration: none;
    font-size: 1.2vw;
    line-height: 2.0vw;
    font-weight: 600;
    margin-right: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-bottom: 0.4vw;
    width: fit-content;
    height: 2.3vw;
    background-color: #E81B8E;
    color: #ffffff;
    float: right;
    clear:both;
    cursor: pointer;
    vertical-align: middle;
}
.knop_escape:hover,
.knop_meldpunt:hover {
    text-decoration: none;
}

#knop_zoekhulp,
#knop_helpen,
#knop_doneer {
    cursor: pointer;
    position:absolute;
    background-color:transparent;
    color:#ffffff;
    font-family: Dosis-ExtraBold, Dosis;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
    font-size: 2vw;
    line-height: 2.4vw;
    top: 25.7vw;
    width: 12vw;
    white-space: nowrap;
}

#knop_zoekhulp {
    left:40vw;  
}

#knop_helpen {
    left: 53vw;
}

#knop_doneer {
    left: 70vw;
    top: 26.6vw;
    background-color: #E81B8E;
    padding: 0.4vw;
    width: fit-content;
    box-sizing: border-box;
    padding-left: 2vw;
    padding-right: 2vw;
}


/* SOCIAL ICONS */
ul.social_icons,
ul.social_icons li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-origin: center;
    background-size: cover;
}
ul.social_icons li {
    width: 4vw;
    height: 4vw;
}
ul.social_icons.mini li {
    width: 2.6vw;
    height: 2.6vw;
}
.social_icon.facebook {background-image: url(../images/social_icon_facebook.svg);}
.social_icon.instagram {background-image: url(../images/social_icon_instagram.svg);}
.social_icon.linkedin {background-image: url(../images/social_icon_linkedin.svg);}
.social_icon.twitter {background-image: url(../images/social_icon_twitter.svg);}
.social_icon.youtube {background-image: url(../images/social_icon_youtube.svg);}
#socials-container{width: 80%; margin-left: 10%; margin-bottom:1rem; margin-right:8%; display:inline-block;}

a.cta-btn {
    font-family: 'Dosis';
    font-size: 1.1vw;
    font-weight: 600;
    text-decoration: none;
    display:inline-block;
    margin-top: 0.2rem;
    margin-right: 2vw;
    vertical-align: bottom;
    background-color: #42aec7;
    color: #ffffff;
    padding: 0.4vw;
    padding-left: 1vw;
    padding-right: 1vw;
    transform: skew(-10deg);
}
.cms6_component_links__link_wrapper{display:inline-block; width:100%; margin-bottom:1.5rem;}
h4.cms6_component_links__link_title {font-weight: bold;}
/* SKEW */

.counterskew {
    transform: skew(10deg);
}


/* HEADER */

#header.header-home {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0.5vw;
}
#header_intro_video_container{width: calc( 100% - 30% - 12vw); margin-left:12vw; margin-top:1rem;}

#header.header-home div#header_social_icons {
    position: absolute;
    background-color: transparent;
    color: #ffffff;
    width: 20vw;
    height: 1vw;
    margin-top: -5vw;
    margin-left: 19vw;
}

#header.header-home div#header_social_icons ul {
    position: unset;
}

#header.header-home div#header_social_icons ul li {
    width: 2.2vw;
    height: 2.2vw;
}

#header:not(.header-home) div#header_social_icons ul li {
    width: 2.5vw;
    height: 2.5vw;
}

#header.header-doelgroep {
    height: 25vw; position: relative;
}
#header.header-doelgroep div#header_social_icons {
    position: absolute; bottom: 0px;
}
#header.header-news_item {
    display: block;
    width: 100%;
    height: auto;
}


svg#svg_header_big {
    display: block;
}
svg#svg_header_mobile {
    display: none;
}




#header_menu_top {
    position: fixed;
    top:0;
    z-index: 9999999999;
    width: 100%;
    height: 3vw;
    background-color: #E81B8E;
    color:#ffffff;
    text-align:right;
    font-weight: 600;
}

#header.header-home div#header_menu_top {
    position: absolute;
}

#header:not(.header-home) #header_menu_top {
    background-color: #E81B8E;
    color: #ffffff;
}

svg#knop_menu_mobile {
    display:none;
}

#header_menu_top ul,
#header_menu_top ul li,
#header_breadcrumbs ul,
#header_breadcrumbs ul li {
    list-style-type: none;
    display: inline-block;
    text-transform: lowercase;
}

#header_menu_top svg#fff_logo {
    position: absolute;
    height: 3vw;
    left: calc( 12% - 1.2vw) ;
    cursor: pointer;
    top: unset;
}

#header_menu_top ul {
    position: absolute;
    top: 0.5vw;
    right: 12%;
    font-size: 1.2vw;
}
#header_menu_top ul li {
    margin-left: 0vw;
    margin-right: 2.0vw;
}
#header_menu_top ul li a,
#header_menu_top ul li a:hover,
#header_menu_top ul li a:visited,
#header_breadcrumbs ul li a,
#header_breadcrumbs ul li a:hover,
#header_breadcrumbs ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}
#header_menu_top ul li a:hover,
#header_breadcrumbs ul li a:hover {
    text-decoration: underline;
}


/* SUBMENU */

#header_menu_top ul li.submenu {
    /* todo driehoekje? */
}

#header_menu_top ul li.submenu span {
    cursor: pointer;
}

#header_menu_top ul li.submenu div.submenu_childs {
    position: relative;
    left: 2.5vw;
}
#header_menu_top ul li.submenu[status='off'] div.submenu_childs {
    display:none;
}
#header_menu_top ul li.submenu[status='on'] div.submenu_childs {
    display:block;
}

#header_menu_top ul li.submenu div.submenu_childs ul {
    background-color: #E81B8E;
    text-align: right;
    width: fit-content;
    padding-left: 2vw;
}

#header_menu_top ul li.submenu div.submenu_childs ul li {
    display:block;
    white-space: nowrap;
}

#header_breadcrumbs {
    position: fixed;
    top:3vw;
    background-color: #42AEC7;
    color: #ffffff;
    width: 100%;
    height: auto;
    z-index:99;
}
#header_breadcrumbs ul {
    position: relative;
    top: 0.5vw;
    left: 12%;
    font-size: 1.2vw;
}


.header_intro_pagetitle {
    margin-left: 12%;
    margin-top:2vw;
    margin-bottom: 2vw;
    font-size: 3.6vw;
    line-height: 4vw;
    color: #035C76;
    font-weight: 600;
    width: 20%;
}

.header_intro_text {
    font-family: 'Roboto';
    font-weight: normal;
    margin-left: 12%;
    margin-bottom: 2vw;
    width: 20%;
    font-size: 1.6vw;
    line-height: 2.0vw;
    color: #035C76;
    
}


.header_intro_pagetitle.fullwidth,
.header_intro_text.fullwidth {
    width: 60% ;
}

.header_intro_image {
    overflow: hidden;
    position:absolute;
    left: 35%;
    top:-2vw;
    width:40%;
    transform:skew(-10deg);
    height:24vw;
}
.header_intro_image div.counterskew {
    width:120%;
    height:24vw;
    margin-left: -3vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#header_social_icons {
    position: relative;
    background-color: #035C76;
    color: #ffffff;
    width: 100%;
    height: 3vw;
}

#header_social_icons ul {
    position: absolute;
    right: 16vw;
    top: 0.3vw;
}

/* TAAL KNOP */

#knop_taal {
    background-image: url(../images/icon_taal.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    color:#ffffff;
    cursor: pointer;
    padding-left:3.4vw;
    height: 3vw;
    width: fit-content;
    vertical-align: middle;
    font-size: 1.2vw;
    font-weight:600;
    line-height: 3vw;
}

#header #knop_taal {
    /* homepage */
    position: absolute;
    top: 21.7vw;
    left: 77vw;
}

#header_breadcrumbs #knop_taal {
    float:right;
    margin-right: 15vw;
}

/* HOME BTNS */
/* DOELGROEP BTNS */

div#home-thema-buttons,
div.doelgroep-buttons {
    width: 100%;
    text-align: center;
}

div#doelgroep-kindpaginas,
div.doelgroep-kindpaginas,
div.generiek-kindpaginas {
    width: 100%;
    transform: skew(-10deg);
    margin-top: -5vw;
    margin-bottom: 3vw;
    background-color: #42AEC7;
    color: #79004A;
    box-sizing: border-box;
    padding-left: 2vw;
    padding-right: 2vw;
}
div.generiek-kindpaginas {
    margin-top: 0vw;
}
.home-thema-btn,
.doelgroep-btn {
    display: inline-block;
    width: 20vw;
    height: 20vw;
    cursor:pointer;
}

.home-thema-btn,
.doelgroep-btn {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; 
}
.doelgroep-btn{position:relative;}
.doelgroep-btn-text{position:absolute; bottom:3vw; font-size: 1.4vw; font-family: 'Dosis'; font-weight: 900; color:#000000;     text-align: center; width: 100%;}


.doelgroep-btn:focus-visible div.doelgroep-btn-text {
    color:#E81B8E;
}


.home-thema-btn {
    vertical-align: bottom;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.8vw;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 14vw;
    color: #000000;
}

.doelgroep-btn[status='idle'] {
    opacity:1.0;
}
.doelgroep-btn[status='active'] {
    opacity:1.0;
}
.doelgroep-btn[status='inactive'] {
    opacity:1.0;
}
.doelgroep-btn[status='empty'] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.3;
    cursor: not-allowed;
}



div.kindpaginas {
    width: 100%;
    display:block;
    margin-bottom:3vw;
}
div.kindpaginas ul,
div.kindpaginas ul li {
    list-style: none;
    display: inline-block;
}

div.kindpaginas ul {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

div.kindpaginas ul li {
    white-space: nowrap;
    margin: 1vw;
}

div.kindpaginas ul li a {
    white-space: nowrap;
    hyphens: none;
    font-family: 'Dosis';
    font-weight: 600;
    text-decoration: none;
    color: #79004A;
}
div.kindpaginas ul li a:hover {
    text-decoration: underline;
}

div.kindpaginas ul li a:focus-visible {
    background-color:#E81B8E;
    color:#ffffff;
}

/* ANDERE COMPONENTEN */

/* GENERIEK */
#generic-content-container,
#news-content-container,
#calendar-content-container {
    margin-left: 12vw;
    margin-bottom: 4vw;
    margin-top: 5vw;
}

#generic-content-container {
    /* geen side-bars */
    width: calc( 100% - 30% - 12vw);
}

#news-content-container,
#calendar-content-container {
    width: calc( 100% - 12vw - 12vw);
}

div.childpages {
    margin-top: 3vw;
    margin-bottom: 3vw;
}

div.childpages a {
    background-color: #035C76;
    color:#ffffff;
    text-decoration: none;
    cursor:pointer;
    padding:0.6vw;
    padding-left: 1.2vw;
    margin-bottom: 1vw;
    display:block;
}

div.childpages a:nth-child(odd) {
    background-color: #0082a2;
}

div.childpages a:hover,
div.childpages a:active {
    background-color: #42aec7;
}

*.cms6_component_title__title {
    font-family: 'Dosis';
    font-weight: 600;
    font-size: 3.0vw;
    line-height: 3.6vw;
    color: #42AEC7;
}

*.cms6_component_sub_title__sub_title {
    font-family: 'Dosis';
    font-weight: 600;
    font-size: 2vw;
    line-height: 2.4vw;
    color: #035C76;
}

*.cms6_component_paragraph,
*.cms6_component_paragraph * {
    font-family: 'Roboto';
    font-size: 1.4vw;
    line-height: 1.8vw;
    margin-bottom: 2vw;
}

*.cms6_component_video_embed {
    margin-bottom: 2vw;
}


/* 2 KOLOMMEN */

div.cms6_component_layout_2col {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 22vw;
    background-color: #ffffff;
    color: #000000;
}
div.cms6_component_layout_2col-combined_page_sidebar{width: calc(100% + 12vw);}
div.cms6_component_layout_2col__col1 {
    float:none;
    position: absolute;
    left: 0;
    /*height: 22vw;*/
    overflow: hidden;
    width: 53%;
}
div.cms6_component_layout_2col__col2 {
    float:none;
    position: relative;
    left: 50%;
    box-sizing: border-box;
    transform: skew(-10deg);
    background-color: #ffffff;
    color: #000000;
    min-height: 22vw;
    padding: 3vw;
	font-family: 'Roboto';
}


div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col1 {width: 46%; height:unset; position:relative;}
div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col2 {width: 46%; height:unset; transform: skew(0deg); margin-left:4%; padding:0px; position:absolute; top:0px; font-family: 'Roboto';}
div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col2 > .counterskew{transform: skew(0deg);}
div.cms6_component_layout_2col.cms6_component_layout_2col-combined_page img {width: 100% !important;}

div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col1 {width: 66%; height:unset; position:relative;}
div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col2 {width: 26%; height:unset; transform: skew(0deg); margin-left:4%; padding:0px; position:absolute; top:0px;left:70%;}
div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col2 > .counterskew{transform: skew(0deg);}
div.cms6_component_layout_2col.cms6_component_layout_2col-combined_page_sidebar img {width: 100% !important;}

/* 3 KOLOMMEN */

div.cms6_component_layout_3col {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 22vw;
    background-color: #035C76;
    color: #ffffff;
}

div.cms6_component_layout_3col__col1 {
    float:none;
    position: absolute;
    left: 0;
    height: 22vw;
    overflow: hidden;
    width: 36%;
}

div.cms6_component_layout_3col__col2 {
    float:none;
    position: relative;

    min-height: 22vw;
    padding: 3vw;
    box-sizing: border-box;
    left: 33%;
    width: 40%;
    transform: skew(-10deg);
    background-color: #035C76;
    color: #ffffff;
    
}

div.cms6_component_layout_3col__col3 {
    position: absolute;
    top: 0;
    right: -1vw;
    height: 22vw;
    overflow: hidden;
    width: 36%;
}

div.cms6_component_layout_2col__col1 img.cms6_component_image,
div.cms6_component_layout_2col__col2 img.cms6_component_image,
div.cms6_component_layout_3col__col1 img.cms6_component_image,
div.cms6_component_layout_3col__col2 img.cms6_component_image,
div.cms6_component_layout_3col__col3 img.cms6_component_image {
    height: inherit;
    width: auto;
}

div.cms6_component_layout_2col__col1 img.cms6_component_image {
    /* hotfix */
    width: 102%;
    height: auto;
}

div.cms6_component_layout_2col,
div.cms6_component_layout_3col {
    margin-bottom: 1vw;
}

div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_sub_title > h3,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_paragraph > p {
    color: #ffffff;
}
div.cms6_component_layout_2col-combined_page_sidebar > div.cms6_component_layout_2col__col1 > div.cms6_component_sub_title > h3,
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col1 > div.cms6_component_sub_title > h3,
div.cms6_component_layout_2col > div.cms6_component_layout_2col__col1 > div > div.cms6_component_sub_title > h3,
div.cms6_component_layout_2col > div.cms6_component_layout_2col__col2 > div > div.cms6_component_sub_title > h3,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col1 > div > div.cms6_component_sub_title > h3,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_sub_title > h3,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col3 > div > div.cms6_component_sub_title > h3 {
    margin-bottom:1vw;
}

div.cms6_component_layout_2col > div.cms6_component_layout_2col__col1 > div > div.cms6_component_html_text > p > a,
div.cms6_component_layout_2col > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a {
    font-family: 'Dosis';
    font-size: 1.1vw;
    font-weight:600;
    text-decoration: none;
    float: right;
    margin-top:1vw;
    margin-right:2vw;
    vertical-align: bottom;
    background-color: #42aec7;
    color: #ffffff;
    padding:0.4vw;
    padding-left:1vw;
    padding-right:1vw;
    transform:skew(-10deg);
}
div.cms6_component_layout_2col-combined_page_sidebar > div.cms6_component_layout_2col__col1 > div.cms6_component_html_text > p > a, 
div.cms6_component_layout_2col-combined_page_sidebar > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a,
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col1 > div.cms6_component_html_text > p > a, 
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a{font-family: unset; font-size: unset;  font-weight: unset; text-decoration: none; float: unset; margin-top: unset; margin-right: unset; vertical-align: unset; background-color: unset; color: #E81B8E; padding: unset; padding-left: unset; padding-right: unset; transform: unset;}
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a > div{transform: skew(0deg) !important;}

div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_html_text > p > a {
    font-family: 'Dosis';
    font-size: 1.1vw;
    font-weight:600;
    text-decoration: none;
    float: right;
    margin-top:1vw;
    margin-right:2vw;
    vertical-align: bottom;
    background-color: #E81B8E;
    color: #ffffff;
    padding:0.4vw;
    padding-left:1vw;
    padding-right:1vw;
    transform:skew(-10deg);
}

div.cms6_component_layout_2col > div.cms6_component_layout_2col__col1 > div > div.cms6_component_html_text > p > a::before ,
div.cms6_component_layout_2col > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a::before,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_html_text > p > a::before {
    /* content: "<span style='transform:skew(10deg);'>"; */
}

div.cms6_component_layout_2col > div.cms6_component_layout_2col__col1 > div > div.cms6_component_html_text > p > a::after ,
div.cms6_component_layout_2col > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a::after,
div.cms6_component_layout_3col > div.cms6_component_layout_3col__col2 > div > div.cms6_component_html_text > p > a::after {
    /* content: "</span>"; */
}

div.cms6_component_layout_2col-combined_page_sidebar > div.cms6_component_layout_2col__col1 > div.cms6_component_html_text > p, 
div.cms6_component_layout_2col-combined_page_sidebar > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p,
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col1 > div.cms6_component_html_text > p, 
div.cms6_component_layout_2col-combined_page > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p{margin-bottom:0.6rem;}


/* AGENDA */

#calendar-upcoming {
    margin-top:2vw;
    margin-bottom:2vw;
    display: block;
    position: relative;
    width: 100%;
    clear: both;
}

#calendar-tiles-container {
    width: 100%;
}
#calendar-tiles-container a {
    width: 100%;
    display: block;
    text-decoration: none;
    background-color: #0082A2;
    margin-bottom:1vw;
}
#calendar-tiles-container a:nth-child(odd) {
    background-color:#035C76;
}
#calendar-tiles-container a div.calendar-tile {
    width:100%;
    min-height: 12vw;
    overflow: hidden;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-date {
    width: calc( 100% - 75% - 1.5vw);
    height: 12vw;
    background-color:#E81B8E;
    color:#ffffff;
    display: inline-block;
    vertical-align: top;
    font-size: 4vw;
    font-weight: 600;
    line-height: 4vw;
    text-align: right;
    transform: skew(-10deg);
    padding: 2vw;
    margin-left: -2vw;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta {
    width: calc( 100% - 25% - 6vw);
    height: 12vw;
    padding: 2vw;
    padding-top: 3vw;
    background-color:transparent;
    color:#ffffff;
    display: inline-block;
    vertical-align: top;
	position:relative;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta h1,
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta h2{
    font-size: 2vw;
    font-weight: 600;
    line-height: 2vw;
    margin-bottom: 1.2vw;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta p {
    font-family: 'Roboto';
    font-size: 1.2vw;
    line-height: 1.6vw;
    margin-bottom: 0.3vw;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta p span:first-of-type {width: 5.2vw; font-weight:600; display: inline-block;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials {
    font-family: 'Dosis';
position:absolute;
    font-size: 1.2vw;
    line-height: 1.6vw;
    font-weight:600;
	bottom:1rem;
	right:1rem;
}
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials ul,
#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials ul li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials ul li {
    width:2.4vw;
    height:2.4vw;
}

/* DONATIE */
.cms6_component_donation{width:96%; padding-left:2%; padding-right:2%; padding-top:1rem; padding-bottom:1rem; background-color:#42aec7; font-family: 'Roboto'; margin-top: -5vw; margin-bottom: 1rem;}
.cms6_component_donation > h3 {font-family: 'Dosis'; font-weight: bold; color: #FFFFFF; margin-bottom: 1rem; font-size: 125%;}
#donerenFrm_error_txt{color:#9b1959;font-weight:bold;}
.donerenFrm_required{color:#9b1959; font-weight: bold; font-size:100%; margin-left:0.5rem;}
.donerenFrm_input{color:#606060; border: 0px; padding-left:1rem; padding-right:1rem; font-size: 90%; line-height: 150%; width:90%; margin-bottom:0.75rem;}
.cms6_component_donation__donerenFrmAmount{width:100%; margin-bottom:1rem; margin-top:1rem;}
.cms6_component_donation__donerenFrmAmount_choice{width:30%; margin-left:5%; display: inline-block; max-width: 5rem; background-color: #ffffff;  color: #606060; text-align: center; line-height: 150%; text-decoration: none;}
.cms6_component_donation__donerenFrmAmount_choice1{margin-left:0px;}
.donerenFrm_button{background-color:#e81b8e; color:#ffffff; padding-left:1rem; padding-right:1rem; text-decoration: none; line-height: 150%; font-size: 100%; font-weight: normal; display: inline-block; margin-top: 0.5rem;}
.donerenFrm_toelichting{color: #606060; font-size:80%; width:100%; text-align: right; margin-top:0.5rem;}
.cms6_component_donation__donerenFrmAmount_choice_active{background-color:#e81b8e; color:#ffffff; }
input#donerenFrm_bedrag {width: unset; padding-left:0.5rem;}
form#donerenFrm > label {color: #ffffff;}
input#donerenFrm_bedrag[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input.donerenFrm_input:focus {outline: none; background-color: #EEEEEE;}

/* MELDPUNT */
.cms6_component_meldpunt{width:96%; padding-left:2%; padding-right:2%; padding-top:1rem; padding-bottom:1rem; background-color:#42aec7; font-family: 'Roboto'; margin-top: -5vw; margin-bottom: 1rem;}
.cms6_component_meldpunt > h3 {font-family: 'Dosis'; font-weight: bold; color: #FFFFFF; margin-bottom: 1rem; font-size: 125%;}
#meldpuntFrm_error_txt{color:#9b1959;font-weight:bold;}
.meldpuntFrm_required{color:#9b1959; font-weight: bold; font-size:100%; margin-left:0.5rem;}
.meldpuntFrm_input{color:#606060; border: 0px; padding-left:1rem; padding-right:1rem; font-size: 90%; line-height: 150%; width:90%; margin-bottom:0.75rem;}
.meldpuntFrm_button{background-color:#e81b8e; color:#ffffff; padding-left:1rem; padding-right:1rem; text-decoration: none; line-height: 150%; font-size: 100%; font-weight: normal; display: inline-block; margin-top: 0.5rem;}
.meldpuntFrm_toelichting{color: #606060; font-size:80%; width:100%; text-align: right; margin-top:0.5rem;}

form#meldpuntFrm > label {color: #ffffff;}
input.meldpuntFrm_input:focus {outline: none; background-color: #EEEEEE;}
textarea.meldpuntFrm_input { font-family: 'Dosis' !important; }

/* NIEUWS & KALENDER */
#news-tiles-container {width: 100%;}
div#site-container.site-container-home > #news-tiles-container {
    width: 80%; margin-left: 10%;}
#news-tiles-container a {
    width: 30%;
    margin-right: 2%;
	margin-bottom:1rem;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
h3.news-title-home{text-align:center; color:#e81b8e; font-weight:bold; margin-bottom:0.5rem;}
h3.news-title-home a {background-color: #ffffff !important;}

#news-recent #news-tiles-container a {
    width: 100%;
    margin-left: 0%;
    display: block;
    margin-bottom: 2vw;
}
#news-recent #news-tiles-container a:focus-visible {background-color:#ffffff;}
#news-recent #news-tiles-container a:focus-visible div.news-tile div.news-tile-title {color:#e81b8e;}

div#site-container.site-container-home > #news-tiles-container > a {width:20%;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type{width:50%;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type div.news-tile div.news-tile-image{height:24vw;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type div.news-tile span.news-tile-image{height:24vw; display:block;}

#generic-content-container #news-tiles-container a:first-of-type,
#news-tiles-container a:first-of-type {
    margin-left: 0%;
}
#news-tiles-container a div.news-tile {
    width: 100%;
}
#news-tiles-container a div.news-tile span.news-tile-image,
#news-tiles-container a div.news-tile div.news-tile-image {
    width: 100%;
    height: 12vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
span.news-tile-image {display: block;}
#news-tiles-container a div.news-tile div.news-tile-title {
    min-height: 2vw;
    font-family: 'Dosis';
    font-size: 1.2vw;
    font-weight:600;
    line-height: 1.4vw;
    color:#42AEC7;
    margin-top: 1vw;
}
#news-recent #news-tiles-container a div.news-tile div.news-tile-title {
    height: unset;
    padding-bottom: 1vw;
}

#news-tiles-container a div.news-tile div.news-tile-date {
    font-family: 'Dosis';
    font-size: 0.8vw;
    font-weight:600;
    color: #606060;
}

#news-recent {
    float: right;
    width: calc( 33% - 1.5vw );
    height: auto;
}

#news-content {float: left; width: calc( 66% - 1.5vw );}
#news-header-image{width:100%; margin-bottom:1rem;}
#news-header-image img {width: 100%; height: auto; /* TODO: bepalen vaste grootte */}

#calendar-content h1,
#calendar-content h2,
#calendar-content h3, 
#news-content h1,
#news-content h2,
#news-content h3,
#news-content .news-date {
    font-family: 'Dosis';
    font-weight: 600;
}
#news-content h1,
#calendar-content h1 {
    font-size: 3.6vw;
    line-height: 4vw;
    color: #42AEC7;
}
#news-content h2,
#calendar-content h2 {
    font-size: 3.0vw;
    line-height: 3.6vw;
    color: #42AEC7;
}

#calendar-content h1,
#calendar-content h2 {margin-bottom: 1vw;}
#calendar-content div.calendar-tile-meta p,
#calendar-content div.calendar-tile-meta p span {
    font-family: 'Roboto';
    font-size: 1.2vw;
    line-height: 1.6vw;
    margin-bottom: 0.3vw;
}
#calendar-content div.calendar-tile-meta p span:first-of-type {width: 5vw; display: inline-block; font-weight: 600;}

#news-content .news-date {
    font-size: 1.2vw;
    color: #606060;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

#news-content div.cms6_component_title,
#news-content div.cms6_component_title *,
#generic-content-container > div.cms6_component_html_text > h1,
#calendar-content div.cms6_component_title,
#calendar-content div.cms6_component_title * {
    font-family: 'Dosis';
    font-weight: 600;
    font-size: 3.0vw;
    line-height: 3.6vw;
    color: #42AEC7;
}

#news-content div.cms6_component_sub_title,
#news-content div.cms6_component_sub_title *,
#calendar-content div.cms6_component_sub_title,
#calendar-content div.cms6_component_sub_title *  {
    font-family: 'Dosis';
    font-weight: 600;
    font-size: 2vw;
    line-height: 2.4vw;
    color: #035C76;
}

#news-content div.cms6_component_html_text,
#news-content div.cms6_component_paragraph,
#news-content div.cms6_component_paragraph *,
#calendar-content div.cms6_component_html_text,
#calendar-content div.cms6_component_paragraph,
#calendar-content div.cms6_component_paragraph * {
    font-family: 'Roboto';
    font-size: 1.4vw;
    line-height: 1.8vw;
    margin-bottom: 2vw;
}

#news-content div.cms6_component_video_embed,
#calendar-content div.cms6_component_video_embed {margin-bottom: 2vw;}

#news-content div.cms6_component_layout_2col__col1 img.cms6_component_image {
    width: 100%; height: auto;}

div#news-content p {margin-bottom: 0.5rem;}
div#news-socials-title {margin-bottom: 0.5rem; font-weight: bold;}
img.news-socials-icon {width: 2rem;}
#news-content .cms6_component_layout_2col.cms6_component_layout_2col- div.cms6_component_layout_2col__col1{width:45%; position: relative;}
#news-content .cms6_component_layout_2col.cms6_component_layout_2col- div.cms6_component_layout_2col__col2 {padding-top:0px; top:0px; transform: skew(0deg); position: absolute;  padding-left: 0px;}
#news-content .cms6_component_layout_2col.cms6_component_layout_2col- div.cms6_component_layout_2col__col2 .counterskew {
	transform: skew(0deg); display:contents;}
#news-content div.cms6_component_layout_2col > div.cms6_component_layout_2col__col2 > div > div.cms6_component_html_text > p > a {background-color: unset;  color: #E81B8E; font-family: unset; font-size: unset; float: unset; text-decoration: underline;  padding: unset; margin: unset; vertical-align: unset; font-weight: normal; transform: skew(0deg); display: contents;}

#news-subcribe-button{display: inline-block; width: 100%;}
.button-subscribe{text-decoration: none;
    font-size: 1.2vw;
    line-height: 2.0vw;
    font-weight: 600;
    margin-right: 0px;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-bottom: 0.4vw;
    width: fit-content;
    height: 2.3vw;
    background-color: #E81B8E;
    color: #ffffff;
    float: right;
        transform: skew(-10deg);
    cursor: pointer;
    vertical-align: middle;}
input#mce-EMAIL:focus{outline:none;}
#mc_embed_signup{background:#fff; clear:left;
            width: 100%;
            display: block;
            background-color: #0082A2;
            margin-top: 2rem;
            margin-bottom: 1vw;
            color: #ffffff;
            font: unset;
            font-family: 'Dosis';
            font-weight: 600;
        }

        #mc_embed_signup * {
            display: inline;
            margin-right: 0.5vw;
            height:3vw;
            vertical-align: middle;
        }

        div#nieuwsbrief_aanmelding h2 {
            font-size: 3vw;
            font-weight: bold;
            margin-bottom: 2vw;
        }

div#nieuwsbrief_aanmelding{
text-align: left;
    background-color: #0082A2;
    color: #ffffff;
    padding: 4vw;
    margin-bottom: 4vw;
    display: inline-block;
	padding-left:4%;
	padding-right:4%;
    width: 92%;
}
.email{
    color: #606060;
    border: 0px;
    padding-left: 1rem;
    padding-right: 0.5rem;
    font-size: 90%;
    line-height: 150%;
    margin-bottom: 0.75rem;
	position: relative;
	z-index: 2;
}



input#mc-embedded-subscribe {transform: skew(0deg);	margin-top: 0px; vertical-align:top !important; margin-left: 1vw;
    width: 10vw;}
.mc_embed_submit_before_input{display: inline-block !important;
    width: 12.5vw; background-color: #E81B8E;
    margin-right: -12.5vw !important;
    padding-right: 0px !important;
    vertical-align: top !important;
    line-height: 150%;
    transform: skew(-10deg);
    padding-bottom: 2px;
    padding-top: 1px;
    margin-left: 1rem;}
.mc_embed_signup_before_input{display: inline-block !important;
    width: 22.5vw;
    background-color: #ffffff;
    margin-right: -22vw !important;
    padding-right: 0px !important;
    vertical-align: top !important;
    line-height: 150%;
    transform: skew(-10deg); padding-bottom:2px;
    padding-top: 1px;}

/* AUDIO CSS */

audio {margin-top: 1rem; margin-bottom: 1rem; display:inline-block; max-width: 100%;     background-image: none !important;}

/* PUBLICATIES CSS */

#publicaties-tiles-container {box-sizing: border-box; padding-right: 3vw;}

#publicaties-filter-container {
    background-color:#42AEC7;
    color:#ffffff;
    box-sizing: border-box;
    padding: 2vw;
    float: right;
    width: 26.5vw;
    margin-top:-3vw;
    margin-right: -26.5vw;
    margin-bottom:2vw;
}

.publicaties-filter-title {font-weight:600;}

.publicaties-filter-category {
    font-weight: 600;
    margin-top: 2.5vw;
    margin-bottom: 2vw;
}

.publicaties-filter-category:first-of-type {
    margin-top: 0vw;
}

.publicatielabel {
    background-color: #ffffff;
    color: #606060;
    word-break: keep-all;
    hyphens: none;
    margin-bottom: 0.8vw;
    line-height: 3vw;
    display: block;
    padding-left:0.6vw;
}

.publicatielabel,
.publicatielabel input {
    vertical-align: middle;
    cursor: pointer;
}

.publicatielabel input {
    opacity:0.5;
    margin-right: 1vw;
}

#publicatie-tiles-container a {
    width: 100%;
    display: block;
    text-decoration: none;
    cursor:pointer;
    margin-top: 2vw;
}

#publicatie-tiles-container a.download div.publicatie-tile div.publicatie-tile-title::after {
    content: "";
    display: inline-block;
    margin-left:1vw;
    vertical-align: bottom;
    width: 2vw;
    height: 2vw;
    background-image: url("../images/icon_download.png");
    background-repeat: no-repeat;
    background-size: contain;

}

#publicatie-tiles-container a:hover,
#publicatie-tiles-container a:active {
    background-color: #f3f3f3;
}

div.publicatie-tile-title,
div.publicatie-tile-subtitle,
div.publicatie-tile-date {
    font-family: 'Dosis';
    font-weight: 600;
}

div.publicatie-tile-title {
    font-size: 2vw;
    line-height: 2.4vw;
    color: #42AEC7;
}
div.publicatie-tile-subtitle {
    font-size: 1.6vw;
    line-height: 2.0vw;
    color: #035C76;
}
div.publicatie-tile-date {
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #606060;
}

div.publicatie-tile-meta {
    margin-top:0.5vw;
    font-family: 'Roboto';
    font-size: 1.4vw;
    line-height: 1.8vw;
}

input#publicatiesFrm_search_term {
    font-size: 100%;
    font-family: 'Roboto';
    color: #606060;
    width: calc(100% - 1vw);
    border: 0px solid;
    margin-bottom: 0.5rem;
    padding-left: 1vw;
    padding-top: 0.25rem;
	padding-bottom: 0.25rem;}

a#publicatiesFrm_search_btn {
    text-decoration: none;
    margin-bottom: 0.5rem;
	display: inline-block;}

/* COMPONENT "html_text" */

div.block-bordeaux{background-color:#9b1959; color:#ffffff; padding: 1rem; margin-bottom:1rem; font-family: 'Roboto';}
div.block-lichtblauw{background-color:#42aec7; color:#ffffff; padding: 1rem; margin-bottom:1rem; font-family: 'Roboto';}
div.block-roze{background-color:#E81B8E; color:#ffffff; padding: 1rem; margin-bottom:1rem; font-family: 'Roboto';}
p.block-lichtblauw, p.block-roze, p.block-bordeaux {font-family: 'Roboto'; margin-top: 1rem; color: #ffffff; padding: 1rem;}	
p.block-lichtblauw {background-color: #42aec7;}
p.block-roze {background-color: #E81B8E;}		
p.block-bordeaux {background-color: #9b1959;}	

#generic-content-container div.cms6_component_image img {
    width:100%;
    height: auto;
}

#generic-content-container div.cms6_component_html_text {
    font-size: 1.4vw;
    line-height: 1.8vw;
    margin-bottom: 2vw;
}
.cms6_component_html_text > ol,
.cms6_component_html_text > ul {font-family: 'Roboto';}
#generic-content-container > div.cms6_component_html_text > * {
}
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h2,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h3,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h4,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h5,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h6,
#generic-content-container > div.cms6_component_html_text > h2,
#generic-content-container > div.cms6_component_html_text > h3,
#generic-content-container > div.cms6_component_html_text > h4,
#generic-content-container > div.cms6_component_html_text > h5,
#generic-content-container > div.cms6_component_html_text > h6 {
    font-family: 'Dosis';
    font-weight: 600;
    font-size: 2vw;
    line-height: 2.4vw;
    color: #035C76;
    margin-top: 3vw;
    margin-bottom: 1vw;
}

#generic-content-container > div.cms6_component_html_text > table {width:96% !important;}
#generic-content-container > div.cms6_component_html_text > table > tbody > tr {border: 1px solid #888888;}
#generic-content-container > div.cms6_component_html_text > table > tbody > tr > td {padding:2%; width:40% !important; border-right: 0.5px solid #888888;}

#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > p,
#generic-content-container > .cms6_component_layout_2col > div > div > div.cms6_component_html_text > p,
#generic-content-container > div.cms6_component_html_text > p {
    font-family: 'Roboto';
    margin-bottom: 1vw;
}
#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw p,
#generic-content-container > div.cms6_component_html_text > div.block-roze p,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux p {
    font-family: 'Roboto';
    margin-bottom: 1vw;
}

#generic-content-container > div.cms6_component_html_text > p > a {
    text-decoration: none;
}
#generic-content-container > div.cms6_component_html_text > p > a:hover {
     color: #79004A;
	text-decoration: underline;
}

#news-content-container > #news-content > div.cms6_component_html_text > ul,
#news-content-container > #news-content > div.cms6_component_html_text > ol,
#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw > ul,
#generic-content-container > div.cms6_component_html_text > div.block-roze > ul,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux > ul,
#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw > ol,
#generic-content-container > div.cms6_component_html_text > div.block-roze > ol,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux > ol,
#generic-content-container > div.cms6_component_html_text > ul,
#generic-content-container > div.cms6_component_html_text > ol, 
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ul,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ol, 
#generic-content-container > div.cms6_component_html_text > form > ul ,
#generic-content-container > div.cms6_component_html_text > form > ol {
    list-style:none;
    padding-left:0;
    margin-left: 1.6vw;
    margin-bottom: 1vw;
}
#generic-content-container > div.cms6_component_html_text > div.block-roze > ul > li,
#generic-content-container > div.cms6_component_html_text > div.block-roze > ol > li,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux > ul > li,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux > ol > li,
#news-content-container > #news-content > div.cms6_component_html_text > ul > li,
#news-content-container > #news-content > div.cms6_component_html_text > ol > li,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ul > li,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ol > li,
#generic-content-container > div.cms6_component_html_text > ul > li,
#generic-content-container > div.cms6_component_html_text > ol > li,
#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw > ul > li,
#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw > ol > li,
#generic-content-container > div.cms6_component_html_text > form > ul > li, 
#generic-content-container > div.cms6_component_html_text > form > ol > li,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > form > ul > li, 
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > form > ol > li
{
    list-style:none;
    list-style-position: inside;
    text-indent: -0.8vw;
}

#generic-content-container > div.cms6_component_html_text > div.block-lichtblauw ul > li::before,
#generic-content-container > div.cms6_component_html_text > div.block-roze ul > li::before,
#generic-content-container > div.cms6_component_html_text > div.block-bordeaux ul > li::before,
#news-content-container > #news-content > div.cms6_component_html_text > ul > li::before,
#news-content-container > #news-content > div.cms6_component_html_text > form > ul > li::before,
#news-content-container > #news-content > div.cms6_component_html_text > ol > li::before,
#news-content-container > #news-content > div.cms6_component_html_text > form > ol > li::before,
#generic-content-container > div.cms6_component_html_text > ul > li::before,
#generic-content-container > div.cms6_component_html_text > form > ul > li::before,
#generic-content-container > div.cms6_component_html_text > ol > li::before,
#generic-content-container > div.cms6_component_html_text > form > ol > li::before,

#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ul > li::before,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > form > ul > li::before,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > ol > li::before,
#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > form > ol > li::before{
    content: "\2022";
    color: #E81B8E;
    font-size: 2vw;
    font-weight: bold;
    display: inline-block; 
    width: 0.8vw;
    margin-left: 0;
}

ul > li > ul,
ul > li > ol {
    margin-left: 1.6vw;
}

#generic-content-container > div.cms6_component_html_text > form > * {
    margin-bottom: 1vw;
}

/* QUOTE */

.cms6_component_quote {
    margin-bottom: 4vw;
    width: calc( 30% - 12vw - 2vw);
    position: absolute;
    right: 12vw;
    color:#42AEC7;
    font-family: 'Dosis';
    font-size:1.8vw;
    line-height: 2.2vw;
}

/* SEARCH */
#cms6_component_search_form__form > * {
    margin-bottom: 3vw;
}

#cms6_component_search_form__search_term {
    width: 60%;
    height: 3vw;
    font-size: 2vw;
}

#cms6_component_search_form__search_btn {
    text-decoration: none;
    font-size: 1.3vw;
    line-height: 2.0vw;
    font-weight: 600;
    margin-left: 0.4vw;
    padding-left: 1vw;
    padding-right: 1vw;
    width: fit-content;
    height: 2.3vw;
    background-color: #E81B8E;
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}
#cms6_component_search_form__search_btn:hover {
    text-decoration: none;
}

#cms6_component_search_form_result {
    margin-top: 3vw;
}

#cms6_component_search_form_result > a {
    font-size: 1.8vw;
    line-height: 4vw;
}
#cms6_component_search_form_result > a:hover {
    color:#E81B8E;
}
div#cms6_component_search_form_result h3 {
    margin-top: 1rem;
	font-weight: bold;}

/* FOOTER */

#footer {
    position: relative;
    clear: both;
    width: 100%;
    height: auto;
    background-image: url(../images/bg_footer_1920.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-color:#035C76;
}

#footer_menu {
    padding-top: 8.5vw;
    padding-bottom: 2vw;
    margin-left: 23vw;
    color:#ffffff;
}
#footer_menu ul {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 5vw;
}

#footer_menu ul li {
    list-style-type: none;
    display: block;
    font-weight: 600;
    font-size: 1.2vw;
    min-height: 2.5vw;
}

#footer_menu ul li:first-child {
    font-size: 1.4vw;
    height: 5vw;
}


#footer_menu ul:last-child {
    margin-left: 5vw;
    margin-right: 0;
}
#footer_menu ul:last-child li:first-child {
    height: 3vw;
}

#footer_menu ul li p {
    font-size: 1.0vw;
    font-weight: normal;
    line-height: 1.4vw;
}

#footer_menu ul li a,
#footer_menu ul li a:hover,
#footer_menu ul li a:visited {
    color: #ffffff;
    text-decoration: none;
    text-transform: lowercase;
}
#footer_menu ul li a:hover {
    text-decoration: underline;
}
#footer_menu ul li a:focus-visible {
    text-decoration: underline;
    color:#ffffff;
}


#footer_last {
    width:100%;
    height:6vw;
    padding-top: 3vw;
    background-color: #E81B8E;
    color:#ffffff;
}
#footer_last * {
    display: inline-block;
    vertical-align: middle;
}
#footer_last div#payoff {
    margin-left: 23vw;
    font-size: 2vw;
    font-weight: 600;
    margin-right: 1vw;
}
#footer_last ul.social_icons {
    margin-right: 3vw;
}
#footer_last div#copyrights {
    font-size: 0.9vw;
}
#footer_last div#copyrights a,
#footer_last div#copyrights a:hover,
#footer_last div#copyrights a:visited {
    vertical-align: top;
    color: #ffffff;
    text-decoration: none;
}
#footer_last div#copyrights a:hover {
    text-decoration: underline;
}
#footer_last div#copyrights a:focus-visible {
    text-decoration: underline;
}

.header_intro_image.kleureffect {filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.header_intro_image.kleureffect:hover {filter: none; -webkit-filter: grayscale(0);}
img.kleureffect {filter: grayscale(100%); -webkit-filter: grayscale(100%);}
img.kleureffect:hover {filter: none; -webkit-filter: grayscale(0);}
image:hover {filter: grayscale(0%) !important; -webkit-filter: grayscale(0%) !important;}

/* RESPONSIEF */

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

    html {font-size: 3.4vw; line-height: 3.6vw;}

    #site-container {width:100%; position:relative;}
    #generic-content-container {width: calc( 100% - 8vw - 8vw);}
	#generic-content-container, #news-content-container, #calendar-content-container {margin-left: 8vw;}
    #header.header-home {margin-top: 10vw;}
    #header:not(.header-home) {margin-top: 14vw;}

    /* HEADER MENU TOP */

    #header_menu_top svg#fff_logo {
        height: 6vw;
        right: 6vw;
    left: unset;
        top: 3vw;
    }

    #header_menu_top {
        height: unset;
        text-align:left;
    }

    svg#knop_menu_mobile {
        display:block;
        cursor: pointer;
        width: 8vw;
        height: 8vw;
        padding:2vw;
    }

#header_intro_video_container{width: calc( 100% - 8vw - 8vw); margin-left:8vw; margin-top:1rem;}	
	
    #header_menu_top ul {
        position: unset;
        display:none;
    }
    
    #header_menu_top ul,
    #header_menu_top ul li {
        display: block;
    }
    
    #header_menu_top ul {
        top: 8vw;
        right: unset;
        left: 2vw;
        font-size: 3.8vw;
        line-height: 6vw;
        padding-bottom: 2vw;
    }
    #header_menu_top ul li {
        margin-right: 0vw;
        margin-left: 3.0vw;
    }
    #header_menu_top ul li a,
    #header_menu_top ul li a:hover,
    #header_menu_top ul li a:visited,
    #header_breadcrumbs ul li a,
    #header_breadcrumbs ul li a:hover,
    #header_breadcrumbs ul li a:visited {
        color: #ffffff;
        text-decoration: none;
    }
    #header_menu_top ul li a:hover,
    #header_breadcrumbs ul li a:hover {
        text-decoration: underline;
    }
    
    
    /* SUBMENU */
    
    #header_menu_top ul li.submenu span {
        cursor: pointer;
    }
    
    #header_menu_top ul li.submenu div.submenu_childs {
        position: relative;
        left: 2.5vw;
    }
    #header_menu_top ul li.submenu[status='off'] div.submenu_childs {
        display:none;
    }
    #header_menu_top ul li.submenu[status='on'] div.submenu_childs {
        display:block;
    }
    
    #header_menu_top ul li.submenu div.submenu_childs ul {
        text-align: left;
        padding-left: 2vw;
    }
    
    #header_menu_top ul li.submenu div.submenu_childs ul li {
        display:block;
        white-space: nowrap;
    }


    /* --------------- */

    #header_breadcrumbs {
        position: relative;
        top:12vw;
        min-height: 6vw;
		height:auto;
    }
    #header_breadcrumbs ul {
        font-size: 3vw;
            padding-top: 1.5vw;
    padding-bottom: 1.5vw;
		max-width:66%;
    }

    svg#svg_header_big {
        display: none;
    }
    svg#svg_header_mobile {
        display: block;
    }


    #knop_zoekhulp,
    #knop_helpen,
    #knop_doneer {
        font-size: 5vw;
        line-height: 6vw;
        top: 92vw;
        width: 19vw;
    }

    #knop_zoekhulp {
        left:11vw;  
    }

    #knop_helpen {
        left: 41vw;
    }

    #knop_doneer {
        left: 70vw;
        top: 93vw;
        padding: 1.4vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    #extrabuttonscontainer {position: absolute;}

    div#site-container.site-container-home #extrabuttonscontainer {
        top: 63vw;
    }

    div#site-container:not(.site-container-home) #extrabuttonscontainer {
        top: 21vw;
    }

    .knop_escape,
    .knop_meldpunt {
        font-size: 3vw;
        line-height: 6vw;
        margin-right: 4vw;
        padding-left: 2vw;
        padding-right: 2vw;
        margin-bottom: 1.4vw;
        height: 6vw;
    }
    #header_social_icons {height: 10vw;}

    #header.header-home div#header_social_icons {
        width: 36vw;
        height: 1vw;
        margin-top: -6.5vw;
        margin-left: 6vw;
    }

    #header.header-doelgroep div#header_social_icons {
        position: relative;
    }

    #header.header-home div#header_social_icons ul li {
        width: 5.2vw;
        height: 5.2vw;
    }

    #header:not(.header-home) div#header_social_icons ul.social_icons  {
        left: 8vw;
        top: 2vw;
    }

    #header:not(.header-home) div#header_social_icons ul li {
        width: 5.6vw;
        height: 5.6vw;
    }

    /* TAAL KNOP */

    #knop_taal {
        padding-left: 8.4vw;
        height: 8vw;
        font-size: 3.2vw;
        line-height: 7.4vw;
    }

    #header #knop_taal {
        /* homepage */
        top: 108vw;
        left: 77vw;
    }
	
    #header_breadcrumbs #knop_taal {
        margin-right: 4vw;
        padding-left: 8vw;
        height: 6vw;
        font-size: 3.2vw;
        line-height: 5.4vw;
    }

    #header_breadcrumbs #google_translate_element {
        right: 3.2vw !important;
    }


    #google_translate_element.gt_home {
        top: 112vw !important;
        right: 6vw !important;
    }


    #header.header-doelgroep {
        height: unset;
    }

    #header.has-header-image {
        height: unset;
    }

    .header_intro_image {
        overflow: unset;
        position: unset;
        left: 0;
        top: -2vw !important;
        width: 100%;
        height: auto;
		transform:skew(0deg);
    }

    .header_intro_image div.counterskew {transform: skew(0deg);
        height: 60vw;
		    margin-left: 0px;
    width: 100%;
    }


    div#home-thema-buttons {
        padding-top: 4vw;
    }

    .home-thema-btn, .doelgroep-btn {
        display: inline-block;
        width: 40vw;
        height: 40vw;
        cursor: pointer;
    }

    .home-thema-btn {
        font-size: 3vw;
        padding-top: 28vw;
    }

    .doelgroep-btn-text {
        font-size: 3vw;
    }

    div.cms6_component_layout_2col,
    div.cms6_component_layout_3col {
        display:block;
    }

    div.cms6_component_layout_2col div,
    div.cms6_component_layout_3col div {
        position: relative;
        float:none;
        left:0;
        display:block;
        width:100%;
    }

	div.cms6_component_layout_2col-combined_page_sidebar{width: 100%;}
	div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col1,
	div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col2,
	div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col1,
	div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col2 {
		width: 100%;}
	
	div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col1,
	div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col1 {
    height: auto; position: relative; display: inline;}
	
	div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col2,
	div.cms6_component_layout_2col-combined_page > .cms6_component_layout_2col__col2 {position:relative; margin-left:0px;}
	div.cms6_component_layout_2col-combined_page_sidebar > .cms6_component_layout_2col__col2{left:unset;}
	
    div.cms6_component_layout_2col__col1,
    div.cms6_component_layout_3col__col1,
    div.cms6_component_layout_3col__col3 {
        height: unset;
        max-height: 52vw;
    }
    div.cms6_component_layout_2col__col2,
    div.cms6_component_layout_3col__col2 {
        min-height: 26vw;
    }

    div.cms6_component_layout_2col__col1 img.cms6_component_image,
    div.cms6_component_layout_2col__col2 img.cms6_component_image,
    div.cms6_component_layout_3col__col1 img.cms6_component_image,
    div.cms6_component_layout_3col__col2 img.cms6_component_image,
    div.cms6_component_layout_3col__col3 img.cms6_component_image {
        height: auto;
        width: 100%;
    }
    
    *.cms6_component_title__title {
        font-size: 5vw !important;
        line-height: 5.4vw !important;
    }
    
    *.cms6_component_sub_title__sub_title {
        font-size: 4.6vw !important;
        line-height: 5vw !important;
    }
    
    *.cms6_component_paragraph,
    *.cms6_component_paragraph *,
    *.cms6_component_html_text,
    *.cms6_component_html_text > p,
    *.cms6_component_html_text > ol,
    *.cms6_component_html_text > ol > li,
    *.cms6_component_html_text > ul,
    *.cms6_component_html_text > ul > li,
    .header_intro_text {
        font-size: 3.4vw;
        line-height: 3.6vw;
        margin-bottom: 3vw;
        width: unset;
    }
    #header.has-header-image div.header_intro_text {
        width: 60%;
    }

    #generic-content-container > div.cms6_component_html_text > ul,
    #generic-content-container > div.cms6_component_html_text > ol, 
    #generic-content-container > div.cms6_component_html_text > form > ul ,
    #generic-content-container > div.cms6_component_html_text > form > ol {
        list-style:none;
        padding-left:0;
        margin-left: 3.6vw;
        margin-bottom: 2vw;
    }
    #generic-content-container > div.cms6_component_html_text > ul > li,
    #generic-content-container > div.cms6_component_html_text > ol > li,
    #generic-content-container > div.cms6_component_html_text > form > ul > li, 
    #generic-content-container > div.cms6_component_html_text > form > ol > li {
        list-style:none;
        list-style-position: inside;
        text-indent: -1.8vw;
    }

    #generic-content-container > div.cms6_component_html_text > ul > li::before,
    #generic-content-container > div.cms6_component_html_text > form > ul > li::before,
    #generic-content-container > div.cms6_component_html_text > ol > li::before,
    #generic-content-container > div.cms6_component_html_text > form > ol > li::before {
        content: "\2022";
        color: #E81B8E;
        font-size: 5vw;
        font-weight: bold;
        display: inline-block; 
        width: 1.8vw;
        margin-left: 0;
        vertical-align: bottom;
    }

    ul > li > ul,
    ul > li > ol {
        margin-left: 1.6vw;
    }

div.block-roze, div.block-bordeaux, div.block-lichtblauw{font-size: 3.4vw; line-height: 3.6vw; margin-top:0.5rem; max-width: 90%;}		

	#generic-content-container > div.cms6_component_html_text > p{margin-bottom:1rem;}
    *.cms6_component_html_text > p > a {
        font-size: 3.4vw !important;
    }

	#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h2,
	#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h3,
	#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h4,
	#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h5,
	#generic-content-container > .cms6_component_layout_2col > div > div.cms6_component_html_text > h6,
	#generic-content-container > div.cms6_component_html_text > h2,
    #generic-content-container > div.cms6_component_html_text > h3,
    #generic-content-container > div.cms6_component_html_text > h4,
    #generic-content-container > div.cms6_component_html_text > h5,
    #generic-content-container > div.cms6_component_html_text > h6 {
        font-size: 4vw;
        line-height: 5vw; margin-bottom:0.75rem;
    }

    #calendar-tiles-container a div.calendar-tile,
    #calendar-tiles-container a div.calendar-tile div.calendar-tile-date,
    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta {height: unset;}
    #calendar-tiles-container a div.calendar-tile div.calendar-tile-date {
        width: calc( 100% - 70% - 5vw);
        font-size: 7vw;
        line-height: 7vw;
        padding: 5vw;
        margin-left: -5vw;
    }
    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta {
        width: calc( 100% - 30% - 10vw);
        padding: 4vw;
        padding-top: 6vw;
    }

    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta h1,
	#calendar-tiles-container a div.calendar-tile div.calendar-tile-meta h2,
    #calendar-content h1,
    #calendar-content h2 {
        font-size: 4vw;
        line-height: 4vw;
		margin-top:0.5rem;
    }

    div.calendar-tile-meta,
    div.calendar-tile-meta p,
    div.calendar-tile-meta p span,
    #calendar-content div.calendar-tile-meta p,
    #calendar-content div.calendar-tile-meta p span {
        font-size: 2vw;
        line-height: 2.6vw;
    }
    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta p span:first-of-type,
    #calendar-content div.calendar-tile-meta p span:first-of-type {
        width: 7vw;
    }

    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials {
        font-size: 2vw;
    }

    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials {
        /*margin-top: -4vw;
        margin-right: 3vw;*/
		top:0.5rem;
		right:0px;
    }

    #calendar-tiles-container a div.calendar-tile div.calendar-tile-meta div.socials ul li {
        width: 4vw;
        height: 4vw;
    }

	/* LINKS */
	
	a.cta-btn {font-size: 3.4vw;}
	
    /* NEWS */
	
    #news-tiles-container a {
        display: block;
        margin-left:0;
        margin-bottom: 4vw;
        width:100%;
    }
.button-subscribe {font-size: 0.8rem; width: auto; height: 1.6rem; line-height: 1.6rem; padding-left: 0.5rem; padding-right: 0.5rem; position:absolute; top:-0.5rem; right:-12vw;}
div#news-content-container{position:relative; padding-top: 2rem;}
	
div#site-container.site-container-home > #news-tiles-container > a {width:100%;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type{width:100%;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type div.news-tile div.news-tile-image{height:42vw;}
div#site-container.site-container-home > #news-tiles-container > a:first-of-type div.news-tile span.news-tile-image{height:42vw;}	
#news-tiles-container a div.news-tile span.news-tile-image, #news-tiles-container a div.news-tile div.news-tile-image {height: 42vw;}

    #news-tiles-container a div.news-tile div.news-tile-title {
        height: 10vw;
        font-size: 4.2vw;
        line-height: 4.4vw;
        margin-top: 1vw;
    }

    #news-tiles-container a div.news-tile div.news-tile-date {
        font-size: 3.8vw;
    }

    #news-header-image, #news-content {
        width:100%;
        float:none;
    }

    #news-content .news-date {
        font-size: 3.2vw;
    }

    #news-content h1, #calendar-content h1 {
        font-size: 5.6vw;
        line-height: 6vw;
    }

    #news-recent {
        float: none;
        width: 100%;
        height: unset;
        margin-top: 6vw;
    }
	
	#news-content .cms6_component_layout_2col.cms6_component_layout_2col- div.cms6_component_layout_2col__col1{width:100%;     display: contents;}
	#news-content .cms6_component_layout_2col.cms6_component_layout_2col- div.cms6_component_layout_2col__col2{width:100%;     display: inline-block; position: relative; margin-top:0.5rem;}
	
	#mc_embed_signup{margin-top:1rem;}
input#mc-embedded-subscribe {transform: skew(0deg);	margin-top: calc(-5vw - 2px); margin-left: 5vw; width: 65vw; text-align: center;}
.mc_embed_submit_before_input{display: inline-block !important;
    background-color: #E81B8E;
    margin-right: 0px !important;
    padding-right: 0px !important;
    vertical-align: top !important;
    line-height: 150%;
    transform: skew(-10deg);
    padding-bottom: 4px;
    padding-top: 1px; width:75vw; 
    margin-left: 0px;}	
	.mc_embed_signup_before_input{padding-bottom:1px; width:75vw; margin-right:-75vw !important; height:calc(5vw + 1rem) !important;}
	input#mce-EMAIL {margin-top: 0.5rem;}	
	
	input#mc-embedded-subscribe:focus-visible, input#mc-embedded-subscribe:focus-within, input#mc-embedded-subscribe:target, input#mc-embedded-subscribe:active {background: transparent; background: none;
         -webkit-appearance: none;}


    /* PUBLICATIES */

    #publicaties-filter-container {
        float: none;
        width: 100%;
        margin-bottom: 6vw;
    }

    #publicaties-tiles-container {
        padding-right: 0;
    }

    #publicaties-tiles-container a {
        margin-top: 4vw;
    }

    div.publicatie-tile-title {
        font-size: 3.4vw;
        line-height: 3.6vw;
    }
    div.publicatie-tile-subtitle {
        font-size: 3.4vw;
        line-height: 3.6vw;
    }
    div.publicatie-tile-date {
        font-size: 2.4vw;
        line-height: 2.6vw;
    }
    
    div.publicatie-tile-meta {
        margin-top:0.5vw;
        font-size: 2.4vw;
        line-height: 2.8vw;
    }

    div.publicatie-tile-title::after {
        width: 3vw;
        height: 3vw;
    }

    /* SEARCH */

    .cms6_component_search_form {
        margin-bottom: 6vw;
    }

    #cms6_component_search_form__search_term {
        width: 60%;
        height: 6vw;
        font-size: 4vw;
    }

    #cms6_component_search_form__search_btn {
        font-size: 4.3vw;
        line-height: 6vw;
        margin-left: 0.4vw;
        padding-left: 3vw;
        padding-right: 3vw;
        height: 6.3vw;
        margin-bottom: 6vw;
    }

    #cms6_component_search_form_result > a {
        font-size: 3.6vw;
        line-height: 6vw;
    }

    /*KINDPAGINA'S*/
	
	div#doelgroep-kindpaginas, div.doelgroep-kindpaginas, div.generiek-kindpaginas{transform:skew(0deg);}
	div.generiek-kindpaginas {transform: skew(0deg);}
	div#doelgroep-kindpaginas > div.counterskew, div.doelgroep-kindpaginas > div.counterskew, div.generiek-kindpaginas > div.counterskew {transform: skew(0deg);}
	
    /* FOOTER */

    #footer_menu {
        padding-top: 14vw;
        margin-left: 8vw;
    }

    #footer_menu ul li {
        font-size: 2vw;
        line-height: 4vw;
        min-height: 2.5vw;
    }

    #footer_menu ul li:first-child {font-size: 2.4vw;}
    #footer_menu ul:last-child li:first-child {height: 6vw;}
    #footer_menu ul li p {font-size: 1.4vw;line-height: 2vw;}
	#generic-content-container > div.cms6_component_html_text > table {font-size: 2.4vw;line-height: 125%; width: 100% !important;}
}

/** Readspeaker **/

#readspeaker_button1{
    position: relative !important; 
    top: 4.5rem !important; 
    left: 12%; 
    width: auto;
    max-width: 80%;
    margin-bottom: 2rem;
}
div#readspeaker_button1.rs_home {left: 1rem; top: 2.5rem !important; position: absolute !important;}

@media only screen and (max-width: 672px) {
    div#readspeaker_button1.rs_home {top: 4.5rem !important;}
}

/** Extra tools **/

.verborgen {
    display:none !important;
}