/* Notwendig */

:root {
  --cassiopeia-color-primary: #fffff;
   /* --cassiopeia-color-primary: #a8cc75 hellgruen 
 --cassiopeia-color-link: #848484;
 --cassiopeia-color-hover: #444444; 
  --gradient: none;
--link-color: #247719;
--link-hover-color: #aaaaaa;*/
--primary: #142E0E;
}
/* Mobile menue auf Position Menü setzen */
@media (max-width: 961px) {
    .site-grid {
        grid-template-areas:
            ". banner banner banner banner ."
            ". top-a  top-a  top-a  top-a  ."
            ". top-b  top-b  top-b  top-b  ."
            ". side-l side-l side-l side-l ."
            ". comp   comp   comp   comp   ."
            ". side-r side-r side-r side-r ."
            ". bot-a  bot-a  bot-a  bot-a  ."
            ". bot-b  bot-b  bot-b  bot-b  .";
    }
}

.container-header {
background-color: white;
background-image: none;
}

.footer {
 background-image: none;
 } 

.container-header .mod-menu {
color: #0148a0;
font-weight: bold;
}

/* Farbe brötchenmenue */
.container-header .navbar-toggler {
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
}


/* Position bottom.a untereinnader */
.container-bottom-a {
display: block;
}


/* Bradcrump Icon */
.icon-loading:before {
  content:URL(/media/system/images/favicon-16x16.ico);
}
.icon-location:before {
  content:URL(/media/system/images/favicon-16x16.ico);
}

/* Buttons im Editor sichtbar*/
.btn-primary {
  background-color: #242424;
  border-color: #010156;
  color: #fff;
} 
.hinweis_text {
            background-color: #fad888;
			border-right-width:3px; border-right-style:groove;
			border-bottom-width:2px; border-bottom-style:solid;
			padding:16px;
			border-color: #818f36;
			max-width: 350px;
}
/* Einstellung Schriften */
p {
  font-size: 1.5vw;
color: #646464;
}
h1 {
       /*text-transform: uppercase  2rem; */ 
      font-size: 3vw;
      color: #646464;
} 

h2 {
  font-size: 2.5vw;
color: #646464;
}
h3 {
  font-size: 2vw;
color: #646464;
}
@media screen and (min-width: 200px) and (max-width: 721px) {
	h1 { font-size: 3vmax;} 
  h2 { font-size: 2.5vmax;}
	p { font-size: 2.1vmax;}
h3 { font-size: 2.3vmax;}
}

@media screen and (min-width: 722px) and (max-width: 1024px) {
	h1 { font-size: 3.5vmax;} 
  h2 { font-size: 3vmax;}
	p { font-size: 2.3vmax;}
h3 { font-size: 2.7vmax;}
}

/* Kontaktbild */
.img-thumbnail {
clear: right; 
}  

.bild  { 
border: 3px groove #c4c4c4;
float: left;
margin-right: 12px;
draggable="false";
}

/* menues */
/* Mobile menue auf Position Menü setzen 

@media screen and (max-width: 800px) {

  .container-nav {
    display: initial;
  }
.myleftmenu {
    display: none;
  }
}
@media not screen and (max-width: 600px) {
.container-nav {
    display: none;
  }
.myleftmenu {
    display: initial;
  }
}
*/

.nav-item {
	font-size:12pt;
}
.nav-tabs > li > a {
 font-weight: bold;    
}
ul.unstyled,
ol.unstyled {
	margin-left: 20px;
	list-style: none;
}

/* Show sub-menu on hover 
.mod-menu .metismenu-item:hover .mm-collapse {
  display: block;
}*/

 /*Formatierung bottom */

.container-bottom-b {
  background-color: #005caa; 
}

  .container-bottom-b .card {
  background-color: #005caa;
border:0px;
  }
/*
.container-bottom-b .mod-custom {
justify-content: center;
color: #005caa;
padding: 10;
}  
*/
/*Formatierung unteres menue als eigenes Modul*/
.textlink { 
font-size:14pt; vertical-align:center; line-height:16pt; color:#eeeeee; text-decoration:none;
}
.textlink:hover { 
color:#ffffff;
}
.box  { 
/*border: 3px outset #eeeeee; 
background-color:#005caa;*/
color:#ffffff; 
text-align: left;
float: left;
margin-right: 4px;
margin-bottom: 4px;
padding:10px;
text-indent: 10px;
}


/* Untermenueeinträge Abteilungen Dropdown Menü
.metismenu.mod-menu .metismenu-item {
  font-size: 1.5rem;
  line-height: 1.1;
}
.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: none;
}
*/