/* Einstellungen für die gesamte Seite */
:root {
  --body-bg: #FBBC09;
  --body-color: #000000;
  --cassiopeia-color-primary: #FBBC09;
  --cassiopeia-color-hover: #FBBC09;
  --cassiopeia-color-link: #BF1B2C;


}
/* Back to Top Icon immer sichtbar */
#back-top { position: fixed; }

.body {
  background-color: #FBBC09;
}

.site-grid {
  background-color: #FBBC09;
}

/* Header mit Logo und Hintergrund */
.container-header {
  background: transparent;
  background-color: #FBBC09;
  background-image: url(../images/kopfhintergrund.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

/* Menu Weiss auf Rot */
.container-header .mod-menu {
  
  justify-content: center;
  color: #ffffff;
  background-color: #BF1B2C; 
  border-radius: 1em;
  margin-left: 3.125em;

}

/* Fusszeile */
.container-footer {
  background-image: unset;
  background-color: #363636;
  -- height: 4em;
}

/* Inhalt */
.container-component {
  border-radius: 1.5em;
  background-color: #FFFFFF;
  padding: 1em;
  margin-left;right;: 0.5em;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto;
  }

/* Seitenleisten */
.container-sidebar-right {
  background-color: #FBBC09;
}
.container-sidebar-left {
  background-color: #FBBC09;
}