/* user.css für die Naturfreunde Ditzingen */

/* Primärfarbe = WB-Standardfarbe, Link und Auswahl in blau und gruen */
:root {
    --cassiopeia-color-primary: #007556;
    --cassiopeia-color-link: #0000ff;
    --cassiopeia-color-hover: #007556;
}
/* Banner über die volle Bildschirmbereite */
.container-banner{
  grid-column: full-start/full-end;
  width: 100%;
}
/* Rand oben kleiner */
.main-bottom {
  margin-top: 80px;
}
/* Sorgt dafür, dass der "nach-oben-link" immer angezeigt wird */
#back-top {
  position: fixed;
}

/* Weterlsesen -Button Farbe ändern */
.btn-secondary {
  background: #d0d0d0;
  color: #007556;
}

/* Sorgt dafür, dass die Sidebar rechts formatiert wird und nicht scrollt */
.container-sidebar-right {
  grid-area: side-r;
  height: calc(100vh - 200px);
  position: sticky;top: 200px;
}

/* === Menu oben === */

/* Hintergrund in Standard und kein Bld (also kein Farbverlauf) */
.container-header {
  background-color: #007556;
  background-image: none;
}
/* Menüfarbe in Standardfarbe und Hintergrund grau */
.container-header .mod-menu {
  color: #007556;
  background-color: #e0e0e0; 
}
/* Bereich für Menüitems vergrössern und Text in EaD-Standardfarbe */
.container-header .mod-menu a {
  padding: 1px 10px;
  color: #007556;
}
/* Bei "hover" Text in weiss und Hintergrund in Standardfarbe */
.container-header .mod-menu a:hover {
  color: white;
  background-color: #007556;
}
/* Farbe des "Hamburger Menu" anpassen (Standardfarbe) */
.container-header .navbar-toggler {
  color: #007556;
  border: 1px solid #007556;
}

/* Für die Fusszeile kein Verlauf */
.container-footer {
  background-color: #007556;
  background-image: none;
}
/* Bereich für Menüitems vergrössern */
.container-footer .mod-menu a {
  padding: 1px 10px;
}
/* Bei "hover" Schrift in EaD-Standardfarbe und Hintergrund grau */
.container-footer .mod-menu a:hover {
  color: #007556;
  background-color: #e0e0e0;
}