.recent_vacs.bhulp .fas.fa-bookmark { color: #ffcd00;}
.recent_vacs.vac .fas.fa-bookmark { color: #4cccdc;}
/*.recent_vacs.bhulp .fas.fa-bookmark, .recent_vacs.vac .fas.fa-bookmark {  font-style:normal!important; font-size: 40px; width: 50px;  position: absolute; top: -2px; right: -10px; }*/
/*.vw-vacature, .ve-vacature { padding-right: 50px; font-size: 15px; font-weight: bold; float: right; display:inline-block; width: auto;}*/
.ve-vacature { color:#ffcd00;}

a .vac_home_titel.nieuws { font-weight: bold; font-size: 90%; line-height: 19px; width: 100%; margin: 0; padding: 10% 0 30%;  display:inline-block; color: #6d6d6d; text-transform: uppercase;}
.vac_text { font-size: 1.1em; color:#727272; padding: 0 ; border-bottom: 1px solid #eee; margin-bottom: 5%;}
.vac_org { font-size: 0.9em; text-align: center;}
.vac_text.nieuws { }
.logo_org_home.nieuws { background-image: url(../img/logo/vacaturebank.jpg); background-size: 90%; background-position: center; height: 100px; background-repeat: no-repeat;}
a .vac_home_titel.nieuw  { }

.nieuws-home-tekst header, .agenda-home-tekst header { width: 85%;line-height: 25px; float:left; font-family: ff-cocon-pro, sans-serif; font-size: 1.3em; color:#727272; margin-top: 7px;}
.fas.fa-chevron-right { float:right; color:#cc0421; font-size: 45px;}
.nieuws-datum { color:#cc0421; width: 85%; float:left; font-size: 14px;}
.header-nieuws h4{ font-size: 2em; font-weight: bold; font-family: ff-cocon-pro, sans-serif; color: #cc0421; margin: 0 0 35px;}
.nieuws-home-tekst .fas.fa-chevron-right { top: -10px; position: relative;}
.actueel {margin: auto; position: relative; display:flex; justify-content: center;}
a .vac_home_titel , a .bhulp_home_titel   { color: #fff;}
@media screen and (min-width:60em) {
    .maincontent_home li.recent_vacs_home:hover, .maincontent_home li.recent_vacs_home, .recent_vacs.bhulp li:hover, .recent_vacs.vac li:hover, .recent_vacs.bhulp li { background-position: right 48%; background-size: 98% auto;}
    a .vac_home_titel , a .bhulp_home_titel   { font-weight: bold; font-size: 1em; line-height: 23px; letter-spacing: 1px; width: 90%; margin: 0 ;  padding: 2% 3% 2% 7%; height:70px;    display:inline-block; background-color:#0098AD; text-transform: uppercase; border-radius: 0;     display: flex;
       text-align: center; align-items: center; justify-content: center;}
    .maincontent_home .recent_vacs.vac li a:hover { color: #00aec6 !important;}
    .maincontent_home .recent_vacs.bhulp li a:hover { color: #4cccdc !important;}
    .alle_items.vac { width: 100%; padding-top: 1% ; padding-bottom: 1%; margin-top: 2%; text-align: center;}
    .maincontent_home li.recent_vacs_home {  list-style-type:none;  display:inline-block;  position:relative; overflow: hidden;     -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;width: 21%; margin-right: 2%; margin-left:1%; }
    .maincontent_home ul.recent_vacs .textbox.home { width: 55%;}
    .recent_vacs.bhulp li { float:left;}
    .wrap_adds_home { display:inline-block; padding-bottom: 15px;}
    .vrijwilligers-vacatures.right .wrap_adds_home { width: 100%; margin-left: 0; font-size: 160%; }
    .vrijwilligers-vacatures.left .wrap_adds_home { width: 100%; margin-left: 25px; font-size: 160%; }

    .vrijwilligers-vacatures {  width: 100%;  padding: 0 0%;
        display: flex;
        align-content: stretch;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: stretch;
        flex-direction: row;
    }
    /*nieuws nieuw*/
    .actueel_left { float:left; width: 50% ; padding-right: 10%;}
    .actueel_right { float:left; width: 40%; display:flex;  text-align: center; vertical-align: center; background-image: url(../images/agenda-red.svg); background-position: center; background-repeat: no-repeat;}
    .nieuws-home-img { width: 30%;}
    .actueel {width: 76%; }
    .nieuws-home { width: 100%; padding: 0 ;}
    .nieuws-home ul { width: 100%; display:inline-block;}
    li.nieuws-li { width: 100%; list-style-type: none;}
    .nieuws-home-tekst, .agenda-home-tekst { background-color:#fff;width: 90%;padding : 2% 5%; margin: 5% 0; float:left;     }
    .nieuws-home-img { height: 250px;margin-left: 5%; float:left; background-color:#ccc;}
    .nieuws-home-img img { width: 100%; height: auto;}
    .wrap_adds_home { display:inline-block; width: 100%;  text-align: center;}
    /*.vrijwilligers-vacatures.right { width: 50%; float:left;   }*/
    .recent_vacs.bhulp, .recent_vacs.vac { justify-content: space-evenly; display:flex;}
    .maincontent_home ul.recent_vacs {    position: relative; width: 100%; margin: auto;}
    .maincontent_home .homeblock.middle.wrap ul.recent_vacs { width: 100%; margin: 35px 0;}
    .vrijwilligers-vacatures { overflow: hidden!important; }
    .vrijwilligers-vacatures header {  font-size: 1.6em; font-weight: bold; }
    .vrijwilligers-vacatures h3 {margin: 40px 0 10px; text-transform: uppercase; font-family: ff-cocon-pro, sans-serif; width: auto; display:inline-block; color:#fff!important; font-size: 2.2em;}
    .vrijwilligers-vacatures h4 {margin: 15px 0 10px; text-transform: uppercase; font-family: ff-cocon-pro, sans-serif; width: auto; display:inline-block; color:#727272!important; font-size: 1.8em;}
    .vrijwilligers-vacatures h3.groen  {margin:15px 0 10px;  width: auto; display:inline-block; font-size: 110%;}
    .vrijwilligers-vacatures h3.blauw, .vrijwilligers-vacatures h4.groen, .vrijwilligers-vacatures h4.blauw   {margin:15px 0 10px; float:left; width: auto; display:inline-block; font-size: 110%;}
    .vrijwilligers-vacatures header.groen  {color: #333!important; }
    .vrijwilligers-vacatures header.blauw  { color:#333!important; }
    .alle_items a.bhlpvraag_plaatsen {background-color: #007282; color:#fff!important; border-bottom: 1px dashed #007282; padding:  0 2% 0;}
    .alle_items a.bhlpvraag_plaatsen:hover {background-color: #00aec6;}
    .alle_items a.bhlpvragen, .alle_items a.bhlpaanbod {  font-weight: bold; color: #fff; border-bottom: 1px dashed #4cccdc;}
    .alle_items a.bhlpvragen  { margin:0 15px 0 0;}
     .alle_items a.bhlpvragen:hover, .alle_items a.bhlpaanbod:hover {color: #4cccdc; }
    .alle_items.bhlp a.bhlpvraag_plaatsen { border-bottom: none;}
    .alle_items a.alle_vacatures:hover { color: #0098ad;  border-bottom: 1px dashed #0098ad;}
    .rubriek p { width: 100%; display:block;}
    .rubrief b { font-weight: bold;}
    .alle_items a.vacature_plaatsen {background-color: #007282 !important; color:#fff!important;  padding:  1% 2% ;   }
    .alle_items a.vacature_plaatsen:hover {background-color: #00aec6 !important;}
    .alle_items a.alle_vacatures { background-color: #F18815 !important;  }
    .alle_items a.alle_vacatures, .alle_items a.vacature_plaatsen, .alle_items a.bhlpvraag_plaatsen { font-size: 1.3em; font-weight: normal; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; color:#fff!important; padding:  1% 2% ; margin-right: 15px; }
    a.bhlpvraag_plaatsen:after { display:inline; font-family: fontawesome; content: "\f101"; padding-left: 10px;}
    .wrap_vac_titel_home { width: 100%; display:inline-block;}
    .workshop_logo {height: auto;}
    .vrijwilligers-vacatures li.last { margin-right: 0;}
    .textbox { padding: 20px 0%!important;}
    .tekst_box_margin {    margin: 10px 0;    display: block;    overflow: hidden;    width: 95%;    height: auto;    padding: 1% 2%;}
    .logo_org_home { width: 90%; padding: 4%;height: auto;/* background-color:#fff; border: 1px solid #eee; */ -moz-border-radius: 4px ;-webkit-border-radius: 4px;border-radius: 4px; text-align: center;}
    .logo_org_home img { padding: 5px; background-color: #fff; max-height:80px; min-height: 80px; max-width: 100%;}
    .recent_vacs.bhulp .leesverder:after { content: "\f054";  color: #fff; font-size: 12px;  margin-left: 10px; position: relative;}
    .recent_vacs.bhulp .leesverder {   background-color: #0098ad;}
    .recent_vacs.vac .leesverder { background-color: #0098ad;}
    .wrap_leesverder_home { display:none; width: auto; height: auto; padding-top: 8px;}
    .recent_vacs.bhulp .leesverder, .recent_vacs.vac .leesverder {   margin: 0 20% 8px ; color: #fff; width: 100px; display:inline-block; padding: 5px 5px 5px;bottom: 0; }
    .recent_vacs.bhulp .leesverder a, .recent_vacs.vac .leesverder a { color:#fff!important; display:inline-block;}
    .wrap_vac_home { width: 86%; padding: 7% 7% 1% 7%; background-color:#fff; color:#333;  position: relative;    }
    .recent_vacs.vac .leesverder:after { content: "\f054";  color: #fff; font-size: 12px;  margin-left: 10px; position: relative; display:inline-block;}
    .alle_items.vac_btn, .alle_items.bhlp_btn { float:left; }
    .alle_items a { font-weight: bold; text-align: center; margin: auto ; font-size: 1.3em; padding: 5px 0 8px;}
    .alle_items a:after { content: "\f061"; font-family: FontAwesome; font-size: 18px; position: relative; top: 1px; font-weight: bold; padding-left: 7px;}
    a.vac_home_org { color: #333; font-size:95%;width: 100%; height: 40px;}
    .vac_home_org  {margin: 0; padding: 0 0 5px 0 ;width: 100%; display:inline-block; }
    .vac_home_titel, .bhulp_home_titel { padding: 2% 0 2%; width: auto; width: 100%; height: auto; overflow:hidden; }
    /* sterretje */
    .vac_home_titel a {color: #0098ad;}
    a .bhulp_home_titel  { color: #0098ad ;}
    .recent_vacs a.bhulp:before { color: #0098ad;  }
    .recent_vacs .vac_star:after:hover { color:#0098ad;}
    .recent_vacs.bhulp .bhulp_home_titel a:hover { color: #0098ad !important; }
    .recent_vacs.vac .vac_home_titel a:hover { color: #69bcc3 !important; }
    .vac_home_titel a:hover { color: #0098ad !important; }
    .bhulp_home_titel a:hover { color: #0098ad !important;}
    .bhulp_home_titel a:hover, .vac_home_titel a.add_star:hover {color:#0098ad!important;}
     a.vac_home_org:hover { color:#0098ad!important;}
    .recent_vacs.vac a.vac_home_org:hover { color: #0098ad !important;}
    .recent_vacs a:after {background: url(../images/logo-toevoegen.jpg);}
    .recent_vacs h2 { color: #294F69;}
    .recent_vacs h2:hover { color: #ccc;}
    .recent_vacs_home .textbox.home {color:#0fafd9!important;}
}
@media screen and (min-width:60em) and (max-width:79.9999em) {
    /*.recent_vacs.bhulp li{ border: 1px solid #0098AD; background-color: #f8f8f8;}*/
    .recent_vacs.vac li{  background-color: #f8f8f8;}
    .alle_items a.vacature_plaatsen, .alle_items a.bhlpvraag_plaatsen { padding:  1% 5px 9px 8px; width: auto!important;}
    .maincontent_home li.recent_vacs_home { min-height: 155px; width: 26%;}
    .maincontent_home .recent_vacs_home { background-color: #fff; }
    }
@media screen and (min-width:80em) {

    /*.recent_vacs.bhulp li{  background-color: #f8f8f8;}*/
    /*.recent_vacs.vac li{  background-color: #f8f8f8;}*/
    /*.alle_items a.vacature_plaatsen { padding:  1% 2% 9px;  margin-left: 9%; }*/
    /*.alle_items a.bhlpvraag_plaatsen { padding:  1% 2% 9px;  margin-left: 17%;}*/
    /*.maincontent_home li.recent_vacs_home { min-height: 155px;}*/
}

@media screen and (min-width:39.999em){
    .vrijwilligers-vacatures.right .wrap_adds_home { width: 100%;  font-size: 120%;}
    .vrijwilligers-vacatures.left .wrap_adds_home { width: 100%;  font-size: 120%; }
}

.nieuws-home-tekst, .agenda-home-tekst { -webkit-border-radius: 5px; -moz-border-radius: 5px;
    -o-border-radius: 5px;  border-radius: 5px;  -webkit-box-shadow: 0 0px 15px rgb(0 0 0 / 10%);  -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px rgb(0 0 0 / 10%);   }
.nieuws-home-tekst:hover,
.agenda-home-tekst:hover {  -webkit-box-shadow: 0 0px 15px rgb(204 22 64 / 30%);  -moz-box-shadow: 0 0px 15px rgba(204, 22, 64, 0.3);
    box-shadow: 0 0px 15px rgb(204 22 64 / 30%);}

.content_pages li.recent_vacs_home { -webkit-border-radius: 5px; -moz-border-radius: 5px;
    -o-border-radius: 5px;  border-radius: 5px;  -webkit-box-shadow: 0 0px 15px rgb(0 0 0 / 30%);  -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 15px rgb(0 0 0 / 30%);   }

 li.recent_vacs_home { -webkit-border-radius: 3px; -moz-border-radius: 3px;
    -o-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: 0 0px 15px rgb(0 0 0 / 30%);  -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 15px rgb(0 0 0 / 30%);   }

.maincontent_home li.recent_vacs_home:hover  {  -webkit-box-shadow: 0 0px 15px rgb(0 182 213 / 80%);  -moz-box-shadow: 0 0px 15px rgba(0, 182, 213, 0.8);
    box-shadow: 0 0px 15px rgb(0 182 213 / 80%);}