:root {
  --cassiopeia-color-primary: var(--white);
  --body-bg: var(--white);
  --nw-menu-color: black;
  --nw-content-bg: white;
  --nw-company-orange: darkorange;
  --nw-menu-active : gainsboro;
  --nw-menu-bg: gainsboro /*whitesmoke*/;
}

.site-grid {
  	gap:0em;
}

.grid-child {
  	max-width:1275px;
}

/* Set the Background of child-container the content-background-color */
.grid-child.container-component {
    background-color: var(--nw-content-bg);
/*  	margin-top: 0.5em; 
  	margin-left: 0em; */
	padding: 1em;
}


.grid-child.container-sidebar-right {
	background-color: var(--nw-content-bg);
  	padding-top: 1em;
  	
}

.grid-child.container-sidebar-left {
	background-color: var(--nw-content-bg);
  	margin-top: 0.5em;  
  	padding-top: 1em;
  	padding-right: 0.5em; 
  	padding-left: 0.5em; 
}


.container-bottom-a {
    background-color: var(--nw-content-bg);
    padding: 0.5em;  
  	margin-top: 1em;
}

.menu-topmenu {
}

.metismenu.mod-menu {
    margin: 0;
    padding-left: 2em;
}

.metismenu.mod-menu .metismenu-item {
    background-color: var(--nw-menu-bg);
}

.metismenu.mod-menu .mm-collapse {
    background-color: transparent;
    box-shadow: none;
}

.level-1.current.active {
    background-color: var(--nw-menu-active);
}

.item-119 ul {
    columns: 2;    
    -webkit-columns: 2;
    -moz-columns: 2;
}

/* remove the cassiopeia gradient */
.container-header {
	background-image : none; 
}

/* remove the padding in the header for a small top-box */
.container-header .grid-child {
    padding: 0;
}

.container-header .mod-menu {
	color : var(--nw-menu-color); 
  	padding-top: 0.2em;
}

.container-header .container-nav {
    padding-bottom: 0.75em;
    /* justify-content: normal; */
  	justify-content: space-between;
}

/* set last item in menu orange */
.metismenu.mod-menu li:last-child {
    /* flex: 1; */
    /* flex-basis: 0; */
    color: darkorange;
}

.container-below-top, .container-topbar {
    color: var(--nw-menu-color);
    place-content: flex-end;
}
 
.com-content-article.item-page {
    padding: 0.75em;
}

.footer {
    background-image: none;
/*    color: var(--nw-menu-color); */
    margin-top: 1em;
    text-align: end;
}

.footer .grid-child {
    padding: 1.5em 0.5em;
    place-content: end;
  	background-color: var(--nw-company-orange);
}

/* Typo-Groeßen für Überschriften */

.h1, h1 {
  font-size: calc(1.375rem + .8vw);
}

.h2, h2 {
  font-size: calc(1.325rem + .4vw);
}

.h3, h3 {
  font-size: calc(1.325rem + .25vw);
}

.h4, h4 {
  font-size: calc(1.325rem + .15vw);
}

/* Innerhalb der Suchergebnisse
#jf_results .h1, 
#jf_results h1  {
  font-size: calc(1.375rem + .5vw);
}

#jf_results .h2, 
#jf_results h2  {
  font-size: calc(1.375rem + .3vw);
}

#jf_results .h3, 
#jf_results h3  {
  font-size: 1.375rem;
}
*/

/* blauer Link der Suchergebnisse wird schwarz */
#categoryList a,
#categoryList a:link, 
#categoryList a:visited {
  color: #000;
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.1rem;
  }
  
  .h2, h2 {
    font-size: 1.6rem;
  }
  
  .h3, h3 {
    font-size: 1.45rem;
  }
  
  .h4, h4 {
    font-size: 1.35rem;
  }
  
/*  #jf_results .h1,
  #jf_results h1  {
    font-size: 1.75rem;
  }

  #jf_results .h2, 
  #jf_results h2  {
    font-size: 1.55rem;
  }

 */
}

/* Unten im footer 
span auf min. 15px
Sonst meckert Google rum
*/

.container-header .navbar-toggler {
  border: 1px solid #353b41;
  color: #353b41;
}