:root {
  --cassiopeia-color-primary: #007CC2;
  --cassiopeia-color-link: #1E90FF;  
  --cassiopeia-color-hover: #007CC2;
  --link-color: #111111; 

  /* --link-color: #30638d; */
  /* --link-color-rgb: 125,125,141;  */
} 

/* Formatierung der ganzen Webseite */
body {
background-image: url("/images/backgrounds/001Background_22_23.jpg");  /*Bildschirmhintergrundbild */
background-attachment: fixed;  /* Bild ist nicht beweglich der Vordergrund schrollt über den Hintergrund */
color: black;
/*  background-size: cover;
    background-repeat: no-repeat;*/
}


/* Formatierung der Kopfzeite -> im Header ist auch das Menü enthalten ! */
body > header {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
/*height: 10vh;  Höhe des Tabellen kopfes Banner und Navigationsleiste */
}


.container-header {
  min-height: 5vh !important; /* Höhe des Navigationsmenu */
  padding-top: 0px; /*Keine Abstand nach oben und unten */
  padding-bottom: 0px;
}

.container-header .banner {
    height: 15vh !important; /* feste Höhe */
    background-size: cover; /* Bild automatisch skalieren */
}

.overlay {background: transparent !important;}

.container-banner .banner-overlay {
  top: 3vh;
  height: 20vh !important;
} 

.container-banner .banner-overlay .overlay {
  
  padding: 0em !important;
}

.site > .header > .container-topbar {
  margin: 0px;
  padding: 0px;
}

.site > .header > .grid-child.container-nav {
background-color: #007CC2 /* Hintergrundfarbe des Menüs wird festgestellt ! */
margin: 0px;
padding: 0px;
height: min-content;
opacity: 0.95;
}

/* Modul wird links angedockt ->wird aber nicht gemacht
body > div > div.grid-child.container-sidebar-left {
  
  background: transparent;
  position: fixed;
  top: 30vh;
  left: 5vh;
  width: 8vh;
}


.card-body {  
  background: transparent;
  background-color: transparent;  
}
*/
/* Modul für Medien Facebook/Insta/Whatsup) */
.container-sidebar-right .sidebar-right:last-child 
{ 
  position: fixed; /* Wird auf der Seite fixiert */
  top: 5vh;  /* 5 von 100 von oben */
  right: 2px; /* 1 von 100 nur rechts */
  width: 8vh;
  background-color: transparent;
  border: none;
}




.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .metismenu-item {
  padding:0.5em 0.5em;
}


.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show {
  background: transparent;
  /*background-color: #0077C2 !important;*/
  color: #FFFFFF !important;
}

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-291 > .mm-collapse.mm-show {
 background: transparent;
  /*background-color: #0077C2 !important;*/
  color: #FFFFFF !important;
} 


.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-300 > .mm-collapse.mm-show {
  background: transparent;
  /*background-color: #0077C2 !important;*/
  color: #FFFFFF !important;
}

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-302 > .mm-collapse.mm-show {
  background: transparent;
  /*background-color: #0077C2 !important; */
  color: #FFFFFF !important;
}

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-304 > .mm-collapse.mm-show {
  background: transparent;
 /* background-color: #0077C2 !important; */
  color: #FFFFFF !important;
}

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-309 > .mm-collapse.mm-show {
  background: transparent;
  /* background-color: #0077C2 !important; */
  color: #FFFFFF !important;
}

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-109 {  
  background: #FFFFFF; 
  border:3px solid rgba(255,255,255,0.0);
  background-clip: padding-box;
}
  
.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-113 {  
  background: #FFFFFF; 
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-114 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-115 {  
  background: #FFFFFF; 
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-306 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-290 > .mm-collapse.mm-show > .item-309 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-291 > .mm-collapse.mm-show > .item-299 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-291 > .mm-collapse.mm-show > .item-292 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-291 > .mm-collapse.mm-show > .item-298 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-300 > .mm-collapse.mm-show > .item-301 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-300 > .mm-collapse.mm-show > .item-132 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-300 > .mm-collapse.mm-show > .item-133 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-300 > .mm-collapse.mm-show > .item-323 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-302 > .mm-collapse.mm-show > .item-303 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-302 > .mm-collapse.mm-show > .item-135 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-302 > .mm-collapse.mm-show > .item-324 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-304 > .mm-collapse.mm-show > .item-305 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-304 > .mm-collapse.mm-show > .item-268 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-304 > .mm-collapse.mm-show > .item-271 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-309 > .mm-collapse.mm-show > .item-310 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-309 > .mm-collapse.mm-show > .item-311 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-309 > .mm-collapse.mm-show > .item-317 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }

.site > .header > .grid-child > .navbar > .collapse > .mod-menu > .item-309 > .mm-collapse.mm-show > .item-318 {  
  background: #FFFFFF;
  border:3px solid rgba(255,255,255,0.1);
  background-clip: padding-box;
  color: #000000;
  }
/* hier wird der Rahmen und die Ausdehnung des Hauptbeitrages eingestellt */

.site > .site-grid {
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding-top: 2px;
width: 95vw;
opacity: 0.95;
}

/* hier wird der Hauptbeitrag bearbeitet */
.site > .site-grid > .grid-child.container-component {
background-color: #EDEDED;  /* hintergrundfarbe wird festgestellt */
padding: 10px;              /* Zellabstand */
opacity: 0.9;               /* Durchsichtigkeit zum Hintergrund */
/* width: 95vh; */
}

.site > .footer {
  background-color: transparent;
  background-image: none;
}

/* Footer wird hier Formatier */
.site > .navbar.navbar-expand-lg {
background-color: #EDEDED;
padding: 1px;
margin:0px;
}

.container-header .navbar-toggler {
  color: #FFFFFF;
  background: #1E90EF;
}



/*
.site > .navbar > .metismenu-item.item-307.level-1 {
color: #ffffff;
}
*/
 
@media only screen and (max-width: 991px) 
{
  .grid-child .container-nav { position: sticky !important;}
  .container-header { position: sticky !important;}

  .container-banner .banner-overlay {height: 2vh !important; } 
  
  .container-banner .banner-overlay .overlay { display: none !important; heigth: 1vh !important; } /* Der Banner wird versteckt */
  
  
}

@media only screen and (max-width: 740px) 
{
.container-banner .banner-overlay { height: 50vh;
                                     position: fixed;
                                  }

.grid-child .container-nav { position: fixed;}

.container-header {
  min-height: 0vh;
  padding-top: 0px;
  padding-bottom: 0px;  
}
  
body > header > div.grid-child.container-nav > div.mod-preview  {
  color: #f0f0f0;
  background-color: #A0ACA2;
/*  background-image: url('https://test.fichte-erdeborn.de/images/headers/logo_final.jpg');  */
}
  
.site > .header > .grid-child { 
padding: 0px 0px 0px 0px;  /* kopf soll kein Abstand zum Rand haben */
}

.site > .header > .container-topbar {
display: none;  /* Bild im Kopf soll wegen Bildschirmfläche zum lesen ausgeblendet werden */
}

body > header {
margin-left: -1px; /*Abstand links vorm Rand */
margin-top: -1px; 
position: fixed;
}

li.metismenu-item.item-101.level-1.default {
background-color: #007CC2;  
}
 
li.metismenu-item.item-290.level-1.deeper.parent {
background-color: #007CC2;  
}

li.metismenu-item.item-291.level-1.deeper.parent {
background-color: #007CC2;  
}

li.metismenu-item.item-300.level-1.deeper.parent {
background-color: #007CC2;  
}

li.metismenu-item.item-302.level-1.deeper.parent {
background-color: #007CC2;  
}
 
li.metismenu-item.item-304.level-1.deeper.parent {
background-color: #007CC2;  
}
  
li.metismenu-item.item-101.level-1.default.current.active {
background-color: #007CC2;    
}

body > header > div.container-topbar {
position: fixed !important;
background-image: url('https://test.fichte-erdeborn.de/images/headers/logo_final.jpg') !important;;  
}
  
/*Einstellung zum Menü soll vorgenommen werden*/
body > header > div.grid-child.container-nav {
/*background-image: url('https://test.fichte-erdeborn.de/images/headers/logo_final.jpg');  */
  
position: fixed !important; /* Menü soll immer angezeigt werden und nicht gescrollt */

  background-color: none; /* #007CC2; /* Hintergrundfarbe der Fichte */
/*margin-left: -1px; /*Abstand links vorm Rand */
/*margin-top: -1px;  
/*padding: 0px;
width: max-content; /*Anpassung beim Aufklappen des Meüns soll die Hintergrundfarbe den Content angepasst werden */
height: max-content; /*Anpassung beim Aufklappen des Meüns soll die Hintergrundfarbe den Content angepasst werden */
/*opacity: 0.9; Etwas Transparts zum Intergrund */
}
  
.site > .header > .grid-child {
margin: 0px;
padding: 0px;
}
  
}