body .container-header {
  background-color: #FFA600; !important; 
  background-image: none;}




/* Klassen für Cassiopeia           */

body {font-family: 'times new roman'; font-size: 12pt; line-height: 1.0;}
/* Überschriften                            */            
h1 {font-family: helvetica; font-size: 18pt; font-weight: 700; color: #52631D; padding: 5px 1px 0px 2px;}
h2 {font-family: helvetica; font-size: 16pt; font-weight: 400; color: #52631D; padding: 5px 1px 0px 2px;}
h3 {font-family: helvetica; font-size: 15pt; font-weight: 300; color: #52631D; padding: 5px 1px 0px 2px;}
h4 {font-family: helvetica; font-size: 13pt; font-weight: 300; color: #52631D; padding: 5px 1px 0px 2px;}
h5 {font-family: helvetica; font-size: 12pt; font-weight: 300; color: #52631D; padding: 5px 1px 0px 2px;}
/* Bildunter- oder Überschriften     */
.b-absatz-titel {font-family: 'comic sans ms'; font-size: 10pt;}
.b-bild-titel {font-size: 11pt; font-family: 'courier new', courier; line-height: 1.2;} /* text-align im Editor festlegen */
.b-popup p {font-size: 10pt;}
/* header (siehe Seitenstruktur) Ausschalten des Brand und eigene Farbe erlauben */


}

.menu-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  list-style: none;
  padding-right: 50px;
  margin-right: 50px;
}
.menu-horizontal li {
  color: #52631D;
  font-family: helvetica;
  font-weight: bold;
  margin: 10px;
}

/* Standardboxen b-kasten ...                                           */

.b-kasten-leicht {background-color: #FFFBE6; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; margin-top: 1%; padding: 1% 1em 1em 1%;}/* o-r-u-l; Farbe #FFFBE6 - rgb(255,251,230) : cosmetic latte; 
*/
.b-kasten-mittel {background-color: #FFF7CC; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%;} /*  Farbe #FFF7CC - rgb(255,247,204): lemon chiffon 
*/
.b-kasten-stark {background-color: #FFA600; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%;} /* Farbe #FFA600 - rgb(255,166,0); nahe FFA64D - (255, 166, 77) neon carrot, nahe #FFCC00 -rgb(255,204,0) tangerine yellow
*/
.b-kasten-leicht-rand {background-color: #FFFBE6;  text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; padding: 1%; border: medium solid #FFA600;} /* kasten nahe cosmetic latte,
rand neon carrot}
*/
.b-kasten-seite {background-color: #D2E39C; font-size: 12pt; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; line-hight: 0.8;} /* Farbe #D2E39C - rgb(210,227,156) android green 4 Stufen heller medium spring budd
*/
/*Zusatzklassen für Kasten (box)                                   */
.bk-kein-rand {border: none;}
.bk-kein-padding {padding: 0px;}
/* Zusatzklassen für Zeilen, Höhen, Breiten, Rand                  */
.bz-flex-row {display: flex; flexdirection: row; min-height: 2em; gap: 1%;}
.bz-flex-col {display: flex; flexdirection: column;}
.bz-full-height {height: 100%;}
.bz-width-32 {width: 31%;}
.bz-width-67 {width: 66%;}
.bz-width-48 {width: 48%;}
.bz-full-width {width: 100%;}

/* Klassen, die in allen Sites mit demselben Namen verwendet werden */

/* Schaltfläche/ button                                    */
.am-button {
  border: 2px solid #000; /* Schwarzer Rand mit 3px Breite */
  border-radius: 10px; /* Runde Kanten */
  width: auto; /* Automatische Breite */
  height: auto; /* Automatische Höhe */
  text-align: center; /* Zentrierter Inhalt */
  border-color: #ffcc00; /* tangerine yellow */
  background-color: #ffff; /* white */
  font-family: 'courier new';
  font-size: 10pt;
  text-decoration: none; /*damit auch in <a ...> nutzbar */
        }
.am-button-close {background-color: #f1f1f1;}
.am-button a {color: inherit; text-decoration: none;}

/* Standardkasten                                            */

.am-kasten-leicht {background-color: #FFFBE6; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; padding: 1% 1em 1em 1%;}/* o-r-u-l; Farbe #FFFBE6 - rgb(255,251,230) : cosmetic latte; 

/* Zusatzklassen - werden in Fomularen von joomla benötigt   */

.am-flex-row {display: flex; flexdirection: row; min-height: 2em; gap: 1%;}
.am-flex-col {display: flex; flexdirection: column;}
.am-full-height {height: 100%;}
.am-width-32 {width: 31%;}
.am-width-67 {width: 66%;}
.am-width-48 {width: 48%;}
.am-full-width {width: 100%;}