/* Filename xindex_md.css  */ 
/* Filephath:www.lpcd.de/0/xindex_md.css  */ 
/* Stylesheet fuer www.lpcd.de/ nur fuer HH Modal */ 
/* Kein z-index: (1-30)(31-60)(61-90).Kein Xindex im JS.  */

/* im Modal scroll ueber js Ein/aus  ab , 599.9  max-width: 767.9px  ab 991.9 */
@media only screen and (min-width: 160px) and (max-width: 767.9px) and ((orientation: portrait) or (orientation: landscape)) {
/* Md6 HH Handle */ 
/* For Chrome, Safari and Opera */ 
.tabCont::-webkit-scrollbar {width: 12px;  /* gesamte Scrolleiste */ }
.tabCont::-webkit-scrollbar-button {height:1px;background-color: rgb(110,110,110);  /* DarkSelfAntrazit */  /* Pfeil-Buttons */ }
.tabCont::-webkit-scrollbar-track {background-color: rgb(119,136,153); /* LightSlateGray *//* Bereich fuer den Schieberegler */ }
.tabCont::-webkit-scrollbar-thumb {border-radius:0px; background-color: rgb(255,255,0); /* Yellow */ /* Schieberegler */ }
.yy::-webkit-scrollbar-corner { /* Groessenregler (bei TEXTAREA sichtbar) */ }
}

/* default modal scroll 992 */
@media only screen and (min-width: 768px) and ((orientation: portrait) or (orientation: landscape)) {
/* HH6 default modal scroll  */
.tabCont::-webkit-scrollbar {width: 18px;  /* */ }
.tabCont::-webkit-scrollbar-button {height:1px;background-color: rgb(110,110,110);  /* DarkSelfAntrazit */  }
.tabCont::-webkit-scrollbar-track {background-color: rgb(119,136,153); /* LightSlateGray */ }
.tabCont::-webkit-scrollbar-thumb {background-color: rgb(255,255,0); /* Yellow */ /* Schieberegler */  }
}
/* Md6 HH modal Auswahl Start */ 

/* Hintergrundplatte zuerst, wieHtml Reihenfolge, unten id=MdNav6A */
.overlay6A{display: none; /* Hidden by default */ 
  position: fixed; /* Stay in place */
  left: 0%;
  bottom: 0%;
  width: 100%; /* ueber script  Full width */
height: 10px; /* 100vh oder 80px Full height */ 
height: 97vh; /* 100vh oder 80px Full height */ 
height: 100%;  /* ohne Hintergrund */   
 /*  background-color: rgb(0,0,255); Blue Fallback color */
      background-color:rgb(245,245,245); /* WhiteSmoke  */  
background-color: rgb(255, 218, 185);  /*     PeachPuff */  
 /* background-color: rgb(110,110,110);  Dark-SelfAntrazit */ 
 /*  overflow: auto; Enable scroll if needed */ }
	 		 
/* Grundplatte gestapel. id=MdNav */
.overlay6 {display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0%;
bottom: 0px;
  width: 100%; /* Full width */ 
height: auto; /* Full height */ 
height: 100%; /* Full height */  

/*  background-color: rgb(0,0,255); Blue Fallback color */
/* background-color: rgb(120, 120, 120);     LightSelfAntrazit */ 
   background-color:rgb(245,245,245); /* WhiteSmoke */   
   background-color: rgb(120, 120, 120);  /*  LightSelfAntrazit */ 
 }	
	
/* Logo-LPCD margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; 	   */ 
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 20px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 0px 0px 0px;
/* txt */
font-size: 1.25em;
line-height: 1.0em;
font-family: Verdana, Helvetica, Tahoma, 'Trebuchet MS', Helvetica, Arial, sans-serif; 
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
font-family: Verdana, Helvetica, Tahoma, 'Trebuchet MS', Helvetica, Arial, sans-serif;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;
cursor: pointer;}	
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl {position: fixed; 
  bottom: 5px; 
  left: 40vw;
  width: 65%;
  border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
    padding: 1px 0px 0px 5px; 
	font-family: 'Times New Roman', Georgia, Garamond, serif;
  font-size: 0.875em; 
  line-height: 0.875em; 
  font-weight: normal; 
	text-align: left; 
	color: #FFFFFF;
	background-color: rgb(120, 120, 120);   /*  LightSelfAntrazit */ }
	
	
/* Reiter box HHu*/
.ReiterBox6 {position: fixed; /* Stay in place */  
border: 0px solid rgb(0,255,0);  /* green */  
bottom: 25px;
left: 0%;
width: 99%; 
height: 25px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px; 
overflow: auto; /* Enable scroll if needed */ 
background-color: rgb(110,110,110); /* DarkSelfAntrazit */ 
background-color:rgb(245,245,245); /* WhiteSmoke */ }

/* Reiter HHu*/ 
.tabLnk {width: 30%; height:19px;
  border: 0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
  margin: 3px 3px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Helvetica, Arial, Tahoma, 'Trebuchet MS', Verdana, sans-serif;   		
  font-family: 'Lucida Console', Courier, 'Courier New', monospace;
  font-family: 'Times New Roman',  Georgia, Garamond, serif;  
 font-size: 0.875em;
 line-height: 0.785em;
 color: #000000;
  outline: none;
  cursor: pointer;
 /*  default background-color: Gainsboro #DCDCDC,selected LightSelfAntrazit #787878,opa0.6 via script. */ }
 /* Reiter Auswahl hover  */ 

.ReiterBox6 :hover{color: red;
background-color: rgb(220,220,220);  /* Gainsboro #DCDCDC */ 
background-color: rgb(120,120,120); /* LightSelfAntrazit #787878 */ 
background-color: rgb(110,110,110); /* DarkSelfAntrazit */ 
}

/* close box times */

/* Color fuer Tabs default white */
#Reiter1{background-color:rgb(245,245,245); /* WhiteSmoke #F5F5F5 */ }
#Reiter2{background-color:rgb(245,245,245); /* WhiteSmoke */ } 
#Reiter3{background-color:rgb(245,245,245); /* WhiteSmoke */ } 
/* #Genre4{background-color: green;} */

/* HHo tab content  */
.tabCont{display: block; 
    position: fixed; 
 bottom: 55px; 
	left: 0; 
	width: 100%;
	height: auto; 
	/* max-height: 200px; */
	border: 0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	overflow: auto; /* Enable scroll if needed  */ 
	overflow-x: hidden;}
	
/* HHo Eintraege Box */
.Md6Lnk0 {margin: 0px 0px 0px 0px; background-color: rgb(119,136,153); /* LightSlateGray */ } 	
.Md6LnkA {display: flex; flex-wrap: wrap; justify-content: flex-start;
	width: 100%; 
	height:auto; 
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 3px 2px;		
	border: 0px solid rgb(255,0,0);  /* Rot */ }

/* HHo Md6txt aus modMd md6HH */
/* link,visited,hover,active */ 
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited {
display: inline-block; 
min-width: 43vw;  /* 2 btn, bei % div btn */
min-width: 30vw;  /* 3 btn  */
  margin: 3px 2px 0px 2px;
  padding: 6px 5px 6px 3px;
  font-family: Helvetica, Arial, Tahoma, 'Trebuchet MS', Verdana, sans-serif;
  font-size: 0.8em;
 line-height: 1.4em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -0.5px;
  font-weight: normal; 
  background-color:rgb(220,220,220);  /* Gainsboro */  
  background-color:rgb(240,255,255);  /* Azure */ 
  background-color: rgb(245,245,245); /* WhiteSmoke */ 
  background-color: rgb(240,248,255); /* AliceBlue */  
 background-color:rgba(248,248,255,0.75);  /* GhostWhite */ 
 background-color:rgba(220,220,220,0.75);  /* Gainsboro - schoen */ 
 background-color: rgba(230,230,250,0.6); /* Lavender */ 
   background-color: rgb(245,245,245); /* WhiteSmoke */ 
 }
 
/* Farbkennung */  
.Md6txt a:link span{ 
display: initial;
border-radius: initial;
border-style: initial; 
letter-spacing: 3px;}

.Md6txtG a:link, .Md6txtG a:visited  {color: black;
background-color: rgb(110,110,110); /* DarkSelfAntrazit */ 
background-color: rgb(220,220,220);  /* Gainsboro */ 
background-color: rgb(120,120,120); /* LightSelfAntrazit #787878 */ 
background-color: rgb(220,220,220);  /* Gainsboro */
opacity: 0.6;
cursor: not-allowed;}  

.Md6txt a:hover {background-color: rgb(110,110,110); /* DarkSelfAntrazit */  color: white;}	

.Md6txt  a:active {background-color: red;}

/* Md6 HH Ende Auswahl fuer erste Auswahl */

/* overflow-x: visible|hidden|scroll|auto|initial|inherit; */
/* overflow-y: scroll; overflow-x: hidden; */ 
/* cursor: not-allowed; */

/* DarkOrange */ 
@media only screen and (min-width: 450px) and (max-width: 499.9px) { 
/* Platzhalter fuer default oben. */
}

/* DottedRot */
@media only screen and (min-height: 160px) and (min-width: 240px) and (max-width: 399.9px) {
/* HH md6 modal */
/* Logo-LPCD margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px;  */ 
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 19px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 0px 0px 0px;
/* txt */
font-size: 1.25em;
line-height: 1.0em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */


/* Ueberschrift unten */
.TabContHdl {position: fixed; 
    bottom: 4px; 
	left: 40vw;	
	width: 55%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 	
  font-size: 0.8em; 
line-height: 0.8em; 
  font-weight: lighter;}
 
/* Reiter box */
.ReiterBox6 { 
bottom: 21px;
left: 0%;
width: 99%; 
height: 25px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;}
/* Reiter */ 
.tabLnk { width: 30%; height:20px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 5px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 
 
 /* Style the tab content  */
.tabCont{display: block; 
    position: fixed; 
 bottom: 50px; 
	left: 0; 
	width: 100%;
	height: auto; 
	/* max-height: 200px; */
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	overflow: auto; /* Enable scroll if needed  */
	overflow-x: hidden;}


.Md6Lnk0 {margin: 0px 1px 0px 0px;} 	
.Md6LnkA {Display: flex; flex-wrap: wrap; 
		justify-content: flex-start;
		width: 99%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* Rot */ 
margin: 0px 0px 0px 2px;
padding: 2px 0px 5px 2px; overflow-x: hidden;} 

.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited { 
	min-width: 40vw;	
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.75em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -0.5px;
  font-weight: 400;}
  
 .Md6txt a:link span {letter-spacing: 3px;}     
  
/* HH md6 modal Ende */

/* dotted Rot Ende */ }


/* Rot */
@media only screen and (min-width: 400px) and (max-width: 449.9px) {
/* HH md6  */		
/* Logo-LPCD  */ 
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 19px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 0px 0px 0px;
/* txt */
font-size: 1.25em;
line-height: 1.0em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}	
/* Logo-LPCD Ende */

.TabContHdl {position: fixed; 
    bottom: 3px; 
left:40vw;	
	width: 70%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
 margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 	
  font-size: 0.875em; 
line-height: 0.875em; 
  font-weight: 500;}

/* Reiter box */
.ReiterBox6 { 
bottom: 21px;
left: 0%;
width: 99%; 
height: 25px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;}
/* Reiter */ 
.tabLnk { width: 30%; height:20px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 5px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */   
   
 /* Style the tab content  */
.tabCont{display: block; 
    position: fixed; 
 bottom: 48px; 
	left: 0; 
	width: 100%;
	height: auto; 
	/* max-height: 200px; */
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	overflow: auto; /* Enable scroll if needed  */
	overflow-x: hidden;}	

.Md6Lnk0 {margin: 0px 1px 0px 0px;} 	
.Md6LnkA {Display: flex; flex-wrap: wrap; 
		justify-content: flex-start;
		width: 99%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* Rot */ 
margin: 0px 0px 0px 2px;
padding: 2px 0px 5px 2px; overflow-x: hidden;}  
  
/* Md6txt aus modMd md6HH */
 /* link,visited,hover,active */ 
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{
display: inline-block; 
min-width: 75vw;
min-width: 44vw;
  margin: 3px 2px 0px 0px;
  padding: 8px 5px 8px 3px;
  font-family: Helvetica, Arial, Tahoma, 'Trebuchet MS', Verdana, sans-serif;
  font-size: 0.875em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -0.5px;
  font-weight: 400;}
  
.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 10px;}  

/* Rot Ende */ }
 

 
/* DottedDarkOrange 500 */  
@media only screen and (min-width: 500px) and (max-width: 599.9px) { 
/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 20px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 0px 0px 0px;
/* txt */
font-size: 1.25em;
line-height: 1.0em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */

/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 100vh */ 
height: 100vh;  /* ohne Hintergrund */   } 
  
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
  width: 100%; /* Full width */
 height: 100vh; /* Full height */ }	



/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 5px; 
	left: 40vw;	
	width: 65%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 1px 0px 0px 5px; 
  font-size: 0.875em; 
line-height: 0.875em; 
  font-weight: 500; 
	text-align: left;}

	 		 
/* Reiter box */
.ReiterBox6 {position: fixed; /* Stay in place */  
border: 0px solid rgb(0,255,0);  /* green */  
bottom: 25px;
left: 0%;
width: 99%; 
height: 25px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;}
/* Reiter */ 
.tabLnk { width: 30%; height:20px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 5px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 53px; left: 0; 
width: 100%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 0px 0px 0px;}	
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-start;
width: 99%; 
height:auto;  
margin: 0px 1px 0px 15px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{
display: inline-block; 
min-width: 43vw; /* 3 btn  */
min-width: 30vw; /* 3 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
  font-weight: 400;}

/* DottedDarkOrange 500 Ende */ 
}


/* LightSteelBlue */
@media only screen and (min-width: 600px) {
/* Modal Md6Nav HH Start */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 100vh */ 
height:100vh;  /* ohne Hintergrund */  }

/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
  width: 100%; /* Full width */
 height: 100vh; /* Hintergrund height */  }	
	 
/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 21px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.25em;
line-height: 1.0em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */
  
/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 5px; 
	left: 40vw;	
	width: 65%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 1px 0px 0px 5px; 
  font-size: 0.875em; 
line-height: 0.875em; 
  font-weight: 500; 
	text-align: left;}

/* Reiter box */
.ReiterBox6 {bottom: 25px; left: 0%;
width: 100%; 
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;}
/* Reiter */ 
.tabLnk { width: 30%; height:24px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 60px; left: 0; 
width: 100%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 1px 0px 0px;}	
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-start;
width: 99%; 
height:auto;  
margin: 0px 1px 0px 15px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box justify-content: center; */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 43vw;
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
  font-weight: 400;}
/* Modal Md6Nav HH Ende */ 
}	


/* MediumVioletRed Landscape */	 
@media only screen and (min-width: 768px) { 
/* Modal Md6Nav HH Start */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 100vh */ 
height: 0vh;  /* ohne Hintergrund */ }	

/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
width: 100%; /* Full width */
height: 80px; /* 80py, 100vh ,0vh */ }
 
/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 26px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.3em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 0.875em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */
  
/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 5px; 
	left: 40vw;	
	width: 65%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 1px 0px 0px 5px; 
  font-size: 0.875em; 
line-height: 0.875em; 
  font-weight: 500; 
	text-align: left;}

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 5px; 
left: 40vw;	
	width: 65%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 1px 0px 0px 5px; 
  font-size: 0.875em; 
line-height: 0.875em; 
  font-weight: 500; 
	text-align: left;}
	 	 		 
/* Reiter box */
.ReiterBox6 {bottom: 25px; left: 0%;
width: 100%; 
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;}
/* Reiter */ 
.tabLnk {width: 30%; height:25px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 60px; left: 0; 
width: 100%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 1px 0px 0px;}	
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-start;
width: 99%; 
height:auto;  
margin: 0px 0px 0px 30px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box justify-content: center; */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 43vw;
min-width: 29vw; /* 3 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
  font-weight: 400;} 

/* Modal Md6Nav HH Ende */
}	


/* Olive */
@media only screen and (min-width: 992px) {
/* Md6Nav HH */

/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 80px, 100vh ,0vh */
height:0vh;  /* ohne Hintergrund */  }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80py, 100vh ,0vh */ }	
 
/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 28px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 24px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */ 
	 		 
/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 10px; 
left: 40vw;	
	width: 50%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
font-size: 1.0em; 
line-height: 1.0em; 
  font-weight: 500; 
	text-align: left;}
	
/* Reiter box */
.ReiterBox6 {bottom: 35px; left: 0%;
width: 100%; 
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 40px;}
/* Reiter */ 
.tabLnk { width: 30%; height:25px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{bottom: 70px; left: 0; 
width: 100%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 1px 0px 0px;}	
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-end;
width: 95%; 
height:auto;  
margin: 0px 1px 0px 0px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box justify-content: center; */ 	


/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 43vw;
min-width: 29vw; /* 3 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
  font-weight: 400;} 
 /* Md6 HH Auswahl fuer erste Auswahl Ende */
 }	


/* Plum  */	
@media only screen and (min-width: 1200px) { 
/* Md6Nav HH */
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 80px, 100vh ,0vh */
height:0vh;  /* ohne Hintergrund */  }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80py, 100vh ,0vh */ }

/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 30px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 25px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.5em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.5em;
line-height: 1.1em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */  
 
/* Ueberschrift unten */
.TabContHdl {position: fixed; 
    bottom: 7px; 
left: 40vw;	
	width: 55%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 5px; 
  font-size: 1.1em; 
line-height: 1.1em; 
  font-weight: normal; 
	text-align: left;}
		 		 
/* Reiter box */
.ReiterBox6 {bottom: 40px; left: 0%;
width: 100%; 
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 60px;}
/* Reiter */ 
.tabLnk { width: 30%; height:25px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 0.785em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 75px; left: 0; 
width: 100%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 1px 0px 2px;}	
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-end;
width: 95%; 
height:auto;  
margin: 0px 1px 0px 2px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box justify-content: center; */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 43vw; /* 2 btn  */
min-width: 29vw; /* 3 btn  */
min-width: 20vw; /* 4 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
  font-weight: 400;} 
/* Modal Md6Nav HH Ende */	
/* Md6 HH Auswahl fuer erste Auswahl Ende */
}	
	
	
/* Aqua  */ 
@media only screen and (min-width: 1400px) {
/* Logo  Logo */
/* Modal Md6Nav HH Start */
	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 0vw}
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */ 
/*  max-width: 1400px; Maximale Groesse */ 
 height: 80px; /* 80px, 100vh ,0vh */ }	

/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 30px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 26px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.5em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.5em;
line-height: 1.0em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */ 

/* Ueberschrift unten */
.TabContHdl {
    bottom: 7px; 
left: 40vw;	
	width: 45%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 1px 0px 0px 5px; 
  font-size: 1.1em; 
line-height: 1.1em; 
  font-weight: 500; 
	text-align: left;}
	 		 
/* Reiter box */
.ReiterBox6 {bottom: 40px; left: 0%; 
width: 100%;
/*  max-width: 1400px; Maximale Groesse */ 
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Reiter */ 
.tabLnk { width: 30%; height:25px; 
border: 0px solid rgb(255,0,0);  /* rot */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
line-height: 1.1em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 75px; left: 0; 
width: 100%;
/*  max-width: 1400px; Maximale Groesse */ 
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {margin: 0px 0px 0px 0px; /*  max-width: 1400px; Maximale Groesse */  }	
.Md6LnkA {display: flex; /*  max-width: 1400px; Maximale Groesse */  flex-wrap: wrap; justify-content: center;
width: 95%; 
height:auto;  
margin: 0px 1px 0px 2px;
padding: 5px 0px 5px 0px;}
/* Link Genre Einträge Box justify-content: center;justify-content: flex-start; */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited {display: inline-block; 
min-width: 43vw; /* 2 btn  */
min-width: 30vw; /* 3 btn  */
min-width: 20vw; /* 4 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
font-weight: 400;}
/* Md6 HH Auswahl fuer erste Auswahl Ende */
}


/* Fuchsia */ 
@media only screen and (min-width: 1600px) { 
/* Md6Nav HH */
/* Modal Md6Nav HH Start */	

/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 10px; /*  */ 
height: 97vh; /* 80px, 100vh ,0vh */
height:0vh;  /* ohne Hintergrund */  }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 99%; /* Full width */
/* max-width: 1625px; Maximale Groesse */
 height: 80px; /* 80px, 100vh ,0vh */ }	

/* Md6Nav HH */	
/* Logo  Logo */
.flxHv6 {width: 100%; height: 30px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 26px; height:auto; padding: 0px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 60px 0px 0px;
/* txt */
font-size: 1.5em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.5em;
line-height: 1.0em;
text-align: center;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}
/* Logo-LPCD Ende */  
/* Ueberschrift unten */
.TabContHdl { position: fixed; 
    bottom: 6px; 
left: 40vw;	
	width: 40%;	
	border: 0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 5px; 
  font-size: 1.1em; 
line-height: 1.1em; 
  font-weight: 500; 
	text-align: left;}
	 		 
/* Reiter box */
.ReiterBox6 {bottom: 40px; left: 0%;
width: 99%;
/* max-width: 1625px; Maximale Groesse */
height: 30px; /* wie reiter */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Reiter */ 

.tabLnk {width: 30%; height:25px; 
border: 0px solid rgb(0,0,0);  /* black */  
border-radius: 0px 0px 0px 0px;  
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
line-height: 1.1em;}
 /* Reiter Auswahl hover  */ 

/* Style the tab content  */
.tabCont{ bottom: 75px; left: 0; 
width: 99%;
/* max-width: 1625px; Maximale Groesse */
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;}

.Md6Lnk0 {/* max-width: 1625px; Maximale Groesse */ margin: 0px 0px 0px 0px;}	
.Md6LnkA {display: flex; flex-wrap: wrap; justify-content: flex-start;
width: 95%;
/* max-width: 1625px; Maximale Groesse */
height:auto;  
margin: 0px 1px 0px 2px;
padding: 5px 0px 5px 5%;}
/* Link Genre Einträge Box justify-content: center; */ 	

/* Md6txt aus modMd md6HH */
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 43vw;
min-width: 30vw; /* 3 btn  */
min-width: 18vw; /* 4 btn  */
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center; 
  word-spacing: -0.5px;
font-weight: 400;}
/* Md6 HH Auswahl fuer erste Auswahl Ende */
}	
	
/*	========== */	
	
/* Dotted Lime HTC Desire Default Portrait */  					/* Dotted Lime Desire  */  
@media only screen and (min-width: 160px) and (max-width: 239.9px) and (orientation: portrait) { 
/*  Modal 6 HH in vw */
/* Grundplatte */
.overlay6A {left: 0%;bottom: 0px; width: 100%; 
height: 100vh;}		 
/* Hintergrundplatte */
.overlay6 {left: 0%; bottom: 0%; width: 100%; /* ueber script  Full width */
height: 10px; height: 97vh; 
height: 100vh;  /* Hintergrund */ } 

/* HH md6 modal */
.flxHv6 {width: 100%; height: 20px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 18px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 5px 0px 0px;
/* txt */
font-size: 1.0em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.2em;
line-height: 0.9em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */
 
/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 3px; 
	left: 45%;	
	width: 50%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px;	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 0.7em;
  line-height: 1.0em;
  font-weight: 500; 
	text-align: left;}
	
/* Reiter box */
.ReiterBox6 {border: 0px solid rgb(0,255,0);  /* green */ 
  bottom: 31px;
	left: 0%;
	width: 100%; 
height: 28px; /* Full height */ 
padding: 0px 0px 0px 2px;}

/* Reiter */ 
.tabLnk { width: 31%; height:28px;
margin: 0px 2px 0px 0px;  
 padding: 2px 1px 0px 0px;    
 font-size: 6.5vw; 
 line-height: 6.5vw;
  font-size: 0.75em;
  line-height: 0.5em;}
 
/* Style the tab content blau */
.tabCont{ display: block; bottom:60px; left: 0;
width: 99%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;}
	
.Md6Lnk0 {margin: 3px 0px 5px 0px; padding: 0px 0px 0px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap; justify-content: flex-start; 
		width: 99%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Link Genre Eintraege Box */  
		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited {display: inline-block; 
 min-width: 85vw;
  margin: 3px 2px 0px 3px;
  padding: 8px 2px 8px 2px;
  font-size: 5.5vw;
  line-height: 5.5vw;  
  font-size: 0.7em;
  line-height: 0.9em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}
/*  Modal 6 Ende */  
/* HTC Desire Default Portrait Ende Modal 7  */
}	
	

/* Lime INA */												/*  INA */
@media only screen and (min-width: 240px) and (max-width: 304.9px) and (orientation: portrait) {
/* Md6Nav HH */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 100vh; /* 80py, 100vh ,0vh */ }	

/* HH md6 modal */
.flxHv6 {width: 100%; height: 22px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 20px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 5px 0px 0px;
/* txt */
font-size: 1.3em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.2em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl {
  bottom: 5px; 
	left: 40%;	
	width: 60%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 
  font-size: 0.875em;
  line-height: 0.875em;
  font-weight: 500; 
	text-align: left; 
	color: #FFFFFF;}
  
/* Reiter box */
.ReiterBox6 {border: 0px solid rgb(0,255,0);  /* green */ 
  bottom: 32px;
	left: 0%;
	width: 100%; 
height: 30px; /* Full height */ 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 2px;}

/* Reiter */
.tabLnk { 
width: 30%; 
height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 1px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 5.25vw;
 line-height: 5.25vw;
 font-size: 1.0em;
 line-height: 1.0em;}
 /* Reiter */ 


/* Style the tab content blau */
.tabCont{ display: block; bottom: 60px; left: 0px; 
width: 100%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; }

/* justify-content: flex-end; flex-direction: column-reverse  flex-wrap: wrap-reverse; */
.Md6Lnk0 {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 5px;}
.Md6LnkA {Display: flex;  
justify-content: flex-start; 
/* justify-content: center; align-items: center; */
		width: 100%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Link Genre Einträge Box */ 	

/* link,visited,hover,active */ 
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
min-width: 85vw;
  margin: 3px 2px 0px 2px;
  padding: 8px 5px 8px 3px;
  font-size: 0.875em;
  line-height: 0.875em;
  text-align: center;  
  text-decoration: none;
  word-spacing: 0px;
  font-weight: 400;}
  
.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}  
/* Ende HH Md6txt aus modMd md6HH */ 
}



/* Maroon */													/* Maroon */
@media only screen and (min-width: 305px) and (max-width: 399.9px) and (orientation: portrait) {
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80py, 100vh ,0vh */ }

/* HH md6 modal */
.flxHv6 {width: 100%; height: 22px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 20px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 5px 0px 0px;
/* txt */
font-size: 1.3em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.2em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

	/* Ueberschrift unten */
.TabContHdl {position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 60%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px;
font-size: 0.875em; 
line-height: 1.1em;  
  font-weight: 500; 
	text-align: left;}
 		 
/* Reiter box */
.ReiterBox6 {border: 0.0px solid rgb(0,255,0);  /* green */ 
  bottom: 32px;
	left: 0%;
	width: 100%; 
height: 30px; /* Full height */ }	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 3px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}
 /* Reiter box  */ 
 
 /* Style the tab content blau */
.tabCont{ bottom:65px; left: 0;
width: 100%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}


/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse;
justify-content: center; 
justify-content: flex-start;
width: 100%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Link Genre Einträge Box */ 
		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{display: inline-block; 
min-width: 42.5vw;		
  margin: 2px 2px 2px 2px;
  padding: 10px 2px 10px 2px;
  font-family: Helvetica, Arial, Tahoma, 'Trebuchet MS', Verdana, sans-serif;
font-size: 0.875em;
line-height: 1.0em; 
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}
 
.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}
/* Modal 7 Maroon ENDE */ }



/*  Blue */ 													/*  Blue */ 
@media only screen and (min-width: 400px) and (max-width: 499.9px) and (orientation: portrait) {
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px;  /* 80px, 100vh ,0vh */ }
 
/* HH md6 modal */
.flxHv6 {width: 100%; height: 24px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 0px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 5px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 50%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 1.0em; 
line-height: 1.1em;  
  font-weight: 500; 
	text-align: left;}
 		 
/* Reiter box */
.ReiterBox6 {border: 0.0px solid rgb(0,255,0);  /* green */ 
 bottom: 32px;
	left: 0%;
	width: 100%; 
height: 30px; /* Full height */ }
	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 3px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}
 /* Reiter box  */ 

/* Style the tab content blau */
.tabCont{ display: block; bottom:65px; left: 0;
width: 100%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}


/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse; 
justify-content: flex-end;
justify-content: flex-start; 
width: 100%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Link Genre Einträge Box */ 
		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{ display: inline-block; 
  min-width: 45.0vw;
  margin: 2px 2px 2px 2px;
  padding: 10px 2px 10px 2px;
  font-size: 3.0vw;
  line-height: 3.0vw;
  font-size: 0.875em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}
  
 .Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}  
 /* Md6Nav HH Ende */	
}


/* Gold */ 												/* Gold */ 
@media only screen and (min-width: 500.0px) and (max-width: 599.9px) and (orientation: portrait) {
/* Md6Nav HH */
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80px, 100vh ,0vh */ }	

/* HH md6 modal */
.flxHv6 {width: 100%; height: 24px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 5px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 50%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 1.0em; 
line-height: 1.1em;  
  font-weight: 500; 
	text-align: left;}

/* Reiter box */
.ReiterBox6 {border: 0.0px solid rgb(0,255,0);  /* green */ 
 bottom: 32px;
	left: 0%;
	width: 100%; 
height: 30px; /* Full height */ }	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 3px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}
 /* Reiter box  */ 

/* Style the tab content blau */
.tabCont{ display: block; bottom:65px; left: 0;
width: 100%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;}

/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse; 
justify-content: flex-end;
justify-content: center; 
width: 100%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/* Link Genre Einträge Box */ 
		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{display: inline-block; 
  min-width: 42.5vw;
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;
  font-family: Helvetica, Arial, Tahoma, 'Trebuchet MS', Verdana, sans-serif;
  font-size: 2.75vw;
  line-height: 2.75vw;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}

.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}    
 /*  Modal 6 Ende	*/
}


/* dotted Gold */ 													 /* dotted Gold */ 			 	
@media only screen and (min-width: 600.0px) and (max-width: 767.9px) and (orientation: portrait) {
/* .flxG1A{display: Flex; flex-direction: row-reverse;} */
/* Modal Md6Nav HH Start */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */

 /* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80px, 100vh ,0vh */ }
 
/* HH md6 modal */
.flxHv6 {width: 100%; height: 25px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 20px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 50%;
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 1.0em; 
line-height: 1.1em;
  font-weight: 500; 
text-align: left;}
	
/* Reiter box */
.ReiterBox6 {border: 0.0px solid rgb(0,255,0);  /* green */ 
  bottom: 40px;
	left: 0%;
	width: 100%; 
height: 30px; /* Full height */ }	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 1px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}
 /* Reiter box  */ 
 
/*  */ 
.tabCont {bottom: 75px; height: auto;}	 

/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse; justify-content: center; 
		width: 95%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 5px 1px 0px 2px;
padding: 0px 0px 1px 0px;}
/* Link Genre Einträge Box */ 
		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{display: inline-block; 
  min-width: 42.0vw;
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}

.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}		
}


/* DottedMediumVioletRed */ 									/* DottedMediumVioletRed */ 
@media only screen and (min-width: 768.0px) and (max-width: 991.9px) and (orientation: portrait) {
/* Md6Nav HH */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80px, 100vh ,0vh */ }	

/* HH md6 modal */
.flxHv6 {width: 100%; height: 28px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 20px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 50%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 1.0em; 
line-height: 1.1em;  
  font-weight: 500; 
	text-align: left;}
	
/* Reiter box */
.ReiterBox6 {padding: 1px 0px 0px 0px;border: 0.0px solid rgb(0,255,0);  /* green */ 
  bottom: 40px;
	left: 0%;
	width: 100%; 
height: 33px; /* Full height */ }
	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 3px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}

/* Style the tab content blau */
.tabCont{ display: block; bottom:80px; left: 0;
width: 100%; 
	height: auto; 
	border: 0.0px solid rgb(0,0,255); /* Blau */ 
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;}

/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse; justify-content: flex-end; 
		width: 95%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 5px 1px 0px 2px;
padding: 0px 0px 1px 0px;}
/* Link Genre Einträge Box */ 
 		
/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{display: inline-block; 
  min-width: 80vw; /* height:70px; */
  min-width: 42vw;   
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}

.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}  
/*  Modal 6	Ende */
}


/* DottedOlive */ 													/* DottedOlive */ 
@media only screen and (min-width: 992.0px) and (max-width: 1200px) and (orientation: portrait) {
/* Md6Nav HH */	
/* Hintergrundplatte */
.overlay6A {bottom: 0%; left: 0%;
width: 100%; /* ueber script  Full width */
height: 0vh; /* 80px, 100vh ,0vh */ }
/* Grundplatte */
.overlay6 {bottom: 0px; left: 0%;
 width: 100%; /* Full width */
 height: 80px; /* 80px, 100vh ,0vh */ }	
/* HH md6 modal */
.flxHv6 {width: 100%; height: 28px; background-color:rgb(245,245,245); /* WhiteSmoke */ }
.flxHv1 {margin: 2px 0px 0px 0px; padding: 2px 0px 0px 0px; } 
.flxHv1A {display: flex; border: 1px solid rgb(0,0,0);  /* Black */
border-style: solid none solid none;}
.flxHv1A1 {flex: 20%; text-align: center; border: 0px solid rgb(0,0,0);  /* Black */  }
.flxHv1A1 img {width: 22px; height:auto; padding: 1px 0px 0px 0px; border: 0px solid rgb(0,0,0);  /* Black */ }

/* LOGO2 - LPCD.de Modal 3 ABC */
.flxHv1A2 {flex: 70%; 
border:0px solid rgb(0,0,0);  /* Black */ 
padding: 1px 20px 0px 0px;
/* txt */
font-size: 1.4em;
line-height: 1.1em;
text-align: center;	  
color: #000000;  /* black */	
letter-spacing: 1px;          
font-weight: bold;}

/* close box */	  
.flxHv1A3 {flex: 10%; border: 0px solid rgb(0,0,0);  /* Black */ 
padding: 0px 0px 0px 0px;
/* txt */ 
font-size: 1.4em;
line-height: 1.1em;
text-align: left;	  
color: #0000FF;  /* blue */	          
font-weight: 600;}		
/* Logo-LPCD Ende */

/* Ueberschrift unten */
.TabContHdl { position: fixed; 
  bottom: 5px; 
	left: 40vw;	
	width: 50%; 
  /* height: 10vw;  */
	border: 0.0px solid rgb(0,0,0);  /* black */ 
	margin: 0px 0px 0px 0px; 
 padding: 3px 0px 0px 0px; 	
  font-size: 5.75vw;
  line-height: 5.75vw;
  font-size: 1.0em; 
line-height: 1.1em;  
  font-weight: 500; 
	text-align: left;}
	
/* Reiter box */
.ReiterBox6 {border: 0px solid rgb(0,255,0);  /* green */ 
  bottom: 45px;
	left: 5%;
	width: 85%; 
height: 30px; /* Full height */ }	
/* Reiter */ 
.tabLnk { width: 30%; height:25px;   
  border: 0.0px solid rgb(0,0,0);  /* black */  
  border-radius: 0px 0px 0px 0px;  
 margin: 3px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
 font-size: 1.0em;
 line-height: 1.1em;}
 /* Reiter box  */ 

.tabCont { bottom: 77px; height: auto;}	 

/* justify-content: flex-end; flex-direction: column-reverse */
.Md6Lnk0 { margin: 5px 0px 5px 0px;}
.Md6LnkA {Display: flex; flex-wrap: wrap-reverse; justify-content: center; 
		width: 95%; 
		height:auto;  
		border: 0.0px solid rgb(255,0,0);  /* rot */ 
margin: 5px 1px 0px 2px;
padding: 0px 0px 1px 0px;}
/* Link Genre Einträge Box */ 

/* in vw */		
.Md6txt a:link, .Md6txt  a:visited, .Md6txtG a:link, .Md6txtG a:visited{display: inline-block; 
  min-width: 42.5vw;
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: center;  
  text-decoration: none;
  word-spacing: -1.0px;
  font-weight: 400;}	
.Md6txt a:link span, .Md6txt  a:visited span, .Md6txtG a:link span, .Md6txtG a:visited span{letter-spacing: 5px;}

/* Hintergrundplatte fuer MdRubrik 7 block ueber script */
/* Hintergrundplatte fuer MdRubrik 5 block ueber script */
}
/*   @media only screen and (orientation: portrait) {}	@media only screen and (orientation: landscape) {}  nix */