a, button, input, :before, :after, li, .wpb_wrapper {
	transition:all 0.3s ease;
}

:root {
	--algemeen:#00AEEF;
	--algemeen2:#662D91;
	--delft:#0080C6;
	--oosterbeek:#042b4f;
	--westerbeek:#B1278D;
	--zefier:#00A651;
	--zoetermeer:#038689;
}


html {
	font-size:62.5%;
	font-family:Lato;
}
body {
	font-size:1.6rem;
	font-family:Lato;
	color:#333333;
}

body h1 {
	font-size:3.6rem;
	font-weight:900;
	text-transform:uppercase;
	color:var(--algemeen);
}
body h2 {
	font-size:2.4rem;
	font-weight:900;
	text-transform:uppercase;
	color:var(--algemeen);
}
body h3 {
	font-size:2.4rem;
	font-weight:900;
	text-transform:uppercase;
	color:var(--algemeen);
}
body h4 {
	margin-top:0;
	color:var(--algemeen);
}

.einde {margin-bottom:50px}

/* =========================================== 
 * ========================== Reset ==========
 * ========================== ============= */


.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before {	display:none;}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle, .vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom {
	position:relative;
	top:inherit;
	bottom:inherit;
	left:inherit;
	right:inherit;
	transform:none;
}

/* =========================================== HEADER ================================================*/

.site-header::after, .site-header::before, .wrap::before, .wrap::after {display:none}
header.site-header {
    box-shadow: none;
    width: 100%;
}

.header-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	position:relative;
}
.kop-extra {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99999;
}

.logo {
    max-width: 150px;
    margin: 10px 0 0;
}

.head-menu {
    padding: 10px 0;
}
ul.menu {
    display: inline-flex;
}

.nav-primary .genesis-nav-menu a {
    color: #333;
    font-size: 1.8rem;
    font-weight: 900;
    text-transform: uppercase;
	padding:10px 20px;
}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a{
    color: white;
    background: var(--algemeen);
    border-radius: 50px;
}

.genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover  {
	color: white;
    background: var(--algemeen);
}

.nav-primary .genesis-nav-menu .sub-menu a {
    font-size: 1.6rem;
    font-weight: 700;
}
.genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu a:hover {border-radius:0}


.kop-extra a {color:#333;text-decoration:none;font-size:1.4rem}
.kop-extra a:hover {color:var(--algemeen)}
.kop-extra a:after {
    display: inline-block;
    content: "|";
    position: relative;
    padding: 0 5px;
}
.kop-extra a:last-child:after {display:none}
.head-right {text-align:right}

/* ======== ZOEKEN ========*/
.search-content .entry-header { display: block;}
.asp_w_container {
    width: auto !important;
    display: none;
}

.wpdreams_asp_sc { background: transparent !important;border-bottom:1px solid #333 !important}
input.orig[type="search"] {color:#333 !important;}
input.orig[type="search"]::placeholder {color:#333 !important}
.wpdreams_asp_sc .promagnifier { background: #333 !important;}

.delft-template .asp_w_container_1 {display:inline-flex}
.delft-template .wpdreams_asp_sc .promagnifier { background: var(--delft) !important;}
.westerbeek-template .asp_w_container_2 {display:inline-flex}
.westerbeek-template .wpdreams_asp_sc .promagnifier { background: var(--westerbeek) !important;}
.oosterbeek-template .asp_w_container_3 {display:inline-flex}
.oosterbeek-template .wpdreams_asp_sc .promagnifier { background: var(--oosterbeek) !important;}
.zoetermeer-template .asp_w_container_4 {display:inline-flex}
.zoetermeer-template .wpdreams_asp_sc .promagnifier { background: var(--zoetermeer) !important;}
.zefier-template .asp_w_container_5 {display:inline-flex}
.zefier-template .wpdreams_asp_sc .promagnifier { background: var(--zefier) !important;}
.algemeen-template .asp_w_container_7 {display:inline-flex}

/* =========================================== ALGEMEEN ==============================================*/



.text-center {
	text-align:center;
	justify-content:center;
}

.site-inner {
	max-width:1280px;
	padding-top:0;
}
.site-header{
	padding:5px 0;


}
.entry {margin-bottom:0;}
.wpb_content_element {margin-bottom:0;}
.content {width:100%;}
.entry-header {display:none}
.site-header .wrap {
	max-width:1280px;
	width:100%;
	margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	height:100px;
}



/* ============================================= HOME ===============================================*/



.intro-home {
    padding: 300px 0;
}

.foto-blok {    background: rgba(255,255,255,0.9);
    border-radius: 25px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 25%);
    padding: 25px 15px;
	text-align:center;
}
.foto-blok h3 {font-weight:400 ;text-transform:none;padding: 15px 0}
.intro-home .foto-blok {
    color: var(--algemeen);
}

.intro-kleur {
    background: var(--algemeen);
    color: #fff;
    position: relative;
    padding: 125px 0 100px;
    text-align: center;
	font-size:2.4rem;
}

.intro-blokken {
    position: relative;
    margin: -115px 0;
    display: flex;
    z-index: 3;
}

.intro-blokken .vc_btn3-container{
	width:100%;
}

.intro-blokken .wpb_wrapper .vc_btn3 {
    background: white;
    padding: 15px 15px 25px !important;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 2.4rem;
    text-transform: capitalize;
	color:var(--algemeen);
	line-height:1;
	text-transform: uppercase;
	height: 150px;
	border-radius:10px
}
.intro-blokken .wpb_wrapper .vc_btn3:hover {
	box-shadow:3px 3px 10px rgba(0,0,0,0.25);
	background-color:white;
	color:inherit;
}

.intro-blokken .wpb_column:nth-child(1) .vc_btn3 {color:var(--algemeen);}
.intro-blokken .wpb_column:nth-child(2) .vc_btn3 {color:var(--algemeen2);}
.intro-blokken .wpb_column:nth-child(3) .vc_btn3 {color:var(--westerbeek);}
.intro-blokken .wpb_column:nth-child(4) .vc_btn3 {color:var(--zefier);}


.intro-blokken .vc_btn3-inline button i.vc_btn3-icon, .intro-blokken .vc_btn3-inline a i.vc_btn3-icon {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    transform: none;
    top: 10px;
    font-size: 50px;
    line-height: 2.4rem;
    height: 55px;
    left: 0 !important;
    right: 0;
    margin-bottom: 15px;
}

.intro-blokken2 {
    margin-top: -35px;
}

.intro-blokken2 h3 a{
    background: white;
    border: 5px solid var(--algemeen);
    border-radius: 50px;
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.intro-blokken2 h3.westerbeek a{color:var(--westerbeek); border-color:var(--westerbeek)}
.intro-blokken2 h3.oosterbeek a{color:var(--oosterbeek); border-color:var(--oosterbeek)}
.intro-blokken2 h3.delft a{color:var(--delft); border-color:var(--delft)}
.intro-blokken2 h3.zefier a{color:var(--zefier); border-color:var(--zefier)}
.intro-blokken2 h3.zoetermeer a{color:var(--zoetermeer); border-color:var(--zoetermeer)}

.intro-blokken2 h3.westerbeek a:hover{color:white;background:var(--westerbeek); border-color:var(--westerbeek)}
.intro-blokken2 h3.oosterbeek a:hover{color:white;background:var(--oosterbeek); border-color:var(--oosterbeek)}
.intro-blokken2 h3.delft a:hover{color:white;background:var(--delft); border-color:var(--delft)}
.intro-blokken2 h3.zefier a:hover{color:white;background:var(--zefier); border-color:var(--zefier)}
.intro-blokken2 h3.zoetermeer a:hover{color:white;background:var(--zoetermeer); border-color:var(--zoetermeer)}


.intro-blokken2 h3 a:hover {
    opacity: 1;
    border: 5px solid;
	box-shadow:3px 3px 10px rgba(0,0,0,0.25);
}

.blokken-3 {margin-top: 25px;}
.blokken-3 .vc_column-inner .wpb_wrapper {
    padding: 10px 0;
    box-shadow: 0 3px 5px rgb(0 0 0 / 15%);
	border-radius:10px;
}
.blokken-3 .vc_column-inner .wpb_wrapper .wpb_wrapper, .blokken-3 .vc_column-inner .wpb_wrapper .wpb_wrapper:hover{
	padding:0;
	box-shadow:none;
}
.blokken-3 .wpb_wrapper a {text-decoration:none;color:inherit;}
.blokken-3 .vc_column-inner .wpb_wrapper:hover {box-shadow:5px 5px 15px rgba(0,0,0,0.25);}
.blokken-3 .intro { padding: 0 15px 10px;}
.blokken-3 .blok-tekst { padding: 15px;}
.blokken-3 h3 {margin:0}
.onderwijs-blok h3 {color:var(--algemeen)}
.blokken-3 h3:after {
    content: "\f061";
    display: block;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 40px;
    top: 25px;
}
.algemeen-blok img {border-bottom:10px solid var(--algemeen)}
.algemeen2-blok img {border-bottom:10px solid var(--algemeen2)}
.algemeen2-blok h1, .algemeen2-blok h2, .algemeen2-blok h3 {color:var(--algemeen2)}
.oosterbeek-blok img {border-bottom:10px solid var(--oosterbeek)}
.oosterbeek-blok h1, .oosterbeek-blok h2, .oosterbeek-blok h3  {color:var(--oosterbeek)}
.westerbeek-blok img {border-bottom:10px solid var(--westerbeek)}
.westerbeek-blok h1, .westerbeek-blok h2, .westerbeek-blok h3 {color:var(--westerbeek)}
.zefier-blok img {border-bottom:10px solid var(--zefier)}
.zefier-blok h1, .zefier-blok h2, .zefier-blok h3 {color:var(--zefier)}
.zoetermeer-blok img {border-bottom:10px solid var(--zoetermeer)}
.zoetermeer-blok h1, .zoetermeer-blok h2, .zoetermeer-blok h3 {color:var(--zoetermeer)}




.algemeen-blok .wpb_text_column  img, .algemeen2-blok .wpb_text_column img, .oosterbeek-blok .wpb_text_column img, .westerbeek-blok .wpb_text_column img, .zefier-blok .wpb_text_column img, .zoetermeer-blok .wpb_text_column img {border-bottom:none}



.tussenblok {
	margin-top: 100px;
    margin-bottom: 50px;
    padding: 300px 0;
}
.tussenblok .foto-blok {color:var(--algemeen2);}

.algemeen-blok h2, .algemeen-blok h3 {color:var(--algemeen)}
.algemeen-blok .vc_btn3 {
    background: white !important;
    border: 5px solid var(--algemeen) !important;
    border-radius: 10px;
    font-weight: 900;
    color: var(--algemeen) !important;
    font-size: 1.6rem;
    padding: 10px 25px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
    margin-top: 25px;
}
.algemeen-blok .vc_btn3:hover {
	box-shadow: 5px 5px 15px rgb(0 0 0 / 25%);
	color:white !important;
	background:var(--algemeen) !important;
}
.wpb_video_wrapper iframe {
    border-radius: 25px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
}



/* ========================================== CONTENT =============================================*/

.intro-kop {
	padding-top:400px;
	padding-bottom:150px;
}

.intro-txt {
	background: rgba(255,255,255,0.9);
    border-radius: 50px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);
    padding: 25px;
}
.intro-txt h1, .intro-txt h2 {font-size:4.2rem;text-transform:none}

.intro-normaal .vc_figure .vc_single_image-wrapper {width:100vw}
.intro-normaal .vc_figure .vc_single_image-wrapper img {width:100%;}
.intro-blok-normaal h1 {color:var(--algemeen);}
.intro-blok-normaal { margin: -100px 0 50px;}
.intro-blok-normaal .wpb_text_column {}
.intro-blok-titel { margin: -35px 0 50px;}
.intro-blok-titel h1 {
    background: white;
    width: fit-content;
    margin: 0 auto;
    padding: 15px 25px;
    border-radius: 15px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);
}

.intro-blokken-afdeling .wpb_wrapper {
    box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
    background: wit;
    border-radius: 10px;
}
.intro-blokken-afdeling .vc_btn3-container, .intro-blokken-afdeling .vc_btn3-container button, .intro-blokken-afdeling .vc_btn3-container a {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
}
.intro-blokken-afdeling .wpb_wrapper .vc_btn3 {
    background: white;
    padding: 15px 15px 25px !important;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 2.4rem;
    text-transform: capitalize;
    color: var(--algemeen);
    line-height: 1;
    text-transform: uppercase;
    height: 150px;
    border-radius: 10px;
}
.intro-blokken-afdeling .vc_btn3-inline button i.vc_btn3-icon, .intro-blokken-afdeling .vc_btn3-inline a i.vc_btn3-icon {
	width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    transform: none;
    top: 10px;
    font-size: 50px;
    line-height: 2.4rem;
    height: 55px;
    left: 0 !important;
    right: 0;
    margin-bottom: 15px;
}
.intro-blokken-afdeling .wpb_wrapper .vc_btn3:hover {
	box-shadow:3px 3px 10px rgba(0,0,0,0.25);
	background-color:white;
	color:inherit;
}
.txt-algemeen, .txt-algemeen2, .txt-oosterbeek, .txt-westerbeek, .txt-delft, .txt-zefier, .txt-zoetermeer {
	padding-bottom:50px;
}
.intro-blok-normaal .wpb_text_column {
    background: white;
    border-radius: 10px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);
    padding: 25px;
}
.foto-blok h1, .foto-blok h2 {
	font-size:2.4rem;
	font-weight:600;
	text-transform:none;
	padding:15px 0
}



.txt-algemeen h1, .txt-algemeen h2, .txt-algemeen h3, .txt-algemeen h4 {color:var(--algemeen)}
.txt-algemeen2 h1, .txt-algemeen2 h2, .txt-algemeen2 h3,  .txt-algemeen2 h4 {color:var(--algemeen2)}
.txt-oosterbeek h1, .txt-oosterbeek h2, .txt-oosterbeek h3, .txt-oosterbeek h4 {color:var(--oosterbeek)}
.txt-westerbeek h1, .txt-westerbeek h2, .txt-westerbeek h3, .txt-westerbeek h4 {color:var(--westerbeek)}
.txt-delft h1, .txt-delft h2, .txt-delft h3, .txt-delft h4 {color:var(--delft)}
.txt-zefier h1, .txt-delft h2, .txt-zefier h3, .txt-zefier h4 {color:var(--zefier)}
.txt-zoetermeer h1, .txt-zoetermeer h2, .txt-zoetermeer h3, .txt-zoetermeer h4{color:var(--zoetermeer)}

.kleur-blok {color:white;padding:60px 0}
.kleur-blok h1, .kleur-blok h2, .kleur-blok h3, .kleur-blok h4 {color:white}
.kleur-blok .vc_column-inner {padding:15px !important}
.kleur-blok .vc_btn3.vc_btn3 {
    border-radius: 40px;
    background: transparent;
    border: 5px solid white;
    color: white;
    text-transform: uppercase;
    padding: 15px 25px !important;
    font-weight: 900;
    font-size: 1.8rem;
}
.kleur-blok .vc_btn3.vc_btn3:hover {
	background:white; 
	color:#038689;
	box-shadow:5px 5px 15px rgba(0,0,0,0.25);
}
.kleur-blok .vc_btn3.vc_btn3 i {
    position: absolute;
    left: 45%!important;
    top: 65px;
    font-size: 4.2rem;
}

.kleur-blok-intro .wpb_text_column{
	background:transparent;
	padding:0;
	box-shadow:none;
}
.kleur-blok-intro .wpb_wrapper{
	background:var(--algemeen);
	color:white;
	padding:25px;
	border-radius:10px;
	box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wpb_wrapper .wpb_wrapper {background:transparent;padding:0;box-shadow:none}
.kleur-blok-intro .vc_general.vc_btn3{
    border-radius: 40px;
    background: transparent;
    border: 5px solid white;
    color: white;
    text-transform: uppercase;
    padding: 15px 25px!important;
    font-weight: 900;
    font-size: 1.8rem;
}
.kleur-blok-intro .vc_general.vc_btn3:hover{
	background:white;
	color:var(--algemeen)
}

/* ========================================== WERKEN BIJ ======================================== */



.vacatures {
	margin-bottom:50px;
	margin-top:25px;
}
.vacatures h3 {
	color:var(--algemeen);
	margin:0;
}
.vacatures .vc_btn3-container .vc_btn3 {
    background: white;
    border: 5px solid var(--algemeen);
    border-radius: 10px;
    color: var(--algemeen);
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 15px;
}
.vacatures .vc_btn3-container .vc_btn3:hover {
	color:white;
	background:var(--algemeen);
	box-shadow:3px 3px 5px rgba(0,0,0,0.25)
}

/* ======================================= NIEUWS =============================================*/

.home-nieuws {
    margin-top: 100px;
    margin-bottom: 100px;
}
.home-nieuws h2 {color:var(--algemeen2)}
.home-nieuws h4 {margin-top:0}

.nieuwsblok {
    overflow: visible;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
    border-radius: 10px;
	transition:all 0.3s ease;
}
.nieuwsblok:hover {box-shadow: 5px 5px 15px rgb(0 0 0 / 25%);}
.nieuwsblok .vc_gitem-col {	padding:0}
.nieuwsblok img {border-radius:10px 10px 0 0;border-bottom:10px solid var(--algemeen2)}
.nieuwsblok h4 {color:var(--algemeen2);padding:0 15px;}
.nieuwsblok p {padding:0 15px;}
.nieuwsblok .vc_gitem-post-data-source-post_excerpt {padding-bottom:10px}
.nieuwsblok .vc_btn3-container {
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 25px;
}
.nieuwsblok .vc_btn3-container a {
    background: none !important;
    color: var(--algemeen2) !important;
}
.nieuwsblok .vc_btn3-container a i.vc_btn3-icon {font-size:3rem}

.nieuwsblok.algemeennieuws img {border-color:var(--algemeen)}
.nieuwsblok.algemeennieuws h4 {color:var(--algemeen)}
.nieuwsblok.algemeennieuws .vc_btn3-container a {color:var(--algemeen) !important}
aside {
    padding: 25px 25px 0;
    border: 5px solid var(--algemeen);
    border-radius: 25px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
	margin-bottom:50px;
}
aside a {
    color: var(--algemeen);
    text-decoration: none;
}

/* === NIEUWSBERICHT === */

body.single-post .content {width:65%;}
body.single-post .entry-header {display:block}
body.single-post  .singular-image {margin:0}
.type-post footer {background:transparent;color:var(--algemeen)}


/* ======================================= Contact =============================================*/

.vc_general.vc_cta3.vc_cta3-style-classic {
    background: transparent;
    border: none;
    padding: 0;
	display:flex;
}
.vc_general.vc_cta3.vc_cta3-icons-left .vc_cta3_content-container, .vc_general.vc_cta3.vc_cta3-icons-left .vc_cta3-icons {display:flex;}
.vc_cta3.vc_cta3-icon-size-md .vc_icon_element .vc_icon_element-inner {font-size:1.8rem;}
.vc_cta3.vc_cta3-icon-size-md .vc_icon_element .vc_icon_element-inner {height:1.8rem}
.vc_general.vc_cta3.vc_cta3-color-white.vc_cta3-style-classic .vc_cta3-content-header {	color:var(--algemeen);}

.contact-blok {margin-bottom:50px}
.contact-blok .wpb_text_column h3, .contact-blok .wpb_text_column h2 {margin-bottom:15px}
.contact-blok h4 {margin:0}
.contact-blok .vc_cta3-container {margin-bottom:5px;	}

.contact-blok .vc_icon_element .vc_icon_element-icon::before {color:var(--algemeen) !important;font-size:1.8rem !important}
.contact-blok .txt-delft .vc_icon_element-icon::before {color:var(--delft) !important} 
.contact-blok .txt-oosterbeek .vc_icon_element-icon::before {color:var(--oosterbeek) !important} 
.contact-blok .txt-westerbeek .vc_icon_element-icon::before {color:var(--westerbeek) !important} 
.contact-blok .txt-zefier .vc_icon_element-icon::before {color:var(--zefier) !important} 
.contact-blok .txt-zoetermeer .vc_icon_element-icon::before {color:var(--zoetermeer) !important} 

.contact-blok a{color:#333;text-decoration:none}

form {
    padding: 25px 25px 50px;
    border: 5px solid var(--algemeen);
    border-radius: 25px;
}
.half {display:flex}
.half span {
    width: 50%;
    padding: 0 10px 0 0;
	margin:5px 0;
}
form span textarea {margin-top:5px;padding:10px 20px}
form span input, form span select, form span textarea {
	border:1px solid var(--algemeen);
	border-radius:25px;
}
form input[type="submit"] {
    background: white;
    border: 5px solid var(--algemeen);
    border-radius: 50px;
    color: var(--algemeen);
    text-transform: uppercase;
    font-weight: 900;
    margin: 25px 0 0 auto;
    position: relative;
    float: right;
}


/* ======================================= FOOTER  =============================================*/




footer {
    background: var(--algemeen);
    color: white;
}
.page-template-Oosterbeek footer {background:var(--oosterbeek)}
.page-template-Westerbeek footer {background:var(--westerbeek)}
.page-template-Zefier footer {background:var(--zefier)}
.page-template-Delft footer {background:var(--delft)}
.page-template-Zoetermeer footer {background:var(--zoetermeer)}


footer a {
	color:white;
	text-decoration:none;
}
footer a:hover {color:var(--algemeen2)}
.footer-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 0;
}
.footer-top {
    text-align: center;
    padding: 0 0 50px;
}
.footer-middel {display: flex;flex-wrap:wrap}
.footer-1, .footer-2, .footer-3, .footer-4 {
    width: 25%;
}
.footer-3 i {Font-size:0;padding-right:10px}
.footer-3 i:before {font-size:2.4rem}
footer ul.menu {
    display: block;
}

footer .post, .foon, .bezoek, footer .mail {
    position: relative;
    padding-left: 35px;
	margin-bottom:15px;
}
footer .post:before, .foon:before, .bezoek:before, .mail:before  {
    font-family:"Font Awesome 5 Free";
    display: block;
    content: "\f1d8";
    color: white;
    font-size: 1.8rem;
    position: absolute;
    left: 0;
    font-weight: 600;
}

.foon:before {content:"\f879"}
.bezoek:before {content:"\f3c5"}
.mail:before {content:"\f1fa"}


.footer-onder {
    background: var(--algemeen2);
    text-align: center;
    padding: 5px 0px;
}
.footer-onder p {padding:0;margin:0}


/* =========================================== Responsive ===========================================*/

@media (min-width:992px) and (max-width:1280px) {
	.nav-primary .genesis-nav-menu a {font-size:1.6rem}
}
@media (min-width:992px) {
	.menu-toggle, .sub-menu-toggle {
		display: none;
		visibility: hidden;
	}
}
@media (max-width:992px) {
	ul.menu {
		background: white;
	}
	.menu-toggle, .sub-menu-toggle {
		display: block;
		visibility: visible;
	}
	.site-header nav .wrap {display:block}
	button#genesis-mobile-nav-primary {
		top: 25px;
		right: 20px;
		position: relative;
		margin: 0;
		color: var(--algemeen);
	}
	nav#genesis-nav-primary {
		position: absolute;
		top: 110px;
		z-index: 99;
		background: white;
	}
	ul.menu {
		display: flex;
		flex-wrap:wrap;
	}
	.genesis-nav-menu .menu-item {
		width: 100%;
		text-align:center;
	}

	.intro-blokken {
		width: 100vw;
		left: -30px;
		margin:0;
	}
	.intro-blokken .vc_col-sm-3 {
		width: 50%;
	}
	.intro-blokken .vc_btn3-container {margin:0}
	.intro-blokken .wpb_wrapper .vc_btn3 {font-size:1.6rem;padding:10px !important;height:auto}
	.intro-blokken .vc_btn3-inline button i.vc_btn3-icon {height:40px;}
	.intro-blokken .vc_column_container>.vc_column-inner {padding:10px}
	.intro-normaal .vc_figure .vc_single_image-wrapper img {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}
	body.single-post .content {width:100%}
	aside {margin-top:50px;display:flex;flex-wrap:wrap}
	aside section {width:47%}
	.footer-1, .footer-2, .footer-3, .footer-4 {width:50%;}
	.footer-middel {max-width:75%;margin:0 auto;}
		.tussenblok {padding:150px 0;margin:25px 0}
}

@media (max-width:768px) {
	.blokken-3 .vc_column_container {margin: 20px 0px;}
	aside section {width:100%}
	form {margin-top:25px}
	.half {flex-wrap:wrap}
	.half span {width:100%}
}
@media (max-width:480px) {
	button#genesis-mobile-nav-primary {top:35px}
	.kop-extra {    
		padding: 30px 15px 5px;
		text-align: right;
		width: 60%;
		float: right;
	}
	.wp-custom-logo .title-area img {margin:5px 0 0 5px;}
	.probox {height:30px !important}
	.asp_w_container {position: absolute; top: 0; right: 20px;}	
	.tussenblok {padding:100px 0}
	.kleur-blok .vc_btn3.vc_btn3 {font-size:1.6rem;text-align:center}
	.intro-blokken .wpb_wrapper .vc_btn3 {height:100px;}
	.footer-1, .footer-2, .footer-3, .footer-4 {width:100%;}
	
}



/* ======================================= Template kleuren  =============================================*/
.page-template-Delft .custom-logo {display:none}
.page-template-Delft .genesis-nav-menu a:focus, .page-template-Delft .genesis-nav-menu a:hover, .page-template-Delft .genesis-nav-menu .current-menu-item > a{ background: var(--delft);}
.page-template-Delft .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .page-template-Delft .genesis-nav-menu .sub-menu .current-menu-item > a:hover  { background: var(--delft);}
.page-template-Delft h1, .page-template-Delft .intro-blok-normaal h1, .page-template-Delft h2, .page-template-Delft h3, .page-template-Delft h4 {color:var(--delft)}
.page-template-Delft #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:var(--delft)}
.page-template-Delft #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {background:var(--delft)}
.kleur-blok-oosterbeek .vc_general.vc_btn3:hover {color:var(--delft)}
.page-template-Delft .intro-blokken-afdeling .wpb_wrapper .vc_btn3 {color:var(--delft)}
.page-template-Delft .algemeen-blok .vc_btn3 {border-color:var(--delft) !important;color:var(--delft) !important}
.page-template-Delft .algemeen-blok .vc_btn3:hover {background:var(--delft) !important;color:white !important}
.page-template-Delft .nieuwsblok img {border-color:var(--delft)}
.page-template-Delft .nieuwsblok .vc_btn3-container a {color:var(--delft) !important}
.page-template-Delft .kleur-blok-intro .wpb_wrapper {background:var(--delft)}
.page-template-Delft .kleur-blok-intro .vc_general.vc_btn3:hover{color:var(--delft)}
.page-template-Delft	button#genesis-mobile-nav-primary {color:var(--delft)}

.page-template-Oosterbeek .custom-logo {display:none}
.page-template-Oosterbeek .genesis-nav-menu a:focus, .page-template-Oosterbeek .genesis-nav-menu a:hover, .page-template-Oosterbeek .genesis-nav-menu .current-menu-item > a{ background: var(--oosterbeek);}
.page-template-Oosterbeek .genesis-nav-menu .sub-menu .current-menu-item > a:focus,  .page-template-Oosterbeek .genesis-nav-menu .sub-menu .current-menu-item > a:hover  { background: var(--oosterbeek);}
.page-template-Oosterbeek h1, .page-template-Oosterbeek .intro-blok-normaal h1, .page-template-Oosterbeek h2, .page-template-Oosterbeek h3, .page-template-Oosterbeek h4 {color:var(--oosterbeek)}
.page-template-Oosterbeek #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:var(--oosterbeek)}
.page-template-Oosterbeek #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {background:var(--oosterbeek)}
.kleur-blok-oosterbeek .vc_general.vc_btn3:hover {color:var(--oosterbeek)}
.page-template-Oosterbeek .intro-blokken-afdeling .wpb_wrapper .vc_btn3 {color:var(--oosterbeek)}
.page-template-Oosterbeek .algemeen-blok .vc_btn3 {border-color:var(--oosterbeek) !important;color:var(--oosterbeek) !important}
.page-template-Oosterbeek .algemeen-blok .vc_btn3:hover {background:var(--oosterbeek) !important;color:white !important}
.page-template-Oosterbeek .nieuwsblok img {border-color:var(--oosterbeek)}
.page-template-Oosterbeek .nieuwsblok .vc_btn3-container a {color:var(--oosterbeek) !important}
.page-template-Oosterbeek .kleur-blok-intro .wpb_wrapper {background:var(--oosterbeek)}
.page-template-Oosterbeek .kleur-blok-intro .vc_general.vc_btn3:hover{color:var(--oosterbeek)}
.page-template-Oosterbeek	button#genesis-mobile-nav-primary {color:var(--oosterbeek)}


.page-template-Westerbeek .custom-logo {display:none}
.page-template-Westerbeek .genesis-nav-menu a:focus, .page-template-Westerbeek .genesis-nav-menu a:hover, .page-template-Westerbeek .genesis-nav-menu .current-menu-item > a{ background: var(--westerbeek);}
.page-template-Westerbeek .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .page-template-Westerbeek .genesis-nav-menu .sub-menu .current-menu-item > a:hover  { background: var(--westerbeek);}
.page-template-Westerbeek h1, .page-template-Westerbeek .intro-blok-normaal h1, .page-template-Westerbeek h2, .page-template-Westerbeek h3, .page-template-Westerbeek h4 {color:var(--westerbeek)}
.page-template-Westerbeek #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:var(--westerbeek)}
.page-template-Westerbeek #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {background:var(--westerbeek)}
.kleur-blok-westerbeek .vc_general.vc_btn3:hover {color:var(--westerbeek)}
.page-template-Westerbeek .intro-blokken-afdeling .wpb_wrapper .vc_btn3 {color:var(--westerbeek)}
.page-template-Westerbeek .algemeen-blok .vc_btn3 {border-color:var(--westerbeek) !important;color:var(--westerbeek) !important}
.page-template-Westerbeek .algemeen-blok .vc_btn3:hover {background:var(--westerbeek) !important;color:white !important}
.page-template-Westerbeek .nieuwsblok img {border-color:var(--westerbeek)}
.page-template-Westerbeek .nieuwsblok .vc_btn3-container a {color:var(--westerbeek) !important}
.page-template-Westerbeek .kleur-blok-intro .wpb_wrapper {background:var(--westerbeek)}
.page-template-Westerbeek .kleur-blok-intro .vc_general.vc_btn3:hover{color:var(--westerbeek)}
.page-template-Westerbeek	button#genesis-mobile-nav-primary {color:var(--westerbeek)}


.page-template-Zefier .custom-logo {display:none}
.page-template-Zefier .genesis-nav-menu a:focus, .page-template-Zefier .genesis-nav-menu a:hover, .page-template-Zefier .genesis-nav-menu .current-menu-item > a{ background: var(--zefier);}
.page-template-Zefier .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .page-template-Zefier .genesis-nav-menu .sub-menu .current-menu-item > a:hover  { background: var(--zefier);}
.page-template-Zefier h1, .page-template-Zefier .intro-blok-normaal h1, .page-template-Zefier h2, .page-template-Zefier h3, .page-template-Zefier h4 {color:var(--zefier)}
.page-template-Zefier #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:var(--zefier)}
.page-template-Zefier #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {background:var(--zefier)}
.kleur-blok-Zefier .vc_general.vc_btn3:hover {color:var(--zefier)}
.page-template-Zefier .intro-blokken-afdeling .wpb_wrapper .vc_btn3 {color:var(--zefier)}
.page-template-Zefier .algemeen-blok .vc_btn3 {border-color:var(--zefier) !important;color:var(--zefier) !important}
.page-template-Zefier .algemeen-blok .vc_btn3:hover {background:var(--zefier) !important;color:white !important}
.page-template-Zefier .nieuwsblok img {border-color:var(--zefier)}
.page-template-Zefier .nieuwsblok .vc_btn3-container a {color:var(--zefier) !important}
.page-template-Zefier .kleur-blok-intro .wpb_wrapper {background:var(--zefier)}
.page-template-Zefier .kleur-blok-intro .vc_general.vc_btn3:hover{color:var(--zefier)}
.page-template-Zefier	button#genesis-mobile-nav-primary {color:var(--zefier)}


.page-template-Zoetermeer .custom-logo {display:none}
.page-template-Zoetermeer .genesis-nav-menu a:focus, .page-template-Zoetermeer .genesis-nav-menu a:hover, .page-template-Zoetermeer .genesis-nav-menu .current-menu-item > a{ background: var(--zoetermeer);}
.page-template-Zoetermeer .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .page-template-Zoetermeer .genesis-nav-menu .sub-menu .current-menu-item > a:hover  { background: var(--zoetermeer);}
.page-template-Zoetermeer h1, .page-template-Zoetermeer .intro-blok-normaal h1, .page-template-Zoetermeer h2, .page-template-Zoetermeer h3, .page-template-Zoetermeer h4 {color:var(--zoetermeer)}
.page-template-Zoetermeer #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:var(--zoetermeer)}
.page-template-Zoetermeer #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {background:var(--zoetermeer)}
.kleur-blok-Zoetermeer .vc_general.vc_btn3:hover {color:var(--zoetermeer)}
.page-template-Zoetermeer .intro-blokken-afdeling .wpb_wrapper .vc_btn3 {color:var(--zoetermeer)}
.page-template-Zoetermeer .algemeen-blok .vc_btn3 {border-color:var(--zoetermeer) !important;color:var(--zoetermeer) !important}
.page-template-Zoetermeer .algemeen-blok .vc_btn3:hover {background:var(--zoetermeer) !important;color:white !important}
.page-template-Zoetermeer .nieuwsblok img {border-color:var(--zoetermeer)}
.page-template-Zoetermeer .nieuwsblok .vc_btn3-container a {color:var(--zoetermeer) !important}
.page-template-Zoetermeer .kleur-blok-intro .wpb_wrapper {background:var(--zoetermeer)}
.page-template-Zoetermeer .kleur-blok-intro .vc_general.vc_btn3:hover{color:var(--zoetermeer)}
.page-template-Zoetermeer	button#genesis-mobile-nav-primary {color:var(--zoetermeer)}

footer .entry-meta {display:none}

/* =========== LOGOS ======== */
.logos a {display:none}
.logos {
    position: absolute;
    top: 15px;
    z-index: 99999;
}
.page-template-Delft .logos a.delft {width:125px; height:93px;display:block}
.page-template-Oosterbeek .logos a.oosterbeek   {width:125px; height:93px;display:block}
.page-template-Westerbeek .logos a.westerbeek {width:125px; height:93px;display:block}
.page-template-Zefier .logos a.zefier {width:125px; height:93px;display:block}
.page-template-Zoetermeer .logos a.zoetermeer {width:125px; height:93px;display:block}