:root {
	--oranje: 		#E18E6A;
	--geel:			#F5D699;
	--groen:		#B6C2B2;
	--blauw:		#ACC7D7;
	--lichtblauw:	#D6E0E6;
	--donker:		#534E4E;
	--licht:		rgba(245, 214, 153, 0.4);
}

/* knoppen */
.knop a,
.knop a:active,
.knop a:visited,
a.knop,
a.knop:active,
a.knop:visited,
#wrapper .knop a,
#wrapper .knop a:active,
#wrapper .knop a:visited,
#wrapper .wp-block-kadence-posts a.post-more-link,
#wpwrap .wp-block-kadence-posts a.post-more-link,
#wrapper #archive-container a.post-more-link,
#wpwrap #archive-container a.post-more-link{background-color:var(--oranje); border:1px solid var(--oranje); text-decoration:none;}
.knop a:hover,
a.knop:hover,
#wrapper .knop a:hover,
#wrapper .wp-block-kadence-posts a.post-more-link:hover,
#wpwrap .wp-block-kadence-posts a.post-more-link:hover,
#wrapper #archive-containers a.post-more-link:hover,
#wpwrap #archive-container a.post-more-link:hover {color:var(--oranje); background-color:#fff; text-decoration:none;}


/* header */
.site-header-inner-wrap:before{max-width:1290px; width:95%; height:140%; top:0; left:calc(50% - 300px); background-image:url("images/scholen/ehsoostkapelle/header_bg.svg");}


/* banner */
.banner{position:relative; margin-top:-180px;}


/* home panes */
.intro-home .wp-block-lazyblock-cta{margin-top:-130px;}


/* home panes */
.kernwaarden-home{margin-bottom:80px;}
.kernwaarden-home > .kt-row-column-wrap:before{height:calc(100% + 260px); aspect-ratio:2183 / 1306; background-image:url("images/scholen/ehsoostkapelle/nieuws_vorm.svg");  left:50%; top:-150px; transform: translateX(-50%); }
.kernwaarden-home > .kt-row-column-wrap:after{height:140%; aspect-ratio:2491 / 1491; background-image:url("images/scholen/ehsoostkapelle/nieuws_lijnen.svg"); left:50%; top:-50%; transform: translateX(-90%); opacity:0.2; }
.kernwaarden-home h1,
.kernwaarden-home h2,
.kernwaarden-home h3,
.kernwaarden-home h4,
.kernwaarden-home h5,
.kernwaarden-home h6{color:#fff;}

.snelnaar-home{color:#fff; margin-bottom:10%;}
.snelnaar-home > .kt-row-column-wrap:before{height:120%; aspect-ratio:916 / 558; background-image:url("images/scholen/ehsoostkapelle/agenda_vorm.svg"); top:-5%; left:-5%; }
.snelnaar-home > .kt-row-column-wrap:after{content:""; height:120%; aspect-ratio:759 / 463; background-image:url("images/scholen/ehsoostkapelle/agenda_lijnen.svg"); top:15%; right:-15%;}
.snelnaar-home > .kt-row-column-wrap h1,
.snelnaar-home > .kt-row-column-wrap h2,
.snelnaar-home > .kt-row-column-wrap h3,
.snelnaar-home > .kt-row-column-wrap h4,
.snelnaar-home > .kt-row-column-wrap h5,
.snelnaar-home > .kt-row-column-wrap h6{color:#fff;}


/* footer */
.site-footer-wrap .site-middle-footer-wrap:before{width:180%; height:100%; top:0px; left:-40%; background-image:url("images/scholen/ehsoostkapelle/footer_bg.svg");}
.site-footer-wrap .footer-widget4{position:absolute; margin-top:-220px;}
.site-footer-wrap .footer-widget4:before{left:-52%; top:-6px; width:175%; aspect-ratio: 735 / 442; transform:rotate(20deg); background-image:url("images/scholen/ehsoostkapelle/footer_lijnen.svg"); background-size:contain; opacity:0.8;}


/* LB banner */
.BannerWrapper .BannerImg{width:90%;  aspect-ratio:822 / 410; margin-bottom:18%;
-webkit-mask-image: url("images/scholen/ehsoostkapelle/banner_vorm.svg"); mask-image: url("images/scholen/ehsoostkapelle/banner_vorm.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }   
.BannerWrapper .BannerLijnen{position:absolute; display:block; width:95%; aspect-ratio:856 / 429; background-image:url("images/scholen/ehsoostkapelle/banner_lijnen.svg"); top:28%; right:-5%; z-index:20;}   

.banner-home .BannerWrapper .BannerImg{margin-bottom:0; width:calc(100% - 200px); aspect-ratio:956 / 580;
-webkit-mask-image: url("images/scholen/ehsoostkapelle/banner_home_vorm.svg"); mask-image: url("images/scholen/ehsoostkapelle/banner_home_vorm.svg");}
.banner-home .BannerWrapper .BannerLijnen{display:none;}



@media only screen and (max-width: 767px) {
	.kernwaarden-home{background-color:var(--groen) !important}
	.snelnaar-home{background-color:var(--paars) !important;}
}