@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {font-family: 'Ubuntu', sans-serif;}


.transform {-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s; }

.bggroen {background-color:#8fa488; }
.bglgroen {background-color:#e9ebe6; }


a {text-decoration: none;color:#8fa488;}
a:hover {color:#000;}

a.blok {display:block;padding: 25px;color:#000;border-radius:15px;}
a.blok:hover {background-color:#fff;}

h1, h2, h3 {color:#8fa488;}	

header {
width:100%;top: 0px;background: #fff;z-index: 9999;position: fixed;}

.shrink {top: 0px;}

#logo {height:auto; }
#logo img{width:200px;margin-bottom:0px; }

.shrink #logo img{width:100px;}

.navbar-toggler {border: 0px;}
.navbar-toggler:focus {   box-shadow: 0 0 0 .2px;}

.bovenruimte {margin-top:180px;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8fa488;
    --bs-btn-border-color: #8fa488;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8fa488;
    --bs-btn-hover-border-color: #8fa488;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8fa488;
    --bs-btn-active-border-color: #8fa488;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8fa488;
    --bs-btn-disabled-border-color: #8fa488;
}

 .carousel-item {text-align: center;height: 200px;}
       
        .carousel-item .card {
            border: none;
            background: none;
        }
     
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: #8fa488;
            border-radius: 50%;
            padding: 10px;
        }
       
@media (max-width:1200px) {
	.carousel-item { height: 250px;}
}
@media (max-width:992px) {
	#logo img{width:130px;}
	.carousel-item { height: auto;}
}
@media (max-width:767px) {
	.bovenruimte {margin-top:50px;}
}