/* MaHi: File added to /media/templates/site/cassiopeia/css/ */


/* MaHi: adjust site colors */
/* MaHi remark: Doesn't seem to work!!!
.own {
  --cassiopeia-color-primary: #2F9C95;
  --cassiopeia-color-hover: #313639;
  --cassiopeia-color-link: #1C5E5A;
}
/* MaHi remark:  Does work for changing header into ugly rainbow colors (jakkes!) and body font color */
:root {
/*   --cassiopeia-color-primary: red; MaHi Remark : ugly rainbow colors*/
  --body-color: #313639
    ; /* MaHi remark: Sets font color for most of website and Menu. */
  --cassiopeia-color-hover: white; 
  --cassiopeia-color-link: #313639;
} 

/* MaHi remark:  Overwrite article title with smaller font size */
h1 {
    font-size: 1.25em;
}

/* MaHi: adjust Footer */  
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}  

/* MaHi: adjust Header HJ TODO */