/* Leitung3 */

	.bu2{ fill:#FFF;stroke:none;cursor:pointer; opacity:0.1;}	

	.bu{ fill:#FFF;stroke:none;cursor:pointer; opacity:0;}	
	.bu0{ fill:#FFF;stroke:none;cursor:pointer; opacity:0;}	

	.st00{fill:url(#verdampfer);}
	
	.st00x{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
	fill: #1e5799; /* Old browsers */
	fill: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	fill: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	fill: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	
	
	}

	.schnee {
	  transform: translate(0px, 0px);
	  transition-property: transform;
	  transition-duration: 300ms;
	  transition-timing-function: ease;
	  transition-delay: 0s;
	  backface-visibility: hidden;
	}
    .circ {
    	cursor:pointer; 
    	fill:#FFF;
    } 
   .circ:hover, .circ:focus {
    	fill:#93C23E;
    }
   .circ:focus {
    	fill:red;
    }
   .circactiv {
    	fill:#93C23E;
    } 
       
    #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 {
       	
    }
    .svgbox2 {
    	position: absolute;
	   	width:1280px;
	   	height:1080px;  
	   	background-color:#FFF;
	   	/*border:solid 5px green; */     	
    }
    .svgbox3 {
    	position: absolute;
    	width:640px;
    	height:660px;           	
    }
	.container {
	    width: 100%;
	    height: 0;
	    padding-left: 0%;
	    margin-left: 0%;
	    padding-top: 96%;
	    padding-top: 110%;
	    padding-top: 0%;
	    position: relative;
	   /* border:solid 5px pink; */
	}
	
	svg {
		/*
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    */
	}

   .layerbox {
   	position: relative;
   	width:640px;
   	height:700px;
   	overflow:hidden;
   	background-color:#FFF;
   }
   .layerbox2 {
   	position: relative;
   	overflow:hidden;
   	width:1280px;
   	height:1080px;
   	background-color:gold;
   	/*border:solid 5px blue;*/

   } 
   .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;}
	#legendeX {display:none;}
	
	.desk { display:block; }
	.smart { display:none; }	
	.desk2 { display:block; }
	.smart2 { display:none; }	




	
/* Desktop XLarge */
@media only screen and (max-width: 1920px) {
	.layerbox2 { background-color:orange;}
	.layerbox2, .svgbox2 { width:960px; height:1040px; 	   
		width:1280px;
   	height:1080px;
   	background-color:orange;}
	
	.textbox2 { top:-160px;	}
	.lable{ font-size: 6px; }
	.lable2{ font-size: 12px; } 
}



/* Desktop large */
@media only screen and (max-width: 1600px) {
	.layerbox2 { background-color:pink;}
	.layerbox2, .svgbox2 { width:800px; height:675px;}
		
	.layerbox { left: 0px; margin:0px; background-color:white;}
	.textbox2 { top:-140px;	}
	.lable{ font-size: 7px; } 
	.lable2{ font-size: 14px; }
		
}	
/* Tablet Landscape */
@media only screen and (max-width: 1279px) {
	.layerbox2 { background-color:lightblue;}
	.svgbox2, .layerbox2{ width:682px; height:576px;  }	
	 
	.layerbox { left:20px;}
}