#zahlen g {
		fill:#FCC;
		display:none;/*	*/		
	} 
	#zahlen text {
		fill:#000;
		font-family: "Oswald",sans-serif;
		font-family: aL57, Arial, Helvetica, sans-serif;
		font-weight: 700;
		font-weight: bold;
		font-size: 18px;	
	} 

	.textbox2 {
		position: absolute;
		z-index:800;
		top:-110px;
		color: #FFF;
		/*background-color:white;*/
		width:640px;
		height:660px;
		padding:5px;
		display:none;
          	
	}
	.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 {
		background-color:gray;
	    width: 100%;
	    height: 0;
	    padding-left: 0%;
	    margin-left: 0%;
	    padding-top: 96%;
	    padding-top: 110%;
	    position: relative;
	}
	
	svg {
		
	    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;
   } 
   .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; }	
	
/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {

}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {

		
}	
/* Tablet Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {

}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	
}


@media only screen and (min-width: 320px)  and (max-width: 767px) {

}


@media only screen and (min-width: 512px) and (max-width: 767px) {

}


@media only screen and (min-width: 320px)  and (max-width: 511px) {
}

/* Smartphone iPhone7*/
@media only screen and (min-width: 375px)  and (max-width: 511px) {
}

@media only screen and (min-width: 320px)  and (max-width: 374px) {
}