/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* Menu */

/* überschreibe den lila Hintergrund mit white */
.container-header {
    background-color: white;
    background-image: none;
}

/* Der Text sollte jetzt blue sein */
.container-header .mod-menu {
    color: #0088cc;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 6px 6px 6px 6px; 
    padding: 3px 15px;
    color: #0088cc;
}

/* On hover sollte der Hintergrund gray sein */
.container-header .mod-menu a:hover {
        background-color: #d6e0e8;
}

/* Wir sollten die Farbe des Hamburger Menu ändern denn white auf white ist nicht gut */
.container-header .navbar-toggler {
    color: #0088cc;
    border: 1px solid #0088cc;
}

/* Hack Wrapper */

/* Hintergrundelemente grau färben */
.site-grid {
    background-color: #f4f6f7;
}

/* Elemente die Inhalte enthalten einen weißen Hintergrund geben */
.header {
    background-color: #f4f6f7;
}

.grid-child {
    padding: 3px 15px;
    background-color: white;
}

.footer {
    background-color: #f4f6f7;
    background-image: none;
}

.container-header .container-nav {
background-color: #f4f6f7; 
}

:root{--cassiopeia-color-primary:#737373;--cassiopeia-color-link:#224faa;--cassiopeia-color-hover:#228b22}