/*TD-ResponsiveMenü - Style: Windows Programmmenü*/

#ResponsiveMenu{position:absolute; z-index:100; box-sizing: border-box;  top:0px; width:100%; }
#ResponsiveMenu>UL{margin:auto; box-sizing: border-box; max-width:1200px; 
  box-sizing: border-box;
  max-width:1400px;
  padding-right:200px; 
  font-size: 95%;
  
}

/*#ResponsiveMenu>UL>li:first-child {display:none;}  *//*Speziell erstes Element ausblenden, da wir es nicht in Haiptmenü haben wollen*/


/*Elementen die nicht markiert werden sollen*/
.deselect ::selection { background: transparent; color: inherit; }
.deselect ::-moz-selection { background: transparent; color: inherit; }
.deselect { -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none;  user-select: none;}

/*Alle Checkboxen verstecken*/
#ResponsiveMenu input[type=checkbox],
#ResponsiveMenu input[type=radio]{ position: absolute; display:none; left: -9999px; }

    #ResponsiveMenu>UL>li:first-child {display:block;}
				/*Hauptbutton*/
				#ResponsiveMenu LABEL { cursor:pointer  }
    #ResponsiveMenu > LABEL.ResponsiveMenuButton {position:absolute;display:block;top:10px;right:0px; padding-left:20px;padding-right:15px; color:#fff; font-size:5em; line-height:80px;height:80px;}
    #ResponsiveMenu > LABEL.ResponsiveMenuDeselect{position:fixed;bottom:0;left:0;right:0px;top:0px;height:100%;background-color:rgba(255,255,255,0.8);visibility: hidden; opacity:0; transition: visibility 0s, opacity 0.3s linear;}
				
				#ResponsiveMenu > UL { position:absolute;z-index:1000;/*display:none;*/ transition: left 0.5s ease; left:-200%; overflow:hidden;}
				#ResponsiveMenu > input:checked ~ ul{ /*display:block;*/ left:0px;}
				#ResponsiveMenu > input:checked ~ .ResponsiveMenuDeselect{ /*display:block;*/visibility: visible; opacity:1; transition: visibility 1s, opacity 0.3s linear;}
				
				/*Infobereich*/
				#ResponsiveMenu .infobereich{ display:none;}
				#ResponsiveMenu UL{
						list-style: none;
				  margin:0;
				  margin-left:1em; /*Einrücken der Submenüpunkte*/
				  padding:0;
				}
				
				#ResponsiveMenu>UL{margin:0; margin-top:90px;/*Abstand Logozeile*/min-width: 280px;}
				
				/* Hintergrund Menübereich */
				ul.ResponsiveMenu {background-color:#fff; border:1px solid #000;}
				
				/* Standardformat alle Menüpunkte*/
				ul.ResponsiveMenu li * a{
				    display:block; 
				
								padding-left:2em;  /*Rand um Text*/
				    padding-right:2em;
				    line-height:2.5em;
				    padding-top:0px;
				    /*font-weight: 600;*/
				    font-size:100%;
				    text-decoration:none;
				    color:#444;
				}
				ul.ResponsiveMenu>li a:hover {
				  /*color:#fff;*/
				  background-color:#eee; /* <=== Hover Farbe **/
				  /*text-shadow: 0px 0px 10px #fff;**/
				}
			
				/*Ebene 1 (Hauptebene)*/
				ul.ResponsiveMenu>li>a {
				    /*border:1px solid;*/
        display:block; 
								padding-left:2em;  /*Rand um Text*/
								padding-right:1em;  /*Rand um Text*/
				    line-height:3em;
				    font-size:120%;
				    font-variant:small-caps;
				    text-decoration:none;
				    color:#444;
				    text-shadow: 1px 1px 2px #aaa;
				}
				
				/* Dreiecke Ebene 1 ... x */
				ul.ResponsiveMenu>li a>LABEL:first-child{display:inline-block; width:1.2em;margin-left:-1.2em;}
				ul.ResponsiveMenu>li a>label>DIV {display:block; margin:auto; padding-left:0em; }
				ul.ResponsiveMenu>li .open  { }
				ul.ResponsiveMenu>li .closed { display:none;}
				ul.ResponsiveMenu>li input:checked ~ A>label .open { display:none;}
				ul.ResponsiveMenu>li input:checked ~ A>label .closed { display:block;}


				/*Display/hide Ebene 1 ... x */
				ul.ResponsiveMenu>li  ul{ display:none;}
				ul.ResponsiveMenu>li  input:checked ~ ul{ display:block;}
				
				/*Display/hide Ebene 2 */
				/*ul.ResponsiveMenu>li>ul>li ul{ display:none;}
				ul.ResponsiveMenu>li>ul>li input:checked ~ ul{ display:block;}
				*/
				
				/*Ebene 2*/
				ul.ResponsiveMenu>li>ul>li {font-size:120%}

				/*** Farben Aktive Elemente ****/
				/*Ebene 1*/
				ul.ResponsiveMenu>li.aktiv>a {background-color:#86b066;color:#fff;}
				ul.ResponsiveMenu>li.aktiv>a:hover {}
				/*Ebene 2*/
				ul.ResponsiveMenu>li>ul>li.aktiv>a {background-color:#ddd;color:#444;}
				ul.ResponsiveMenu>li>ul>li.aktiv>a:hover {}
				/*Ebene ab 3.*/
				ul.ResponsiveMenu>li>ul>li>ul li.aktiv>a {background-color:#eee;color:#444;}
				ul.ResponsiveMenu>li>ul>li>ul li.aktiv>a:hover {}