/* Setzt den Farbverlauf fuer den Header */
.container-header { 
  position: relative; 
  z-index: 10; 
/*  margin-bottom: 20px; */ 
#  background-color: #434178;
  background-image: linear-gradient(135deg, #99a1b7 0%, #1d447a 100%); 
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; 
}

/* Titelseite: Diverse Varianten
   - Standard-Modul "Image", Bild mit Overlay
   - Modul "My Banner", ein einziges Bild
   - Die bisherigen Banner-Bilder, aber resized, Modul "Titelbilder"
*/   

/* Setzt die Hoehe fuer das Banner-Bild auf der Home Seite (Standard-Modul "Image", Bild mit Overlay) */
.container-banner .banner-overlay {
  height: 20vh;
}

/* Macht den Hintergrund heller für das Banner-Bild auf der Home Seite (Standard-Modul "Image", Bild mit Overlay) */
.container-banner .banner-overlay .overlay { 
  background-color: rgba(0,0,0,0);
}

/* 'Stretched' das Titelbild im Home über die ganze Breite (Modul "My Banner", nur ein einziges Bild, kein Wechsel)*/
.my-banner {
   min-width: 100%;
   height: auto;
}

/* 'Stretched' die alten Banner-Bilder über die ganze Breite (bei Zufallsbild kann kein spezifisches css angegeben werden), Modul "Titelbilder" */
.container-banner img {
    min-width: 100%;
#    max-width: 100%;
    height: auto;
}

/* Macht den Footer weniger hoch (Default: padding: 2.5rem 0.5em;) */
.footer .grid-child {
  padding: 0.5em
}

/* Macht aus dem schwarzen Trauerrand in "boxed" oben beim "Aktuell"-Blog einen blauen Rand oben (Blau wie im Header, siehe weiter oben) */
/* Aktuell: ohne boxed sprich Rahmen aktiv
.boxed .blog-item {
  background-color: hsl(0deg, 0%, 100%);
  -webkit-box-shadow: 0 0 2px hsla(216deg, 13%, 23%, 0.1), 0 2px 5px hsla(216deg, 13%, 23%, 0.08), 0 5px 15px hsla(216deg, 13%, 23%, 0.08), inset 0 5px 0 #1d447a;
          box-shadow: 0 0 2px hsla(216deg, 13%, 23%, 0.1), 0 2px 5px hsla(216deg, 13%, 23%, 0.08), 0 5px 15px hsla(216deg, 13%, 23%, 0.08), inset 0 5px 0 #1d447a;
}

/* Original:
.boxed .blog-item {
  background-color: hsl(0deg, 0%, 100%);
  -webkit-box-shadow: 0 0 2px hsla(216deg, 13%, 23%, 0.1), 0 2px 5px hsla(216deg, 13%, 23%, 0.08), 0 5px 15px hsla(216deg, 13%, 23%, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
          box-shadow: 0 0 2px hsla(216deg, 13%, 23%, 0.1), 0 2px 5px hsla(216deg, 13%, 23%, 0.08), 0 5px 15px hsla(216deg, 13%, 23%, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
}
*/

/* Button "Weiterlesen" in "Aktuell": Hintergrund und nicht ganz so hoch wie Standard */
.btn-secondary {
  background-color: #ccd4ea;
  border-color: #99a1b7;
  line-height: 0.8;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #99a1b7;
  border-color: #ccd4ea;
}


/* Setzt die Hintergrundfarbe beim Newsletter-Modul (NS Pro) */
.nspro-newsletter-subscription {
  background-color: #ccd4ea;
}

/* Header-Balken weniger hoch. Standard: 5em */
.container-header .grid-child {
    padding: 0.2em;
}

/* Macht einen Abstand vor den Modulen in bottom-a */
.container-bottom-a {
  margin-top: 5em;
}



/*******************************************************************************************/
/* Statt hier Bug korrigiert in /templates/cassiopeia/html/mod_menu/collapse-metismenu.php */
/* siehe auch: https://github.com/joomla/joomla-cms/issues/37926                           */
/*******************************************************************************************/

/* Setzt horizontales statt vertikales Menu bei Tablet */
/*
@media (min-width:768px) and (max-width:992px) {
  .container-header .mod-menu {
  display:flex;
  flex: 1 1 0%;
  flex-direction: row
}
*/