/******************************************************************************
* Konfiguration auf der Hauptseite
******************************************************************************/
/* Hauptdefinitionen für das Layout */
:root {
  --cassiopeia-color-link: #CE0000;
  --body-font-size: 1.2rem;
  --cassiopeia-color-primary: #CE0000;
  --cassiopeia-color-hover: darkgreen;
}

/* Nimmt dem Header-Logo die Hintergrundfarbe
.container-header {
  background-color: transparent;
  background-image: none;
}*/

.container-header {
  background: linear-gradient(to right, black 0%, black 300px, white 100%);
  background-size: auto 100%;
}

.bsdbanner {
  /*background: linear-gradient(to left, black 0%, black 300px, white 100%);
  background-size: auto 100%;*/
  border: none;
}



/* Ändert den Stil von den "Read-more" Links bei den Artikeln */
a.btn.btn-secondary {
  border: none;
  font-weight: bold;
  color: red;
  font-size: 1.25rem;
}

/* Die "Read-more" Links werden beim hovern auch unterstrichen und grün wie die Menüs */
a.btn.btn-secondary:hover {
  text-decoration: underline;
  color: var(--cassiopeia-color-hover); /* must be defined, otherwise it doesn't work! */
}

/* Macht die klickbaren Artikel-Titel in Font-Farbe (und nicht rot -> die Headers sind ein Link und deswegen rot!)
siehe --cassiopeia-color-link: */
.page-header h2 a {
  color:var(--body-color);
}

/* Main Menu item unselected */
.mod-list li a {
  color:black;
  font-size: 1.3rem;
}

/* Main Menu item selected */
.mod-list li.current a {
  color:red;
  font-weight: bold;
  font-style: italic;
  font-size: 1.3rem;
}

/* Main Menu item while hovering with mouse */
.mod-list li a:hover {
  font-weight: bold;
  color: darkgreen !important;
}

/* Das ist die "Box" (Rahmen) um die Module, wie z.B. das Hauptmenü */
.card {
  --card-spacer-y: 0.5rem;
  --card-spacer-x:0.5rem;
  --card-border-width: 2px;
  --card-border-color: silver;
}

/* Das ist das obere und untere Menü und legt den Stil dieses Menüs fest. */
.bsdtopmenularge {
  background-color: silver;
  color: #FFFFFF;
}
/*****************************************************************************/