html, body {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.slide{
	transform: translateY(200%);
	opacity: 0;
	animation: slide-in-anim 1s ease-out forwards;
}

@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
	}
	75% {
	}

	100% {
				opacity: 1;

		transform: translateX(0%);
	}
}

.logo {
		height: 87px; 
		width: 380px;
		padding:0; 
		float: left;	
	}


@media only screen and (min-width:320px)  {
.div_logo {
	position: absolute; 
	display: inline-block; 
	top: 16px; 
	left: -80px; 
	text-align: left;

}
.logo {
	position:absolute;left:0px;
	height: 45px; 
	margin:0;
	padding:0;
	 float: left;
}


	.text_headline {
		display: inline-block;
		font-family: 'Ovo', serif; font-size: 32px; line-height: 32px; color: #103C2C;
		font-weight: 400;
		color: #103C2C; 	
}



	.text_subheadline {
		display: inline-block;
		font-family: 'Ovo', serif; font-size: 24px; line-height: 24px; color: #103C2C;
		font-weight: 400;
		color: #103C2C; 	
}


	.text_body {
		display: inline-block;
		width: 100%;
 		font-weight:400; font-family: 'Sen', serif; font-size: 16px;
		line-height: 150%;

		height:30px;
		color: #103C2C; 
	}
 #div_hamburger {
  width: 30px;
  height: 22.5px;
  position: relative;
  margin: 25px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#div_hamburger span {
  display: block;
  position: absolute;
  height: 2.5px;
  width: 100%;
  background: #048ba1;
  border-radius: 4.5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#div_hamburger {
}

#div_hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1.5px;
  left: 4px;
  background: #048ba1;
}

#div_hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#div_hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 19.5px;
  left: 4px;
  background: #048ba1;
}

	#div_container_mobile {
		font-size: 0.25em;
		display: block;
		position: relative;
		background-color: white;
		text-align: center;
		min-height: 100vh;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		margin-top: 0px; 
		padding: 0;
	}

	#div_container, #div_header, #div_vragen { 
		display: none; 
	}

	#div_header_container_mobile {
		background-color: white;
		padding:0;
		position: fixed;
		border: 0px solid red;
		margin:0;
		left: 0;
		width: 100%;
		height: 77px;
		z-index: 2;
	}

	#div_header_mobile {
		padding:10px;
		margin:auto;
		position: relative;
		font-family: 'Sen', sans-serif;
		top: 0px;
		left:0px;

		z-index: 2;

		height: 77px;
		width: 100%;
		background-color: white;

		font-size: 1.25em;
	}

	#div_menu_mobile {
		position: fixed; 
		font-family: 'Sen', sans-serif;
		top: 77px;
		padding: 0px 10px 10px 20px;
		width: 100%;
		display:none;
		background-color: white;
		font-size: 16px;
		height:100%;
		line-height: 27px;
z-index:4;
	}

	#div_menu_mobile a {
		text-decoration:none;
		color: black;
	}

	#div_menu_mobile_inbetween {
		display:none;
	}

	#div_background_container_mobile {
		position:relative;
		top: 75px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_background_mobile {
		background-color: transparent;
		position: absolute;
		padding:32px 12px 12px 12px;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;


		top: 0px;
		left: 0px;

		width: 100%;

		font-size: 1.25em;

		text-align: left;
	}

	#div_tarieven_container_mobile {
		position:relative;
		top: 0px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_tarieven_mobile {
		background-color: transparent;
		position: absolute;
		padding:32px 12px 12px 12px;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;


		top: 0px;
		left: 0px;

		width: 100%;

		font-size: 1.25em;

		text-align: left;
	}

	#div_aanmeldklachten_container_mobile {
		position:relative;
		top: 0px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 3000px;
	}

	#div_aanmeldklachten_mobile {
		background-color: transparent;
		position: absolute;
		padding:32px 12px 12px 12px;
		margin:0;
		left: 0;
		width: 100%;
		height: 3000px;


		top: 0px;
		left: 0px;

		width: 100%;

		font-size: 1.25em;

		text-align: left;
	}

	#div_footer_container_mobile {
		position:relative;
		top:0px;
		padding:0;
		background-color: #FBEEF2;
		margin:0;
		left: 0;
		width: 100%;
		height: 650px;
	}

	#div_footer_mobile {
		background-color: #FBEEF2;
		border: 1px solid black;
		padding-top: 16px;
		padding-left: 16px;
		padding-right:16px;
		position: relative;
		border: 0px solid black;

		top: 0px;
		left: 0px;

		height: 650px;
		width: 100%;

		font-size: 1.25em;
		text-align: left;
	}


}


@media only screen and (min-width:760px)  {
.div_logo {
	position: absolute; 
	display: inline-block; 
	top: 30px; 
	left: 33px; 
	text-align: left;

}
.logo {
	position:absolute;left:0px;
	height: 90px; 
	margin:0;
	padding:0;
	 float: left;
}

 #div_hamburger {
  width: 30px;
  height: 22.5px;
  position: relative;
  margin: 25px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#div_hamburger span {
  display: block;
  position: absolute;
  height: 2.5px;
  width: 100%;
  background: #048ba1;
  border-radius: 4.5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#div_hamburger {
}

#div_hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#div_hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1.5px;
  left: 4px;
  background: #048ba1;
}

#div_hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#div_hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 19.5px;
  left: 4px;
  background: #048ba1;
}

	#div_container {
		display: block;
		position: relative;
		background-color: white;
		text-align: center;
		min-height: 100vh;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		margin-top: 0px; 
		padding: 0;
	}

	#div_container_mobile { 
		display: none; 
	}

	#div_header_container_mobile {
		background-color: white;
		padding:0;
		position: fixed;
		border: 0px solid red;
		margin:0;
		left: 0;
		width: 100%;
		height: 144px;
		z-index: 2;
	}

	#div_header_mobile {
		padding-top:40px;
		padding-right:24px;
		margin:auto;
		position: relative;
		font-family: 'Sen', sans-serif;
		top: 0px;
		left:0px;

		z-index: 2;

		height: 144px;
		width: 100%;
		background-color: white;

		font-size: 1.25em;
	}
	#div_menu_mobile {
		display:none;
	}

	#div_menu_mobile_inbetween {
		position: fixed; 
		font-family: 'Sen', sans-serif;
		top: 141px;
		height:100%;
		padding: 0px 10px 10px 20px;
		width: 100%;
		display:none;
		background-color: white;
		font-size: 16px;
		line-height: 27px;
		z-index:4;
	}
	#div_menu_mobile_inbetween a {
		text-decoration:none;
		color: black;
	}

	#div_vragen {
position: fixed; z-index:1;float: right; display: inline-block; right:5%; top: 231px; text-align: left; padding: 0px;margin:0;

display: flex;
height: 334px;
width: 438px;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
flex-shrink: 0;

	background: var(--bright-yellow, #F7C433);
	filter:drop-shadow(-8px 8px 0px #BA8C07);
	}
	#div_background_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 3400px;
	}

	#div_background {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height:3400px;
		width: 100%;
		font-family: 'Sen', sans-serif;
		font-size: 1.25em;

		text-align: left;
	}

#div_tarieven_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_tarieven {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 2400px;
		width: 100%;
color:#EBFAF4;
		text-align: left;
	}


#div_aanmeldklachten_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 1300px;
	}

	#div_aanmeldklachten {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 1300px;
		width: 100%;
color:#EBFAF4;
		text-align: left;
	}

	#div_white_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 692px;
	}

	#div_white {
		background-color: transparent;
		margin:0;
		padding-top: 33px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 692px;
		width: 1350px;

		text-align: left;
	}
	
	.text_headline {
		display: inline-block;
		font-family: 'Ovo', serif; 
		font-size: 60px; 
		font-weight: 400;
		line-height: 72px; 
		color: #103C2C; 
	}

	.text_subheadline {
		display: inline-block;
		font-family: 'Ovo', serif; font-size: 32px; line-height: 32px; color: #103C2C;
		font-weight: 400;
		color: #103C2C; 	
}

	.text_body {
		display: inline-block;
		width: 50%;
		font-family: 'Sen', serif;
		font-weight: 400;
		font-size: 24px; 
		line-height: 30px;
		height:30px;
		color: #103C2C; 
	}

	.text_contact_header {
		font-family: 'Ovo', serif; 
		font-size: 42px; 
		font-weight: 400;
		line-height: 120%; 
		color: #103C2C; 
	}
	.text_contact {
		margin-top:-24px;
		
		display: inline-block;
		width: 100%;
		font-family: 'Sen', serif;
		font-weight: 400;
		line-height: 150%;
		font-size:20px; 
	}


	#div_footer_container {
		position:relative;
		top:800px;
		padding:0;
		background-color: #FBEEF2;
		margin:0;
		left: 0;
		width: 100%;
		height: 540px;
	}

	#div_footer {
		background-color: #FBEEF2;
		border: 1px solid black;
		padding-top: 33px;
		padding-left: 33px;
		padding-right:24px;
		position: relative;
		border: 0px solid black;

		top: 0px;
		left: 0px;

		height: 540px;
		width: 100%;

		font-size: 1.25em;
		text-align: left;
	}

}

@media only screen and (min-width:1320px)  {
.logo {
		height: 87px; 
		width: 380px;
		padding:0; 
		float: left;	
	}

.logo a {
text-decoration:none;
	}
.logo a:hover {
text-decoration:none;
	}

.a:hover {
		text-decoration:none;	
		border:0px;
	}
	a {
		text-decoration:none;	
		border:0px;

	}

	#div_container {
		display: block;
		position: relative;
		background-color: white;
		text-align: center;
		min-height: 100vh;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		margin-top: 0px; 
		padding: 0;
	}

  	#div_header_mobile, #div_header_container_mobile, #div_menu_mobile, #div_footer_mobile, #div_container_mobile {
		display: none;
	}


	#div_header_container {
		background-color: white;
		display:inline-block;
		padding:0;
		top:0px;
		position: fixed;
		border: 0px solid red;
		margin:0;
		left: 0;
		width: 100%;
		height: 151px;
		z-index: 2;
	}

	#div_header {
		padding:0;
		margin:auto;
		position: relative;
		font-family: 'Sen', sans-serif;
		top: 0px;
		left:0px;

		z-index: 2;
		display:inline-block;
		height: 151px;
		width: 1350px;

		background-color: white;

		font-size: 1.25em;
	}

#div_menu { }

#div_menu a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  justify-content: center;
  position: relative;
}

/* Fade in */
#div_menu a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #D996A2;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

#div_menu a:hover::after,
#div_menu:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}

/* Slide in */
#div_menu a {
  overflow: hidden;
}

#div_menu a::after {
  opacity 1;
  transform: translate3d(-100%, 0, 0);
}

#div_menu a:hover::after,
 #div_menu a:focus::after{
  transform: translate3d(0, 0, 0);
}

	#div_vragen {
position: fixed; z-index:1;float: right; display: inline-block; right:5%; top: 231px; text-align: left; padding: 0px;margin:0;

display: flex;
height: 334px;
width: 438px;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
flex-shrink: 0;

	background: var(--bright-yellow, #F7C433);
	filter:drop-shadow(-8px 8px 0px #BA8C07);
	}

	#div_background_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_background {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 2400px;
		width: 1350px;

		text-align: left;
	}

	#div_background_aanmeldklachten_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_background_aanmeldklachten {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 2400px;
		width: 1350px;

		text-align: left;
	}


#div_tarieven_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 2400px;
	}

	#div_tarieven {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 2400px;
		width: 1350px;
color:#EBFAF4;
		text-align: left;
	}

#div_aanmeldklachten_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #2A8261;
		margin:0;
		left: 0;
		width: 100%;
		height: 500px;
	}

	#div_aanmeldklachten {
		background-color: transparent;
		margin:0;
		padding-top: 72px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 500px;
		width: 1350px;
color:#EBFAF4;
		text-align: left;
	}


	#div_white_container {
		position:relative;
		top:151px;
		padding:0;
		background-color: #EBFAF4;
		margin:0;
		left: 0;
		width: 100%;
		height: 692px;
	}

	#div_white {
		background-color: transparent;
		margin:0;
		padding-top: 33px;
		padding-left: 33px;
		position: relative;
		top: 0px;
		left: 0px;

		height: 692px;
		width: 1350px;

		text-align: left;
	}
	
	.text_headline {
		display: inline-block;
		font-family: 'Ovo', serif; 
		font-size: 60px; 
		font-weight: 400;
		line-height: 70px; 
		color: #103C2C; 
	}

	.text_subheadline {
		display: inline-block;
		font-family: 'Ovo', serif; font-size: 32px; line-height: 32px; color: #103C2C;
		font-weight: 400;
		color: #103C2C; 	
}

	.text_body {
		display: inline-block;
		width:63%;
		font-family: 'Sen', serif;
		font-weight: 400;
		font-size: 20px; 
		line-height: 150%;
		color: #103C2C; 
	}
		ul, li {
			line-height: 150%;
			margin-top: 12px;
		}

	#div_footer_container {
		position:relative; 
top:800px;
		padding:0;
		background-color: #FBEEF2;
		margin:0;
		left: 0;
		width: 100%;
		height: 540px;
	}

	#div_footer {
		background-color: #FBEEF2;
		border: 1px solid black;
		padding-top: 33px;
		padding-left: 33px;
		padding-right:0;
		position: relative;
		border: 0px solid black;

		top: 0px;
		left: 0px;

		height: 540px;
		width: 1350px;

		font-size: 1.25em;
		text-align: left;
	}

}