:root {
  --cassiopeia-color-primary: #403F70;
}

.container-header {
  background-image: none;
}

body {

background-image: url(../images/wasser.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: rgb(55,55,55);
color: #ffffff;
  
}

.card {
background-color: #555555;
  
}

:root {
    --cassiopeia-color-link: #ffffff;
    --cassiopeia-color-hover: #94C3F2;
    --link-color: #ffffff;
    --body-color: #ffffff;
}









@supports (display: grid) {
    .site-grid {
        grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l side-l side-l side-l ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
   }
   @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}