/* Der Seitenkopf von Cassiopeia hat die Klasse "header" du steuerst diese also mit .header an */

.header {
	background: white;
	/*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
}

img {
    max-width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.grid-child {
    width: 100%;
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.container-header .mod-menu {
    justify-content: center;
    color: #000000;
    padding: 0;
}

a:hover .container-header a:hover .mod-menu {
    justify-content: center;
    color: #224FAA;
    padding: 0;
}

a {
    justify-content: center;
    color: #000000;
    padding: 0;
}

a:hover {
    justify-content: center;
    color: #224FAA;
    padding: 0;
}

.container-header {
    background-color: #ffffff;
    background-image: none;
}
.metismenu.mod-menu .metismenu-item.active>a,.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>a:hover,.metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: underline;
    text-decoration-style:solid;
    text-decoration-color: #224FAA;
    color: #224FAA;
}
.container-header .metismenu>li.level-1>ul {
    min-width: 12.5rem;
}