body.site {color: white;background: #000000;}
.container-header img {width: 1320px; padding: 0em 1.2em;justify-content: center;}
.container-header {background: #000000;}
/* Seitentitel schriftfarbe + grösse */
.h1, h1 {font-size: 1.2em; font-family: "Montserrat",sans-serif; margin: 0 0 1.5em 0;} 
.h2, h2 {font-size: 1.0em; font-family: "Montserrat",sans-serif;} 
.h3, h3 {font-size: 0.7em; font-family: "Montserrat",sans-serif;color: #FFAE42} 
.h6, h6 {font-size: 1.0em; font-family: "Montserrat",sans-serif;color: #FFAE42} 
/* content */
.grid-child.container-component {
font-family: "Montserrat", sans-serif;font-size: 1.2em;font-weight: 500;line-height:1.5em;margin: 0em 0em 0em 0em; padding: 0em;color: #FFFFFF;background-color: #000000; }
.footer .grid-child {padding: 0.1em;center;} /* ganz unten Footer (copyright)weniger Höhe */
.footer {margin-left: 30px;}
.footer {margin-top: 1em;background-color: #000000;color: red;background-image: none;} /* footer hintergrundfarbe */.navbar-toggler {display: block !important;}
.navbar-collapse {display: none !important;}
/* Wenn Menü geöffnet wird 
.navbar-collapse.show {display: block !important;}
/*---------------------------------------*/
.offcanvas.show {background-color: black;var(--cassiopeia-color-primary);}
@media (min-width: 992px) {.offcanvas-start {width: 100%;}}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {position: relative;width: 100%;margin-top: 1rem;}
  .offcanvas .metismenu.mod-menu .mm-collapse {background-color: transparent;}  
  .offcanvas .metismenu.mod-menu .metismenu-item > a {color: #fff;}}
.offcanvas .metismenu.mod-menu .metismenu-item > a:hover {color: red;}
.offcanvas .metismenu.mod-menu .metismenu-item > a:active {color: green;}
.offcanvas-header > *:only-child {margin-left: auto;}
.container-header .mod-menu {flex-direction: column;}
.grid-child.container-nav:after,
.grid-child.container-nav
{content:"Menü";color: #aaa;justify-content: start;align-items: center;padding-left: .5rem;padding-top: .5rem;}
/* #### Footer  ************************************************************************************* */
.back-to-top-link {color:red;} /* TOP LINK*/
.footer .grid-child {padding: 0.1em;} /* ganz unten Footer (copyright)weniger Höhe */
.footer {margin-top: 1em;color: white;background-color: black;color: #ffffff;background-image: none;} /* footer hintergrundfarbe */
.footer .grid-child {justify-content: center;}
/*Link colors*/
:root {--link-color: #990000;--link-hover-color: yellow;}
/*footer farben links*/
.footer a:not(.btn){color: red;}
.footer a:not(.btn):hover{color: yellow;}
.footer a:not(.btn):focus{color: green;}

.grid-child.container-component {
a:not(.btn){color: red;}
a:not(.btn):hover{color: yellow;}
a:not(.btn):focus{color: green;}
}