:root {

    --cassiopeia-color-primary: #418893;
    --cassiopeia-color-link: #418893;
    --cassiopeia-color-hover: #2a5b62;

    /*--cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: var(--cassiopeia-color-link);}

/* HEADER anpassen */
.header.container-header.full-width {
  background: white;
  border-bottom: 1px gray solid;
}
.header {display: flex; flex-flow: row wrap;}
header .grid-child {}

.container-header .mod-menu {
  color: black;
}

.container-header .navbar-toggler {
  border: 1px solid gray;
  color: gray;
  cursor: pointer;
}

.container-header {display: flex; flex-flow: column wrap;}
.container-header .grid-child {justify-content: center;}
.container-header .navbar-brand {margin-inline-end: unset;}

.metismenu.mod-menu .metismenu-item {font-weight: bold; color: gray;}
.metismenu.mod-menu .metismenu-item .btn_logoff {color: red;}
.metismenu.mod-menu .metismenu-item:hover, .metismenu.mod-menu .metismenu-item .btn_logoff:hover {color: #2a5b62;}
.metismenu.mod-menu .metismenu-item.active {color: #418893;}

/* Banner */
.container-banner .banner-overlay {height: 35vh;}
.container-banner .banner-overlay .overlay {background-color: rgba(0,0,0,.1);}

/* 2-Spalen-Darstellung */
@media screen and (min-width: 600px){
.\32 -SP {
  display: flex;
  margin: 2em;
}
.SP {
  width: 50%;
}
  }

/* footer */
#mod-custom111 {
  width: 300px;
}

.blog-item {flex-flow: row wrap;}
.einleitungsbild img {width: 250px; height: auto;}
.beitragsbild {}
.left.einleitungsbild {margin-right: 2em;}
.right.einleitungsbild {margin-left: 2em;}.