:root {
  --cassiopeia-color-primary: #b71c1c;
  --cassiopeia-color-link: #941a1a;
  --cassiopeia-color-hover: #d02222;
}

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

#body.site {
#    background: #f7f7f7;
#    background-image: url(../../../../../images/abteilung/hauptverein/LTH_Eislaufen.jpg);#
#	background-position: top;
#	background-repeat: no-repeat;
#	background-attachment: fixed;
#	background-size: cover;
#}

.card {
  background: #ffffff;
#  border:none;
}

@supports (display: grid) {
  .site-grid {
    display: 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 .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  .site-grid > [class^=container-],
  .site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
  }
  
@media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-a top-a top-a top-a ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}