.cls-1 {
        fill: none;
        stroke: #000;
        stroke-miterlimit: 10;
        stroke-width: 1.4px;
      }


	.schnee{fill:none;stroke:#99AFDB;stroke-width:2.5;}	
	.fluss2{opacity:0.5;}
	.fluss3{fill:none;stroke:#2583C5;stroke-width:6;}


	.haus1{fill:#DADCDD;stroke:#B8BAC1;stroke-width:5.2031;stroke-linecap:square;}
	
	.haus{fill:#DADCDD;background-color:#DADCDD;}
		
	.haus2{fill:none;stroke:#B8BAC1;stroke-width:5.2031;stroke-linecap:square;}
	.hoele{fill:none;stroke:#E0B677;stroke-width:6.0788;}
	.ventil{fill:#E63616;}
	.schacht{fill:#B8BAC1;}
	.linielegendeX{fill:none;stroke:#2583C5;stroke-width:6;}
	.linielegende{fill:none;stroke:#ccc;stroke-width:6;}
	.linielegende0{fill:#ccc;}
	#beschneiungwinter{opacity:0.3;}


/* fassung */
	.fassung{fill:none;stroke:#2284C2;stroke-width:6;stroke-dasharray:4,4;}
	.fassungbfull{fill:#A5BFE0;}
	.haus{fill:#DCDCDB;}
	.fassungb{fill:none;stroke:#A5BFE0;stroke-width:6;}
	.rot{fill:#E5391A;}

	.hoele{fill:none;stroke:#E0B674;stroke-width:6.0788;}
	.weiss{fill:#FFFFFF;}
	.turbinerot{fill:#E5391A;}
	.begrenzung{fill:none;stroke:red;stroke-width:1.9257;stroke-miterlimit:10;}

/* Leitung1 */

.sommerhg1 {fill:#95c25c;}
.sommerhg2 {fill:#cfc8aa;}
.sommerhg3 {fill:#d7e1e4;}
.sommerhg4 {fill:#daeffc;}

.hellblau {fill:#d7e9f7;}
.leitungwinter	{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}

.winterhg1 {fill:#8db8d8;}
.winterhg2 {fill:#a2ccec;}
.winterhg3 {fill:#c7dff4;}
.winterhg4 {fill:#daeffc;}
.textlegendefett {font-family: aL57, Arial, Helvetica, sans-serif;font-size:20px;fill:#000;display:none;}

.color2b{fill:#2583C5;}
.leitung2b{fill:none;stroke:#2583C5;stroke-width:8;}	
.leitung2banim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}	
.leitung0{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0;}
.leitung0b{fill:none;stroke:#2583C5;stroke-width:6;stroke-dasharray:6,6; opacity:0.5;} 
.leitung0c{fill:none;stroke:#2583C5;stroke-width:6;stroke-dasharray:4,4; opacity:0.9;}
.leitung0cc{fill:none;stroke:#616D74;stroke-width:6;}
.leitung0c{fill:none;stroke:#FFF;stroke-width:6;stroke-dasharray:4,4; opacity:0.5;}
.ob1{opacity:0.6;}
.ob2{opacity:0.5;}
.black{fill:#000;}

/*Tabelle und Legende*/

.lablebold {font-family: aL57, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; line-height: 16px; fill:#1A171B;}
.legende{font-size:14;}
.linie{fill:#323C46;stroke:#1D1D1B;stroke-width:0.5;stroke-miterlimit:10;}


/*Tabelle und Legende – END*/

/*Trinkwasser Detail2*/

.weinrot{fill:#7F1500;}
.schieber{fill:#94C256;}
.generatorrot{fill:#ED3200;}

.hellgrau1X{fill:none;stroke:#96AAB4;stroke-width:16;stroke-miterlimit:10;}
.hellgrau2{fill:#96AAB4;}

.dunkelgrau1{fill:none;stroke:#3F3F3F;stroke-width:16;stroke-miterlimit:10;}
.dunkelgrau2{fill:#3F3F3F;}
.dunkelgrau3{fill:none;stroke:#686967;stroke-width:3.3232;stroke-miterlimit:10;}
.dunkelgrau3b{fill:#686967;}
.dunkelgrau4{fill:#616D74;}


.pumpegrau1{fill:none;stroke:#696969;stroke-width:7.7621;stroke-miterlimit:10;}
.pumpegrau2{fill:#696969;}

.strom1{fill:none;stroke:#FFB103;stroke-width:8;stroke-miterlimit:10;}
.strom2{fill:#FFB103;}
.strom1anim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}


.leitungblau2{fill:#30CEF2;}

.leitungblau{fill:none;stroke:#30CEF2;stroke-width:8;stroke-miterlimit:10;}
.leitungblauanim{fill:none;stroke:#FFF;stroke-width:8;stroke-dasharray:6,6; opacity:0.5;}


/*Trinkwasser Detail2 – END*/

	.st4{fill:#E4391B;}
	

.linieschwarz{fill:none;stroke:#323C46;stroke-width:1.0307;stroke-miterlimit:10;}
.leitungrot1{fill:none;stroke:#FF0000;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitungrot2{fill:none;stroke:#ff797c;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}

.leitungwarm1{fill:none;stroke:#FF0000;stroke-width:5;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitungwarm2{fill:none;stroke:#ff797c;stroke-width:5;stroke-miterlimit:10;stroke-dasharray:8,8;}


.leitungblau1{fill:none;stroke:#2583C5;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}
.leitungblau3{fill:none;stroke:#CCBDE3;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;} /*B6CFFF .see{fill:#2583C5;background-color:#2583C5;}*/

.leitungweiss1{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:4,4;opacity:0.5;}
.leitungweiss1b{fill:none;stroke:#FFF;stroke-width:6;stroke-miterlimit:10;stroke-dasharray:4,4;opacity:0.5;}
.leitungblau4{fill:none;stroke:#2583C5;stroke-width:6;stroke-miterlimit:10;}


.leitungweiss2{fill:none;stroke:#FFF;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;opacity:0.5;}
.leitungweiss3{fill:none;stroke:#FFF;stroke-width:25;stroke-miterlimit:10;stroke-dasharray:8,8;opacity:0.5;}
.leitungfluss{fill:none;stroke:#2583c5;stroke-width:400;stroke-miterlimit:10;stroke-dasharray:4,8;opacity:0.5;}
.leitungflusshoch{fill:none;stroke:#2583c5;stroke-width:400;stroke-miterlimit:10;stroke-dasharray:16,8;opacity:1;}


.leitungabfall{fill:none;stroke:#e9c393;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:8,8;}


.niveauregulierung{fill:none;stroke:#616D74;stroke-width:1.8588;stroke-miterlimit:10;}	
.bypass1{fill:none;stroke:#BDE3F1;stroke-width:8;stroke-miterlimit:10;}
.reservoir{fill:none;stroke:#3C3D3D;stroke-width:5.7865;stroke-miterlimit:10;}
.uvbestrahlung1{fill:none;stroke:#F7B018;stroke-width:2.0463;stroke-miterlimit:10;}
.position{fill:none;stroke:red;stroke-miterlimit:10;display:none;/**/}
.tubine{fill:#C3341E; stroke-width:0.5;background-color:#C3341E;}

.strom2, .uvbestrahlung2{fill:#FFB103;background-color:#FFB103;}

.durchmesser{fill:#E2E2E2;background-color:#E2E2E2;}
.leitungblau2{fill:#30CEF2;background-color:#30CEF2;}
.leitunghellblau2{fill:#BCE2F0;background-color:#BCE2F0;}	

.see{fill:#2583C5;background-color:#2583C5;}
.seex{fill:red;background-color:red;}
.wasser{fill:#81B6DF;background-color:#81B6DF;}
.wasser2{fill:#007FBD;background-color:#007FBD;}	

.kaltwasser1{fill:#3090F2;background-color:#3090F2;}	
.kaltwasser2{fill:#3AA0EE;background-color:#3AA0EE;}	
.kaltwasser3{fill:#44B1E9;background-color:#44B1E9;}	
.kaltwasser4{fill:#4EC1E5;background-color:#4EC1E5;}	
.warmwasser1{fill:#FF797C;background-color:#FF797C;}
.warmwasser2{fill:#DCB6C5;background-color:#DCB6C5;}

.dunkelblau2, .turbineblau2{fill:#2847BB;background-color:#2847BB;}


.dunkelgrau{fill:#636E77;background-color:#636E77;}
.dunkelgrau2{fill:#3F3F3F;background-color:#3F3F3F;}	
.hellgrau1{fill:#E2E2E2;background-color:#E2E2E2;}
.durchmesser{fill:#E2E2E2;background-color:#E2E2E2;}	
.hellgrau2{fill:#96AAB4;background-color:#96AAB4;}
.hellgrau3{fill:#C7C7C7;background-color:#C7C7C7;}
.schieber{fill:#94C256;background-color:#94C256;}	
.generatorrot{fill:#ED3200;background-color:#ED3200;}	
.abfall{fill:#B1895E;}
.abfallgelb{fill:#FDF4A3;}

.weinrot{fill:#7F1500;background-color:#7F1500;}	

.pumpegrau2{fill:#696969;background-color:#696969;}	

.steine{opacity:0.7;fill:#8D9A86;background-color:#8D9A86;}

.aquifer{fill:#A7BFE2;background-color:#A7BFE2;}
.kalkstein{fill:#DBDDC3;background-color:#DBDDC3;}
.kristallin{fill:#DB6F78;background-color:#DB6F78;}
.trias{fill:#E9C393;background-color:#E9C393;}
.baige{fill:#DCCFBB;background-color:#DCCFBB;}		
.weiss{fill:#FFFFFF;background-color:#FFFFFF;}
.rot{fill:#E5391A;background-color:#E5391A;}	
.abluft{fill:#F1A384;}


.st3{fill:none;stroke:#4EC1E5;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3anim{fill:none;stroke:#FFF;stroke-width:6;stroke-miterlimit:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8,8;opacity:0.5;}



.legende{fill:#1E304E;font-size:13px;font-family:'Helvetica';}
.textweiss{font-family: aL57, Arial, Helvetica, sans-serif; font-size:16px; fill:#FFF;}
.zusatztext{font-family: aL57, Arial, Helvetica, sans-serif; font-size:16px; fill:#1A171B;}
.textlegende{font-family: aL57, Arial, Helvetica, sans-serif;font-size:14px;fill:#000;}	
.uebersichttext{/*font-family: aL57, Arial, Helvetica, sans-serif;*/ font-size:15px; fill:#1A171B; font-weight:500;}
.uebersichttext2{font-family: aL57, Arial, Helvetica, sans-serif; font-size:13px; fill:#F39e9b;}


.titel22{font-family: aL57, Arial, Helvetica, sans-serif; font-size:26px;fill:#727268;}



#farben {
	background-color:#FFF;
	width:500px;
	position:absolute;
	top:10px;left:880px;
	z-index:1000;
}	
#farben div{
	width:30px;
	height:30px;
	float:left;
	margin:2px;
}
#farben .clr2{
	clear:left;
}



/* Desktop XLarge */
@media only screen and (min-width: 1536px) and (max-width: 3000px) {
.zusatztext{font-size:12px;}

}



/* Desktop large */
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
.zusatztext{font-size:14px;}
}	




/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
.lable{font-size:8px; }
.textlegendefett {display:none;}         

}


@media only screen and (min-width: 512px) and (max-width: 767px) {
	.uebersichttext{ font-size:13.5px; font-size:20px; /*fill:#CFF;*/}
	.textlegendefett { display:none;} 
}

@media only screen and (min-width: 320px)  and (max-width: 511px) {
	.textlegende{font-size:18px;}	
	.textrot{font-size:19px;}
	.textweiss{ font-size:20px;}
	.uebersichttext{font-size:20px;}
	.textlegendefett {display:none;} 
	.zusatztext{font-size:22px;}
}