body{}
header{}
	.logo_wrap{
		flex:1 auto;}
    .logo_wrap a{
			display:block;
      max-height:inherit;}
      .logo_wrap .logo{
        max-height:inherit;
				margin:20px;
				min-width:120px;
				max-height:75px;}

	.menu_wrap{
		flex:2 auto;
		padding:0;}

		/* menu */
		.main-nav ul {
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			list-style: none;
			height: 100%;
		}
		.main-nav ul li{
			height: 125px;
      display: flex;
      flex-direction: column;
			justify-content: center;}
		.main-nav ul li span,
		.main-nav ul li a{
			display:block;
			padding:0 20px;
			width:100%;
			text-transform: uppercase;
			cursor: pointer;
			color: #444;
			font-size:1.1em;
			text-decoration: none;}
		.main-nav ul li span:hover{
			color: #3A757F;
			background-image:url('../img/menuhover.png');
			background-repeat:no-repeat;
			background-size: 13px 17px;
			background-position: center left;
		}
		.main-nav ul li a.bel{
			font-size:120%;
			font-family: "Barlow Condensed medium";
			color:#3A757F;
		}

@media (max-width : 850px) {
	.mini-menu_wrap{
		display:block;
    /* height:150px; */
    display:flex;
    flex-direction: column;
    justify-content: center;
		text-align:right;
		margin-right:20px;}
    .menu_wrap{
			display:none;
      width:100%;
      background-color:#888;}
    .main-nav ul{
      height:auto;
			justify-content: space-around;}
    .main-nav ul li.active,
    .main-nav ul li{
			text-align: center;
      line-height:55px;
      height:55px;
			padding:4px;
			border-top:5px solid #888;
			border-bottom:5px solid #888;}
		.main-nav ul li.active{
			border-bottom:5px solid #97B72A;}
		.main-nav ul li a{
			color:#fff;
      height:55px;
			text-align: center;
			display:block;}
}

@media (max-width : 750px) {
	.main-nav ul{
  		justify-content: flex-start;}
    .main-nav li.active,
	.main-nav li{
		width:50%;}
}

.sectionhero{
	background-size:cover;
	background-position:center;
	min-height:50vh;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-end;}
.sectionhero h1{
	color:#fff;}
.sectionhero h2{
	color:#fff;}
.sectionhero span{
	background:rgba(0,0,0,0.2);
	padding:0 10px;}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
	background-color:rgba(255,255,255,0.8);
	z-index: 999;
}
.sticky:before,
.sticky:after {
  content: '';
  display: table;}
sidebar .submenu{
  border-right:1px solid #C2C6C9;}
sidebar .submenu li a{
  display:block;
  height:60px;
  line-height:60px;
  font-size:1.4rem;
  color:#000;
  font-weight:400;
  text-decoration: none;
  border-bottom:1px dashed #C2C6C9;}
sidebar .submenu li a:before{
  font-family: "fontAwesome";
  content: "\f105";
  font-size: 1.4rem;
  color: #959CA2;
  font-weight:800;
  padding-right:10px;}
sidebar .submenu li a.active{
  font-family: 'Barlow Condensed bold', sans-serif;}
sidebar .submenu li a.active:before{
  color: #97B72A;
  font-weight:800;}


@media (max-width : 900px) {
  sidebar .submenu{
    margin:0 20px;}
}
@media (max-width : 750px) {
  sidebar{}
  sidebar .submenu{
    margin:-20px 20px 20px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width:calc(100% - 40px);
    border-right:0px solid #C2C6C9;}
  sidebar .submenu li a{
    height:40px;
    line-height:40px;
    white-space: nowrap;
    padding:0 10px;}
  sidebar .submenu li a.active{
    border-bottom:1px solid #97B72A;}
  sidebar .submenu li a:before{
    content: "";
    padding-right:0px;}
	sidebar .sticky{
		background-color: deeppink;
		position:sticky !important;
		align-self: flex-start;
		top:-1px;
	}
}

section,
main{
  min-height:100px;}

.team{
	flex-wrap: nowrap}
.teamlid img{
	margin:auto;
	border-radius:50%;
	width:100%;
	max-width:160px;
}

@media (max-width : 900px) {
	.team{
		flex-wrap: wrap}
}

footer{
	font-size:90%;
	line-height:1.6em;
	padding:20px;
  background-color:#3A757F;}
footer span{
	display:block;}
footer .logo{
	filter: brightness(0) invert(1);
	max-width: 260px;
	max-height:80px;
	margin:auto;}
footer .socials .fa{
	color:#BED5C5;
	font-size:2.2em;
	padding:0 5px 5px 0;}
footer .adres,
footer .adres a,
footer .contact,
footer .contact a,
footer .ramdesign,
footer .ramdesign a{color:#fff; text-decoration:none;}
footer a.bel{font-size:200%; line-height: 1.2;}
footer a:hover{color:#BED5C5;}

.link{
	color:#777;
	height:44px;
	line-height:46px;
	border-radius:22px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:0 20px;
	white-space: nowrap;
  background-color:#fff;}
.link:hover{
  background-color:#f3d083;
}
.link:after{
  line-height:19px;
  display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-left:15px;}



.album ul{
  display: flex;
  flex-wrap: wrap;}
.album li{
	height: 40vh;
	flex-grow: 1;}
.album ul li:last-child{
	flex-grow: 10;}
.album img{
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
	object-position: 50% 70%;
  /* vertical-align: bottom;
  vertical-align: center; */
	border:1px solid #fff;}

@media (max-aspect-ratio: 1/1) {
	.album li{
		height: 30vh;}
}
@media (max-height: 480px) {
	.album li{
	  height: 80vh;}
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
	.album ul{
		flex-direction: row;}
	.album li {
  	height: auto;
    width: 100%;}
	.album img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;}
	}

	.sidebar{
		position:fixed;
		top:0;
		right:0;
		background-color:#000;
		height:400px;
		color:#fff;
	}
	.sidebar:before{
		content
	}


/*-- MISCELLANEOUS --*/
.BGcornsilk{
	background-color:#EEE9DE;
	padding-top:30px;}
.BGwhite{
	background-color:#ffffff;}

.border_dashed{
  border-width:0px;
  border-style: dashed;}
.border_dotted{
  border-width:0px;
  border-style: dotted;}
.border_gifgroen{
  border-width:1px;
	border-color:#97B72A;}
.border_bottom_gifgroen{
	border-bottom-width:1px;
	border-bottom-color:#97B72A;}
.border_top_gifgroen{
	border-top-width:1px;
	border-top-color:#97B72A;}
.border_left_gifgroen{
	border-left-width:1px;
	border-left-color:#97B72A;}
.border_right_gifgroen{
	border-right-width:1px;
	border-right-color:#97B72A;}

.gray{
	color:#888;}
.black{
	color:#000;}
.firebrick{
	color: firebrick;}
.gifgroen{
  color:#97B72A;}

hr{
  display:block;
  height:1px;
  border:0;
  border-top: 1px solid #97B72A;
  margin:1em 0;
  padding:0;}
hr.fat{
  border-width:5px;}
hr.lichtgroen{
	border-color:#E4EFC4;}
.objcentered{
  margin:auto;
}

.margin10_30{
    margin:10px 30px;}
.margin15_30{
    margin:15px 30px;}
.margin20_30{
    margin:20px 30px;}
.margin10_40{
    margin:10px 40px;}
.margin15_40{
    margin:15px 40px;}
.margin20_40{
    margin:20px 40px;}
.margin10_50{
    margin:10px 50px;}
.margin15_50{
    margin:15px 50px;}
.margin20_50{
    margin:20px 50px;}
.margin10{
    margin:10px;}
.margin20{
    margin:20px;}
.margin30{
    margin:30px;}
.margin40{
    margin:40px;}
.margin50{
    margin:50px;}
.nomargin{
	margin:auto;}
@media (max-width : 720px) {
    .margin10_30,
    .margin15_30,
    .margin20_30,
    .margin10_40,
    .margin15_40,
    .margin20_40,
    .margin10_50,
    .margin15_50,
    .margin20_50,
    .margin10,
    .margin20,
    .margin30,
    .margin40,
    .nomargin{
        margin:20px;
    }
}
article.marginauto{
	margin-left:auto;
	margin-right:auto;}

.padding10{
  padding:10px;}
.padding20{
  padding:20px;}
.padding30{
  padding:30px;}
.padding40{
  padding:40px;}
.nopadding{
  padding:0;}
@media (max-width : 720px) {
  .padding10,
  .padding20,
  .padding30,
  .padding40,
  .nopadding{
    padding:20px;}
}

.clear{clear:both;}
.clear_5{clear:both;height:5px}
.clear_10{clear:both;height:10px}
.clear_15{clear:both;height:15px}
.clear_20{clear:both;height:20px}
.clear_30{clear:both;height:30px}
.clear_40{clear:both;height:40px}
.clear_50{clear:both;height:50px}

.centered{
	text-align: center;}
.lefted{
	text-align: left;}
.righted{
	text-align: right;}
figure img{
	display:block;
	max-width:100%;}
.objectfit img{
	object-fit: cover;}

#sectiondiensten .flex_container{justify-content: center}
#sectiondiensten .flex_item.width33,
#sectiondiensten .flex_item.width50{
	padding:20px;
	max-width:33%;}
@media (max-width : 1000px) {
	#sectiondiensten .flex_item.width33,
	#sectiondiensten .flex_item.width50{
		padding:20px;
		width:50%;
		max-width:50% !important;}
}
@media (max-width : 750px) {
	#sectiondiensten .flex_item.width33,
	#sectiondiensten .flex_item.width50{
		width:100%;
		max-width:100% !important;}
}

/*-- TEMPLATE	--*/
.example{
  min-height:200px;
	min-width:360px;
  display:inline-block;
  resize:horizontal;
  overflow:auto;
  border-radius:8px 8px 0 8px;
  border:1px solid #ccc;}

.example .flex_container{
	margin:10px;
	border:px solid rebeccapurple;}
.example .flex_container .flex_container{
	margin:0;
	border:1px solid blueviolet;}

.example .flex_container .flex_item{
  background-color: deeppink;
	border:5px solid rebeccapurple;
  min-height: 100px;}
.example .flex_container .flex_item .flex_container .flex_item{
  background-color: hotpink;
	border:5px solid blueviolet;
  min-height: 100px;}

.example .flex_item span{
	margin:5px;
	padding:5px;
	display:block;
	height:80px;}
pre{
	font-family: monospace;
  background-color:#efefef;
  display:inline-block;
  margin:10px;
  padding-right:20px;
  border-radius:8px;
  border:1px solid #ccc;}
code{
  font-family: monospace;
	font-style: normal;
  font-size:110%;}
.example .legende{
	margin:10px;}
.example .legende .rebeccapurple{
	color:rebeccapurple;}
.example .legende .blueviolet{
	color:blueviolet;}
.example .legende .deeppink{
	color:deeppink;}
.example .legende .hotpink{
	color:hotpink;}

@media (max-width : 850px) {
	.example{
		width:100%;}
	.example .flex_container .width50{
		width:50%;}
	.example .flex_container .width25{
		width:25%;}
}
@media (max-width : 850px) {
	.example .flex_container{
		max-width:100%;
	}
	.example .flex_container .width25,
	.example .flex_container .width50{
		width:100%;
	}
	.example .nested .width100,
	.example .nested .width50{
		width:33%;
	}
}
@media (max-width : 650px) {
	.example .nested .width100,
	.example .nested .width50{
		width:100%;
	}
}