/*:root{
	--body-bg: red; // test of deze file gebruikt wordt
	}*/
/* custom voor vincentius*/
:root{
	--body-bg: transparent;
	--cassiopeia-body-primary: transparent;
	
	background-color: hsla(26, 24%, 87%, 1);
	background-color: hsla(231, 14%, 53%, 1);
	
	
	}
	
.container-header{background-color: hsla(340, 3%, 55%, 1);};
body{background-color:red;}
.container-nav{
padding: 1rem;
background-color:red;
background-color: hsla(26, 24%, 87%, 1);
background-color: hsla(231, 14%, 53%);

}

.navbar-toggler{background-color:#ff701a; }

.container-topbar{background-color: hsla(340, 3%, 55%, 1);}
.container-sidebar-right { background: hsla(340, 3%, 55%); color: hsla(231, 14%, 53%);}

.container-nav .mod-menu li{
	color: #f8f8f8; 
	color: #4793d2;
	
	/*background: #ff701a;*/ 
	height: 75px;
	background: hsla(31, 100%, 57%);
	margin: 5px;
	padding: 5px;
	border-radius: 12px;
}
.container-nav div{
	height: 75px;
	background: hsla(31, 100%, 57%);
	margin: 10px;
	padding: 5px;
	border-radius: 12px;
}
.container-nav{align-items:center;}

.container-top-a {  flex-direction: row; flex-wrap:nowrap;}

/*.container-top-a{background: hsla(237, 7%, 55%); color:#fff;}*/
.container-top-a div, .container-top-a{background: hsla(61, 100%, 88%); color:#fff;}

.search{margin-left: 5px; background: hsla(61, 100%, 88%);}
.search .inputbox{background: hsla(61, 100%, 88%);}


.container-bottom-a {max-width: 25vw; flex-direction: row;}

.container-bottom-a div, .container-bottom-a{background: hsla(231, 14%, 53%); color:#fff;}

.container-component{border: 0px; padding: 10px; background: hsla(61, 100%, 88%);}
.card{border: 0px; background: hsla(61, 100%, 88%);}
.container-bottom-a div .card {background:red;}
.back-to-top-link{position:fixed;}

.kopfoto1{display:none;}
.kopfoto2{display:none;}
.kopfoto3{display:none;}

.bottom-leeg{display:none;}



/*
._menu > .card-body {background:hsla(26, 24%, 87%, 1); margin: 1rem;}
._menu > .card-body a{color:#f8f8f8;}
*/

@media screen and (min-width: 576px) {
._menu > .card-body {min-width: 200px; max-width: 300px;}
.kopfoto1{display:block;}
.navbar-expand-lg {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
}
@media screen and (min-width: 768px) {
.kopfoto2{display:block;}
.navbar-expand-lg {
  flex-wrap: nowrap;
  justify-content: center;
}
}
@media screen and (min-width: 992px) {
.kopfoto3{display:block; }
.bottom-leeg{display:block;} 
.navbar-expand-lg {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.container-topbar .mod-menu {justify-content: flex-end;}
.container-sidebar-right {height:100%; }
}
@media screen and (min-width: 1200px) {}