/* @override 
	http://192.168.2.17/BSG_4/templates/BSG/css/bsg.css
	http://192.168.2.2/BSG_4/templates/BSG/css/bsg.css
	http://localhost:8888/BSG_4/templates/BSG/css/bsg.css */


/*  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px . */
  

  
  

.groen {
	color: #b4ce42;
	background-color: #b4ce42;
} 

.lichtgroen {
	color: #ebf2cd;
	background-color: #ebf2cd;
} 


h1, h2, h3, h4, h5, h6, h7 {
	font-weight: 500;
}


.blauw {
	color: #0090c7;
	background-color: #0090c7;
} 

.lichtblauw {
	color: #d9eef7;
	background-color: #d9eef7;
} 

.oranje {
	color: #efb310;
	background-color: #efb310;
} 



body.itemid-101 {
	background-color: #0090c7;
	background-image: none;
}

div.page-header h1 {
	font-size: 50px;
	line-height: 100%;
	/*visibility: hidden;*/
	position: relative;
}

/*div.page-header h1::before {
	position: absolute;
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	color: #0090c7;

	top: 0;
	
	left: -80px; /* same as padding-left set on li *!/
	width: 1.4em; /* same as padding-left set on li *!/
}*/


figure.item-image {
	/*visibility: hidden;	*/
	transform-origin: left bottom !important;
	/*width: 100%;*/
}




figure.item-image .caption::before {
	content: '\f062';
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	padding-right: 6px;
	/*padding-right: 3px;*/
	/*vertical-align: middle;*/
	font-weight: 900;
	color: #0090c7;
	opacity: 1;

}


figure.item-image .caption {
	color: #000;
	margin-top: 6px;
	/*font-weight: bold;*/
	/*font-style: italic;*/
}


h1, h4 {
	color: #0090c7;	
}

h4 {
	font-weight: 700;
}

.com-content-article__body h4 {
	margin-bottom: 3px;
}


body {
  /*font-size: 17px;*/
}

body {
	
	/*background-color: #ecf6fb;*/		/* blauw */
	background-color: #f5f8e6;  /* groen */
	/*background-image: url('../img/header2.jpg');*/
	background-image: url('../img/boom.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	/*background-image: url('../img/icons/7.svg');*/
}


div.blog {
	margin-bottom: 12px;  /*48*/
}



/* C A R O U S E L   */

#mainCarousel {
	/*visibility: hidden;*/
	/*max-height: calc(100vh - 94px);	*/
	height: calc(100vh - 94px - 66px);		
}

#mainCarousel img {
	max-height: calc(100vh - 94px - 66px);	
	
}

#mainCarouselBG { /*achtergrondkleur*/
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	/*max-height: 100vh;	*/
	background-color: #0090c7;	
	z-index: -1;
}

#mainCarousel .carousel-item {
	/*min-height: 100vh;*/
	/*max-height: 100vh;*/
	
	
	/*background-color: #0090c7;*/
	/*will-change: transform;*/
}


#mainCarousel .linearrow {
	position: absolute;
	z-index: 2;
	width: 1px;
	/*background-color: #fff;*/
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	/*border-left: 1px solid #fff;*/
	overflow: hidden;
	bottom: 80px;
	margin-left: -1px;
	height: 35vh;
	height: calc(50vh - 200px); 
	left: 50vw;
	/*opacity: 0.6;*/
}

#mainCarousel .linearrowAr  {
	position: absolute;
	z-index: 3;
	width: 23px;
	font-size: 23px;
	/*background-color: #fff;*/
	color: #fff;
	overflow: hidden;
	/*top: calc(80vh - 14px);*/
	bottom: 60px;	
	margin-left: -8px;
	left: 50vw;
	/*opacity: 0.6;*/
	
}








@media (max-width: 720px) {

	#mainCarousel {
		
		/*max-height: calc(100vh - 94px);	*/
		height: calc(100svh - 94px - 50px); /*100 iphone extra*/
		/*height: 570px;*/
		
	}
	
	#mainCarousel img {
		max-height: calc(100svh - 94px - 50px);
	
	}
}

#mainCarousel div.carousel-caption {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	text-shadow: 2px 2px #000;
}


#mainCarousel div.carousel-caption h2 {
	font-size: 3vw;	
}


#mainCarousel i.fa {
    
}



#mainCarousel .carousel-item img {
    width: 100vw;
    height: 100vh;
	/*height: 100%;*/   /* . niet hele scherm */
    object-fit: cover;
    object-position: center;
}

/*correctie sommige foto’s */
@media (min-width: 992px) {


	
	#mainCarousel .carousel-item img {
	    object-position: center 20%;
	}
	
	#mainCarousel .carousel-item img.corpos {		
    	object-position: 50% 35%;	
	}


}


div.carousel-indicators.ind-main {
	margin-bottom: 30px;
}

div.carousel-indicators.ind-main button {
	height: 6px;	
}

#mainCarousel .carousel-control-next-icon, #mainCarousel .carousel-control-prev-icon {
/*	position: absolute;
	bottom: 18px;
	background-color: #0090c7;
	border-radius: 50%;*/
}



section#homeintro {
	padding-bottom: 0px;
	background-color: #fff;
}

#tekstCarousel {
	padding-top: 6px;
	background-color: rgba(255, 255, 255, 0.95);
	/*margin-top: -66px;*/
	padding-bottom: 0px;

	transition: 0.5s;	
	transition-delay: 300ms;
	transition-timing-function: ease-in-out;
	
	height: 428px;
	margin-bottom: 0px;
	
	overflow-y: hidden;
}






/* om hoogte te meten verder verbergen */
#tekstCarousel .carousel-item-hidden {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1;
}

#tekstCarousel h1 {
	margin-bottom: 0px; /*28*/
	color: #0090c7;
}

#tekstCarousel h3 {
	margin-bottom: 18px;
}


#tekstCarousel .carousel-indicators {
	display: inline-block;

	margin-left: 0;
	
	background-color: #fff;
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(217,238,247,1) 100%);*/
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,242,205,1) 100%);*/	
	/*background-color: #ecf6fb;	*/
	/*background-color: #d9eef7;*/
	
	
	padding-top: 10px;
	padding-bottom: 20px;
	/*border-bottom: 1px dotted #0090c7;*/
	/*border-top: 1px dotted #0090c7;*/
	/*position: static !important;*/
	position: absolute;
	bottom: 0px;
	
	
	
}
#tekstCarousel .carousel-indicators [data-bs-target] {
	/*background-clip: none;*/
	background-color: transparent;
	opacity: 1;
	background-color: #ecf6fb;	
	/*border-right: 1px #0090c7 solid;*/
}




#tekstCarousel div.kopjes {
	text-align: center;
	/*position: static;*/
	position: absolute;
	margin-bottom: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	/*bottom: -20px;*/
	/*z-index: 100000001;*/
}





#tekstCarousel div.kopjes a, #tekstCarousel div.kopjes a:visited {
	font-weight: 500;
	/*padding-right: 14px;*/
	/*border-right: 1px #0090c7 solid;*/
	white-space: nowrap;
	line-height: 46px;
	border: 1px solid #0090c7;
	padding: 8px 16px;
	border-radius: 6px;
	
}

 #tekstCarousel div.kopjes a:hover {
 	text-decoration: none;
	background-color: #ebf2cd;
 	
 	/*color: #efb310;	*/
 }	

#tekstCarousel div.kopjes a:last-of-type {
	/*border-right: none;	*/
}

#tekstCarousel div.kopjes a.active {
	border: 1px solid #b4ce42;
	/*color: #efb310;*/
	text-decoration: none !important;
	background-color: #ebf2cd;
}




#tekstCarousel div.carousel-indicators button {
	/*background-color: #b4ce42;*/
	background-color: #0090c7;
	height: 6px;

}

#tekstCarousel div.carousel-indicators button.active {
	/*background-color: #0090c7;*/
}

#tekstCarousel a, #tekstCarousel a:visited {
	color: #0090c7;
	text-decoration: none;
	font-weight: bold;
	transition: 0.5s;
}

#tekstCarousel a i {
	padding-right: 6px;
	transition: 0.5s;	
}

/*tijdelijk*/
#tekstCarousel p.text-intro a {
	display: none;
}

#tekstCarousel a:hover {
	text-decoration: underline;
}

#tekstCarousel a:hover i {
	color: #efb310;
	/*transition: 0.5s;*/

}

#tekstCarousel.carousel.slide {
	/*height: auto;*/
	/*transition: 2.5s;*/


}















@media (min-width: 1200px) {
	
	#tekstCarousel div.kopjes {
		bottom: 0px;	
	}
	
	#tekstCarousel {
		/*padding-bottom: 70px;*/
	}

}


@media (max-width: 575.98px) {
	
	#tekstCarousel div.kopjes {
		bottom: 0px;
	}
	
	#tekstCarousel div.kopjes a, #tekstCarousel div.kopjes a:visited {
		
		line-height: 44px;
		/*border: none;*/
		padding: 7px 13px;
		
		font-size: 15px;

		/*border-radius: 0px;*/
	
	}
	
	#tekstCarousel div.kopjes a.active {
		/*border: none;*/
		text-decoration: none !important;
	}
}


/*@media (min-width: 400px) {

	#tekstCarousel .carousel-inner {
		/*min-height: 980px;*!/
		height: auto;
	}

}


@media (min-width: 767px) {

	#tekstCarousel .carousel-inner {
		min-height: 680px;
		height: auto;
	}

}*/




/*@media (min-width: 992px) {

	#tekstCarousel .carousel-inner {
		min-height: 560px;
		height: auto;
	}

}


@media (min-width: 1200px) {

	#tekstCarousel .carousel-inner {
		min-height: 480px;
		height: auto;
	}

}*/




div.container.mainnav {
	position: relative;
}

@media (min-width: 992px) {
	#zoekform {
		position: absolute;
		right: 10px;
	}
	
	
	#zoekform.verberg {
		display: none !important;
	}

}



@media (max-width: 991.98px) {

	#mainCarousel button.carousel-control-next, #mainCarousel button.carousel-control-prev {
		display: none;
	}
	
	#zoekform {
		position: static;
		margin-left: 48px;
		margin-bottom: 20px;
		margin-top: 10px;
		/*top: 11px;*/
		/*bottom: 10px;
		right: 40px;
		left: 25%;*/
	}
	
	ul#awesomplete_list_1 {
		padding-left: 0px !important;		
	}
	
	button.navbar-toggler {
		border-color: #0090c7 !important;
		max-height: 39px;
		height: 39px;
		position: absolute;
		right: 14px;
		top:  9px;
		transition: 0.5s;	
	}
	
	/*nav#main-nav button.navbar-toggler i {
		color: #0090c7 !important;
		
	
	}*/
	
	
	button.navbar-toggler:hover {
		/*background-color: #d9eef7;*/
		/*transition: 0.5s;*/
		
	}
	
	
	/* kruisje hamburger */
	.navbar-toggler span {
	  display: block;
	  background-color: #0090c7;
	  height: 3px;
	  width: 25px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	  position: relative;
	  left: 0;
	  opacity: 1;
	  transition: all 0.35s ease-out;
	  transform-origin: center left;
	}
	
	.navbar-toggler span:nth-child(1) {
	  margin-top: 0.3em;
	}
	
	.navbar-toggler:not(.collapsed) span:nth-child(1) {
	  transform: translate(15%, -33%) rotate(45deg);
	}
	
	.navbar-toggler:not(.collapsed) span:nth-child(2) {
	  opacity: 0;
	}
	
	.navbar-toggler:not(.collapsed) span:nth-child(3) {
	  transform: translate(15%, 33%) rotate(-45deg);
	}
	
	.navbar-toggler span:nth-child(1) {
	  transform: translate(0%, 0%) rotate(0deg);
	}
	
	.navbar-toggler span:nth-child(2) {
	  opacity: 1;
	}
	
	.navbar-toggler span:nth-child(3) {
	  transform: translate(0%, 0%) rotate(0deg);
	}
	
	
}


@media (max-width: 991.98px) {
	
	#mainCarousel div.carousel-caption h2 {
		font-size: 5vw;
		padding-left: 32px;
		padding-right: 32px;
	}
	
}





@media (max-width: 575.98px) {
	
	#tekstCarousel button.carousel-control-next, #tekstCarousel button.carousel-control-prev {
		display: none;
	}
	
	#mainCarousel .carousel-item img {
    	height: 90vh;
	}
	
	
	#mainCarousel div.carousel-caption h2 {
		font-size: 6vw;
		padding-left: 18px;
		padding-right: 18px;
	}

}


/* C A R O U S E L  */



/*  O N T M O E T .  C A R O U S E L   */

@media (max-width: 766.98px) {
    
	#ontmoetCarousel .carousel-inner .carousel-item > div {
        /*display: none;*/
    }
	
    #ontmoetCarousel .carousel-inner .carousel-item > div:first-child {
        /*display: block;*/
    }
}

#ontmoetCarousel .carousel-inner .carousel-item.active,
#ontmoetCarousel .carousel-inner .carousel-item-next,
#ontmoetCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}


/* medium and up screens */
@media (max-width: 766.98px) {
    
    #ontmoetCarousel .carousel-inner .carousel-item-end.active,
    #ontmoetCarousel .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
    
    #ontmoetCarousel .carousel-inner .carousel-item-start.active, 
    #ontmoetCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
}





/* medium and up screens */
@media (min-width: 768px) {
    
    #ontmoetCarousel .carousel-inner .carousel-item-end.active,
    #ontmoetCarousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    #ontmoetCarousel .carousel-inner .carousel-item-start.active, 
    #ontmoetCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}


#ontmoetCarousel .carousel-inner .carousel-item-end,
	#ontmoetCarousel .carousel-inner .carousel-item-start { 
    transform: translateX(0);
}


/*#ontmoetCarousel .carousel-indicators {
	bottom: -50px;
}*/

#ontmoetCarousel {
	background-color: #0090c7;
	/*will-change: transform;*/

}

#ontmoetCarousel img.img-fluid {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	max-width: 100%;
}

#ontmoetCarousel .col-6 {
	position: relative;
}

#ontmoetCarousel a.naam {
	position: absolute;
	left:  14px;
	bottom: 14px;
	text-decoration: none;
	color: #000;
	/*background-color: rgba(255, 255, 255, 0.85);*/
	background-color: #b4ce42;
	padding: 4px 12px;
	/*border-radius: 3px;*/
	
}

@media (max-width: 575.98px) {

	#ontmoetCarousel a.naam {
		font-size: 13px;
		padding: 3px 10px;
		left:  12px;
		bottom: 11px;	
	}
}


#ontmoetCarousel a.overlay, #ontmoetCarousel a.overlay:visited {
	position: absolute;
	left:  0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: rgba(0, 144, 199, 0.15);
	border:  0px solid #b4ce42;
	transition:all 0.5s;

	
}

#ontmoetCarousel a.overlay:hover {
	background-color: rgba(0, 144, 199, 0.0);
	transition:all 0.5s;
	border:  14px solid #b4ce42;
}


#ontmoetCarousel span.carousel-control-next-icon, #ontmoetCarousel span.carousel-control-prev-icon {
		/*z-index: 3;*/
}





/* O N T M O E T    C A R O U S E L  */



/* T E G E L S */


@media (min-width: 768px) { 

	.box {
		position: relative;
		/*width: 25%;*/		/* desired width */
	}

}

.box:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.content {
	float: left;
	
}


.tegels {
	background-color: #0090c7;
}


.tegels .box {
	/*display: none*/
	position: relative;
	overflow: hidden;
/*	height:  400px;*/
}


.tegels .box h1 {
	position: absolute;
	font-size: 18px;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	top:  0px;
	z-index: 10;
}






/*h1 opofferen als link text verbergen */
.tegels .box h1 a, .tegels .box h1 a:visited {
	color: #fff;
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	padding-top: 20px;
	
	/*text-indent: -999px;*/
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	
	background-color: rgba(0, 144, 199, 0.4);

	/*background-image: url('../img/icons/7.svg');*/
	/*background-size: 50px;*/
	/*background-repeat: no-repeat;*/
	/*background-position: center;*/
	
	transition:all 0.5s ;
	transition-timing-function: ease-in-out;
	
	border:  0px solid #b4ce42;

	

}	






/*@media (hover: hover) {*/
  
  .tegels .box h1 a:hover {
	color: #fff;
	background-color: rgba(0, 144, 199, 0.0);
	background-size: 60px;
	transition:all 0.5s;
	transition-timing-function: ease-in-out;
	opacity: 1;
	border:  8px solid #b4ce42;
	}

/*}*/



.tegels .box h1 a::before {
	content: '\f075';
	text-indent: 0%;
	font-family: "Font Awesome 6 Free";
	font-size: 50px;
	color: #fff;
	/*margin: 0px;*/
	/*padding: 0px;*/
	left: 50%;
    transform: translate(-50%, -50%);
	/*transform-origin: center;*/
	top: 50%;
	width: 60px;
	width: 80%;
	text-align: center;
	/*height: 100%;*/
	position: absolute;
	font-weight: 400;
	opacity: 1;
	transition:all 0.5s;
	transition-timing-function: ease-in-out;	
	/*background-color: #000;*/
	

}


/*@media (hover: hover) {*/

	.tegels .box h1 a:hover::before {
		font-size: 60px;
		opacity: 0.8;
		
	}

/*}*/





.tegels .box h1 a.een::before {
	content: '\f06e'; /*oog*/
	font-weight: 400;

}


.tegels .box h1 a.twee::before {
	content: '\f518'; /*gids*/
	font-weight: 900;
	/*content: '\f518';*/
}

.tegels .box h1 a.drie::before {
	content: '\f0eb'; /*licht*/
	font-weight: 400;	
}

.tegels .box h1 a.vier::before {
	content: '\f0c3'; /*lab*/
	font-weight: 900;	
}


.tegels .box h1 a.vijf::before {
	content: '\f13d'; /*anker*/
	font-weight: 900;
}

.tegels .box h1 a.zes::before {
	content: '\f030'; /*camera*/
	font-weight: 900;
}

.tegels .box h1 a.zeven::before {
	content: '\f075'; /*sleutel*/
	font-weight: 900;
}

.tegels .box h1 a.acht::before {
	content: '\f084'; /*sleutel*/
	font-weight: 900;
}


.tegels .box h1 a.negen::before {
	content: '\f167';  /*video*/
	font-weight: 900;
	font-family: "Font Awesome 6 Brands";
}

.tegels .box h1 a.tien::before {
	content: '\f3c9';  /*microfoon*/
	font-weight: 900;
}


.tegels .box h1 a.elf::before {
	content: '\f0c0'; /*users*/
	font-weight: 900;
}

.tegels .box h1 a.twaalf::before {
	
	content: '\f0a1'; /*megafoon*/
	font-weight: 900;
}


.tegels .box h1 a.pdf::before {
	
	content: '\f1c1'; /*pdf*/ 	
	font-weight: 900;
}







.tegels a.kopje {
	text-decoration: none;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;	
	position: absolute;
	z-index: 11;
	display: block;
	width: 100%;
	bottom: 15px;
	padding: 0px 10px;
	
	text-shadow: 1px 1px #000;
	font-weight: 700;
	
	
}


@media (max-width: 766.98px) {
	
	.tegels .box h1 a {
		background-size: 40px;		
		background-position: 50% 40%;
		background-color: rgba(0, 144, 199, 0.3); /*xxx*/
	}
	
	.tegels a.kopje {
		font-size: 14px;
		line-height: 17px;
		text-shadow: 1px 1px #000;
		/*background-color: rgba(0, 144, 199, 0.6);*/

	}
	
	.tegels .box h1 a::before {
		
		font-size: 36px;
		transform: translate(-50%, -70%);
		opacity: 0.9;

	}
	
	section.watstaat h2 {
		font-size: 28px;
	}
	
}



.tegels .box figure {
	/*width: 100%;*/
	/*height:  100%;*/
	object-fit: cover;
	/*display: none*/
}	

.tegels .box figure img {
	position: absolute;
	object-fit: cover;
	object-position: center;
    width: 100%;
    height: 100%;
	

}

@media (min-width: 1200px) {
	
	.tegels a.kopje {
		bottom: 30px;
		padding: 0px 16px;
	
	}
	
	.tegels .box h1 a:hover {
		/*background-size: 90px;*/
		border: 10px solid #b4ce42;	
	}
	
	.tegels .box h1 a:hover::before {
		font-size: 80px;
	
	}

}




@media (min-width: 1400px) {
	
	.tegels a.kopje {
		bottom: 30px;	
	}
	
	.tegels .box h1 a:hover {
		/*background-size: 120px;*/
		border: 14px solid #b4ce42;	
	}
	
	.tegels .box h1 a:hover::before {
		font-size: 110px;
	
	}

}






/* E I N D E   T E G E L S */



/* W A T . S T A A T  E R  */

section.watstaat {
	padding: 120px 0px;
	/*background-color: #d9eef7;*/
	background-color: #f5f8e6;  /* groen */
	overflow-x: hidden;
	overflow-y: hidden;
	height: auto;
	background-image: url('../img/boom.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;	
}

section.watstaat .row {
	margin-bottom: 0px;
}


section.watstaat .row:hover img {
	/*border: 0px solid #0090c7;	*/
	/*border: 8px solid #0090c7*/;	
	border: 0px solid #b4ce42;	
	transition:all 0.5s;	
	
}


section.watstaat h2 {
	color: #0090c7;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #0090c7;
}

section.watstaat h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
}

section.watstaat h4 {
	color: #0090c7;
	/*font-weight: normal;*/
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 4px;
	font-size: 18px;
}

.watstaater a.kopje {
	/*display: none;*/
}

.watstaater a, .watstaater a:visited {
	text-decoration: none;
	color: #0090c7;	
}

.watstaater a:hover {
	text-decoration: underline;
}


.watstaater div.row.align-items-center {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.0);
	transition:all 0.5s;
}

.watstaater div.row.align-items-center:hover {
	/*background-color: rgba(255, 255, 255, 0.6);*/
	
	transition:all 0.5s;	
	/*border-top: 1px #b4ce42 solid;*/
	/*border-bottom: 1px #b4ce42 solid;*/

}


.watstaater .onder .readmore {
	margin-top: 20px;
}


.watstaater img {
	float: right;
	margin-right: 20px;
	width: 240px;
	height: 240px;
	min-width: 240px;
	
	border-radius: 50%;
	border: 8px solid #b4ce42;
	object-fit: cover;
	transition:all 0.5s;		
}

@media (max-width: 766.98px) {

	.watstaater img {
		float: none;
		margin-left: 0px;
		margin-bottom: 20px;
		width: 100%;
		height: 360px;
		max-height: 360px;
		min-height: 360px;
		border-radius: 0px;
		-webkit-border-radius: 32px;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius: 32px;
		-moz-border-radius-bottomleft: 0;
		border-radius: 32px;
		border-bottom-left-radius: 0;
	}
	
	.watstaater div.row.align-items-center {
		
		padding-bottom: 0px;	
	
	}
	
	
	/* mobile ios sneller */
	 .tegels .box h1 a:hover {
	 		transition:all 0.2s;		
	 }

}




/* E I N D E . W A T . S T A A T  E R  */

/* T O P   N A V  */

nav#top-nav {
	padding: 2px !important;
	font-size: 13px;
	/*position: fixed;*/
	position: sticky;
	position: -webkit-sticky;
	width: 100%;
	z-index: 1000;
	/*background-color: #e7f5fa !important;*/
	
	background-color: rgba(255, 255, 255255, 0.95) !important;
	/*background-color: #d9eef7 !important;
	border-bottom: 1px dotted #0090c7 !important;*/
	border-bottom: 1px solid #b4ce42 !important;
	top: -38px;
	left: 0;
	height: 38px; /*38px*/
}


nav#top-nav a, nav#top-nav a:visited {
	/*color: #fff;*/
	color: #000;
	text-transform: uppercase;
	padding-left: 12px !important;
	
	letter-spacing: 1px;
	transition:all 0.5s;	
	
	padding-top: 8px; /*8px*/
	padding-bottom: 8px;
	
}




/* iets minder hoge balk boven */
@media screen and (min-width: 992px) and (max-width: 1400px) and (max-height: 860px) {


	nav#top-nav {
		height: 34px; /*38px*/	
	}	
	
	nav#top-nav a, nav#top-nav a:visited {
		padding-top: 6px; /*8px*/
		padding-bottom: 6px;	
	}
	
	#mainCarousel {
		height: calc(100vh - 94px - 62px);		
	}
	
	#mainCarousel img {
		max-height: calc(100vh - 94px - 62px);	
		
	}


}





nav#top-nav a:hover {
	color: #0090c7;
	transition:all 0.5s;	
}

nav#top-nav ul.nav.regular {
	margin-right: 2px;
}



ul.nav.socials {
	font-size: 20px;
	margin-top: -6px;
	max-height: 40px;
}

ul.nav.socials li {
	min-width: 39px;
}

ul.nav.socials li a {
	min-width: 39px;
	padding-bottom: 1px;
	max-height: 50px;
}

/* loupe */
nav#main-nav .btn-outline-primary {
	background-color: #ebf2cd;
	color: #0090c7;
	border-color: #0090c7;
}


nav#main-nav .btn-outline-primary:hover, 
nav#main-nav .btn-outline-primary:active,
nav#main-nav .btn-outline-primary:focus,
nav#main-nav .btn-outline-primary:visited {
    color: #fff;
	background-color: #0090c7 !important;
    border-color: #0090c7 !important;
}




div.mod-finder__search.input-group {
	/*width: 170px;*/

}

/* later toegevoegd */
div.mod-finder__search.input-group button {
	width: 50px;
	height: 37px;

}

nav#main-nav input.form-control {
	border-color: #0090c7;
	max-width: 165px;
	width: 165px;
	height: 37px;
}

ul#awesomplete_list_1 {
	max-width: 220px;
}


input#mod-finder-searchword127 {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* M A I N  N A V  */

/* home id = 101 */
nav#main-nav li.nav-item.item-101 {
	display: none;
}



/* zoek id = 196 */
nav#main-nav li.nav-item.item-196,
nav#main-nav li.nav-item.item-176,
nav#main-nav li.nav-item.item-204 {
	display: none;
}



nav#main-nav.navbar .collapse>ul>li a {
	color: #000;
	
}

nav#main-nav.navbar .collapse>ul>li a {
	color: #000;	
}

nav#main-nav.navbar .collapse>ul>li a.active {
	color: #fff;
}

hr.dropdown-divider {
	background-color: #0090c7;
	opacity: 0.4;

}


@media (min-width: 992px) {



	nav#main-nav.navbar .collapse>ul>li {
		padding: 10px 9px; /* eventueel */
		padding-top: 8px;
		height: 56px;
	}
	
	nav#main-nav.navbar .collapse>ul>li {
		transition:all 0.5s;		
	}
	
	nav#main-nav.navbar .collapse>ul>li:hover {
		background-color: #ebf2cd;
		transition:all 0.5s;		
	}
	
	
	
	nav#main-nav.navbar .collapse>ul>li.active {
		background-color: #d9eef7;
		
	}
	
	nav#main-nav.navbar .collapse>ul>li.active>ul>li.active a {
		background-color: #0090c7 !important;
	}
	
	nav#main-nav.navbar .collapse>ul>li.active>ul>li.current a {
		color: #fff;
		
	}
	
	nav#main-nav.navbar .collapse>ul>li>ul>li a {
		transition:all 0.5s;

	}
	
	
	nav#main-nav.navbar .collapse>ul>li>ul>li a:hover {
		background-color: #d9eef7 !important;
		transition:all 0.5s;

		
	}
	
	nav#main-nav.navbar .collapse>ul>li>ul>li a:active {
		color: #0090c7 !important;
		
	}
	
	hr.dropdown-divider {
	
		margin: 5px 0px

	}
	


}


	nav#main-nav.navbar .collapse>ul>li.active>ul>li.active a, nav#main-nav.navbar .collapse>ul>li.active>ul>li a:focus {
		background-color: #0090c7 !important;
		color: #fff;		
	}


	nav#main-nav.navbar ul li.current.active a {
		color: #000;				
		
	}
	
	nav#main-nav.navbar .collapse>ul>li>ul>li a:hover {
		background-color: #d9eef7 !important;
		transition:all 0.5s;

		
	}
	
	
	/* externe link */
	a.ex-icon::before {
		content: '\f360';
		font-family: "Font Awesome 6 Free";
		display: inline-block;
		padding-right: 6px;
		/*padding-right: 3px;*/
		/*vertical-align: middle;*/
		font-weight: 900;
		color: #b4ce42;
		opacity: 1;

	}



.btn:focus, .btn:active {
   outline: none !important;
   box-shadow: none;
   
}



nav a:focus, nav a:active {
   outline: none !important;
   box-shadow: none;
}

nav a.nav-link.hidden {
	display: none;
}





.overzicht {
	padding-top: 12px;
	border-top: 1px solid #0090c7;
	margin-bottom: 24px;
	clear: both;
	
}

.overzicht a.btn {
	margin-bottom: 12px;
}



nav#main-nav.navbar {

	/*top:  43px;*/
	margin-top: 0px;
	padding: 0px;
	position: sticky;
	position: -webkit-sticky;	
	top: 0;	

	/*min-height: 60px;*/
	background-color: rgba(255, 255, 255, 0.95) !important;
	/*padding-bottom: 0px !important;	*/
	
	border-bottom: 1px solid #b4ce42;
	
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
	
	height: 56px;
}

nav.navbar a.navbar-brand {
	/*padding: 0;*/
	display: block;
	padding-top: 8px;
}


nav#main-nav.navbar ul ul {
	border-color: rgba(0, 144, 199, 0.3); /*kleur als dropdown-divider*/
	/*opacity: 0.4;*/
}


@media (min-width: 992px) {

	nav#main-nav.navbar ul ul {
		margin-top: 2px !important; /* submenu afstand balk */
		box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.05);
		min-width: 240px;
	}
	
	/* admin */
	nav#main-nav.navbar ul li.item-177 ul {
		/*display: none;*/
		min-width: 160px;
	}
}


@media (max-width: 991.98px) { 

	nav#main-nav.navbar ul {
		padding-left: 50px;
		margin-bottom: 0px;  /*20*/
		
	}
	
	nav#main-nav.navbar ul ul {
		padding-left: 0px;
		
	}
	
	nav#main-nav.navbar {
		height: auto;
		/*height: 56px;*/

	}
	
	nav.navbar a.navbar-brand {
		/*padding: 0;*/
		display: block;
		padding-top: 4px;
	}
	
	
}




.lestijden table.table {
	/*display: block;*/
	width: 100%;
	border-bottom: 2px solid #b4ce42;
	margin-bottom: 24px;
} 


.lestijden tr:nth-child(odd) {
	background-color: #fff;
	transition:all 0.5s;		
} 

.lestijden td {
	width: 50% !important;
	border: none;
	/*border-bottom: 1px #b4ce42;*/
	/*border-top: 1px #b4ce42;*/
	

}

.lestijden tr:nth-child(even) {
	background-color: transparent;
	transition:all 0.5s;	
}




.lestijden tr:hover {
	/*background-color: #0090c7;*/
	background-color: #b4ce42;	
	color: #fff;
	transition:all 0.5s;	
	/*font-weight: 700;*/
} 


a[href$=".pdf"]::before {
  
  	content: '\f1c1';  	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;	
	display: inline-block;
	padding-right: 6px;
	/*color: #f40f02;*/
	color: #0090c7;
	
	/* vertical-align: middle; */

}

a[href$=".docx"]::before, a[href$=".doc"]::before {
  
  	content: '\f1c2';  	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;	
	display: inline-block;
	padding-right: 6px;
	/* vertical-align: middle; */

}




.overbsg h1.section-heading {
	margin-top: 18px;
	margin-bottom: 10px;
	color: #0090c7;
}

h3.section-heading {
	margin-top: 0px;
	margin-bottom: 20px;
}

a.btn, a.btn:visited {
	border: 1px #0090c7 solid;
	background-color: #fff;
	transition:all 0.5s;
	text-decoration: none !important;
	
}

a.btn:hover {
	border: 1px #0090c7 solid;
	background-color: #0090c7;
	color: #fff;
	transition:all 0.5s;
	text-decoration: none;
}



a.btn.diap, a.btn.diap:visited {
	border: 1px #0090c7 solid;
	background-color: #fff;
	transition:all 0.5s;
}

a.btn.diap:hover {
	background-color: #0090c7;
	text-decoration: none;
	color: #fff;
}


/* admin */
@media (min-width: 992px) {
	
	li.nav-item.item-177 {
		min-width: 160px;
		/*background-color: #ebf2cd !important;*/
		background-color: #efb310 !important;
		color: #fff !important;
		
		position: absolute;
		right: 0;
		
	}
	
	li.nav-item.item-177 a {
		color: #fff !important;
	}
	
	li.nav-item.item-177 ul li a {
		color: #000 !important;
	}
	
}


input#remember.form-check-input:checked {
	background-color: #b4ce42;
}



/* J O O M L A  */

p.readmore a.btn, p.readmore a.btn:visited {
	color: #0090c7;
}




p.readmore a.btn:hover {
	color: #ffffff;
	text-decoration: none;
}

.blog-item figure img {
	max-width: 100%; 
	height: auto;
}

/* nieuwspag class is pageclass joomla bij menu*/
.nieuwspag .blog-item {
	border-bottom: 6px solid #b4ce42;
	margin-bottom: 8px;
	/*visibility: hidden;*/
}

.nieuwspag div.page-header h1 {
	display: none;
}

.com-content-article__body {
	/*visibility: hidden;*/
}


/* external links icon */
.com-content-article__body a[href]:not(:where(
  [href^="#"],
  [href^="/"]:not([href^="//"]),
  [href*="tel"], /* ggeen tel */
  [href*="mailto"],  /* geen mail */
  [href*="//berger-sg.nl"],
)):after {
 	content: '\f35d';  	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;	
	display: inline-block;
	padding-left: 4px;
	color: #0090c7;
	opacity: 0.8;;
}

.com-content-category-blog a[href]:not(:where(
  [href^="#"],
  [href^="/"]:not([href^="//"]),
  /* [href*="tel"], geen tel */
  [href*="mailto"],  /* geen mail */
  [href*="//berger-sg.nl"],
)):after {
 	content: '\f35d';  	
	font-family: "Font Awesome 6 Free";
	font-weight: 900;	
	display: inline-block;
	padding-left: 4px;
	color: #0090c7;
	opacity: 0.8;
}


/*.com-content-article__body a:not([href$=".pdf"]):before {
	content: '\f0c1';  	
	font-family: "Font Awesome 5 Free";
	font-weight: 900;	
	display: inline-block;
	padding-right: 4px;
	color: #0090c7;
	opacity: 0.8;

}*/


.com-content-article__body a, .com-content-article__body a:visited {
	color: #0090c7;
	display: inline-block;
	text-decoration: none;

}

.com-content-article__body a:hover {
	text-decoration: underline;
}


.com-content-category-blog .blog-item a, .com-content-category-blog .blog-item a:visited {
	color: #0090c7;
	text-decoration: none;

}

.com-content-category-blog .blog-item a:hover {
	text-decoration: underline;
}



.com-content-article__body hr.dotted {
	border-bottom: 6px solid #b4ce42;
	margin-bottom: 12px;
	opacity: 1;
/*	visibility: hidden;*/
}



/* O N T M O E T  */



body.ontmoetpag {
	/*background-color: #d9eef7;*/
	/*background: rgb(0,144,199);*/
	/*background: linear-gradient(90deg, rgba(0,144,199,1) 0%, rgba(180,206,66,1) 69%);*/
	/*background-color: #0090c7;*/
	/*background-color: #b4ce42;*/
	
}



section.ontmoet {
	background-color: #f5f8e6;  /* groen */
	/*background-image: url('../img/header2.jpg');*/
	background-image: url('../img/boom.svg');
	background-repeat: no-repeat;
	background-size: cover;
	/*background-position: bottom;*/
}


.ontmoetpag .blog-item {
	/*border-bottom: 2px dotted #0090c7;*/
	margin-bottom: 0px;
}


.ontmoetpag .blog-item img {
	max-width: 100%; 
	height: auto;
	border-radius: 50%;
	border: 10px solid #b4ce42;
	transition:all 0.7s;	
	
	/*box-shadow: 7px 5px 14px -1px rgba(0,0,0,0.3);*/
	
}

.ontmoetpag .item-content, .ontmoetpag .category-desc {
	/*visibility: hidden;*/
}

div.row.ontmoet:hover img {
	/*border: 0px solid #0090c7;	*/
	border: 0px solid #fff;	
	transition:all 0.7s;	
	
}


.ontmoetpag div.page-header h1 {
	font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #b4ce42;	
}

.ontmoetpag div.page-header h2 {
	color: #0090c7;	
	font-size: 44px;
	/*visibility: hidden;	*/
}

div.row.ontmoet {
	/*border-radius: 8px;*/
	padding-top: 18px;
	padding-bottom: 18px;
	transition:all 0.7s;	
	/*background-color: rgba(217, 238, 247, 0);*/
	background-color: rgba(255, 255, 255, 0);
	
}




div.row.ontmoet:hover {
	/*background-color: rgba(235, 242, 205, 1);*/
	/*background-color: rgba(255, 255, 255, 0.8);*/
	/*transition:all 0.7s;	*/
}


div.row.ontmoet .bgfoto {
	/*align-self: flex-start;*/
}



@media (min-width: 1200px) {
	
	div.row.ontmoet div.ontmoet {
		padding-top: 20px;
	/*display: none*/
	}

}

@media (min-width: 1400px) {

	div.row.ontmoet div.ontmoet {
		padding-top: 50px;
	/*display: none*/
	}

}







div.page-header h2 {
	font-size: 54px;
	color: #0090c7	
}





div.bgvervolg.right p {
	/*font-size: 16px;*/
}





div.bgvervolg.right {
	padding-top: 30px;
	/*background-color: #fff;*/
	/*border-right: 1px solid #b4ce42;*/
	/*background-color: #f7faea;*/
	

}

body.ontmoetpag div.bgvervolg.right {
	border-right: 0px;
}



/* smart search */

.awesomplete mark {
	/*background: #ebf2cd;*/
	background: #ffff90;
	background-color: #ffff90;
}

/*p.result__description mark, 
span.result__title-text mark, 
div.page-header h1 mark, 
div.page-header h2 mark, 
div.com-content-article p mark {
	background: #ffff90;
	padding-left: 0px;
	padding-right: 0px;
	
}*/

div.bgvervolg mark {
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;	
}


div.bgvervolg a mark, div.bgvervolg h4 mark {
	color: #0090c7;

}

div#search-results mark {
	background: #ffff90;
	padding-left: 0px;
	padding-right: 0px;
}

span.result__title-text { 
	color: #0090c7 !important;
}

span.result__title-text mark, 
div.page-header h1 mark, 
div.page-header h2 mark { 
	color: #0090c7 !important;
}


/*zoeken verbergen bij resulateten*/
form.js-finder-searchform div.form-inline {
	display: none;
}


/* nieuws */


.nieuwspag div.page-header h2 {
	font-size: 48px;
	/*font-size: 32px;*/
	line-height: 110%;
	/*visibility: hidden;*/
}

.nieuwspag .blog div.page-header h2 {
		font-size: 32px;


}





.nieuwspag div.row.ontmoet {
	/*border-radius: 8px;*/
	padding-top: 0px;
	padding-bottom: 22px;
	transition:all 0.7s;	
	/*background-color: rgba(217, 238, 247, 0);*/
	background-color: rgba(255, 255, 255, 0);
	
}


div.bgvervolg.left {
	padding-bottom: 60px;
	padding-top: 100px;
	position: relative;
	min-height: calc(100vh - 130px); /* was 100 */
	
}

body.kalender div.bgvervolg.right {
	margin-bottom: 24px;
}





.nieuwspag div.row.ontmoet:hover {
	background-color: transparent;
}

.nieuwspag div.row.ontmoet img.img-fluid {
	min-height: 260px;
	height: 260px;
    object-fit: cover;
    object-position: center;	
	width: 100%;
	min-width: 100%;
	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	
}



@media (max-width: 575.98px) {
	
	.nieuwspag div.row.ontmoet img.img-fluid {
		margin-bottom: 10px;
	}
}


body.nieuwspag {
	/*background-color: #ecf6fb;		*/
}

.nieuwspag div.page-header h1, 
.contact div.page-header h1, 
.kalender div.page-header h1  {
	/*display: none;*/
}



/*blog*/
div.overview-blog {
	border-top: 1px solid #1b8fa0;
	border-bottom: 1px solid #1b8fa0;
	/*visibility: hidden;*/
	clear: both;
	margin-bottom: 24px;
}


div.overview-blog a, div.overview-blog a:visited {
	display: block;
	/*background-color: #fff;*/
	padding: 6px;
	padding-left: 14px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1b8fa0;
	transition:all 0.5s;
	font-weight: 700;
}

div.overview-blog a:hover {
	/*background-color: #fff;*/
	/*color: #fff;*/
	/*background-color: #0090c7;	*/
	/*background-color: #b4ce42;*/
	/*border-top: 1px solid #b4ce42;*/
	/*border-bottom: 1px solid #b4ce42;*/
}

div.overview-blog a i {
	color: #efb310;
	transition: 0.25s;	
}

div.overview-blog a:hover i {
	color: #1b8fa0;
	transition: 0.25s;
	transform: rotate(-360deg);
	
}




/* pagination newspages */

nav.pagination__wrapper ul li.page-item a {
	/*display: none;*/
	/*border-color: red !important;*/
}

nav.pagination__wrapper ul li.disabled.page-item {
	/*display: none;*/
	/*border-color: red !important;*/
}


nav.pagination__wrapper ul li.page-item a:hover {
	background-color: #b4ce42;
	color: #fff;

}

nav.pagination__wrapper li.active.page-item {
		background-color: #0090c7;
}

/* hoeveel pags verbergen */
.blog .counter.float-end {
	display: none;
}







/* kalender */
.kalender .blog-item {
	/*visibility: hidden;*/
	margin-bottom: -16px;
	
}

body.kalender h2 {
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 6px;
	font-size: 32px;
	font-weight: 700;
	color: #efb310;	
}

body.kalender div.bgvervolg.right p strong {
	color: #0090c7;
	font-weight: 700;
	/*margin-left: 21px;	*/
	text-transform: uppercase;
	letter-spacing: 1px;
}

body.kalender div.bgvervolg.right p {
	margin-bottom: 0px !important;
	padding-left: 24px;
	/*border-left: solid 3px #b4ce42;*/
}



body.kalender div.bgvervolg.right  ul {
	list-style: none;
	padding: 0;
	/*margin-left: 20px;*/
	margin-bottom: 0px;	
	margin-left: 22px;
}

body.kalender div.bgvervolg.right  ul li {
	padding-left: 1em;
	line-height: 1.5;
	position: relative;
	

  	word-break: keep-all;

}

body.kalender div.bgvervolg.right  ul li::before {
	
	position: absolute;
	/*margin-left: -18px;*/
	content: '\f0da';
	/*content: '\f360';*/
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	padding-right: 6px;
	font-weight: 900;
	color: #b4ce42;
	/*color: #efb310;*/
	top: 0;
	left: 3px; /* same as padding-left set on li */
	width: 1.4em; /* same as padding-left set on li */
}




/*body.kalender div.bgvervolg.right p strong::before {
	
	content: '\f101';
	position: absolute;
	/*content: '\f360';*!/
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 2px;
	font-weight: 900;
	
	
	color: #b4ce42;
	margin-left: -24px;

}*/

body.kalender div.bgvervolg.right .blog-items {
	padding-left: 0px;
	margin-top: 18px;
}

body.kalender div.bgvervolg.right .blog-item .item-content {
	border-left:  1px solid #b4ce42;
	margin-left: 24px;

	padding-top: 7px;
	padding-bottom: 8px;
	transition: 0.5s;	

}

body.kalender div.bgvervolg.right .blog-item .item-content:hover {
	/*background-color: #fff;*/
	border-left:  10px solid #b4ce42;
	/*background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);	*/
	background-color: #fff;
	transition: 0.5s;
}


@media (max-width: 719.98px) {
	
	body.kalender div.bgvervolg.right .blog-item .item-content {		
		margin-left: 12px;
	}
	
	body.kalender div.bgvervolg.right p {
		margin-bottom: 0px !important;
		padding-left: 12px;
	}



	body.kalender div.bgvervolg.right  ul {
		margin-left: 11px;
	}

}




/*body.kalender div.bgvervolg.right .blog-item {
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}*/







/* leerlingmiddag */

.leerlingmiddag div.item-content {
	/*padding-right: 24px;*/
	/*visibility: hidden;*/
}

.nieuwspag div.item-content {
	/*padding-right: 24px;*/
	/*visibility: hidden;*/
}





/* footer */
footer.footer {
	min-height: 540px;
	/*max-height: 540px;*/
	/*background-color: #b4ce42;*/
	background-color: #0090c7;
	
	padding-top: 40px;
	padding-bottom: 0px;
	
}


footer.footer div.col-md-4.first {
	border-left: 1px dotted #48afd7;	
}

footer.footer div.col-md-4 {
	border-right: 1px solid #48afd7;
	
	padding-left: 0px; /*nw*/
	padding-right: 0px; /*nw*/
}

footer.footer li hr {
	/*	visibility: hidden;*/
	/*color: #d9eef7;*/
	background-color: #48afd7;
	width: 100%;
	height: 1px;
	/*padding-top: 0px!important;*/
	/*padding-bottom: 0px !important;*/
	margin-top: 8px;
	margin-bottom: 8px;
	opacity: 1;
}

footer.footer h5 {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	
	padding-left: 9px; /*nw*/
}

@media (max-width: 576px) {

	footer.footer h5 {
		
		padding-left: 1px; /*nw*/
	}

}




footer.footer ul {
  list-style-type: none;
  padding: 0;
}
 

footer.footer a, footer.footer a:visited {
	display: block;
	padding: 3px;
	padding-left: 10px; /*nw*/
	font-size: 16px;
	color: #fff;
	color: #d9eef7;
	text-decoration: none;
	transition: 0.5s;

}

footer.footer a:hover {
	/*text-decoration: underline;*/
	color: #fff;
	background-color: #0085b8;
	/*background-color: #229fce;*/
	transition: 0.5s;	
}


footer.footer a i.fas {
	padding-right: 3px;
}


footer.footer .tagline {
	margin-top: 40px;
	text-align: center;
	background-color: #fff;
	/*color: #fff;*/
	padding: 12px;
	padding-top: 21px;
}
footer.footer .tagline h2 {
	color: #b4ce42;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 58px;
	line-height: 60px;
}

footer.footer .tagline img {
	margin-top: -8px;
	margin-right: 12px;
}


/* adres */
footer.footer div.adres {
	color: #0090c7;
	margin-top: 8px;
	margin-bottom: 12px;
}

footer.footer div.adres a, footer.footer div.adres a:visited {
	display: inline-block;
	color:  #0090c7;
	padding: 0px;
}

footer.footer div.adres a:hover {
	background-color: #fff;
	text-decoration: underline;
}

footer.footer div.adres .sep {
	color: #b4ce42;
}



@media (max-width: 719.98px) {

	footer.footer div.adres .sep {
		/*display: none;*/
		display: block;
		visibility: hidden;
		height: 0px;
		overflow: hidden;
	}



	footer.footer a {
		font-size: 16px;
		padding: 3px;
	}
	
	footer.footer .tagline img {
		max-width: 180px;
		margin-bottom: 10px;;
	}
	
	
	
	footer.footer div.col-md-4.first {
		border-left: none;	
	}
	
	footer.footer div.col-md-4 {
		border-right: none;
	}
	
	footer.footer .tagline h2 {
		font-size: 38px;
		line-height: 38px;
	}

	
	
	
	.nieuwspag div.page-header h2 {
		font-size: 32px;
	}
	
	div.page-header h1 {
		font-size: 32px;
		margin-bottom: 12px;	
	}
	
	.kalender div.page-header h1 {
		font-size: 44px;
		margin-bottom: 12px;	
	}
	
	body.kalender div.bgvervolg.right {
		padding-left: 80px;
	}
	
	
	div.bgvervolg.right {
		padding-top: 18px;

	}
	
}


/*@media (min-width: 992px) {

	footer.footer a {
		font-size: 17px;
		padding: 4px;
	}
}*/





/*sub menu*/


/* belangrijk anders scrollbar */
#submenu.navbar-nav.navbar-nav-scroll {
	max-height: none;
	overflow-y:visible;
}

#submenu:before {
	content: "";
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: #0090c7;
	padding-left: 20px;		
	
}

.parent102 #submenu:before {
	content: "Ontdek";
}

.parent115 #submenu:before {
	content: "Ontmoet";
}

.parent235 #submenu:before {
	content: "Groep 8";
}

.parent114 #submenu:before {
	content: "Jouw school";
}

.parent103 #submenu:before {
	content: "Snel naar";
}




div.moduletable.widget--sticky {
	/*display: none !important;*/
	/*margin-bottom: 140px;*/
	/*background-color: #efb310;*/
	
}

#submenu {

  	width: 80%;
	/*background-color: #fff;*/
	background-color: rgba(255, 255, 255, 1);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	border: 0px;
	border-left: #b4ce42 10px solid;
	/*margin-bottom: 20px;*/
	height: auto !important;
	
	/*border-image: linear-gradient(-9deg, #0090c7, #b4ce42) 1;*/
	/*-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);*/
	
	/*-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
	
}

#submenu li {
	/*display: block;*/
	width: 100%;
}

#submenu li a, #submenu li a:visited {
	padding-left: 20px;		
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
	/*background-color: #fff;*/
	transition: 0.5s;
	white-space: normal;
	
}


#submenu li a:hover {
	transition: 0.5s;
	background-color: #d9eef7;

}


#submenu li.active a {
	color: #0090c7;
	font-weight: 700;
}

#submenu .divider {
	height:0;
	/*margin:.5rem 0;*/
	margin: 6px 0;

	overflow:hidden;
	/*border-top: 2px solid rgba(217, 238, 247, 1);*/
	border-top: 1px #b4ce42 solid;
}


	


div.mod-articlesnews:before {
	content: "Nieuws";
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: #0090c7;
	padding-left: 20px;		
	
}

div.mod-articlesnews {
	width: 80%;	/*80*/
	background-color: #fff;
	/*margin-top: 30px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px;
	border-left: #b4ce42 10px solid;
	padding-right: 0px;
	/*border-image: linear-gradient(0deg, #b4ce42, #ebf2cd) 1;*/


	
	/*-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
	
}

div.mod-articlesnews a, div.mod-articlesnews a:visited {
	
	display: block;
	/*width: 100%;*/
	text-decoration: none;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #fff;
	transition: 0.5s;
	padding-right: 12px;
	padding-left: 31px;
	/*font-size: 16px;*/
	
}


div.mod-articlesnews a:hover {
	transition: 0.5s;
	background-color: #d9eef7;
}

div.mod-articlesnews a.active {
	/*color: #0090c7;*/
	/*font-weight: 700;*/
}

div.mod-articlesnews a::before {
	
	/*content: '\f061';*/
	content: '\f0da';
	/*content: '\f360';*/
	font-family: "Font Awesome 6 Free";
	display: block;
	position: absolute;
	padding-right: 0px;
	font-weight: 900;
	width: 10px;
	
	color: #efb310;
	margin-left: -12px;

}


div.mod-articlesnews a.active::before {
	color: #0090c7;
	/*color: #b4ce42;*/
}



@media screen and (min-width: 992px) and (max-width: 1200px) {

	div.mod-articlesnews a, div.mod-articlesnews a:visited {
		/*font-size: 15px;*/
	}	
	
	div.mod-articlesnews {
		/*width: 90%;*/
	}

}




/* open dag */

div.bgvervolg.left div.open-dag {
	padding: 10px 15px;
	padding-bottom: 16px;
	width: 80%;
	color: #0090c7;
	background-color: #fff;
	margin-bottom: 20px;
	/*border-radius: 8px;*/
	border: 0px;	
	border-left: #efb310 10px solid;
	/*border-image: linear-gradient(-9deg, #0090c7, #b4ce42) 1;*/
	
	
	margin-top: 20px;
	/*transition: 0.5s;*/


	/*-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
}

div.bgvervolg.left div.open-dag.widget--sticky {
	/*background-color: red;*/
	/*color: #efb310;*/
	/*transition: 0.5s;*/
	
}

div.bgvervolg.left div.open-dag p {
	margin: 0px;
	color: #000;
} 

div.bgvervolg.left div.open-dag h3 {
	/*font-size: 24px;*/
}

div.bgvervolg.left div.open-dag a, div.bgvervolg.left div.open-dag a:visited {
	color: #0090c7;
	display: inline-block;
	text-decoration: none;
}

div.bgvervolg.left div.open-dag a:hover {
	text-decoration: underline;
}



div.bgvervolg.left div.leerling {
	/*background-color: #0090c7;	*/
}

div.bgvervolg.left div.leerling a.btn, div.bgvervolg.left div.leerling a.btn:visited {
	margin-top: 10px;
	padding: 7px 14px;
} 

div.bgvervolg.left div.leerling a.btn:hover {
	color:  #fff;
	text-decoration: none;
}




/* op volle breedte tot deze grote */

@media (max-width: 991.98px) {
	
	#submenu {
  		width: 100%;
  		/*margin-bottom*/
	}
	
	
	div.mod-articlesnews {
		width: 100%;
	}
	
	
	div.bgvervolg.left {
		padding-bottom: 24px;
		padding-top: 12px;
		min-height: auto;
	
	}
	
	
	div.bgvervolg.left div.open-dag {
		width: 100%;
	}

}












figure.img-fluid img {
	max-width: 100%;
	height: auto;
}

div.com-content-article img  {
	max-width: 100%;
	height: auto;
	/*min-width: 100%;*/

}


div.item-page {
	margin-bottom: 48px;
}


/*ol.watweetje li {
	line-height: 1.5;
}*/


div.item-page ul, div.nieuws ul {
	list-style: none;
	padding: 0;
	margin-left: 0px;
}

div.item-page ul li, div.nieuws ul li {
	padding-left: 1.4em;
	line-height: 1.5;
	position: relative;
}

div.item-page ul li::before, div.nieuws ul li::before {
	
	position: absolute;
	content: '\f061';
	
	/*content: '\f360';*/
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	padding-right: 6px;
	font-weight: 900;
	
	color: #efb310;

	top: 0;
	
	left: 0; /* same as padding-left set on li */
	width: 1.4em; /* same as padding-left set on li */
}

/*div.item-page ul li:before {
	content: "\f061";
	left: -1.1em; /* same as padding-left set on li *!/
}*/




/* video embed */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	margin-bottom: 20px; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}






/* A D M I N  en  E D I T O R* /


/* admin */
div.com-users-login {
	/*display: none*/
}

div.com-users-login button.btn.btn-primary, div.com-users-login button.btn.btn-primary:visited {
	background-color: #0090c7;
}

div.com-users-login button.btn.btn-primary:hover {
	background-color: #b4ce42;
	border-color: #b4ce42;
}


div.com-users-login span.form-control-feedback {
	display: none;
}


div.com-users-login__options {
	display: none;
}


div.com-users-login__input div.controls {
	margin-bottom: 12px;
}


div.form-check {
	margin-bottom: 24px;
}


div.com-users-login div.control-label {
	margin-bottom: 8px;
}



div.com-users-logout button.btn.btn-primary, div.com-users-logout button.btn.btn-primary:visited {
	background-color: #0090c7;
}

div.com-users-logout button.btn.btn-primary:hover {
	background-color: #b4ce42;
	border-color: #b4ce42;
}

#com-content-form {
	margin-bottom: 18px;
}

#adminForm button.btn.btn-primary, #adminForm button.btn.btn-primary:visited {
	background-color: #0090c7;	
}

#adminForm button.btn.btn-primary:hover {
	background-color: #b4ce42;
	border-color: #b4ce42;
}



form#adminForm div.control-label {
	margin-top: 8px;
}

#editor div.tox {
	margin-top: 16px;
}


/* vreemde button bij Categorie niet nodig hier */
div.choices button.choices__button_joomla {
	display: none;
}

div.item-page div.float-end, div.item-content div.float-end {
	background-color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
}

div.float-end a, div.float-end a:visited {
	text-decoration: none;
	color: #0090c7;
	font-size: 14px;
}

div.float-end a:hover {
	text-decoration: underline;
}



div.modal-body {
	/*min-width: 90vw;*/
	/*min-height: 85vh;*/
}

div.modal-body iframe.iframe {
	/*min-width: 90vw;*/
	/*min-height: 75vh;*/
}


div.modal-dialog.modal-lg {
	/*min-width: 90vw;*/	
}

/*div.modal-content {
	min-width: 90vw !important;	
	left:  0px;
}*/




@media (max-width: 575.98px) {
	
	
	nav.navbar a.navbar-brand {
		/*padding: 0;*/
		display: block;
		padding-top: 4px;
	}
	
	.container {
  		padding-left: 20px;
  		padding-right: 20px;
	}
	
	section.watstaat {
		padding: 30px 0px;
	}

	
	.container-fluid.watstaater {
		padding-left: 20px !important;
  		padding-right: 20px !important;
	}
	
	body.kalender div.bgvervolg.right {
		padding-left: 20px;
	}
	
	nav#top-nav a, nav#top-nav a:visited {
		font-weight: 700;
		padding-left: 10px !important;	
	}
	
	nav#top-nav div.container {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 0px;
		margin-right: 0px;
				
	}	
	
	
}




/* rs form */
form#userForm .form-control {
	border-color: #b4ce42;
	
}

form#userForm .rsform-block {
	margin-bottom: 8px !important;
}
	
form#userForm strong.formRequired {
	color: #efb310;
	/*color: #0090c7;*/		
}	
	
form#userForm .btn.btn-primary {
	background-color: #efb310;
	transition: 0.5s;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

form#userForm .btn.btn-primary:hover {
	background-color: #0090c7;
	transition: 0.5s;
}

form#userForm .formError {
	color: red;
	font-size: 14px;
	font-weight: 500;
}

form#userForm .formError::before {
	content: '\f062';
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	padding-right: 6px;
	/*padding-right: 3px;*/
	/*vertical-align: middle;*/
	font-weight: 900;
	color: #0090c7;
	opacity: 1;

}

form#userForm #Voornaam, 
form#userForm #Achternaam, 
form#userForm #Woonplaats,
form#userForm #Emailadres, 
form#userForm #Emailadres-controle, 
form#userForm #Basisschool,
form#userForm #Plaats-basisschool {
	max-width: 80%
}	

	
form#userForm #Tussenvoegsel,
form#userForm #Groep {
	max-width: 140px;
}

form#userForm #Telefoon {
	max-width: 200px;
}

@media (max-width: 575.98px) {
	form#userForm #Voornaam, 
	form#userForm #Achternaam, 
	form#userForm #Woonplaats,
	form#userForm #Emailadres, 
	form#userForm #Emailadres-controle, 
	form#userForm #Basisschool,
	form#userForm #Plaats-basisschool {
		max-width: 100%
	}
}


/* econa */
div.econa-cropper-buttons a.btn-secondary {
	border-color: #ccc;
}


div.econa-cropper-buttons a.btn-success, div.econa-cropper-buttons a.btn-success:visited {
	background-color: #b4ce42;
	border-color: #b4ce42;
}

div.econa-cropper-buttons a.btn-danger, div.econa-cropper-buttons a.btn-danger:visited {
	border-color: #0090c7;
	background-color: #0090c7;	
}

div.econa-cropper-buttons a.btn-success:hover,
div.econa-cropper-buttons a.btn-danger:hover {
	background-color: #efb310;
	border-color: #efb310;	
}






/* meldingen klein blokje open dag aanmelden etc.  */
div.moduletable.melding {
	display: none;
}

/* boven in menu */
nav#top-nav a.melding {
	
	/*background-color: #0090c7;*/
	/*background-color: #d9eef7;*/
	background-color: #efb310;
	/*background-color: #efb310;*/
	color: #fff;
	font-weight: 700;
	margin-top: -2px;
	border-top: 2px solid #efb310;
	padding-left: 16px !important;
	padding-right: 14px !important;
}

nav#top-nav a.melding:hover {
		background-color: #d9eef7;

		transition: 0.5s;	
	
		/*color: #efb310;*/
		color: #0090c7;
		border-color: #d9eef7;
}


@media (max-width: 991.98px) {

	div.moduletable.melding {
		position: absolute;
		display: block;
		background-color: #efb310;
		/*border: 1px solid #0090c7;*/
		border: 1px solid #efb310;
		border-radius: 5px;
		/*color: #0090c7;*/
		color: #fff;
		top:  9px;
		font-size: 13px;
		line-height: 15.5px;
		font-weight: 500;
		letter-spacing: 1px;
		text-transform: uppercase;
		z-index: 100000;
		padding: 4px;
		padding-top: 3px;
		right: 84px;
		max-height: 39px;
		height: 39px;
		transition: 0.5s;
		max-width: 118px;
			
	}
	
	
	div.moduletable.melding:hover {
		background-color: #d9eef7;

		transition: 0.5s;	
	
		/*color: #efb310;*/
		color: #0090c7;
		border-color: #0090c7;
	

	}
	
	
	
	div.moduletable.melding p {
		padding: 0px;
		margin: 0px;
	}
	
	div.moduletable.melding a {
		display: block;
		text-decoration: none;
		padding-left: 7px;
		padding-right: 7px;
	}
	

}

@media (max-width: 575.98px) {
	
	div.moduletable.melding {

		font-weight: 700;
		right: 84px;

	}
	
	
	button.navbar-toggler {
		right: 20px;
	}
	
	
}








 /*nieuws menu item is verborgen in cms*/
@media (max-width: 1199.98px) {
	.item-173 {
		display: none;
	}
}

@media (min-width: 1200px) {
	.menu-nieuws {
		display: none;
	}
	

}








body.itemid-244 .com-content-article__body ul {
	
}


/* paragraph no margin bottom */
.com-content-article__body p.nobot {
	margin-bottom:  0px;
}








/* nieuws toon meer */
button.btn.btn-primary.toonmeer {
	/*background-color: #0090c7;*/
	background-color: #fff;
	color: #0090c7;
	border-color: #b4ce42;
	transition: 0.5s;		
	padding: 6px 12px;
	padding-left: 6px;
	
	outline: none !important;
	box-shadow: none !important;
}

button.btn.btn-primary.toonmeer:hover {
	/*background-color: #fff;*/
	/*background-color: #b4ce42;
	
	border-color: #b4ce42;		
	color: #fff;	
	transition: 0.5s;*/
	
}

button.btn.btn-primary.toonmeer::before {
	content: '\f078';
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	width: 28px;
	text-align: center;
	/*padding-right: 3px;*/
	/*vertical-align: middle;*/
	font-weight: 900;	
	color: #efb310;
	opacity: 1;
	transform-origin: center;
	/*transition: 0.2s;			*/
	transition: 0.25s;
}


button.btn.btn-primary.toonmeer:hover::before {
	color: #0090c7;
	transition: 0.25s;
}


button.btn.btn-primary.toonmeer.active::before {
	transform: rotate(180deg);
				
}


/*button.btn.btn-primary.toonmeer i {
	display: inline-block;
	margin-right: 8px;
}*/


div.bgvervolg.right div.fulltxt {
	height: auto;
	opacity: 1;
	transition: 0.5s;	

}


div.bgvervolg.right div.fulltxt.verborgen {
	/*display: none;*/
	overflow: hidden;
	height: 0px;
	opacity: 0;
	transition: 0.5s;	
}








/* iphone se etc.*/
@media (max-width: 360px) {
	
	
	div.container.mainnav {
		padding-left: 10px;
	}
	
	button.navbar-toggler {
		right: 10px;
	}
	
	.menu-nieuws {
		display: none;
	}
	
	div.moduletable.melding {
		font-weight: 700;
		right: 70px;
		font-size: 12px;
		max-width: 112px;
		padding-left: 0px;
	}
	
	
	#tekstCarousel div.kopjes a, #tekstCarousel div.kopjes a:visited {
		
		line-height: 38px;
		font-size: 12px;
		/*border: none;*/
		padding: 6px 12px;
		/*border-radius: 0px;*/
	
	}
	
}





form#users-mfa-captive-form button {
	background-color: #0090c7;
}

form#users-mfa-captive-form button:hover, form#users-mfa-captive-form .btn.btn-sm:hover {
	background-color: #efb310 !important;
}


form#users-mfa-captive-form .btn.btn-sm {
	background-color: #b4ce42;
	border-color: #b4ce42;
	padding: 10px;
}

form#users-mfa-captive-form #users-mfa-captive-form-choose-another {
	display: none;
}



div#system-message-container {
	display: none;
}

/*web auth button*/
.plg_system_webauthn_login_button {
	display: none;
}




div.accordion-item {
	background-color: transparent !important;
	border-color: #b4ce42 !important;	
}


div.accordion-item div.accordion-body {
	background-color: #fff !important;
	transition: 0.5s;	
}

button.accordion-button {
	
	
	color: #0090c7 !important;
	/* color: #000 !important; */

	font-weight: 900;
	background-color: #fff !important;	
	/*background-color: transparent !important;*/
	transition: 0.25s;
	line-height: 140% !important;

}


button.accordion-button.collapsed {
	background-color: #fff !important;
	background-color: transparent !important;
	transition: 0.25s;	
	
}


button.accordion-button mark { 
	color: #0090c7 !important;
}





/* scroll reveal hidden (html.sr class) */
html.sr div.page-header h1,
html.sr figure.item-image,
html.sr #mainCarousel,
html.sr .nieuwspag .blog-item,
html.sr .com-content-article__body,
html.sr .ontmoetpag .item-content, 
html.sr .ontmoetpag .category-desc,
html.sr .ontmoetpag div.page-header h2,
html.sr .nieuwspag div.page-header h2,
html.sr .kalender .blog-item,
html.sr .leerlingmiddag div.item-content,
html.sr .nieuwspag div.item-content {
    visibility: hidden;
}


/*html.sr .nieuwspag div.page-header.show {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: red !important;

}*/





@media (min-width: 176px) {
		iframe#verlofFrame {
			border: 10px solid #fff;
			height: 2080px;
	}

}


@media (min-width: 576px) { /* 768px */

	iframe#verlofFrame {		
		height: 1880px;
	}


}



@media (min-width: 768px) { /* 768px */

	iframe#verlofFrame {
		height: 1800px;
	}


}


@media (min-width: 992px) {
	
	iframe#verlofFrame {
		height: 1820px;
	}
	
}


@media (min-width: 1200px) {

	iframe#verlofFrame {
		height: 1820px;
	}


}


@media (min-width: 1400px) {
	
	iframe#verlofFrame {
		height: 2000px;
	}
	
}







a.btn.hov {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

a.btn.hov:after {
	display: none;
}

a.btn.hov:hover {
	color: #fff !important;
}



#meldgroot {
	display: block;
	position: absolute;
	top: 70vh;
	top: 70svh;
	background-color: #0090c7;
	border: 2px solid #fff;
	text-transform: uppercase;
	letter-spacing: 1px;

	color: #fff;
	/*font-weight: bold;*/
	font-size: 24px;
	z-index: 2;
	transition: 0.5s;
	border-radius: 12px;
	font-weight: bold;

    animation-name: animation;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    
    animation-play-state: running;


}

#meldgroot:hover {
	background-color: #0090c7;
	transition: 0.5s;
	animation-play-state: paused;	

}

@keyframes animation {
    0%     {background-color:#0090c7; scale:1;}
    25.0%  {background-color:#0090c7; scale:1.15;}
    50.0%  {background-color:#efb310; scale:1.0;}
    75.0%  {background-color:#0090c7; scale:1.15;}
    100.0%  {background-color:#0090c7; scale:1}
}


@media (max-width: 768px) { /* 768px */

	#meldgroot {
		font-size: 16px;
	}


}




/* fotos vernieuw bouw */
img.vern-33 {
	max-width: 33.333% !important;
	float: left;
	padding-right: 4px;
	margin-bottom: 24px;
}

img.vern-50 {
	max-width: 50% !important;
	float: left;
	padding-right: 4px;
	margin-bottom: 24px;
}


@media (max-width: 768px) {
	
	img.vern-33, img.vern-50  {
		max-width: 100% !important;
		margin-bottom: 8px;

	}
	
	img.vern-33.last, img.vern-50.last  {
		max-width: 100% !important;
		margin-bottom: 24px;		
	}
	
}