.header {
    background: #8b0ace;
 
}

.main-top.card {
   background: #e1e9f5;
}


/* Überschriften sind html Elemente, die Hauptüberschrift ist eine h1, dann kommt h2, h3, h4 usw. Ein html Element steuerst du an indem du einfach den Namen davorschreibst */

h1 {
  
}

.mod-list {
    font-size: 1.2em;
}

#mod-custom132 {
  color: #fff;
  font-size: 1.1em;
}
/* In Joomla haben die meisten Buttons die Klasse btn-primary - im Element Inspektor kannst du nachsehen ob der Button, den du einfärben willst wirklich diese Farbe hat.
*/

.btn-primary {
  background: rgba(119,9,121,1);
}

/* Wenn du etwas einfärben möchtest, nur wenn man mit der Maus drüber fährt dann schreibst du :hover dahinter
*/

.btn-primary:hover {
  background: rgba(0,212,255,1);
} 



/*Laufen dir auf der Webseite icons über den Weg kannst du diese einzeln einfärben*/

.icon-user {
  
}

/* oder du färbst mit dieser besonderen Anweisung alle Icon ein

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
  color: #403678;
}
*/

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
  color: #fff;
}
/* Der Seitenfuß von Cassiopeia hat die Klasse "footer" du steuerst diese also mit .footer an */

.footer {
    background: #8b0ace;
}