body, nav, ul, li, a  {margin: 0; padding: 0;}
body { 
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
  color: #3c3c3c;
}
a {text-decoration: none;}


/*********************************************************************************/
#main-menu{

}
.menu-home-line{
  display: block;
  background-color: #00326d;
  color: white;
  float: left;
  width: 100%;

}
.main-menu-hamburger-container{
  height: 100%;
  width: 100%;
  display: table;
}
.main-menu-hamburger-balken-tools{
  vertical-align: middle;
  float: right;
  text-align: right;
  padding-right: 1.25em;  
}
.main-menu-hamburger-balken-tools a{
   color: white;
  
}
.hamburger-balken-aktiv a{
  color: red;
}
ul#menuleiste-tools{
  display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 35px;
    font-weight: 400;
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}
ul#menuleiste-tools li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.main-menu-hamburger-icon{
   padding-left: var(--widthLeftAbstandContainer); 
   display: table-cell;
   vertical-align: middle;
}
.main-menu-hamburger-icon a{
  color: white;
}

#hamburger-icon {
  color: white;
  padding-left: 10px;
  font-weight: bold;
  font-size: 35px;

}
#hamburger-icon-footer {
  color: white;
  font-weight: bold;
  font-size: 35px;

}
 /* zum ANFANG DER SEITE SPRINGEN */
 @media only screen and (min-width: 1024px) {
    #hamburger-icon-footer{
      display: none;
    }  
  }

.main-menu-balken{
  display:none;
}


.main-menu {
 /* list-style:none;*/
  padding:0;
}

.js .main-menu {
/*  display:none;*/
}


@media screen and (min-width:1024px) {
  .main-menu-balken{
    display:block;
  }
  .main-menu-hamburger-container{
    display: none;
  }

  #hamburger-icon {
    display: none;
  }
  .main-menu {
    list-style:none;
    padding:0;
  }

  .js .main-menu {
    display:none;
  }

}


.main-menu li {
	padding-right: 0.3em;
	float:left;
	width:100%;
}

.main-menu a {
	display:block;
	color:white;
	text-decoration:none;
	border-radius:2px;
}

.main-menu-active {
  background: #d50c2f;
}
 
.main-menu-inactive-text {
  float: left;
}

.main-menu-inactive {
 
}

@media screen and (min-width:1024px) {
  
  .main-menu a:active, .main-menu,
  .main-menu a:visited, .main-menu{
    background-color: #c60c2b !important;
  }

  .main-menu a:hover {  
	  background: #c60c2b !important;
   } 

 .main-menu-home a:hover, .main-menu-home-icon-leiste a:hover {
    background:#06f;
    height:  21px;
 } 

}
@media screen and (min-width:1280px) {
  .main-menu li {
      padding-right:.5em;
   }
}   


.main-menu-home{
  float: left;
  padding-left: 12px;
}


.main-menu-home-icon a img{
  heigt:23px;
}

 .main-menu-home-leiste{
    display: table;
    float: left;
    height: 100%;
    background-color: var(--navfarbe);
 }  

 .main-menu-home-icon-leiste{
    display: table-cell;
    min-width: 50px;
 }
     
.main-menu-home-icon-leiste a{
  height:100%;
}     

.main-menu-home-icon-leiste img{
   height: 17px;
   width: 22px;
}

.main-menu-home-icon-leiste  a{
   padding-top: 17px;
   padding-bottom: 13px !important;
   height: 17px;
}


.main-menu-2nd-level{
  display:block; 
}
@media screen and (min-width:1024px) {
  #main-menu{
  display: none;
  }
  .main-menu a {
  }
	
	.js .main-menu {
		display:block;
	}
	
	.main-menu li {
		width:auto;	
	}
	

  .main-menu-2nd-level{
    display:none; 
  }

	
}

.main-menu-2nd-level{
  display: none;
}


/*---------------farben---------------------*/
.main-menu-active{
  
}

/* keine Farbe: */
.histlist_level2_nocolor, .histlist_level2_nocolor a{
  background-color: #00326d;
  color: white;
}


/* ->rot = array ("hell" => "#f39ca9", "mittel"=> "#d50c2f", "dunkel" => "#9d2246") */
.main-menu-active-rot, .main-menu-text-rot, .main-menu-active-button-rot, 
.menu-links-headerblock-rot, 
.histlist_level2_rot, .level2_dropdown_rot, .histlist_level2_li_aktiv_rot  {
  background-color: #9d2246;
}
.histlist_level3_rot, .level3_dropdown_rot, .histlist_level3_li_aktiv_rot {
  background-color: #d50c2f;
}
.histlist_level4_rot, .level4_dropdown_rot, .histlist_level4_li_aktiv_rot {
  background-color: #f39ca9;
}  
 
/* ->gelb =  ("hell" => "#ffe7b6", "mittel"=> "#fece43", "dunkel" => "#f7a600") */
.main-menu-active-gelb, .main-menu-text-gelb, .main-menu-active-button-gelb,
.menu-links-headerblock-gelb, 
.histlist_level2_gelb, .level2_dropdown_gelb, .histlist_level2_li_aktiv_gelb {
  background-color: #f7a600;
  color: var(--colorALinkHell);
}

.histlist_level2_gelb a, .histlist_level2_li_aktiv_gelb a{
  color: var(--colorALinkHell);
}

.histlist_level3_gelb, .level3_dropdown_gelb, .histlist_level3_li_aktiv_gelb{
  background-color: #fece43;
}

.histlist_level4_gelb, .level4_dropdown_gelb, .histlist_level4_li_aktiv_gelb{
  /*background-color: #ffe7b;*/
  background-color: var(--colorGelbHell);
  color: var(--colorALinkDunkel);
}


/* koralle = array ("hell" => "#fbdad2", "mittel"=> "#f4a198", "dunkel" => "#d45b65") */
.main-menu-active-koralle, .main-menu-text-koralle, .main-menu-active-button-koralle,
.menu-links-headerblock-koralle, 
.histlist_level2_koralle, .level2_dropdown_koralle, .histlist_level2_li_aktiv_koralle {
  background-color: #d45b65;
  color: var(--colorALinkHell);
} 
.histlist_level2_koralle a, .histlist_level2_li_aktiv_koralle a{
  color: var(--colorALinkHell);
}


.histlist_level3_koralle, .level3_dropdown_koralle, .histlist_level3_li_aktiv_koralle {
  background-color: #f4a198;
} 
.histlist_level4_koralle, .level4_dropdown_koralle, .histlist_level4_li_aktiv_koralle {
  background-color: #fbdad2;
} 

/* blau = array ("hell" => "#89b4e1", "mittel"=> "#0068b4", "dunkel" => "#00326d") */
.main-menu-active-blau, .main-menu-text-blau, .main-menu-active-button-blau,
.menu-links-headerblock-blau,
 .level2_dropdown_blau, .histlist_level2_li_aktiv_blau,
.level2_dropdown_blau a, .histlist_level2_li_aktiv_blau a {
  background-color: #00326d;
  color: white;
}
.histlist_level2_blau,  .histlist_level2_blau a{
  background-color: var(--colorBlauMittel);
  color: white;
}

.histlist_level3_blau, .level3_dropdown_blau, .histlist_level3_li_aktiv_blau,
.histlist_level3_blau a, .level3_dropdown_blau a, .histlist_level3_li_aktiv_blau a {
  background-color: #0068b4;
  color: white;
}
.histlist_level4_blau, .level4_dropdown_blau, .histlist_level4_li_aktiv_blau {
  background-color: #89b4e1;
}

/* gruen array ("hell" => "#d6ebe1", "mittel"=> "#8acbb7", "dunkel" => "#008878") */
.main-menu-active-gruen, .main-menu-text-gruen, .main-menu-active-button-gruen,
.menu-links-headerblock-gruen,
.histlist_level2_gruen, .level2_dropdown_gruen, .histlist_level2_li_aktiv_gruen {
  background-color: #008878;
}
.histlist_level3_gruen, .histlist_level3_gruen a,
.level3_dropdown_gruen, .level3_dropdown_gruen a,
.histlist_level3_li_aktiv_gruen, .histlist_level3_li_aktiv_gruen a {
  background-color: #8acbb7;
}
.histlist_level4_gruen, .level4_dropdown_gruen, .histlist_level4_li_aktiv_gruen {
  background-color: #d6ebe1;
}
.histlist_level2_gruen a, .histlist_level2_li_aktiv_gruen a{
  color: var(--colorALinkHell);
}

/* ->lila = array ("hell" => "#c7c1e1", "mittel"=> "#8681b1", "dunkel" => "#3b2961") */
.main-menu-active-lila, .main-menu-text-lila, .main-menu-active-button-lila,
.menu-links-headerblock-lila,
.histlist_level2_lila, .level2_dropdown_lila, .histlist_level2_li_aktiv_lila {
  background-color: var(--colorLilaMittel); /*#3b2961;*/
}
.histlist_level3_lila, .level3_dropdown_lila, .histlist_level3_li_aktiv_lila,
.histlist_level3_lila a, .level3_dropdown_lila a, .histlist_level3_li_aktiv_lila a,
.histlist_level3_lila a {
  background-color: var(--colorLilaHell); /*#8681b1;*/
  color: var(--colorALinkDunkel);
}
.histlist_level4_lila, .level4_dropdown_lila, .histlist_level4_li_aktiv_lila,
.histlist_level4_lila a, .level4_dropdown_lila a, .histlist_level4_li_aktiv_lila a,
.histlist_level4_lila a {
  background-color: var(--colorLilaHell2); /*#8681b1;*/
  color: var(--colorALinkDunkel);
}
.histlist_level2_lila a, .histlist_level2_li_aktiv_lila a,
  .histlist_level2_li_aktiv_lila a{
  color: var(--colorALinkHell);
}

/* ->Own-Color */
.main-menu-active-own, .main-menu-text-own, .main-menu-active-button-own,
.menu-links-headerblock-own,
.histlist_level2_own, .level2_dropdown_own, .histlist_level2_li_aktiv_own {
  background-color: var(--colorOwnDunkel);
}
.histlist_level3_own, .level3_dropdown_own, .histlist_level3_li_aktiv_own {
  background-color: var(--colorOwnMittel);
}
.histlist_level4_own, .level4_dropdown_own, .histlist_level4_li_aktiv_own {
  background-color: var(--colorOwnHell);
}
.histlist_level2_own a, .histlist_level2_li_aktiv_own a{
   color: var(--colorALinkHell);
} 
.histlist_level3_own a,  .histlist_level4_own a {
  color: var(--colorALinkDunkel);
}

.histlist_level2_li_aktiv_rot, .histlist_level2_li_aktiv_gelb, .histlist_level2_li_aktiv_koralle,
.histlist_level2_li_aktiv_blau, .histlist_level2_li_aktiv_gruen, .histlist_level2_li_aktiv_lila,
.histlist_level2_li_aktiv_limette, .histlist_level2_li_aktiv_own, .histlist_level2_nocolor,
.histlist_level3_li_aktiv_rot, .histlist_level3_li_aktiv_gelb, .histlist_level3_li_aktiv_koralle,
.histlist_level3_li_aktiv_blau, .histlist_level3_li_aktiv_gruen, .histlist_level3_li_aktiv_lila,
.histlist_level3_li_aktiv_limette, 
.histlist_level4_li_aktiv_limette, .histlist_level3_li_aktiv_own,
.histlist_level4_li_aktiv_rot, .histlist_level4_li_aktiv_gelb, .histlist_level4_li_aktiv_koralle,
.histlist_level4_li_aktiv_blau, .histlist_level4_li_aktiv_gruen, .histlist_level4_li_aktiv_lila,
.histlist_level4_li_aktiv_limette, .histlist_level4_li_aktiv_own,
.histlist_level2_rot, .histlist_level2_gelb, .histlist_level2_koralle,
.histlist_level2_blau, .histlist_level2_gruen, .histlist_level2_lila,
.histlist_level2_limette, .histlist_level2_own, 
.histlist_level3_rot, .histlist_level3_gelb, .histlist_level3_koralle,
.histlist_level3_blau, .histlist_level3_gruen, .histlist_level3_lila,
.histlist_level3_limette, .histlist_level3_own, 
.histlist_level4_rot, .histlist_level4_gelb, .histlist_level4_koralle,
.histlist_level4_blau, .histlist_level4_gruen, .histlist_level4_lila,
.histlist_level4_limette , .histlist_level4_own 
 {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}


 /* limette = array ("hell" => "#fff8bd", "mittel"=> "#f6e945", "dunkel" => "#dedc00") */
.main-menu-active-limette, .main-menu-text-limette, .main-menu-active-button-limette,
.menu-links-headerblock-limette,
.histlist_level2_limette, .level2_dropdown_limette, .histlist_level2_li_aktiv_limette {
  background-color: #dedc00;
}
.histlist_level3_limette, .level3_dropdown_limette, .histlist_level3_li_aktiv_limette {
  background-color: #f6e945;
}
.histlist_level4_limette, .level4_dropdown_limette, .histlist_level4_li_aktiv_limette {
  background-color: #fff8bd;
}

.main-menu-inactive-color{}

/*** ENGLISCHER MENUBALKEN. ***/
.main-menu-inactive-color-EN{
  min-width: 123px;
}

@media screen and (min-width:1280px) {
.main-menu-inactive-color-EN{
  min-width: 153.5px;
}   
}


.main-menu-text-rot, .main-menu-text-koralle, .main-menu-text-gelb, .main-menu-text-blau,
.main-menu-text-gruen,  .main-menu-text-lila, .main-menu-text-limette, .main-menu-text-own,
.histlist_level2_rot 
{  float: left;
 
}
.main-menu-active-button-rot img,  .main-menu-active-button-gelb img,
.main-menu-active-button-koralle img, .main-menu-active-button-blau img,
.main-menu-active-button-gruen img, .main-menu-active-button-lila img,
.main-menu-active-button-limette img, .main-menu-inactive-button img,
 .main-menu-active-button-own img, {
   
 }

 .main-menu-active-button-rot a,  .main-menu-active-button-gelb a,
.main-menu-active-button-koralle a, .main-menu-active-button-blau a,
.main-menu-active-button-gruen a, .main-menu-active-button-lila a,
.main-menu-active-button-limette a, .main-menu-inactive-button a,
.main-menu-active-button-own a {
   font-weight: bold;
 }

 .main-menu .main-menu-active-button-koralle a:hover {
  background:#d45b65 !important;
  height: 21px;
}

.histlist_level2_rot , .histlist_level2_gelb, .histlist_level2_koralle,
.histlist_level2_blau, .histlist_level2_gruen, .histlist_level2_lila,
.histlist_level2_limette .histlist_level2_gruen, .histlist_level2_own {
  float: left;
  padding-right: 10px;
}


.menu-links-headerblock-rot, .menu-links-headerblock-gelb, .menu-links-headerblock-koralle,
.menu-links-headerblock-blau, .menu-links-headerblock-gruen, .menu-links-headerblock-lila,
.menu-links-headerblock-limette, .menu-links-headerblock-own
 {
    font-size: var(--styleFontSizeMenu);
    padding-top: 18px; /*8px; normal + offeset =10 */
    padding-bottom: 5px;
    padding-left: 5px;
    
 }   

.menu-links-headerblock-rot a, .menu-links-headerblock-gelb a, .menu-links-headerblock-koralle a,
.menu-links-headerblock-blau a, .menu-links-headerblock-gruen a, .menu-links-headerblock-lila a,
.menu-links-headerblock-own a
 {
    color: white;
 }   
.menu-links-headerblock-limette a, .main-menu-text-limette a, 
.histlist_level2_limette a, .histlist_level3_limette a, .histlist_level2_li_aktiv_limette a,
.histlist_level2_limette , .histlist_level3_limette , .histlist_level2_li_aktiv_limette ,
.histlist_level4_limette a, .histlist_level2_l3_aktiv_limette, .histlist_level4_li_aktiv_limette,
.histlist_level3_coralle a, 
.histlist_level3_koralle a, 
.histlist_level4_koralle a, .histlist_level4_coralle a, 
.histlist_level3_li_aktiv_koralle a, .histlist_level4_koralle a,
.histlist_level4_li_aktiv_koralle a, .histlist_level4_li_aktiv_koralle,
.histlist_level3_li_aktiv_limette, .histlist_level3_li_aktiv_limette a, 
.histlist_level3_li_aktiv_gelb a, .histlist_level4_gelb a,
.histlist_level4_li_aktiv_gelb a, .histlist_level4_li_aktiv_gelb,
.histlist_level3_coralle , .histlist_level2_li_aktiv_coralle ,
.histlist_level3_koralle , .histlist_level2_li_aktiv_koralle ,
.histlist_level3_gelb a, /*.histlist_level2_li_aktiv_gelb a, .histlist_level2_gelb a*/
.histlist_level4_gelb a, .histlist_level4_gelb a
{
    color: var(--colorALinkDunkel);
 }




/*****************************************nav3: **********************************/
/*nav {  
	z-index:10;        
	float: left;                 
	line-height: 21px;
	font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px; 
 }*/
#menu { 
    width: 100%;
    
} 
#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  /*display: none;*/
}

#tm:checked + .main-menu {
  display: block;
}
#tm-left:checked + .main-menu {
  display: block;
}

#menu- input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu- input[type="checkbox"], 
#menu ul span.close-icon {
  display: none;
}

#menu input[type="checkbox"], 
#menu ul span.close-icon {
  display: none;
}

/* zwischenlinie -zwischen den links: 
#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}         */

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu-left li, 
#toggle-menu-left {
  border-width: 0 0 1px;
}


#menu .sub-menu {
  background-color: #155699;
  border-width: 1px 1px 0;
  margin: 0 1em;
  text-align: left;
/*  width: 100%;*/
}
@media screen and (min-width:1024px) {

  #menu .sub-menu {
    /*columns: 2 150px;*/
    width: 300px;
  }
}
#menu .sub-menu li {
  /*background-color: green;*/
}

#menu .sub-menu a {
  /*background-color: yellow;*/
}

#menu .sub-menu-2sp {
  background-color: #155699;
  border-width: 1px 1px 0;
  margin: 0 1em;
  text-align: left;
 /*-webkit-colums: 2 150px;
  columns: 2 150px;
  width: 300px;*/
} 

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu .sub-menu-2sp li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
/*  position: relative;*/
  display: block;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
 
}

#menu li
{
 
}


@media screen and (min-width:1024px) {
  #menu li, #toggle-menu, #menu a 
  {  
    border-bottom: 0px;
  }
}

/*#menu-left li, 
#toggle-menu-left, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}*/
#menu, 
#toggle-menu {
	
   /*font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
   margin: 0 auto;*/
   background-color: #00326d;
   font-family: inherit;
   letter-spacing: .5px;
}

#toggle-menu, 
#menu a {
  padding-top: 17px; /* da Mittlere Höhe Buchstabe 17px */
  font-size: 22px;  /* Mittlere Höhe der Buchstaben: 17px  */
  line-height: 22px;
  padding-bottom: 11px;
  padding-right
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
  padding-left: 5px;
  padding-right: 0px;

}
@media screen and (min-width:1024px) 
{
  #menu a {
    font-size: 21px;  /* 23Mittlere Höhe der Buchstaben: 17px  */
    line-height: 23px;
    padding-left: 2px;
    padding-right: 10px; /*5*/
  }
}
@media screen and (min-width:1100px) 
{
  #menu a {
    font-size: 22px;  /* Mittlere Höhe der Buchstaben: 17px  */
    line-height: 23px;
    padding-left: 11px;
    padding-right: 8px;
  }
}

@media screen and (min-width:1280px) 
{
  #menu a {
    font-size: 23px;  
    padding-left: 15px;
    padding-right: 15px;
  }
}

#menu a:hover {
  
}



.submenu_doku_header  {
  font-weight: bolder;
  padding-left: 10px;
  line-height: 41px;
}

#menu .sub-menu-2sp .sub-menu{
   background-color: #73afec;
  /* z-index: 3000;*/
   width: 96%;
}
@media screen and (min-width:1024px) {
  #menu .sub-menu-2sp .sub-menu{
    width: 300px;
  } 
}   

#menu .sub-menu-2sp .sub-menu li{
   background-color: #73afec;
}

#menu .sub-menu, #menu .sub-menu-2sp {
  display: none;
}

/* MENU AUFKLAPPEN.*/
#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}
#menu input[type="checkbox"]:checked + .sub-menu-2sp {
  display: block;
}

#menu .sub-menu a:hover {
  color: #0068b4;
}
#menu .sub-menu-2sp a:hover {
  color: #0068b4;
}

/* HP 23.3. MAKIERUNG BEI AKTIVIERUNG FUNKTIONIERT NICHT. */
#menu input[type="checkbox"]:checked + .main_menu-inactive a:active,
#menu input[type="checkbox"]:checked + .main_menu-inactive a:visited {
 color:green;
 background-color: yellow;
}

.menu_open_button, .menu_close_button{
  font-size: 20px;
  font-weight: bold;
}

/* BUTTON open:*/
#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
  background-color:green;
  content: "--->";
} 

/* BUTTON close:*/
#toggle-menu .close-icon, 
#menu li label.close-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
  background-color:red;
} 



#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: yellow;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
} 

#menu .drop-icon {
  line-height: 1;
}

.drop-icon:checked ~ .main-menu-inactive::before {
  content: "@@@@";
    font-size: 100px;
 }   


 .menu-ham-active, .menu-ham-inactive {

 }
  .menu-ham-inactive{
   border-bottom: 1px solid #fff;
   background-color:red;
 }
 .menu-ham-main-item{
    float: left;
    padding-left: 10px;
 }

/* LEVEL2:*/
.menu_ham_main_button_active_rot,.menu_ham_main_itemin_active_rot 
  {  background-color: var(--colorRotDunkel); color: var(--colorALinkHell);} 

.menu_ham_main_itemin_active_gelb, .menu_ham_main_button_active_gelb
   {  background-color: var(--colorGelbDunkel); color: var(--colorALinkDunkel);}

.menu_ham_main_itemin_active_koralle, .menu_ham_main_button_active_koralle
  {  background-color: var(--colorKoralleDunkel); color: var(--colorALinkHell); }

.menu_ham_main_itemin_active_blau, .menu_ham_main_button_active_blau
  {  background-color: var(--colorBlauDunkel); color: var(--colorALinkHell);}

.menu_ham_main_itemin_active_gruen, .menu_ham_main_button_active_gruen
  {  background-color: var(--colorGruenDunkel); color: var(--colorALinkHell);} 

.menu_ham_main_itemin_active_lila, .menu_ham_main_button_active_lila
  {  background-color: var(--colorLilaDunkel); color: var(--colorALinkHell);}

.menu_ham_main_itemin_active_limette,
  .menu_ham_main_button_active_limette
  {  background-color: var(--colorLimetteDunkel); color: var(--colorALinkDunkel);}

.menu_ham_main_itemin_active_own,.menu_ham_main_button_active_own
  {  background-color: var(--colorOwnDunkel); color: var(--colorALinkHell);}
 
.menu_ham_main_itemin_active_rot, .menu_ham_main_itemin_active_gelb,
.menu_ham_main_itemin_active_koralle, .menu_ham_main_itemin_active_blau,
.menu_ham_main_itemin_active_gruen, .menu_ham_main_itemin_active_lila,
.menu_ham_main_itemin_active_limette, .menu_ham_main_itemin_active_own{
  float: left;
   width: calc(100% - 45px); 
   padding-left: 10px;
   padding-right: 10px;
}
.menu_ham_main_button_active_rot a,.menu_ham_main_itemin_active_rot a
  {  color: var(--colorALinkHell);} 

.menu_ham_main_itemin_active_gelb a, .menu_ham_main_button_active_gelb a
   {  color: var(--colorALinkDunkel);}

.menu_ham_main_itemin_active_koralle a, .menu_ham_main_button_active_koralle a
  {   color: var(--colorALinkHell); }

.menu_ham_main_itemin_active_blau a, .menu_ham_main_button_active_blau a
  { color: var(--colorALinkHell);}

.menu_ham_main_itemin_active_gruen a, .menu_ham_main_button_active_gruen a
  {  color: var(--colorALinkHell);} 

.menu_ham_main_itemin_active_lila a, .menu_ham_main_button_active_lila a
  { color: var(--colorALinkHell);}

.menu_ham_main_itemin_active_limette a,  .menu_ham_main_button_active_limette a
  {   color: var(--colorALinkDunkel);}

.menu_ham_main_itemin_active_own a,.menu_ham_main_button_active_own a
  {   color: var(--colorALinkHell);}
 
/*li .submenu-ham-active .submenu_ham_main_button_koralle 
   {  background-color: var(--colorKoralleMittel);} */


/* level3:*/
 .menu_ham_main_submenu_item_rot, .submenu_ham_main_button_rot
  {  background-color: var(--colorRotMittel);} 
.menu_ham_main_submenu_item_gelb, .submenu_ham_main_button_gelb
  {  background-color: var(--colorGelbMittel);} 
 .menu_ham_main_submenu_item_koralle, .submenu_ham_main_button_koralle
  {  background-color: var(--colorKoralleMittel);} 
  .menu_ham_main_submenu_item_blau, .submenu_ham_main_button_blau
  {  background-color: var(--colorBlauMittel); } 
  .menu_ham_main_submenu_item_gruen, .submenu_ham_main_button_gruen
  {  background-color: var(--colorGruenMittel); } 
  .menu_ham_main_submenu_item_lila, .submenu_ham_main_button_lila
  {  background-color: var(--colorLilaMittel); } 
  .menu_ham_main_submenu_item_limette, .submenu_ham_main_button_limette
  {  background-color: var(--colorLimetteMittel); } 
 .menu_ham_main_submenu_item_own, .submenu_ham_main_button_own
  {  background-color: var(--colorOwnMittel); } 
 .menu_ham_main_submenu_item_defazkt, .submenu_ham_main_button_default
  {  background-color: var(--navfarbe); } 
 
 .menu_ham_main_submenu_item_rot a, .submenu_ham_main_button_rot a
  {   color: var(--colorALinkHell);} 
.menu_ham_main_submenu_item_gelb a, .submenu_ham_main_button_gelb a
  {   color: var(--colorALinkDunkel);} 
 .menu_ham_main_submenu_item_koralle a, .submenu_ham_main_button_koralle a
  {   color: var(--colorALinkHell);} 
  .menu_ham_main_submenu_item_blau a, .submenu_ham_main_button_blau a
  {   color: var(--colorALinkHell);} 
  .menu_ham_main_submenu_item_gruen a, .submenu_ham_main_button_gruen a
  {   color: var(--colorALinkHell);} 
  .menu_ham_main_submenu_item_lila a, .submenu_ham_main_button_lila a
  {   color: var(--colorALinkHell);} 
  .menu_ham_main_submenu_item_limette a, .submenu_ham_main_button_limette a
  {   color: var(--colorALinkDunkel);} 
 .menu_ham_main_submenu_item_own a, .submenu_ham_main_button_own a
  {   color: var(--colorALinkHell);} 
 .menu_ham_main_submenu_item_default a, .submenu_ham_main_button_default a
  {   color: var(--colorALinkHell);} 
  
 
 .menu_ham_main_submenu_item_rot, .menu_ham_main_submenu_item_gelb,
 .menu_ham_main_submenu_item_koralle,  .menu_ham_main_submenu_item_blau,
 .menu_ham_main_submenu_item_gruen,  .menu_ham_main_submenu_item_lila,
 .menu_ham_main_submenu_item_limette, .menu_ham_main_submenu_item_own,
 .menu_ham_main_submenu_item_default
  {
   float: left;
   padding-left: 10px;
   width: calc(100% - 55px);
  }
  
 .main_ham_submenu2_rot, .main_ham_submenu2_gelb, .main_ham_submenu2_koralle,
  .main_ham_submenu2_blau,  .main_ham_submenu2_gruen , .main_ham_submenu2_lila,
  .main_ham_submenu2_limette, .main_ham_submenu2_own {
     padding-left: 30px;
  }
  .main_ham_submenu2_rot ul li
   { 
      background-color: var(--colorKoralleHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }

.main_ham_submenu2_gelb ul li
   { 
      background-color: var(--colorGelbHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }



.main_ham_submenu2_koralle ul li
   { 
      background-color: var(--colorKoralleHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }
.main_ham_submenu2_blau ul li
   { 
      background-color: var(--colorBlauHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }
.main_ham_submenu2_gruen ul li
   { 
      background-color: var(--colorKoralleHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }
.main_ham_submenu2_lila ul li
   { 
      background-color: var(--colorLilaHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }
.main_ham_submenu2_limette ul li
   { 
      background-color: var(--colorLimetteHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }
.main_ham_submenu2_own ul li
   { 
      background-color: var(--colorOwnHell);
      color: var(--colorALinkDunkel); 
      padding-left: 10px;
   }

.main_ham_submenu2_rot ul li a   {       color: var(--colorALinkDunkel);  }  
.main_ham_submenu2_gelb ul li a  {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_koralle ul li a    {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_blau ul li a   {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_gruen ul li a   {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_lila ul li a   {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_limette ul li a    {       color: var(--colorALinkDunkel); }
.main_ham_submenu2_own ul li a   {       color: var(--colorALinkDunkel);    }

  .submenu_ham_main_button_rot, .submenu_ham_main_button_gelb,
  .submenu_ham_main_button_koralle, .submenu_ham_main_button_blau,
  .submenu_ham_main_button_gruen, .submenu_ham_main_button_lila,
  .submenu_ham_main_button_limette, .submenu_ham_main_button_own,
  .submenu_ham_main_button_default
  {
    width: 45px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    float: right;
 }
 
  

 .menu-ham-main-buttom, .menu-ham-main-buttom-inactive {
    font-size: 20px;
    font-weight: bold;
  }

/*.menu-ham-main-itemin-inactive, .menu-ham-main-buttom-inactive {
  background-color: red;
}*/

  .menu-ham-main-buttom a{
    color: white;
float: right;
min-width: 0;
cursor: pointer;
margin-right: 12px;
font-size: 20px;
font-weight: bold;
  }
 
  .submenu-ham-active{

  }
  /*.submenu-ham-main-item {
   float: left;
   padding-left: 10px;
   width: calc(100% - 55px);
}*/

 .submenu-ham-main-buttom{
    width:41px;
    font-size: 20px;
    font-weight: bold;
    float:left; 
    float:right; 
  }
  .main-ham-submenu{
    padding-left: 30px;
  }

 
/* ***************************** Main Menu Aktiv 3 ****************************/
  #container_main_menu3{
    position: relative;
    padding-right: 0;
    padding-left: 1px;
    color: white;
    z-index: 1;
    margin-bottom: 20px;
  } 

#main_menu3{
  display:none;
}
 

/*.main_menu3_lv2, .main_menu3_lv3 {
}*/

@media screen and (min-width:1024px) {
  #main_menu3{
    display: block;
  list-style: none;
  position: absolute;
  z-index: 10;
  float: left;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  width: 100vw;
  display: block;
  margin-top: 120px;
  background-color: #00326d;
  padding-left: 10px;
}
 
} 

  .main_menu3_ul_lv2, .main_menu3_ul_lv3 {
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    background-position: right top;
     background-repeat: no-repeat;
     color: #fff;
     background-color: #00326d;
     height: 500px;
   
 }

 #main_menu3_ul_lv2 ul, #main_menu3_ul_lv3 ul,  {
  margin: 0;
  padding: 0;
  height: 674px;
transform: translateX(0px);
}

.main_menu3_lv2_li{
  border-bottom: 1px solid #fff;
}  

.main_menu3_lv3_li{
 
}

.main_menu3_lv3{
   clear: both;
   border-bottom: 1px solid #fff;
}

.main_menu3_lv2_item{
  float: left;
  clear: both;
  width: calc(100% - 30px);
} 
.main_menu3_lv3_item{
  clear: both;
  width: calc(100% - 30px);
} 

.main_menu3_item_link{

}
.main_menu3_item_link a{
  font-size: 30px;
  font-stretch: ultra-condensed;
  font-weight: bold;
  padding-right: 20px;
}

#main_menu_level2{
  clear: both;
  float: left;
  min-width: 33%;
  /*padding-left: 10px;*/
}
#main_menu_level3{
  float: left;
  width: 33%;
  padding-left: 10px;
}
/*#main_menu_level4{
  background-color:lightblue;
  float: left;
width: 33%;

}*/
.main_menu3_headerline{
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both;
}

 .main_menu3_header a::before {
  content: ">";
  font-size: 30px;
font-stretch: ultra-condensed;
font-weight: bold;
padding-right: 20px;
  

 } 

.main_menu3_header{
 
}
.main_menu3_header a{
  font-size: 1.25rem;
  color: white;
}
 
.main_menu3_header a H2{
  color: white;
}
 
 .main_menu3_close{

  color: white;
  float: left;
  position: absolute;
  right: 60px;
  top: 30px;
  min-width: 0;
  margin: 5px;
  cursor: pointer;
 }

 .main_menu3_close a{
   color: white;
   font-size: 30px;
   font-weight: bold;
  }

.main_menu3_button_open {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: #00326d #00326d #00326d white;
}


.main_menu3_button_close {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: #00326d white #00326d #00326d;
}
 
/*-------------------------------*/
 .main_menu3_active{
background: #d50c2f;
 }
 .main_menu3_inactive {
 
 }

.main_menu3_active a,
 .main_menu3_inactive a{
display: block;
width: 100%;
text-align: left;
line-height: 34px;
letter-spacing: .5px;
/*padding: 0 24px;*/
color: #fff;
text-transform: none;
border: none;
background-color: transparent;

 }
  
 
.sub_menu3,
.sub_menu3_active  {
 
}

.sub_menu3_inactive  {
  display: none;
}  




nav {  
  z-index:10;        
  float: left;                 
  line-height: 21px; /*0.88em;*/
  font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px; 
 }
#menu3 { 
    width: 100%;
    
} 
#menu3 ul {
  margin: 0;
  padding: 0;
}


/* ***************************** Main Menu Aktiv 3 ****************************/

#main_menu4{
 
}

@media screen and (min-width:1024px) {
  #main_menu4{
   display: none;
  } 
} 

#menu .sub-menu li.second{
  float:left;
}  

/********** 3.3 Breadcrumbs: Navigation-History **********/
#container-nav-history-small {
  display: block;
  width:100%;
  min-height:2.5em;
}


#container-nav-history-2level{
   display: block;
   width:100%;
   min-height:2.5em;
}
.nav-history-2level-after{
  height: 0.0em;
}

#container-nav-history, #container-nav-history-home {
  display: block;
  width:100%;
  /*min-height:2.5em;
  margin-bottom: 10px;
  margin-top: 15px; *//* 5px; normal + 10 px offset */
}

.expandable_li checkbox{
  width: 21px;
  background-color: green;
}

.level2_checkbox, .level3_checkbox, .level4_checkbox, .last_checkbox, .last_checkbox_home {
  width: 21px;
  background-color: green;
}
.last_dropdown_home{
  height: min-content;
  background-color: #00326d;
  display: none;
  flex-direction: column;
  float: none;
  z-index: 10;
  padding: 0 20px;
}

.level1_dropdow, .level2_dropdown, .level3_dropdown, .level4_dropdown, .last_dropdown{
  height: min-content;
  background-color: #00326d;
  display: none;
  flex-direction: column;
  position: absolute; /* fixed*/
  float: none;
  z-index: 10;
  padding: 0 20px;
}

.level1_dropdow li, .level2_dropdown li, .level3_dropdown li, .level4_dropdown li, .last_dropdown li,
.last_dropdown_home li{
  padding-top: 10px;
  padding-bottom: 10px;

}

@media only screen and (max-width: 500px) {
  .level4_dropdown { 
    right: 5px; 
    min-width:200px;
  }
  .last_dropdown, .last_dropdown_home { 
    right: 5px; 
    min-width: 210px;
    margin-top: -32px;
  }
  #navhistlist-area li{ padding-top: 5px}
  #navhistlist-area #navhistlist li.home {
       margin-top: 5px;}
}

/* nur für kleine Displays: (iphone) 
   Navigation 2-zeilig: */
@media only screen and (max-width: 600px) {
  .level4_dropdown { 
    right: 5px; 
    min-width:200px;
  }
  .last_dropdown, .last_dropdown_home { 
    right: 5px; 
    min-width: 280px;
    margin-top: -32px;
  }
  #navhistlist-area li{ padding-top: 5px}
  #navhistlist-area #navhistlist li.home {
       margin-top: 5px;}
}


.checkbox_button{  
  background-color: var(--navfarbe);/*#00326d;*/
  color: white;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  /*font-size: 17.5px;
  font-size: 1.094rem;*/
  line-height: 23px;
}

.level1_dropdown li, .level2_dropdown li, 
.level3_dropdown li, .level4_dropdown li,
.last_dropdown li, .last_dropdown_home li  {
  clear: both;
}

/* anzeigen des dropdownmenus bei hover */
ul li:hover .level2_dropdown,  ul li:active .level2_dropdown, ul li:focus .level2_dropdown,  
ul li:hover .level3_dropdown, ul li:active .level3_dropdown, ul li:focus .level3_dropdown,  
ul li:hover .level4_dropdown, ul li:active .level4_dropdown, ul li:focus .level4_dropdown,  
ul li:hover .last_dropdown, ul li:active .last_dropdown, ul li:focus .last_dropdown,  
ul li:hover .last_dropdown_home, ul li:active .last_dropdown_home, ul li:focus .last_dropdown_home  
{  
  display: flex;
  color: white;
 } 
 .level2_dropdown a,  .level3_dropdown a, .level4_dropdown a, .last_dropdown a, .last_dropdown_home a {
  color: white;
 }

 ul input[type='checkbox']{
  display: none;
  width: 21px;
 }
 .expandable_li {
    display: flex;
 }

@media only screen and (min-width:  1024px) {
  #container-nav-history-2level{
    display: none;
  }
  .nav-history-2level-after{
    height: 0.35em;
  }

}

.navhistlist-area {
	display: none;
}
	
/* erscheint sobald das Menu erscheint */
/*@media only screen and (min-width: 1024px) {  */
#container-nav-history {
}

#container-nav-history-ende{
  display: block;
  background-color: green;
}

@media only screen and (min-width:  1024px) {
  #container-nav-history-ende{
    display: none;
  }
}

/*#container-nav-history-home {
	display: none;
}*/

/* small displays */
#navhistlist-area-sd{
  display: block;
  float: left;
  width: 100%;
  padding-left: var(--widthBorderFrame);
}

/* big displays: */
#navhistlist-area-bd{
  display: none;
}

@media only screen and (min-width:  1024px) {
  /* big displays: */
  #navhistlist-area-bd{
    display: block;
    margin-bottom: 40px;
  }
  #navhistlist-area-sd{
    display: none;
  }  
}

#navhistlist-area {
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
  font-size: 15px;
  font-size: .9375rem;
	font-weight: 400
}
#navhistlist-area ul{
	list-style:none;
  padding-top: 5px;
}
#navhistlist-area li {
	float: left;
	font-weight:bold;
	color: #00326d;
  padding-right: 5px;
}


#navhistlist-area li a{	
	text-decoration:none;
	font-weight:normal;
}

#navhistlist-area #altviews {
	float:right;
	margin:0;
}
#navhistlist-area #altviews li {
	line-height:13px;
	margin:0.7em 0.84em 0em 0.17em;
}
#navhistlist-area #navhistlist li.home a {
	background-repeat: no-repeat;
	background-position: 0px 1px;
  color:  var(--navStyleFarbe);
}
#navhistlist-area #navhistlist li.home {
  background-color: var(--navfarbe);
  margin-right: 5px;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;

}

/*} @media only screen and (min-width: 1024px) */
/************** ENDE Breadcrumbs ***********************/

/* hp 19.07.23 */
/* Umbruch der navigation beim 5. element znd 7. element: */
@media only screen and (max-width: 480px)
{
  #navhistlist-area li:nth-child(5),  #navhistlist-area li:nth-child(7)
  {
    clear:both;
    padding-top: 5px;
  }

  /* das 2 Aufklappmenu rechtsbündig */
  .level3_dropdown{
    right: 5px;
    min-width: 215px;
  }

}


/*---------------------------------------- GRÖSSERE DISPLAYS:------------------------------------------------------ */
/* ab 1024 */
@media only screen and (min-width: 1024px) {
  
  #container_picture{
    margin-bottom: 20px;
    height: 100px;
    background-color: var(--colorBlauHell);
  }  
  
  #container_no_picture{
  ;
  }

  
}
  
@media only screen and (min-width: 1280px) {
  #container_picture_home2 {
   /* left: 50%;*/
    /*transform: translateX(-50%);*/
    max-width: var(--widthWeBreiteMax);
    min-width: var(--widthWeBreiteMax);
    margin: 0px auto;
    position: relative;
    height: var(--heightPictureBereich);
    background-color: var(--colorBlauMittel);
  }

 
  
  #container_menu {
    max-width: var(--widthWeBreiteMax);
    min-width: var(--widthWeBreiteMax);
    margin: 0px auto;
    position: relative;
  }

  #container_menu_homepage {
    max-width: var(--widthWeBreiteMax);
	  width: 100%;
    left: 50%;
    position: relative;
	  margin-top:100px;
  }
} 


.picture_container{
  display: flex;
  flex-direction: row; 
  height: calc(var(--heightPictureBereich) - 20px);
  padding-top: 10px;
  justify-content: space-around;
}
.picture-item{
 
}

.picture-item img{
  height: 100%;
}

 
/*----------------------------------------------*/
#menu_li{
  width:  100px;
}
.menu_li{
  width: 100px;
}

.main-menu-infos-fuer-outside{
  background-color:var(--colorBlauHell);
  color:white;
  width: 111px; /*117*/
  float: left;
  /*padding: 0 15px;*/
  height: 51px;
}
.infos_fuer_checkbox_content{
  padding-left:10px;
  width: 140px; /* HP xxxxxx */
}

@media only screen and (min-width: 1024px) {  
  .main-menu-infos-fuer-outside{
    width: 140px;
    float: right;
  }
  .infos_fuer_checkbox_content {
   width: 140px;
  }
}
/* ipad: */
@media only screen and (min-width: 1100px) {  
  .main-menu-infos-fuer-outside{
   
    float: right;
  }
  .infos_fuer_checkbox_content {
  /*  width: 160px;*/
  }
}

@media only screen and (min-width: 1200px) {  
  .main-menu-infos-fuer-outside{
    width: 205px;
  }
  
  .infos_fuer_checkbox_content {
    width: 205px;
  }
}





.infos_fuer_checkbox_content::before{ /* HP xxxxxx */
  content:"+ ";    
  font-weight: bold;
  font-size: 25px;
} 

.infos_fuer_checkbox_open{
  display: none;
}

@media only screen and (min-width: 1200px) {  
 .infos_fuer_checkbox_open{
   /*display: none;*/ /* HP xxxxxx */
   float: right;
   padding-left: 60px;
 }
}



 /* 1300px /alt 832 -52em */
@media only screen and (min-width: 1024px) {  
  nav {  } /*max-width: 1200px;}  */
  nav2 {  width: 200px;  line-height: 21px;}  

  #menu { 
    width: 100%;
    
  } /*width: 7*150px*/
  #toggle-menu { max-width: 1050px;  }
  #menu2{      }
  #toggle-menu2{    width: 158px;  }
 

  #menu .main-menu, #menu .main-menu2{
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

 #menu ul span.drop-icon  {
    display: inline-block;
  }
  
  #menu li {
/*    width: 170px;*/
    float: left;
    background-color: #00326d;
  /*  width: 12.5%;*/
  }

#menu2 li {
   /* background-color: yellow; *//*#155699;*/ 
  }

   #menu .sub-menu li {
    float: none;
    width: 300px;  /* menu li 150 */    
  }

  #menu .sub-menu-2sp li {
    float: none;
    width: 300px;  /* menu li 150 */    
  }

  .drop-icon {
    visibility : hidden;
  }
  

   #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
    
  }
  
   #menu .sub-menu-2sp {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }
 
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

   #menu .sub-menu-2sp, 
  #menu input[type="checkbox"]:checked + .sub-menu-2sp {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu-2sp li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu .sub-menu-2sp .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }

    #menu li:hover > input[type="checkbox"] + .sub-menu-2sp {
    display: block;
  }

}    


/*-------------- MENUEINTAG INFOS FÜR: ------------*/
#menu .main-menu-infos-fuer {
  display: block;
 } 
.menu-tag-infos-fuer{
 
 color: var(--navStyleFarbe);
}



.main-menu-infos-fuer li{
 color: var(--navStyleFarbe);
 postion: relative;
 padding-top: 17px;
 font-size: 23px;
 line-height: 23px;
 padding-bottom: 11px;
}
@media only screen and (min-width: 1024px){
  .main-menu-infos-fuer li{
     background-color:  var(--colorBlauHell) !important;

     color: var(--navfarbe);
     width: 200px !important; /* HP xxxxxx */
   /*  float: right !important;*/ /* HP xxxxxx */
   }
}


.main-menu-infos-fuer li a{
  text-align: left;
  font-size: 23px;
  line-height: 23px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* ipad und kleiner: */
.dropdown, .dropdown2 {
  width: 132px;
  /* background-color: var(--navfarbe); */ /* HP xxxxxx */
  color: var(--navStyleFarbe);
  display: none;
  flex-direction: column;
  position: absolute;
  direction: rtl;
}

.dropdown2 ul /* HP xxxxxx */ 
{
  margin-right: -10px !important;
  margin-top: 10px !important;
}
@media only screen and (min-width: 1200px) {  
  .dropdown, .dropdown2 {
    width: 205px;
  }
  .dropdown2 ul /* HP xxxxxx */ 
  {
    margin-right: 0px !important;
    margin-top: 0px !important;
  }
}
.dropdown ul, .dropdown2 ul {
  text-align: right;
  float:right;
  direction: rtl;
}
.dropdown li {
  width:100%;
  font-size: 15px;
  font-size: .938rem;
  line-height: 30px;
  padding-top: 20px;
  padding-bottom: 0px;
  display: inline;
  clear: both;
float: right !important;
direction: rtl !important;
 }
 .dropdown2 li {
  width:100%;
  font-size: 15px;
  font-size: .938rem;
  display: inline;
  clear: both;
  float: right !important; /* HP xxxxxx */
  direction: rtl !important;
  height: 10px;
 }

 .dropbox2_stdint_SD {
    height: 50px;
 }
 .dropbox2_stdint_BD {
   display: none !important;

 }
 .dropbox2_stdint_SD a {
    height: 50px;
 }
 @media only screen and (min-width: 1200px) {  
   .dropbox2_stdint_SD {
     display: none !important;
   }
   .dropbox2_stdint_BD {
     display: block !important;
   }
  
}

.dropdown li a{
  justify-content: flex-start;
  /*width:calc(100% - 30px);*()
  /*color: var(--navStyleFarbe);*/
  color: var(--navfarbe);
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
   font-size: 15px !important;
  font-size: .938rem !important;
  line-height: 23px !important;
  /*line-height: 23px ;
  font-weight: 400;*/
}
.dropdown2 li a{
  justify-content: flex-start;
  /*width:calc(100% - 30px);*()
  /*color: var(--navStyleFarbe);*/
  color: var(--navfarbe);
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
   font-size: 15px !important;
  font-size: .938rem !important;
}
.dropdown2 li:last-child{
  padding-bottom: 20px !important;
}

.main-menu-infos-fuer li:hover .dropdown,
.main-menu-infos-fuer li:hover .dropdown2
{
  display: flex;
}
.main-menu-infos-fuer input[type='checkbox']{
  display:none;
}





/************************************ SIDE MENU ***********************************************/
 
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #00326d;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index:100;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 16px; /*25px;*/
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}


/******************* MENU - KLEIN -LINKS **************************/

#left
{
  margin-top: 0.7em;

}
@media only screen and (min-width: 1024px)
{
  #left{margin-top: 0.0em;}
}  

#leftwrap{
  display: none;
}

.menu_kl_links { 
   display: none;
  
}


@media only screen and (min-width: 1024px)
{
    #leftwrap{
     display: block;
    }

   .menu_kl_links {
      font-weight: bold;
      font-size: 0.95em;
      /*font-size: 1.07em;
      display: block;*/ 
    }
}
#left #leftwrap ul {
  list-style: none;
  /*margin-left: 0.2em;*/
}
#left #leftwrap ul li {
  /* background-image: url(/geo/layout/images/navpfeil_grau.png); *//*pfeil*/
  /*border-bottom: 1px dotted #666666;*/
  background-repeat: no-repeat;
  /*line-height: 1.6em;*/
  padding: 0em;
  padding-top: 5px;
}

/* HAUPTMENUPUNKT */
#left #leftwrap ul li a {
  background-color: #00326d;
  color: white;
}

#left #leftwrap ul a {
 /*color: #4A4A4A;*/
 /*padding: 0.35em 0 0.35em 1.7em;*/
  font-size: 15px;
  font-size: 0.938rem;
  display: block;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
  
}

/* UNTERMENU: */
#left #leftwrap ul ul {
  padding-bottom: 0.35em;
}
#left #leftwrap ul ul a{
  padding-left: 20px;
  background-color: #008878;
/*  margin: 0.35em;
  margin: 10px;*/
  color: white;
} 

/* UNTERMENU: */
#left #leftwrap ul ul ul{
  padding-bottom: 0.65em;
  backgound:grey;
}

.navimenu_links_blau,
.navimenu_links_gelb, .navimenu_links_koralle, .navimenu_links_gruen,
.navimenu_links_lila, .navimenu_links_limette, .navimenu_links_own
{
  display: none;
}


@media screen and (min-width:1024px)
{
.navimenu_links_blau,
.navimenu_links_gelb, .navimenu_links_koralle, .navimenu_links_gruen,
.navimenu_links_lila, .navimenu_links_limette, .navimenu_links_own{
  display: block;
  padding-top: 5px;
  background-color: greem;
}
}
#left #leftwrap .navimenu_links_gelb ul ul ul a{  background-color: var(--colorGelbHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_koralle ul ul ul a{  background-color: var(--colorKoralleHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_gruen ul ul ul a{  background-color: var(--colorGruenHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_lila ul ul ul  a{  background-color: var(--colorLilaHell2); color: var(--colorALinkHell);}
#left #leftwrap .navimenu_links_limette ul ul  ul a{  background-color: var(--colorLimetteHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_own ul ul ul a{  background-color: var(--colorOwnHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_blau ul ul ul a{  background-color: var(--colorBlauHell2); color: var(--colorALinkDunkel);}


#left #leftwrap .navimenu_links_gelb ul ul a{  background-color: var(--colorGelbHell); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_koralle ul ul a{  background-color: var(--colorKoralleHell); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_gruen ul ul a{  background-color: var(--colorGruenHell); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_lila ul ul a{  background-color: var(--colorLilaHell2); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_limette ul ul a{  background-color: var(--colorLimetteHell); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_own ul ul a{  background-color: var(--colorOwnHell); color: var(--colorALinkDunkel);}
#left #leftwrap .navimenu_links_own ul ul a{  background-color: var(--colorBlauHell); color: var(--colorALinkDunkel);}

#left #leftwrap ul .subact_active_color a{  background-color: var(--colorRotActive);color: var(--colorALinkHell); }
#left #leftwrap ul .subact_gelb a{  background-color: var(--colorGelbMittel);color: var(--colorALinkDunkel); }
#left #leftwrap ul .subact_koralle a{  background-color: var(--colorKoralleMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .subact_gruen a{  background-color: var(--colorGruenMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .subact_lila a{  background-color: var(--colorLilaHell); color: var(--colorALinkDunkel);}
#left #leftwrap ul .subact_limette a{  background-color: var(--colorLimetteMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .subact_own a{  background-color: var(--colorOwnMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .subact_blau a{  background-color: var(--colorBlauMittel); color: var(--colorALinkHell);}

#left #leftwrap ul .act a{  background-color: var(--colorGelbMittel);color: var(--colorALinkDunkel); }
#left #leftwrap ul .act_gelb a{  background-color: var(--colorGelbMittel);color: var(--colorALinkDunkel); }
#left #leftwrap ul .act_koralle a{  background-color: var(--colorKoralleMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .act_gruen a{  background-color: var(--colorGruenMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .act_lila a{  background-color: var(--colorLilaHell); color: var(--colorALinkDunkel);}
#left #leftwrap ul .act_limette a{  background-color: var(--colorLimetteMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .act_own a{  background-color: var(--colorOwnMittel); color: var(--colorALinkDunkel);}
#left #leftwrap ul .act_own a{  background-color: var(--colorBlauMittel); color: var(--colorALinkHell);}
  
/***************** pluszeichen erscheint für die Aktivierung des kleinen menus: ******/
#minus_navimenu_klein {
  background: #0068b4;
  color: white;
  float: right;
  size: 20px;
  font-size: 30px;
  font-weight: bold;
  margin-right: 20px;
  display: none;
}


#plus_navimenu_klein {
  background: #0068b4;
  color: white;
  float: right;
  size: 20px;
  font-size: 30px;
  font-weight: bold;
  margin-right: 20px;
}
.js .menu_kl_links {
	
}

.menu_oben_frame{
  width: 100%;
  background-color: #00326d;
  display: block;
}
@media only screen and (min-width: 1024px)
{
  .js .menu_kl_links {
    display:none;
  }

  .menu_oben_frame{
    height: 64px;
  }
}
.menu_kl_oben {
  /*display:none;*/
}
#plus_navimenu_klein { display:  none};
#minus_navimenu_klein {
}

#menu_klein{

}
/*------------------- MENU OBEN-------------------------------------------------*/
#menu_oben{
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  float: left;
  line-height: 24px;
  margin-bottom: 10px;
}



.menu_oben {
  list-style-position: outside;
  font-size: 14px;
  line-height: 24px;
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
}
 


.menuoben_current{
  background-color: #d5e3f3;
  border: #00326d 2px solid;
}

.menuoben_current_act, .menuoben_current_act_first, .menuoben_current_act_last {
  background-color: red;
  border: #00326d 2px solid;
}

.menuoben_current, .menuoben_current_act, .menuoben_current_act_first, .menuoben_current_act_last {
  margin: 2px;
  padding: 5px 10px;
  color: black;
  float: left ;
  height: 44px;
  
  
}
.menuoben_current a, .menuoben_current_act a, .menuoben_current_act_first a, .menuoben_current_act_last a{
   color: black;
}

@media only screen and (min-width: 1024px)
{

  .menuoben_current_act, .menuoben_current_act_first, .menuoben_current_act_last {
    background-color: white;
  }

  .menuoben_current_act{
    border-top: #00326d 2px solid;
    border-bottom: white 2px solid;
    border-left: #00326d 1px solid;
    border-right: #00326d 1px solid;
  }
  .menuoben_current_act_first{
     border-top: #00326d 2px solid;
     border-left: #00326d 2px solid;
     border-bottom: white 2px solid;
  }
  .menuoben_current_act_last{
     border-top: #00326d 2px solid;
     border-right: #00326d 2px solid;
     border-bottom: white 2px solid;
  }

  .menuoben_current, .menuoben_current_act, .menuoben_current_act_first, .menuoben_current_act_last {
    margin: 0px;
    height: 50px;
    padding: 5px 10px;
    vertical-align: middle;
    color: black;
    float: left ;
    max-width: 100px;
  }
  .menuoben_current{
    border-top: #00326d 2px solid;
    border-bottom: #00326d 2px solid;
    border-left: #00326d 1px solid;
    border-right: #00326d 1px solid;
  }

}


/*----------------------------- AKTIVES UNTERMENU:  --------------------------------*/
#left #leftwrap ul ul .current_act a{
 background-color: #d50c2f;
  color:  white; 
}

.menu_kl_links li {
	/*margin-right:.5em;
	margin-bottom:.5em;
	float:left;*/
	/*width:100%;*/
}

.menu_kl_links a {
	display:block;
	/*color:white;
	background:#215392;
	padding:.7em 1.5em .6em 1.5em;
	text-decoration:none;
	border-radius:2px;*/
}

.menu_kl_links a:hover {
	/*background:#06f;*/
}   

@media screen and (min-width: 1024px) {
	
	.js .menu_kl_links {
		display:block;
	}
	
	#menu_kl_links li {
		width:auto;	
	}
	
	#plus_navimenu_klein {display:none;}
	#minus_navimenu_klein {display:none;}
	
}