@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

/* Grundsätzliche Template Farben und Einstellungen */


/* Schrift auf der Seite nutzen: Auf Google findest du auch die CSS Anweisung für die Nutzung der Schrift. Wenn du diese in das body element einfügst dann wird die Schrift auf der ganzen Webseite genutzt. */

/* Der Seitenkopf von Cassiopeia hat die Klasse "header" du steuerst diese also mit .header an */
.body
{ background-color:#e7ccdf}
.header {
    background: rgb(231,203,226);
	background: linear-gradient(90deg, rgba(231,204,223,11) 0%, rgba(224,9,181,1) 35%, rgba(231,204,200,1) 100%); 
}

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

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

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #fff;
}

.rahmen
{
background-color:#f7eff5;
border-width:1px;
border-color:black;

}
@supports (display:grid) {

    @media (width >= 992px) {
            .metismenu.menu-horizontal  {
        background: rgb(230,200,221);
	background: linear-gradient(90deg, rgba(230,200,223,211) 0%,  rgba(247,239,245,1) 100%); 
        
        }
	}
}
@supports (display:grid) {

    @media (width >= 992px) {
            .rahmen  {
			background-color:#f7eff5;
			border-width:1px;
			border-color:black;
        
        }
	}
}