h5 {
  
max-width: 800px; 
}

ol {
  
max-width: 800px; 
}



/* Breite Inhalt Hauptteil */

p {
  
max-width: 800px; 
}

.container-component {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Farbe Menüeinträge */

:root {
   	--cassiopeia-color-link: #666666;
  	--cassiopeia-color-hover: #000000;
    --danger: #838383;
    --warning: #838383
    --red: #838383
    --info: #838383;
    --danger-rgb: #838383;
    --info-rgb: #838383;
   	--purple: #838383;
  	--purple: #838383;
}

/* Password Reset und Benutzername vergessen ausblenden */

.com-users-login__reset.list-group-item {
display: none;
}

.com-users-login__remind.list-group-item {
display: none;
}

/* Farbe Joomla System-Buttons und -Meldungen für Login etc.*/

  .btn-danger {
  color: hsl(0deg, 0%, 100%);
  background-color: #FF0000;
  border-color: #FF0000;
}
.btn-danger:hover {
  color: hsl(0deg, 0%, 100%);
  background-color: #FF0000;
  border-color: #FF0000;
}

  .btn-primary {
  color: hsl(0deg, 0%, 100%);
  background-color: #838383;
  border-color: #838383;
}
.btn-primary:hover {
  color: hsl(0deg, 0%, 100%);
  background-color: #838383;
  border-color: #838383;
}

 .invalid {
  color: black;
  border-color: black;
}


/* Farbe Dropdown Icons */

.metismenu.mod-menu {
	color: #838383;
}

.mod-menu.mod-list.nav {
	color: #838383
}

/* Menüeinträge Header und Footer linksbündig  */

.container-nav .grid-child {
text-align: left;
display: block ruby;
}

.container-footer .grid-child {
text-align: left;
display: block ruby;
word-spacing: 10px;
}

/* Farbe Header und Footer + Footer fixiert unter Content */

.header {
  --cassiopeia-color-primary: #838383;
  --cassiopeia-color-hover: #838383;
  --cassiopeia-color-link: #838383;
  color: #FFFFFF;
}

.footer {
  --cassiopeia-color-primary: #838383;
  --cassiopeia-color-hover: #838383;
  --cassiopeia-color-link: #838383;
   color: #FFFFFF;
     position: relative;
    width: 100%; 
    bottom: 0px;
}

/* Schriftfarbe Header und Footer  */

.nav-item {
   color: #FFFFFF;
}

/* Farbe und Ränder Sidebar  */

.card {
background: #FFFFFF;
  padding-left: 1rem;
  padding-right: 1rem;
  border: none;
}

/* Farbe Überschift + Abstände Sidebar  */

.card-header {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #666666;
}