/* Verlopende kleur voor de header en de footer*/
.own {
  --cassiopeia-color-primary: #2F9C95;
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #1C5E5A;
}
/* background de hover */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; 
  padding: 3px 15px;
  colour: #0088cc;
  }
/* Menu positie */
  .container-header .mod-menu {
   justify-content: right;
}
/* Kleur hover */
.container-header .mod-menu a:hover {
    background-color: #ffcc66;
  transition: 0,4s;
}
/* Kleur hamburgermenu */
.container-header .navbar-toggler {
    color: #ff9933;
    border: 1px solid #ff9933;
  }
/* Banner Image */
.mybanner {
  min-width: 100%;
}
/* Laatste nieuws module kleur */
.sidebar-left.card {
  background: #FFEBB0;
}
/*Banner hoogte smaller, werkt niet zo te merken*/
.container-banner .banner-overlay {
    height: max(300px, 100%);
  }