:root {
  --cassiopeia-color-primary: rgba(0,0,0,0);
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: rgba(0,0,0,0);
}

body{
  background-image: url(https://fhservice.nl/images/site/body-bg.jpg);
#  background-repeat: repeat-y;
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #f0f0f0; 
}

img {
  max-width: 80%;
  height: 50;
}

.container-header .mod-menu {
  background-color: rgba(100,100,100,0.5);
  background-color: rgba(100,0,0,0.5);
  color: #f0f0f0;
}

.container-header .mod-menu > li.active {
  background-color: rgba(200,200,200,0.5);
  background-color: rgba(200,0,0,0.5);
  color: #f0f0f0;
}

.container-header .mod-menu > li:hover {
  background-color: rgba(200,0,0,0.5);
  color: white;
}

.container-header .container-nav {
  background-repeat: repeat-y;
  background-attachment: fixed;
  padding-top: 0px;
  padding-bottom: 2px;
  justify-content: center;
}
@media (max-width: 992px) {
  .container-header .container-nav {
	justify-content: left;
  }
}

.grid-child.container-component{
#  background-color: rgba(240,240,240,0.6);
  max-width: 1024px;
  border-radius: 10px;
}

.item-page{
  background-color: rgba(240,240,240,0.6);
  margin: 10px, 10px, 10px, 10px;  
  padding: 10px 20px 10px;  
  border-radius: 10px;
}

.blog-item{
  background-color: rgba(240,240,240,0.6);
  margin 10px, 10px, 10px, 10px;  
  border-radius: 10px;
}

.blog-items .blog-item{
  padding: 10px 20px 10px;  
}

.card {
  font-size: 14pt;
  color: red;
  font-weight: bold;
}

/* Ken Burns Effect
 ========================================================================== */

.fling-kb {overflow:hidden; margin-bottom: 5px;}
.fling-kb img {position: relative; transition-property: all;
               transition-duration: 2s; transition-timing-function: ease-in-out; transition-delay: 0s;}
.fling-kb:hover img {transform: scale(1.1);}

#