/* Aanpassen background template  
:root {
  --body-bg: #008F45;   
  --body-text: #FFFF00; 
} */

.container-header .navbar-brand {
  color: #32d9e5;
  margin-inline-end: auto;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  font-size: 2rem;
  display: inline-block;
  position: relative;
}


/* Aanpassen header background template  */
.container-header {
/*  position: relative; */
    position: absolute; 
    width: device-width; !important;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #008F45;
    background-image: linear-gradient(167deg, #008F45 45%, #14382c 80%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}  


/* Text Hoofd-menu should now be yellow  */
.container-header .mod-menu {
    color: yellow;
} 


/* Aanpassen footer background template  */
.footer {
    position: relative;
    align-items: left;
    z-index: 10;
    margin-bottom: 0px;
    margin-top: 0px;  
    background-color: #008F45;
    background-image: linear-gradient(135deg, #008F45 25%, #14382c 50%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}