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

body {color:#B97086;font-family: 'Lato', sans-serif;font-size:20px;}

.bgpaars {background-color:#830539;}
.bgroze {background-color:#e81d6b;}
.bglichtgeel {background-color:#fdead7;}
.bglichtgeel2 {background-color:#FBC17F;}
.bglichtpaars {background-color:#B97086;}
.bglichtpaars2 {background-color:#f2e6eb;}
.bgwhite {background-color:white;}

.bggeel {background-color:#F59638;}
.paars {color:#830539;}
.roze {color:#e81d6b;}


h1, h2, h3, h4 {font-family: 'Lato', sans-serif;color:#830539;font-weight: 700;margin-bottom:15px;}
h1 {font-size:35px;}
h3 {font-size:20px;}
h4 {font-size:16px;line-height:normal;}

.f20 {font-size:24px;}
.f12 {font-size:12px;}

a {color:#830539; text-decoration: none;}
a:hover {color:#e81d6b;text-decoration: none;}
a.leesmeer {color:#e81d6b;font-style: italic;text-transform: uppercase;font-size:12px;}

ul {margin-left:-25px;}

.intro {font-family: 'Lato', sans-serif;font-size:24px;padding-right:40px;}

.top {height:30px;background-color:#830539;color:#fff;display:block;font-size:12px;padding:5px;}
.top2 {height:10px;background-image: url(../images/bg.png);background-size:100%;width:100%;display:none;}

.doneer {}
.doneer2 {display:none;}

.borderbottom { border-bottom: 1px solid #830539;}

.hidden-menu { display:none;}

.navbar {z-index: 2000;}
.navbar-brand img {width:250px;}
.bg-light {background-color: #fff !important;}
.navbar-light .navbar-nav .nav-link {color:#b26079;font-size:20px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#e81d6b;}
.navbar-light .navbar-nav .nav-link.active {color: #e81d6b;}
.navbar-light .navbar-nav .nav-link.activehome {display:none;}

  
.navbar-toggler {padding: 3px 5px;}
.navbar-light .navbar-toggler {color:#b26079;border-color: #830539;}
.navbar-light .navbar-toggler:hover {border-color: #e81d6b;}

ul.navbar-nav {margin-left:0px;margin-top:40px;}

.dropdown-menu {padding: 3px 0;color: #830539;background-color: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.dropdown-item {color: #830539;}
.dropdown-item:focus, .dropdown-item:hover {color: #e81d6b;background-color: #fdead7;}
.dropdown-item.active, .dropdown-item:active {color: #e81d6b;background-color: #fff;}


.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .0em solid transparent;
border-bottom: 0;
border-left: .0em solid transparent;
}

.keurmerk {position:absolute;bottom:20px;right:40px;width:100px;}

.nav-link {padding:0px;}


.headerafb {background-position:center center;background-size:cover;display:block;height:500px;position:relative;}
.headertekst {position:absolute;bottom:40px;text-align:center;width:650px; left:50%;margin-left:-300px;}
.headertekst h1 {color:#fff;font-weight: 700;}
.headertekst p {color:#fff;}

.carousel-control-next-icon, .carousel-control-prev-icon {width: 40px;height: 40px;}

.btn-primary {color: #fff;background-color: #830539;border-color: #830539;text-transform: uppercase;font-weight:700;transition:.1s ease-in-out;}
.btn-primary:hover {background-color: #830539;border-color: #830539;}
.btn-info { min-width:200px; color: #fff;background-color: #830539;border-color: #830539; ;font-weight:700;transition:.1s ease-in-out;}
.btn-info:hover {background-color: #e81d6b;border-color: #e81d6b; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff; background-color: #830539; border-color: #830539;}


.knop-rounded {border-radius:10px;box-shadow: 10px 10px 15px #ccc; transition:.2s ease-in-out;}
.knop-rounded:hover {box-shadow: 0px 0px 15px #ccc;}

.blokimg {transition:.5s ease-in-out; transform: scale(1);background-position:top center;background-size:cover;display:block;height:250px;position:relative;border-top-left-radius:10px;border-top-right-radius:10px;}
a.blok {background-color:#fff;display:block;border-radius:10px; transition:.2s ease-in-out;overflow:hidden;}
a.blok:hover .blokimg {transform: scale(1.05);border-top-left-radius:10px;border-top-right-radius:10px;}

.bloktekst {padding:25px;width:100%;min-height:275px;}
.blokdesk {min-height:100px;}

.blokklein { border-radius:10px; padding:25px;font-size:16px;}


.breadcrumb {padding:0.75rem 0px;margin-bottom: 0rem;background-color: #fdead7;border-radius: 0rem;font-size:16px;}
.breadcrumb-item + .breadcrumb-item::before {color: #F59638;content: ">";}
.breadcrumb-item.active {color: #B97086;}


.kop {text-align:center; color:#fff;padding:10px;margin:15px 0px;font-size:25px;}


#zoekveld {margin:0;margin-top: 15px;padding: 0;}
#zoekveld .zoek-query {padding-right: 0px;padding-left: 10px;margin-bottom: 0;}
#zoekveld button {border: 0;background: none;padding: 2px 5px;margin-top: 4px;margin-bottom: 0;position: relative;left: -38px; margin-right:-29px; color:#830539;}
.zoek-query:focus + button {z-index: 3;}

.nieuwsafb {width:70px; height:70px; background-size:cover; float:left;margin-right:15px;}

.nieuws {font-family: 'Libre Baskerville', serif;font-weight: bold; color:#830539;font-size:18px;}
.nieuws2 { font-family: 'Libre Baskerville', serif;color:#830539;font-size:14px;}
.nieuwsfoto2 {float:left; height:90px; width:150px; margin:-5px 10px -5px -20px;}
.nieuwstekst {display:block; width:100%; padding:5px 20px; background-color:#fff; color:#000;margin-bottom:10px;}
.nieuwstekst1 {display:block; width:100%; height:100px; padding:5px 20px; background-color:#fdead7; color:#B97086;margin-bottom:20px;}
.nieuwsfoto2 img {width:100%; float:left; height:130px; margin:-5px 10px -5px -20px;}
.nieuwsfoto3 {width:100%; background-size:cover; background-position:top center; float:left; height:100px; margin:0px 10px 0px 0px;}
.nieuwstekst2 {display:block; width:100%; height:100px; padding:0px 0px 5px 20px; background-color:#fff; color:#000;margin-bottom:20px;font-size:14px;}
.nieuwsfoto4 {float:left; height:70px; width:100px; margin:-5px 10px -5px -20px;}
.nieuwsfoto5 {width:100%; background-size:cover; background-position:top center; float:left; height:90px; margin:0px 10px 0px 0px;}
.page-link {color: #830539;background-color: #fff;border: 1px solid #fdead7;}
.page-link:hover { color: #830539;background-color: #B97086;border-color: #B97086;}
.page-item.active .page-link {background-color: #830539;border-color: #830539;}
.small, small {font-size: 12px;}

.nav-pills .nav-link {border-radius: 0rem;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {    color: #830539;background-color: #fff;}

.modal {z-index: 5050;}

@media (min-width: 576px){
.modal-dialog {
max-width: 800px;
margin: 1.75rem auto;
	}}

@media (max-width: 1200px) {
    .nav-link {padding-bottom:0px;}
	.navbar-brand img {width:195px;}
	.navbar-light .navbar-nav .nav-link {font-size:18px;margin-top:-5px;}
}
@media (max-width:991px) {
	.hidden-menu {display:inline-block;}
	.navbar-brand img {width:150px;}
	.navbar-light .navbar-nav .nav-link {font-size:20px;margin-top:5px;}

	ul.navbar-nav {margin-top:0px;}
.doneer {display:none;}
    .doneer2 {display:block;}
    h1.kop  {font-size:20px;}
	.keurmerk {bottom:0px;right:0px;}
	.blokimg {width:100px;float:left;height:80px;margin-right:15px;}
    a.blok {min-height:80px;}
    .blokdesk {min-height:auto;}
    .bloktekst {min-height:auto}
    .bloktekst h3 {font-size:14px;}
    .bloktekst p {display:none;} 
    .bloktekst a.leesmeer {display:none;} 
}

@media (max-width: 767px) {
    body {font-size:18px;}
    h1 {font-size:25px;}
	h3 {margin-bottom:0px;}
    .intro {font-size:16px;padding-right:0px;}
    .top {display:none;}
    .top2 {display:block;}
    
    .keurmerk {bottom:15px;right:30px;width:80px;}
    .headerafb {height:200px;}
    .headertekst {width:100%;bottom:40px;left:0%;margin-left:0px;}
    .headertekst h1 {font-size:20px;}
    .headertekst p {display:none;}
    .carousel-control-next-icon, .carousel-control-prev-icon {display:none;}
    .btn-primary, .btn-info {display:block;}
    .kop {text-align:left; color:#fff;padding:5px 15px;margin:15px -15px;}
	.nieuws {font-size:14px;}
	.nieuws2 {color:#830539;font-size:14px;}
	.nieuwsfoto2 {height:90px; width:90px;margin-top:3px; }
	.nieuwsfoto3 {height:70px;}
	.nieuwstekst1 {height:90px;padding:0px 0px 5px 20px; background-color:#fff; }
	.bloktekst {padding:15px 5px 5px 5px;}
	.blokimg {border-top-right-radius:0px;}
	}

.animated {
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
}
.animated1 {
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
}
.animated2 {
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
}
@-webkit-keyframes fadeInLeft {0% {opacity:0; -webkit-transform: translateX(-50px);} 100% { opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeInLeft {0% {opacity:0; transform: translateX(-50px);} 100% { opacity:1;transform:translateX(0);}}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}

@-webkit-keyframes fadeInUp {0% {opacity:0; -webkit-transform: translateY(50px);} 100% { opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeInUp {0% {opacity:0; transform: translateY(50px);} 100% { opacity:1;transform:translateY(0);}}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}