body

/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein **/

.metismenu.mod-menu .mm-collapse {
  background: #ffcc99;
} 

.site { background-color: #ffcc99; 
	background-image: none;
}

/** Anpassungen der Menu-Leiste nav  **/
/* change the background color */
.navbar-custom {
  background-color: #ffcc99;
/*  margin: 0px; padding: 0px; border: 0px; **/
}

/*komplette navbar, background-image bringt den idiotischen dunklen Balken weg*/
.container-header  {
    background-color: #ffcc99;
  	background-image: none;
    justify-content: center; /*right;*/
}

/** macht rosa Hintergrund hinter den Titel **/
nav {  background-color: #ffcc99; } 

/** macht rosa Hintergrund um die Menu-Punkte **/
.nav {
	color: #000000; background-color: #ffcc99;  
	border-color: #ffcc99;  
	border-top-color: #ffcc99; 
	} 

/** macht rosa Hintergrund hinter den Titel **/
header.header.container-header.full-width {  
  background-color: #ffcc99; 
  border-color: #ffcc99; 
} 

div.card-body {
  background-color: #ffcc99; 
  border-color: #ffcc99; 
}

div.topbar.card._menu {
  border-width: 0px
  border-color: #ffcc99; 
}

/** macht rosa Hintergrund hinter den Titel (Joomla 4) und gibt Menu-Farbe und Font an**/
.container-header .mod-menu {
  justify-content: center;
  background-color: #ffcc99; 
  border-color: #ffcc99;  
  border-top-color: #ffcc99;   
  color: #555555;   /** #22262a **/
  font: bold 11pt/12pt Arial; 
}

/** konfiguriert im Haupt-Menu den Abstand zwischen den Menu-Punkten **/
 .metismenu.mod-menu .metismenu-item {
  margin: 10px; padding: 0px; border: 0px;
}  /**   **/

/** Damit könnte ein einzelner Menupunkt anders eingefärbt werden **
 div#navbar1 > ul > li.item-101 > a { 
  color: red;
    font: bold 11pt/12pt Arial; 

} /**  **/

/**  Gibt Grösse, Farbe und Schriftart des Menus an **/
.container-header .mod-menu > li > a {
/**  color: #444444;   **/
  color: white;
  font: bold 11pt/12pt Arial; 
}

.container-header .mod-menu > li > a:hover {
  color: white;
/**  font-style: italic;  **/
  font: italic bold 11pt/12pt Arial; 
}

.container-header .mod-menu > li > a:focus {
  color: black;
  font: bold 11pt/12pt Arial; 
}

.container-header .mod-menu > li > a:active {
  color: white;
  font: bold 11pt/12pt Arial; 
    color: white;
}





/** Body der Homepage **/
.site-grid { background-color: #ffcc99; 
	background-image: none;
}

.Links.main.div{
  margin-bottom: 0px; 
  margin-left: 200px;
}

div.content-category table{
  background-color: #ffcc99;
}

/** .table-striped tbody {
  background-color: #ffcc99;
} **/

/** Anpassung der Category-Liste **/
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: rgb(255, 204, 153); 
   border-color: rgb(255, 204, 153); 
     --border-color: rgb(255, 204, 153); 
/**  --table-border-color: #fc9  **/
  --table-striped-bg: 0;
 }
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: rgb(255, 204, 153); 
   border-color: rgb(255, 204, 153); 
   --border-color: rgb(255, 204, 153); 
/**   --table-border-color: #fc9  **/
   --table-striped-bg: 0#ffcc99;
 } 

/** Entfernen Underline aus der Category-Liste **/
.table-striped>tbody>tr>th>a:link { 
  text-decoration: none; 
} 

/** Entfernen graue Abtrennung der Category-Liste **/
.table-striped>tbody { 
  border-color: #ffcc99; 
} 

/** Das folgende würde leider alle Beiträge nach rechts verschieben **/  /**
div.com-content-article__body {
  margin-left: 400px;
}  **/


/body