#zahlen g {
		fill:#FCC;
		display:none;/*	*/		
	} 
	#zahlen text {
		fill:#000;
		font-weight: 700;
		font-weight: bold;
		font-size: 18px;	
	} 

	.textbox2 {
		position: absolute;
		z-index:800;

		color: #000;
		/*background-color:white;*/

		
	
          	
	}
		

	.textbox2 .label {
		/*font-family: aL57, Arial, Helvetica, sans-serif;*/
		font-size: 14px;
		line-height: 16px;
		position:absolute;
		display:block;
		/*background-color:white;*/
		color:#000;
	}
	.lable{
			font-family: aL57, Arial, Helvetica, sans-serif;
			font-size: 8px;
			line-height: 16px;
			fill:#1A171B;
			/*fill:red;*/
	}
	.lable2{
			font-family: aL57, Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 16px;
			fill:#1A171B;
			/*fill:red;*/
	}
	.lable3{
			font-family: aL57, Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 16px;
			fill:#1A171B;
			/*fill:red;*/
	}	
    .svgbox {
    	position: absolute;

    	width:640px;
    	height:660px;           	
    }
    .svgbox2 {
    	background-color:pink;
    	position: absolute;
    	width:1024px;
    	height:710px; 
    	width:1920px;
   		height:1080px;          	
    }
    .svgbox3 {
    	position: absolute;
    	width:640px;
    	height:660px;           	
    }
	.container {
		position: relative;
		background-color:gray;

		
	    width: 100%;
	   
	    /*
	     height: 0;
	    padding-top: 100%;
	    padding-left: 0%;
	    margin-left: 0%;
	    padding-top: 96%;
	    padding-top: 110%;
	    */
	}
	
	svg {

		width: 100%;
	    /*height: 100%;*/
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    /**/
	}

   .layerbox {
	   	position: relative;
	   	width:1024px;
	   	height:710px;
	   	overflow:hidden;
	   	background-color:#FFF;
   }
   .layerbox2 {
	   	position: relative;
	   	width:1024px;
	   	height:710px;
	   	width:1920px;
	   	height:1080px;
	   	overflow:hidden;
	   	background-color:#FFF;
   }
   
	.layerbox2 { width: 100vw; height: 52.6vw; height: 48vw;  /* height: 100vh;  border:solid 1px gold;*/background-color:black; margin:0px auto;}		
	.svgbox2  { width: 54vw; margin:0px 0vw; /*width: 100vw; margin:0px 0vw;  height: 58.4vw;*/ height: auto; background-color:black; }
	.textbox2  { width: 44vw; margin:0px 0vw; top:1.5vw; left:55vw; height: auto; background-color:white; }
	
  .layerbox3 {
		position: relative;
		width:640px;
		height:700px;
		overflow:hidden;		
		background-color:#FFF;
   }   
   .rechts, .layerbox {
   	/*background-color:#ccF;*/
   }
	#z1 { z-index:100; }
	#z2 { z-index:200; }
	#z3 { z-index:300; }
	
svg .nummer,svg .nummer1,svg .nummer2 { font-size: 8px;}	
	
.nummerXX {
	font-family: aL57, Arial, Helvetica, sans-serif;
	font-size: 18px;
	
}	
	#legende2 {display:block;}
	#legende1 {display:none;}

	.desk { display:block; }
	.smart { display:none; }	
	.desk2 { display:block; }
	.smart2 { display:none; }	
	
@media only screen and (max-width: 1919px) { /* Desktop gross */
	body { background-color: gold; }

}
@media only screen and (max-width: 1639px) { /* Desktop mittel */
	body { background-color: orange; }

}

@media only screen and (max-width: 1319px) { /* Tablet hoch - Laptop */
	body { background-color: grey; }

}

@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue; 	}
	

}
@media only screen and (max-width: 767px) { /* Smartphone gross/quer */
	body { background-color: pink; 	}

	.layerbox2 { width: 100vw; height: 52.6vw; height: 82vw;/* height: 100vh;  border:solid 1px gold;*/background-color:black; margin:0px auto;}		
	.svgbox2  { width: 94vw; margin:0px 3vw; /*width: 100vw; margin:0px 0vw;  height: 58.4vw;*/ height: auto; background-color:black; }
	.textbox2  { width: 94vw; margin:0px 3vw; top:84vw; left:0vw; height: auto; background-color:white; }

	

}

@media only screen and (max-width: 511px) {	/* Smartphone klein/hoch */
	body { background-color: purple; }
}	

body { background-color: black; }