@charset "UTF-8";
/* CSS Document */

 body {font-family: "Quicksand", sans-serif;font-size:20px;line-height: normal;}
		  
.oudroze {color:#bc5117;}
.bg-oudroze {background-color:#bc5117;}
.bg-oudroze2 {background-color:#c98b79;}
.bg-oudroze3 {background-color:#d0ad9e;}
.bg-oudroze4 {background-color:#c69888;}
.bg-blauw {background-color:#4c5e62;}
.blauw {color:#4c5e62;}
.bg-lichtblauw {background-color:#cbd3d4;}
	
a.menu {color:#bc5117; text-decoration: none;}

a { color:#bc5117;text-decoration: none}
a img:hover {opacity:0.8;transition-delay: 0s;transition-duration: 0.5s; transition-timing-function: ease-out;}

.menuknop {width: 100px;right:30px;top:13px;position:absolute;background-color: #ffffff;border-radius: 50%;
}
.menuuitklap {min-height: 120px;right:0px;top:130px;position:absolute; }

header {width: 100%;}
#header {margin-top: 0px;}

.logo-container {position: fixed;top: 150px;transition: top 0.3s ease-in-out;}
.logo img {width: 400px;}
.logo-footer {width: 300px;margin-bottom:15px;}

.header-background {background-size:cover;background-position:center;height:400px;}

h1.titel {background-color:#bc5117;color:#fff;width: 400px;padding:15px 25px;text-align:center; margin:-40px auto 0px auto;}

h1  {
font-family: "Quicksand", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
color:#bc5117;
font-size:48px;
margin-bottom:25px
}
		  
h2  {
font-family: "Quicksand", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
color:#bc5117;
font-size:38px;
}
		  
.lead {font-size:25px;}
		  
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #bc5117;
--bs-btn-border-color: #bc5117;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #c98b79;
--bs-btn-hover-border-color: #c98b79;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #c98b79;
--bs-btn-active-border-color: #c98b79;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #c98b79;
--bs-btn-disabled-border-color: #c98b79;
border-radius:0px;
padding:10px 30px;
}

ul li {
  list-style: none;padding-left: 30px;text-indent:-30px;color:#bc5117;margin-left:-30px;
}
ul li::before {
  display: inline-block;
  content: "";
  background-image: url(../images/beeldmerk-klein.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}
ul.wit li {
  list-style: none;padding-left: 30px;text-indent:-30px;color:#fff;margin-left:-30px;
}
ul.wit li::before {
  display: inline-block;
  content: "";
  background-image: url(../images/beeldmerk-klein-wit.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width:767px) {
	
.menuknop {width: 50px;right:15px;}
	.menuuitklap {min-height: 100px;top:70px;z-index:10}
	.logo-container {top: 15px;}
.logo {left:5px;}
.logo img {width: 90%;max-width: 200px}
.logo-footer {width: 150px;}
	.header-background {margin-top:100px;height:250px;}
	h1.titel {width: 100%; margin:0px auto 0px auto;}

	footer {font-size:12px;}
	footer h2 {font-size:25px;margin-bottom:15px;}
	
	
	h1 {font-size:30px;}
	h2 {font-size:15px;}
	.lead {font-size:18px;}


}