@charset "UTF-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Yanone+Kaffeesatz:300|Roboto+Condensed:700,400|Roboto:500);

html,body{
	height:100%;
	}


body{
	background-color:#e4ffff; 
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	}


#headspot {
	position:fixed;
	}


.map {
	position:fixed; 
	box-sizing:border-box;
	float:left;
	width:60%;
	margin-top:7%;
	}	


.map svg{
	width:100%;
	float:left;
	}



.description {
	width:28.749999999999996%; /* 345 / 1200 */
	float:left;
	margin-top:50vh;
	margin-bottom:50vh;
	margin-left:60.83333333333333%; /* 730 / 1200 */
	}
	

.parkauflistung {
	margin:0;
	padding-top:10%;
	padding-bottom:10%;
	box-sizing:border-box;
	opacity:0.2;
	transition:opacity 0.5s ease-in-out; 
	border-bottom: thin solid #a7cf2a;
	border-top: thin solid #a7cf2a;

	}
	
.parkauflistung.active{
	opacity:1;
	}	
	
.parkauflistung a{
	text-decoration:none;
	}
	
	
.last{
	margin-bottom:400px;
	}	
	
	
	
.park-text{
	margin-bottom:2000px; 
	}	
	

#googlemaps {
	width:6%;
	float:left;
	margin-right:2%;
	margin-top:1.7%;
	}

.baum {
	width:4%;
	float:left;
	margin-right:3%;
	}	

.fotos {
	width:5%;
	float:left;
	margin-right:2%;
	}

.adresse {
	margin-left:8%;
	}



#icons {
	list-style:none;
	margin-left:7%;
	margin-top:3%;
	}

#icons ul li{
	display:inline-block;
	width:7%;
	}




#fussball{
	background-image:url(../bilder/fu%C3%9Fball.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}

#fussball.active2 {
	opacity:1;
	}

	
#basketball{
	background-image:url(../bilder/basketball.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}
	
#basketball.active2 {
	opacity:1;
	}
		

#skaten{
	background-image:url(../bilder/skaten.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}
	

#skaten.active2 {
	opacity:1;
	}
	


#volleyball{
	background-image:url(../bilder/volleyball.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}
	
	
#volleyball.active2 {
	opacity:1;
	}
	
	

#tischtennis{
	background-image:url(../bilder/tischtennis.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}
	
	
#tischtennis.active2 {
	opacity:1;
	}	
	
	
	
#laufen{
	background-image:url(../bilder/laufen.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}
	
	
#laufen.active2 {
	opacity:1;
	}	
		


#radfahren{
	background-image:url(../bilder/radfahren.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}	
	
	
	
#radfahren.active2 {
	opacity:1;
	}	
	
	
#calisthenics{
	background-image:url(../bilder/calisthenics.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}	


#calisthenics.active2 {
	opacity:1;
	}



#freegym{
	background-image:url(../bilder/freegym.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.2;
	}	


#freegym.active2 {
	opacity:1;
	
	}




#last {
	margin-bottom:30%;
	}





.spot {position:absolute;}

.spotneu {position:absolute;}


.spot a{
	display:block;
	width:20px; 
	height:20px; 
	transition:all 0.5s ease-in-out; 
	background-image:url(../bilder/spot_active.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	}
	
.spotneu a{
	display:block;
	width:35px; 
	height:35px; 
	transition:all 0.5s ease-in-out; 
	background-image:url(../bilder/spot_active_neu.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	}	

.spot a.active {
	width:60px;
	height:60px; 
	margin-left:-20px;
	margin-top:-30px; 
	z-index:1000;
	}

.spotneu a.active {
	width:75px;
	height:75px; 
	margin-left:-15px;
	margin-top:-30px; 
	z-index:1000;
	}



nav a:hover, nav .active{
	color:#699A97;
	}	


/*----------- BEZIRK1 -------------*/


.spot01:nth-of-type(1){
	left:45.714285714285715%; /* 320 / 700 */
	top:28.799999999999997%; /* 144 / 500 */
	}
	

.spot01:nth-of-type(2){
	left:51.42857142857142%; /* 360 / 700 */
	top:31.6%; /* 158 / 500 */
	}
	
.spot01:nth-of-type(3){
	left:63.57142857142857%; /* 445 / 700 */
	top:53%; /* 265 / 500 */
	}


/*----------- BEZIRK2 -------------*/


.spot02:nth-of-type(1){
	left:34.285714285714285%; /* 240 / 700 */
	top:18.4%; /* 92 / 500 */
	}
	

.spot02:nth-of-type(2){
	left:38.57142857142858%; /* 270 / 700 */
	top:24%; /* 120 / 500 */
	}	
	
	
.spot02:nth-of-type(3){
	left:31.428571428571427%; /* 220 / 700 */ 
	top:24.6%; /* 123 / 500 */
	}	
	
	
.spot02:nth-of-type(4){
	left:30.142857142857142%; /* 211 / 700 */ 
	top:27.400000000000002%; /* 137 / 500 */

	}
	
.spot02:nth-of-type(5){
	left:30.142857142857142%; /* 211 / 700 */ 
	top:30.8%; /* 154 / 500 */
	}			

.spot02:nth-of-type(6){
	left:23.714285714285715%; /* 166 / 700 */ 
	top:31.8%; /* 159 / 500 */

	}	
			
.spot02:nth-of-type(7){
	left:27.142857142857142%; /* 190 / 700 */
	top:36.4%; /* 182 / 500 */

	}


.spot02:nth-of-type(8){
	left:36.42857142857142%; /* 255 / 700 */
	top:31%; /* 155 / 500 */
	}




.spot02:nth-of-type(9){
	left:32%; /* 224 / 700 */
	top:36.4%; /* 182 / 500 */
	}


.spot02:nth-of-type(10){
	left:38.57142857142858%; /* 270 / 700 */
	top: 29.799999999999997%; /* 149 / 500 */
	}


.spot02:nth-of-type(11){
	left:41.42857142857143%; /* 290 / 700 */
	top:26.200000000000003%; /* 131 / 500 */
	}


.spot02:nth-of-type(12){
	left:40.57142857142857%; /* 284 / 700 */
	top:32.800000000000004%; /* 164 / 500 */
	}
	
	

.spot02:nth-of-type(13){
	left:36.714285714285715%; /* 257 / 700 */ 
	top:36.4%; /* 182 / 500 */
	}


.spot02:nth-of-type(14){
	left:38%; /* 266 / 700 */
	top:38.6%; /* 193 / 500 */
	}
	
	
.spot02:nth-of-type(15){
	left:40.285714285714285%; /* 282 / 700 */
	top:47%; /* 235 / 500 */
	}



.spot02:nth-of-type(16){
	left:59.857142857142854%; /* 419 / 700 */  
	top:59.4%; /* 297 / 500 */
	}


/*----------- BEZIRK3 -------------*/


.spot03:nth-of-type(1){
	left:40.285714285714285%; /* 282 / 700 */
	top:16.6%; /* 83 / 500 */
	}
	

.spot03:nth-of-type(2){
	left:32%; /* 224 / 700 */
	top: 27.800000000000004%; /* 139 / 500 */
	}	
	
	
.spot03:nth-of-type(3){
	left:40.85714285714286%; /* 286 / 700 */ 
	top:27.6%; /* 138 / 500 */
	}	
	
	
.spot03:nth-of-type(4){
	left:45.57142857142858%; /* 319 / 700 */ 
	top:26.6%; /* 133 / 500 */

	}
	
.spot03:nth-of-type(5){
	left:33.42857142857143%; /* 234 / 700 */ 
	top:36.199999999999996%; /* 181 / 500 */
	}			

.spot03:nth-of-type(6){
	left:41.714285714285715%; /* 292 / 700 */  
	top:37.4%; /* 187 / 500 */

	}	
			
.spot03:nth-of-type(7){
	left:51.57142857142857%; /* 361 / 700 */
	top:40.2%; /* 201 / 500 */

	}


.spot03:nth-of-type(8){
	left:53.57142857142857%; /* 375 / 700 */ 
	top:42%; /* 210 / 500 */
	}




.spot03:nth-of-type(9){
	left:50.42857142857143%; /* 353 / 700 */ 
	top:50.6%; /* 253 / 500 */
	}


.spot03:nth-of-type(10){
	left:36.42857142857142%; /* 255 / 700 */ 
	top:63.2%; /* 316 / 500 */
	}




/*----------- BEZIRK4 -------------*/





.spot04:nth-of-type(1){
	left:50.42857142857143%; /* 353 / 700 */ 
	top:19.6%; /* 98 / 500 */
	}
	

.spot04:nth-of-type(2){
	left:40.14285714285714%; /* 281 / 700 */
	top:47.4%; /* 237 / 500 */
	}	
	
	
.spot04:nth-of-type(3){
	left:44.857142857142854%; /* 314 / 700 */ 
	top:67.80000000000001%; /* 339 / 500 */
	}	
	
	
.spot04:nth-of-type(4){
	left:51.142857142857146%; /* 358 / 700 */
	top:67.4%; /* 337 / 500 */

	}
	
	
	

/*----------- BEZIRK5 -------------*/
	


.spot05:nth-of-type(1){
	left:50%; /* 350 / 700 */
	top:24.2%; /* 121 / 500 */
	}
	

.spot05:nth-of-type(2){
	left:56.714285714285715%; /* 397 / 700 */
	top: 39.6%; /* 198 / 500 */
	}	
	
	
.spot05:nth-of-type(3){
	left:59.42857142857143%; /* 416 / 700 */ 
	top:48.199999999999996%; /* 241 / 500 */
	}	
	
	
.spot05:nth-of-type(4){
	left:62.71428571428571%; /* 439 / 700 */ 
	top:56.39999999999999%; /* 282 / 500 */

	}
	
.spot05:nth-of-type(5){
	left:46.42857142857143%; /* 325 / 700 */ 
	top:48%; /* 240 / 500 */
	}			

.spot05:nth-of-type(6){
	left:26.571428571428573%; /* 186 / 700 */  
	top:44.6%; /* 223 / 500 */

	}	
			
.spot05:nth-of-type(7){
	left:31.857142857142858%; /* 223 / 700 */
	top:49.4%; /* 247 / 500 */

	}


.spot05:nth-of-type(8){
	left:36.714285714285715%; /* 257 / 700 */ 
	top:53%; /* 265 / 500 */
	}




.spot05:nth-of-type(9){
	left:37.714285714285715%; /* 264 / 700 */ 
	top:66%; /* 330 / 500 */
	}


.spot05:nth-of-type(10){
	left:45.14285714285714%; /* 316 / 700 */
	top:79.2%; /* 396 / 500 */
	}
	
	
.spot05:nth-of-type(11){
	left:39.285714285714285%; /* 275 / 700 */
	top:80.80000000000001%; /* 404 / 500 */
	}
	




/*----------- BEZIRK6 -------------*/
	
	
.spot06:nth-of-type(1){
	left:69.57142857142857%; /* 487 / 700 */
	top:28.4%; /* 147 / 500 */
	}
	

.spot06:nth-of-type(2){
	left:50%; /* 350 / 700 */
	top:31%; /* 155 / 500 */
	}	
	
	
.spot06:nth-of-type(3){
	left:27%; /* 189 / 700 */ 
	top:50.2%; /* 251 / 500 */
	}	
	
	
.spot06:nth-of-type(4){
	left:37%; /* 259 / 700 */
	top:58.4%; /* 292 / 500 */
	}
	
.spot06:nth-of-type(5){
	left:18.428571428571427%; /* 129 / 700 */ 
	top:70.39999999999999%; /* 352 / 500 */
	}			

.spot06:nth-of-type(6){
	left:49.42857142857143%; /* 346 / 700 */  
	top:52.6%; /* 263 / 500 */
	}	
	
	
/*----------- BEZIRK7 -------------*/


.spot07:nth-of-type(1){
	left:63.857142857142854%; /* 447 / 700 */
	top:28.000000000000004%; /* 140 / 500 */
	}
	

.spot07:nth-of-type(2){
	left:31.71428571428571%; /* 222 / 700 */
	top:21.2%; /* 106 / 500 */
	}	
	
	
.spot07:nth-of-type(3){
	left:45.14285714285714%; /* 316 / 700 */
	top:34.8%; /* 174 / 500 */
	}	
	
	
.spot07:nth-of-type(4){
	left:59.57142857142858%; /* 417 / 700 */
	top:43.2%; /* 216 / 500 */
	}
	
.spot07:nth-of-type(5){
	left:25.428571428571427%; /* 178 / 700 */ 
	top:44.800000000000004%; /* 224 / 500 */
	}


/*----------- BEZIRK8 -------------*/
	
	
.spot08:nth-of-type(1){
	left:34.14285714285714%; /* 239 / 700 */
	top:36.4%; /* 182 / 500 */
	}
	

.spot08:nth-of-type(2){
	left:60.14285714285714%; /* 421 / 700 */
	top:36.6%; /* 183 / 500 */
	}	
	
	
.spot08:nth-of-type(3){
	left:42.42857142857142%; /* 297 / 700 */
	top:44.2%; /* 221 / 500 */
	}	
	
	
.spot08:nth-of-type(4){
	left:44.285714285714285%; /* 310 / 700 */
	top:59.8%; /* 299 / 500 */
	}
	


/*----------- BEZIRK9 -------------*/


.spot09:nth-of-type(1){
	left:53%; /* 371 / 700 */
	top:42%; /* 210 / 500 */
	}
	

.spot09:nth-of-type(2){
	left:53.57142857142857%; /* 375 / 700 */
	top:51%; /* 255 / 500 */
	}	
	
	
.spot09:nth-of-type(3){
	left:66.85714285714286%; /* 468 / 700 */
	top:48%; /* 240 / 500 */
	}	
	
	
.spot09:nth-of-type(4){
	left:45.285714285714285%; /* 317 / 700 */
	top:60.6%; /* 303 / 500 */
	}
	
.spot09:nth-of-type(5){
	left:63.57142857142857%; /* 445 / 700 */ 
	top:76.6%; /* 383 / 500 */
	}


	

/*----------- BEZIRK10 -------------*/


.spot10:nth-of-type(1){
	left:42.285714285714285%; /* 296 / 700 */
	top:19.2%; /* 96 / 500 */
	}
	

.spot10:nth-of-type(2){
	left:48.42857142857142%; /* 339 / 700 */
	top:21.2%; /* 106 / 500 */
	}	
	
	
.spot10:nth-of-type(3){
	left:46.85714285714286%; /* 328 / 700 */ 
	top:22.400000000000002%; /* 112 / 500 */
	}	
	
	
.spot10:nth-of-type(4){
	left:42.857142857142854%; /* 300 / 700 */
	top:22.400000000000002%; /* 112 / 500 */

	}
	
.spot10:nth-of-type(5){
	left:32%; /* 224 / 700 */ 
	top:25.6%; /* 128 / 500 */
	}			

.spot10:nth-of-type(6){
	left:33.85714285714286%; /* 237 / 700 */ 
	top:26.400000000000002%; /* 132 / 500 */

	}	
			
.spot10:nth-of-type(7){
	left:42.285714285714285%; /* 296 / 700 */
	top:26.200000000000003%; /* 131 / 500 */

	}


.spot10:nth-of-type(8){
	left:49.42857142857143%; /* 346 / 700 */
	top:23.799999999999997%; /* 119 / 500 */
	}




.spot10:nth-of-type(9){
	left:32.57142857142858%; /* 228 / 700 */
	top:29.2%; /* 146 / 500 */
	}


.spot10:nth-of-type(10){
	left:45.14285714285714%; /* 316 / 700 */
	top:29.4%; /* 147 / 500 */
	}


.spot10:nth-of-type(11){
	left:48.714285714285715%; /* 341 / 700 */
	top:26.200000000000003%; /* 131 / 500 */
	}


.spot10:nth-of-type(12){
	left:44.57142857142857%; /* 312 / 700 */
	top:32.4%; /* 162 / 500 */
	}
	
	

.spot10:nth-of-type(13){
	left:47.42857142857143%; /* 332 / 700 */
	top:30%; /* 150 / 500 */
	}


.spot10:nth-of-type(14){
	left:48.857142857142854%; /* 342 / 700 */
	top:29.2%; /* 146 / 500 */
	}
	
	
.spot10:nth-of-type(15){
	left:52.142857142857146%; /* 365 / 700 */
	top:27.400000000000002%; /* 137 / 500 */
	}



.spot10:nth-of-type(16){
	left:56.99999999999999%; /* 399 / 700 */  
	top:28.999999999999996%; /* 145 / 500 */
	}
	
	
.spot10:nth-of-type(17){
	left:44.714285714285715%; /* 313 / 700 */  
	top:36.199999999999996%; /* 181 / 500 */
	}


.spot10:nth-of-type(18){
	left:49.28571428571429%; /* 345 / 700 */  
	top:37.6%; /* 188 / 500 */
	}


.spot10:nth-of-type(19){
	left:51.28571428571429%; /* 359 / 700 */ 
	top:33.6%; /* 168 / 500 */
	}


.spot10:nth-of-type(20){
	left:33.714285714285715%; /* 236 / 700 */  
	top:34.599999999999994%; /* 173 / 500 */
	}


.spot10:nth-of-type(21){
	left:35.285714285714285%; /* 247 / 700 */  
	top:48.8%; /* 244 / 500 */
	}


.spot10:nth-of-type(22){
	left:37.142857142857146%; /* 260 / 700 */
	top:49.2%; /* 246 / 500 */
	}


.spot10:nth-of-type(23){
	left:48.42857142857142%; /* 339 / 700 */  
	top:50.8%; /* 254 / 500 */
	}


.spot10:nth-of-type(24){
	left:48%; /* 336 / 700 */ 
	top:48%; /* 240 / 500 */
	}


.spot10:nth-of-type(25){
	left:37%; /* 259 / 700 */  
	top:46.400000000000006%; /* 232 / 500 */
	}


.spot10:nth-of-type(26){
	left:52.714285714285715%; /* 369 / 700 */  
	top:46.6%; /* 233 / 500 */
	}


.spot10:nth-of-type(27){
	left:62.28571428571429%; /* 436 / 700 */  
	top:37.4%; /* 187 / 500 */
	}


.spot10:nth-of-type(28){
	left:55.42857142857143%; /* 388 / 700 */  
	top:50.6%; /* 253 / 500 */
	}


.spot10:nth-of-type(29){
	left:62.42857142857143%; /* 437 / 700 */ 
	top:56.599999999999994%; /* 283 / 500 */
	}


.spot10:nth-of-type(30){
	left:60.57142857142858%; /* 424 / 700 */ 
	top:56.00000000000001%; /* 280 / 500 */
	}

.spot10:nth-of-type(31){
	left:58.42857142857143%; /* 409 / 700 */
	top:57.8%; /* 289 / 500 */
	}


.spot10:nth-of-type(32){
	left:61.57142857142858%; /* 431 / 700 */ 
	top:64.8%; /* 324 / 500 */
	}
	
.spot10:nth-of-type(33){
	left:50.42857142857143%; 
	top:20.599999999999998%;
	}	
	
	
	

	/*----------- BEZIRK11 -------------*/


.spot11:nth-of-type(1){
	left:25.857142857142858%; /* 181 / 700 */
	top:22%; /* 110 / 500 */
	}
	

.spot11:nth-of-type(2){
	left:28.285714285714285%; /* 198 / 700 */
	top:23%; /* 115 / 500 */
	}	
	
	
	
	
.spot11:nth-of-type(3){
	left:29.142857142857142%; /* 204 / 700 */ 
	top:25.6%; /* 128 / 500 */

	}
	
.spot11:nth-of-type(4){
	left:30.428571428571427%; /* 213 / 700 */ 
	top:28.000000000000004%; /* 140 / 500 */
	}			

.spot11:nth-of-type(5){
	left:32.142857142857146%; /* 225 / 700 */
	top:28.199999999999996%; /* 141 / 500 */

	}	
			
.spot11:nth-of-type(6){
	left:26.42857142857143%; /* 185 / 700 */
	top:33.2%; /* 166 / 500 */
	}
.spot11:nth-of-type(7){
	left:29.57142857142857%; /* 207 / 700 */
	top:35.6%; /* 178 / 500 */
	}

.spot11:nth-of-type(8){
	left:35.714285714285715%; /* 250 / 700 */
	top:35.199999999999996%; /* 176 / 500 */
	}



.spot11:nth-of-type(9){
	left:33.85714285714286%; /* 237 / 700 */
	top:36.4%; /* 182 / 500 */
	}


.spot11:nth-of-type(10){
	left:45.42857142857143%; /* 318 / 700 */
	top:51.2%; /* 256 / 500 */
	}


.spot11:nth-of-type(11){
	left:58.57142857142858%; /* 410 / 700 */
	top:56.8%; /* 284 / 500 */
	}
	
	

.spot11:nth-of-type(12){
	left:60.285714285714285%; /* 422 / 700 */
	top:57.99999999999999%; /* 290 / 500 */
	}


.spot11:nth-of-type(13){
	left:62%; /* 434 / 700 */
	top:54%; /* 270 / 500 */
	}

	
	
	
	
/*----------- BEZIRK12 -------------*/


.spot12:nth-of-type(1){
	left:76.57142857142857%; /* 536 / 700 */
	top:22.6%; /* 113 / 500 */
	}
	

.spot12:nth-of-type(2){
	left:77.14285714285715%; /* 540 / 700 */
	top:26.200000000000003%; /* 131 / 500 */
	}	
	
	
.spot12:nth-of-type(3){
	left:70.57142857142857%; /* 494 / 700 */ 
	top:26.200000000000003%; /* 131 / 500 */

	}
	
.spot12:nth-of-type(4){
	left:68%; /* 476 / 700 */
	top:35.199999999999996%; /* 176 / 500 */
	}			

.spot12:nth-of-type(5){
	left:64.42857142857143%; /* 451 / 700 */
	top:33.800000000000004%; /* 169 / 500 */

	}	
			
.spot12:nth-of-type(6){
	left:62.57142857142857%; /* 438 / 700 */
	top:25.2%; /* 126 / 500 */
	}
	
.spot12:nth-of-type(7){
	left:56.714285714285715%; /* 397 / 700 */
	top:29.4%; /* 147 / 500 */
	}

.spot12:nth-of-type(8){
	left:46.57142857142857%; /* 326 / 700 */
	top:32%; /* 160 / 500 */
	}



.spot12:nth-of-type(9){
	left:52%; /* 364 / 700 */
	top:47.4%; /* 237 / 500 */
	}


.spot12:nth-of-type(10){
	left:45.14285714285714%; /* 316 / 700 */
	top:50%; /* 250 / 500 */
	}


.spot12:nth-of-type(11){
	left:58.57142857142858%; /* 410 / 700 */
	top:79%; /* 395 / 500 */
	}
	
	

.spot12:nth-of-type(12){
	left:61.857142857142854%; /* 433 / 700 */
	top:79.2%; /* 396 / 500 */
	}


.spot12:nth-of-type(13){
	left:27.57142857142857%; /* 193 / 700 */
	top:75.4%; /* 382 / 500 */
	}

	


/*----------- BEZIRK13 -------------*/

.spot13:nth-of-type(1){
	left:45.285714285714285%; /* 317 / 700 */
	top:28.999999999999996%; /* 145 / 500 */

	}	

.spot13:nth-of-type(2){
	left:48.142857142857146%; /* 337 / 700 */
	top:56.599999999999994%; /* 283 / 500 */
	}	
	
	
.spot13:nth-of-type(3){
	left:51%; /* 357 / 700 */ 
	top:65.4%; /* 327 / 500 */

	}
	
.spot13:nth-of-type(4){
	left:53%; /* 371 / 700 */
	top:43.8%; /* 219 / 500 */
	}	
			
.spot13:nth-of-type(5){
	left:50.142857142857146%; /* 351 / 700 */
	top:47.199999999999996%; /* 236 / 500 */
	}
	
			
.spot13:nth-of-type(6){
	left:51.57142857142857%; /* 361 / 700 */
	top:50%; /* 250 / 500 */
	}
	
.spot13:nth-of-type(7){
	left:62.57142857142857%; /* 438 / 700 */
	top:47.8%; /* 239 / 500 */
	}

.spot13:nth-of-type(8){
	left:60.57142857142858%; /* 424 / 700 */
	top:60%; /* 300 / 500 */
	}


.spot13:nth-of-type(9){
	left:61.142857142857146%; /* 428 / 700 */
	top:64%; /* 325 / 500 */
	}





/*----------- BEZIRK14 -------------*/


.spot14:nth-of-type(1){
	left:39.714285714285715%; /* 278 / 700 */
	top:56.39999999999999%; /* 282 / 500 */
	}
	

.spot14:nth-of-type(2){
	left:42.285714285714285%; /* 296 / 700 */
	top:58.199999999999996%; /* 291 / 500 */
	}	
	
	
.spot14:nth-of-type(3){
	left:43.42857142857143%; /* 304 / 700 */
	top:57.199999999999996%; /* 286 / 500 */
	}	
	
	
.spot14:nth-of-type(4){
	left:47.714285714285715%; /* 334 / 700 */ 
	top:58.4%; /* 292 / 500 */

	}
	
.spot14:nth-of-type(5){
	left:43.42857142857143%; /* 304 / 700 */ 
	top:65.2%; /* 331 / 500 */
	}			

.spot14:nth-of-type(6){
	left:47.42857142857143%; /* 332 / 700 */
	top:68%; /* 340 / 500 */

	}	
			
.spot14:nth-of-type(7){
	left:54.285714285714285%; /* 380 / 700 */
	top:71%; /* 355 / 500 */

	}


.spot14:nth-of-type(8){
	left:53.28571428571428%; /* 373 / 700 */
	top:72.8%; /* 364 / 500 */
	}




.spot14:nth-of-type(9){
	left:55.00000000000001%; /* 385 / 700 */
	top:73.0%; /* 368 / 500 */
	}


.spot14:nth-of-type(10){
	left:58.857142857142854%; /* 412 / 700 */
	top:67.4%; /* 337 / 500 */
	}


.spot14:nth-of-type(11){
	left:55.42857142857143%; /* 388 / 700 */
	top:56.39999999999999%; /* 282 / 500 */
	}


.spot14:nth-of-type(12){
	left:65.71428571428571%; /* 460 / 700 */
	top:65.4%; /* 327 / 500 */
	}
	
	

.spot14:nth-of-type(13){
	left:68.14285714285714%; /* 477 / 700 */
	top:71.6%; /* 358 / 500 */
	}


.spot14:nth-of-type(14){
	left:69%; /* 483 / 700 */
	top:76.8%; /* 384 / 500 */
	}
	
	
.spot14:nth-of-type(15){
	left:73.57142857142858%; /* 515 / 700 */
	top:78.60000000000001%; /* 393 / 500 */
	}



.spot14:nth-of-type(16){
	left:71.71428571428572%; /* 502 / 700 */  
	top:71.6%; /* 358 / 500 */
	}

.spot14:nth-of-type(17){
	left:69.42857142857143%; /* 486 / 700 */ 
	top:64.2%; /* 321 / 500 */
	}

	
	
/*----------- BEZIRK15 -------------*/


.spot15:nth-of-type(1){
	left:32%; /* 224 / 700 */
	top:15%; /* 75 / 500 */
	}
	

.spot15:nth-of-type(2){
	left:53.57142857142857%; /* 375 / 700 */
	top:22.8%; /* 114 / 500 */
	}	
	
	
.spot15:nth-of-type(3){
	left:62.42857142857143%; /* 437 / 700 */
	top:25.400000000000002%; /* 132 / 500 */
	}	
	
	
.spot15:nth-of-type(4){
	left:57.714285714285715%; /* 404 / 700 */
	top:35.8%; /* 179 / 500 */

	}
	
.spot15:nth-of-type(5){
	left:38.857142857142854%; /* 272 / 700 */ 
	top:43.2%; /* 216 / 500 */
	}			

.spot15:nth-of-type(6){
	left:39.285714285714285%; /* 275 / 700 */
	top:47.8%; /* 239 / 500 */

	}	
			
.spot15:nth-of-type(7){
	left:58.285714285714285%; /* 408 / 700 */
	top:44.800000000000004%; /* 224 / 500 */

	}


.spot15:nth-of-type(8){
	left:47.285714285714285%; /* 331 / 700 */
	top:52.800000000000004%; /* 264 / 500 */
	}


.spot15:nth-of-type(9){
	left:53%; /* 371 / 700 */
	top:69%; /* 345 / 500 */
	}


.spot15:nth-of-type(10){
	left:59.285714285714285%; /* 415 / 700 */
	top:63.2%; /* 316 / 500 */
	}


.spot15:nth-of-type(11){
	left:63.714285714285715%; /* 446 / 700 */
	top:70.6%; /* 353 / 500 */
	}


.spot15:nth-of-type(12){
	left:51.42857142857142%; /* 360 / 700 */
	top:75.4%; /* 377 / 500 */
	}
	
	

.spot15:nth-of-type(13){
	left:48.857142857142854%; /* 342 / 700 */
	top:70.6%; /* 353 / 500 */
	}


.spot15:nth-of-type(14){
	left:40.85714285714286%; /* 286 / 700 */
	top:68.4%; /* 342 / 500 */
	}
	
	
/*----------- BEZIRK16 -------------*/


.spot16:nth-of-type(1){
	left:52%; /* 364 / 700 */
	top:31.2%; /* 156 / 500 */
	}
	

.spot16:nth-of-type(2){
	left:57.42857142857143%; /* 402 / 700 */
	top:29.4%; /* 147 / 500 */
	}	
	
	
.spot16:nth-of-type(3){
	left:55.714285714285715%; /* 390 / 700 */
	top:40.400000000000006%; /* 202 / 500 */
	}	
	
	
.spot16:nth-of-type(4){
	left:48.285714285714285%; /* 338 / 700 */
	top:42%; /* 210 / 500 */

	}
	
.spot16:nth-of-type(5){
	left:51.142857142857146%; /* 358 / 700 */
	top:47.599999999999994%; /* 238 / 500 */
	}			

.spot16:nth-of-type(6){
	left:58.857142857142854%; /* 412 / 700 */
	top:40.8%; /* 204 / 500 */

	}	
			
.spot16:nth-of-type(7){
	left:50.42857142857143%; /* 353 / 700 */
	top:52.2%; /* 261 / 500 */

	}


.spot16:nth-of-type(8){
	left:54.142857142857146%; /* 379 / 700 */
	top:53.400000000000006%; /* 267 / 500 */
	}


.spot16:nth-of-type(9){
	left:60%; /* 420 / 700 */
	top:50.4%; /* 252 / 500 */
	}


.spot16:nth-of-type(10){
	left:53.28571428571428%; /* 373 / 700 */
	top:62%; /* 315 / 500 */
	}


.spot16:nth-of-type(11){
	left:66.14285714285715%; /* 463 / 700 */
	top:51.800000000000004%; /* 259 / 500 */
	}


.spot16:nth-of-type(12){
	left:73.71428571428571%; /* 516 / 700 */
	top:54.6%; /* 273 / 500 */
	}
	
	

.spot16:nth-of-type(13){
	left:75.85714285714286%; /* 531 / 700 */
	top:45%; /* 225 / 500 */
	}


.spot16:nth-of-type(14){
	left:74.28571428571429%; /* 520 / 700 */
	top:60.4%; /* 302 / 500 */
	}
	
	
/*----------- BEZIRK17 -------------*/
	
	
.spot17:nth-of-type(1){
	left:25.857142857142858%; /* 181 / 700 */
	top:67.80000000000001%; /* 339 / 500 */
	}
	

.spot17:nth-of-type(2){
	left:48.57142857142857%; /* 340 / 700 */
	top:47.8%; /* 239 / 500 */
	}	
	
	
.spot17:nth-of-type(3){
	left:65.71428571428571%; /* 460 / 700 */
	top:75.4%; /* 377 / 500 */
	}	
	
	
.spot17:nth-of-type(4){
	left:65.42857142857143%; /* 458 / 700 */
	top:64.2%; /* 321 / 500 */
	}
	
.spot17:nth-of-type(5){
	left:67.57142857142857%; /* 473 / 700 */
	top:81.6%; /* 408 / 500 */
	}			

.spot17:nth-of-type(6){
	left:72.85714285714285%; /* 510 / 700 */ 
	top:67.4%; /* 337 / 500 */
	}	
	
.spot17:nth-of-type(7){
	left:76.14285714285714%; /* 533 / 700 */  
	top:76.2%; /* 381 / 500 */
	}	
	



/*----------- BEZIRK18 -------------*/
	
	
.spot18:nth-of-type(1){
	left:31.428571428571427%; /* 220 / 700 */
	top:32.800000000000004%; /* 164 / 500 */
	}
	

.spot18:nth-of-type(2){
	left:51.28571428571429%; /* 359 / 700 */
	top:46%; /* 230 / 500 */
	}	
	
	
.spot18:nth-of-type(3){
	left:44%; /* 308 / 700 */
	top:53%; /* 268 / 500 */
	}	
	
	
.spot18:nth-of-type(4){
	left:61.71428571428571%; /* 432 / 700 */
	top:63%; /* 315 / 500 */
	}
	
.spot18:nth-of-type(5){
	left:65.14285714285715%; /* 456 / 700 */
	top:63.800000000000004%; /* 319 / 500 */
	}			

.spot18:nth-of-type(6){
	left:59.14285714285714%; /* 414 / 700 */ 
	top:45%; /* 225 / 500 */
	}	
	
.spot18:nth-of-type(7){
	left:75.85714285714286%; /* 531 / 700 */ 
	top:53.2%; /* 266 / 500 */
	}	
	
.spot18:nth-of-type(8){
	left:70%; /* 490 / 700 */  
	top:77%; /* 390 / 500 */
	}	
	
	
/*----------- BEZIRK19 -------------*/
	
	
.spot19:nth-of-type(1){
	left:39.285714285714285%; /* 275 / 700 */
	top:56.99999999999999%; /* 285 / 500 */
	}
	

.spot19:nth-of-type(2){
	left:43%; /* 301 / 700 */
	top:57.4%; /* 287 / 500 */
	}	
	
	
.spot19:nth-of-type(3){
	left:47.57142857142857%; /* 333 / 700 */
	top:58.8%; /* 294 / 500 */
	}	
	
	
.spot19:nth-of-type(4){
	left:47.85714285714286%; /* 335 / 700 */
	top:61.8%; /* 309 / 500 */
	}
	
.spot19:nth-of-type(5){
	left:63.42857142857142%; /* 444 / 700 */
	top:63.6%; /* 318 / 500 */
	}			

.spot19:nth-of-type(6){
	left:56.285714285714285%; /* 394 / 700 */
	top:53.6%; /* 268 / 500 */
	}	
	
.spot19:nth-of-type(7){
	left:66.85714285714286%; /* 468 / 700 */ 
	top:52.6%; /* 263 / 500 */
	}	
	
.spot19:nth-of-type(8){
	left:60%; /* 420 / 700 */ 
	top:42.8%; /* 214 / 500 */
	}	

.spot19:nth-of-type(9){
	left:70.57142857142857%; /* 494 / 700 */  
	top:52.400000000000006%; /* 262 / 500 */
	}	
	



	
	

	/*----------- BEZIRK20 -------------*/


.spot20:nth-of-type(1){
	left:38.857142857142854%; /* 272 / 700 */
	top:43.4%; /* 217 / 500 */
	}
	

.spot20:nth-of-type(2){
	left:44.285714285714285%; /* 310 / 700 */
	top:46.6%; /* 233 / 500 */
	}	
	
	
	
.spot20:nth-of-type(3){
	left:36.285714285714285%; /* 254 / 700 */
	top:46.6%; /* 233 / 500 */

	}
	
.spot20:nth-of-type(4){
	left:39.714285714285715%; /* 278 / 700 */
	top:52.800000000000004%; /* 264 / 500 */
	}			

.spot20:nth-of-type(5){
	left:46.85714285714286%; /* 328 / 700 */
	top:63.2%; /* 316 / 500 */

	}	
			
.spot20:nth-of-type(6){
	left:48.142857142857146%; /* 337 / 700 */
	top:72%; /* 360 / 500 */
	}
	
.spot20:nth-of-type(7){
	left:28.57142857142857%; /* 200 / 700 */
	top:64.8%; /* 324 / 500 */
	}

.spot20:nth-of-type(8){
	left:28.57142857142857%; /* 200 / 700 */
	top:67.4%; /* 337 / 500 */
	}



.spot20:nth-of-type(9){
	left:24.571428571428573%; /* 172 / 700 */
	top:70.39999999999999%; /* 352 / 500 */
	}


.spot20:nth-of-type(10){
	left:33.42857142857143%; /* 234 / 700 */
	top:68.8%; /* 344 / 500 */
	}


.spot20:nth-of-type(11){
	left:37.285714285714285%; /* 261 / 700 */
	top:75.4%; /* 377 / 500 */
	}
	
	
.spot20:nth-of-type(12){
	left:30%; /* 210 / 700 */
	top:87%; /* 444 / 500 */
	}


.spot20:nth-of-type(13){
	left:25.142857142857146%; /* 176 / 700 */
	top:82%; /* 410 / 500 */
	}

.spot20:nth-of-type(14){
	left:51.857142857142854%; /* 363 / 700 */
	top:68.8%; /* 344 / 500 */
	}



	

/*----------- BEZIRK21 -------------*/


.spot21:nth-of-type(1){
	left:46%; /* 322 / 700 */
	top:25.8%; /* 129 / 500 */
	}
	

.spot21:nth-of-type(2){
	left:44.857142857142854%; /* 314 / 700 */
	top:30%; /* 150 / 500 */
	}	
	
	
.spot21:nth-of-type(3){
	left:34%; /* 238 / 700 */ 
	top:36.6%; /* 183 / 500 */
	}	
	
	
.spot21:nth-of-type(4){
	left:34.85714285714286%; /* 244 / 700 */
	top:49.6%; /* 248 / 500 */

	}
	
.spot21:nth-of-type(5){
	left:30.28571428571429%; /* 212 / 700 */
	top:55.2%; /* 276 / 500 */
	}			

.spot21:nth-of-type(6){
	left:37%; /* 259 / 700 */ 
	top:59%; /* 295 / 500 */

	}	
			
.spot21:nth-of-type(7){
	left:33.42857142857143%; /* 234 / 700 */
	top:62.4%; /* 312 / 500 */

	}


.spot21:nth-of-type(8){
	left:30.428571428571427%; /* 213 / 700 */
	top:72.6%; /* 363 / 500 */
	}




.spot21:nth-of-type(9){
	left:33%; /* 231 / 700 */
	top:68.2%; /* 341 / 500 */
	}


.spot21:nth-of-type(10){
	left:39.57142857142858%; /* 277 / 700 */
	top:69.6%; /* 348 / 500 */
	}


.spot21:nth-of-type(11){
	left:41.85714285714286%; /* 293 / 700 */
	top:69%; /* 345 / 500 */
	}


.spot21:nth-of-type(12){
	left:43.714285714285715%; /* 306 / 700 */
	top:70.8%; /* 354 / 500 */
	}
	
	

.spot21:nth-of-type(13){
	left:42.714285714285715%; /* 299 / 700 */
	top:72.39999999999999%; /* 362 / 500 */
	}


.spot21:nth-of-type(14){
	left:45.714285714285715%; /* 320 / 700 */
	top:39%; /* 195 / 500 */
	}
	
	
.spot21:nth-of-type(15){
	left:47.85714285714286%; /* 335 / 700 */
	top:36.8%; /* 184 / 500 */
	}



.spot21:nth-of-type(16){
	left:49.142857142857146%; /* 344 / 700 */ 
	top:40.400000000000006%; /* 202 / 500 */
	}
	
	
.spot21:nth-of-type(17){
	left:57.99999999999999%; /* 406 / 700 */  
	top:40.400000000000006%; /* 202 / 500 */
	}


.spot21:nth-of-type(18){
	left:56.00000000000001%; /* 392 / 700 */  
	top:55.800000000000004%; /* 279 / 500 */
	}


.spot21:nth-of-type(19){
	left:60.857142857142854%; /* 426 / 700 */
	top:51.2%; /* 256 / 500 */
	}


.spot21:nth-of-type(20){
	left:64.42857142857143%; /* 451 / 700 */ 
	top:48%; /* 240 / 500 */
	}


.spot21:nth-of-type(21){
	left:64.42857142857143%; /* 451 / 700 */ 
	top:51.2%; /* 256 / 500 */
	}


.spot21:nth-of-type(22){
	left:61.142857142857146%; /* 428 / 700 */
	top:42%; /* 210 / 500 */
	}


.spot21:nth-of-type(23){
	left:35.285714285714285%; /* 247 / 700 */ 
	top:73.4%; /* 367 / 500 */
	}


.spot21:nth-of-type(24){
	left:32%; /* 224 / 700 */ 
	top:56.39999999999999%; /* 282 / 500 */
	}


.spot21:nth-of-type(25){
	left:29.28571428571429%; /* 205 / 700 */  
	top:52.400000000000006%; /* 262 / 500 */
	}


.spot21:nth-of-type(26){
	left:46.14285714285714%; /* 323 / 700 */  
	top:69.6%; /* 348 / 500 */
	}







	

/*----------- BEZIRK22 -------------*/


.spot22:nth-of-type(1){
	left:26.285714285714285%; /* 184 / 700 */
	top:33.4%; /* 167 / 500 */
	}
	

.spot22:nth-of-type(2){
	left:24.142857142857142%; /* 169 / 700 */
	top:335.8%; /* 179 / 500 */
	}	
	
	
.spot22:nth-of-type(3){
	left:28.857142857142858%; /* 202 / 700 */
	top:37.6%; /* 188 / 500 */
	}	
	
	
.spot22:nth-of-type(4){
	left:30.142857142857142%; /* 211 / 700 */
	top:40.2%; /* 201 / 500 */

	}
	
.spot22:nth-of-type(5){
	left:32.142857142857146%; /* 225 / 700 */
	top:37.8%; /* 189 / 500 */
	}			

.spot22:nth-of-type(6){
	left:33.714285714285715%; /* 236 / 700 */
	top:40.2%; /* 201 / 500 */

	}	
			
.spot22:nth-of-type(7){
	left:36.285714285714285%; /* 254 / 700 */
	top:36.6%; /* 183 / 500 */

	}


.spot22:nth-of-type(8){
	left:35%; /* 245 / 700 */
	top:32.4%; /* 162 / 500 */
	}




.spot22:nth-of-type(9){
	left:33.285714285714285%; /* 233 / 700 */
	top:29.599999999999998%; /* 148 / 500 */
	}


.spot22:nth-of-type(10){
	left:32.714285714285715%; /* 229 / 700 */
	top:27.6%; /* 138 / 500 */
	}


.spot22:nth-of-type(11){
	left:31.571428571428573%; /* 221 / 700 */
	top:26%; /* 130 / 500 */
	}


.spot22:nth-of-type(12){
	left:31.428571428571427%; /* 220 / 700 */
	top:29.799999999999997%; /* 149 / 500 */
	}
	
	

.spot22:nth-of-type(13){
	left:35%; /* 245 / 700 */
	top:35.4%; /* 177 / 500 */
	}


.spot22:nth-of-type(14){
	left:39.14285714285714%; /* 274 / 700 */
	top:37.2%; /* 186 / 500 */
	}
	
	
.spot22:nth-of-type(15){
	left:40.14285714285714%; /* 281 / 700 */
	top:35.6%; /* 178 / 500 */
	}



.spot22:nth-of-type(16){
	left:44.714285714285715%; /* 313 / 700 */ 
	top:10%; /* 50 / 500 */
	}
	
	
.spot22:nth-of-type(17){
	left:36.857142857142854%; /* 258 / 700 */ 
	top:47.199999999999996%; /* 236 / 500 */
	}


.spot22:nth-of-type(18){
	left:41%; /* 287 / 700 */ 
	top:47.4%; /* 237 / 500 */
	}


.spot22:nth-of-type(19){
	left:43.28571428571429%; /* 303 / 700 */
	top:50%; /* 250 / 500 */
	}


.spot22:nth-of-type(20){
	left:41.57142857142857%; /* 291 / 700 */ 
	top:51.800000000000004%; /* 259 / 500 */
	}


.spot22:nth-of-type(21){
	left:45.14285714285714%; /* 316 / 700 */ 
	top:41.4%; /* 207 / 500 */
	}


.spot22:nth-of-type(22){
	left:54.714285714285715%; /* 383 / 700 */
	top:45.2%; /* 226 / 500 */
	}


.spot22:nth-of-type(23){
	left:58.285714285714285%; /* 408 / 700 */ 
	top:38%; /* 190 / 500 */
	}


.spot22:nth-of-type(24){
	left:47%; /* 329 / 700 */
	top:40.2%; /* 201 / 500 */
	}


.spot22:nth-of-type(25){
	left:56.85714285714286%; /* 398 / 700 */  
	top:47%; /* 235 / 500 */
	}


.spot22:nth-of-type(26){
	left:41.57142857142857%; /* 291 / 700 */ 
	top:32.6%; /* 163 / 500 */
	}

.spot22:nth-of-type(27){
	left:38.285714285714285%; /* 268 / 700 */ 
	top:28.599999999999998%; /* 143 / 500 */
	}


.spot22:nth-of-type(28){
	left:42.857142857142854%; /* 300 / 700 */ 
	top:45.800000000000004%; /* 229 / 500 */
	}


.spot22:nth-of-type(29){
	left:36.714285714285715%; /* 257 / 700 */  
	top:28.000000000000004%; /* 140 / 500 */
	}


.spot22:nth-of-type(30){
	left:32.714285714285715%; /* 229 / 700 */ 
	top:24.4%; /* 122 / 500 */
	}


.spot22:nth-of-type(31){
	left:33.85714285714286%; /* 237 / 700 */  
	top:33.6%; /* 168 / 500 */
	}








	/*----------- BEZIRK23 -------------*/


.spot23:nth-of-type(1){
	left:53.85714285714286%; /* 377 / 700 */
	top:38.6%; /* 193 / 500 */
	}
	

.spot23:nth-of-type(2){
	left:39.14285714285714%; /* 274 / 700 */
	top:38.6%; /* 193 / 500 */
	}	
	
	
	
.spot23:nth-of-type(3){
	left:57.714285714285715%; /* 404 / 700 */
	top:37.8%; /* 189 / 500 */

	}
	
.spot23:nth-of-type(4){
	left:30%; /* 210 / 700 */
	top:43.6%; /* 218 / 500 */
	}			

.spot23:nth-of-type(5){
	left:25.142857142857146%; /* 176 / 700 */
	top:51.2%; /* 256 / 500 */

	}	
			
.spot23:nth-of-type(6){
	left:28.57142857142857%; /* 200 / 700 */
	top:54%; /* 270 / 500 */
	}
	
.spot23:nth-of-type(7){
	left:48.285714285714285%; /* 338 / 700 */
	top:36.8%; /* 184 / 500 */
	}

.spot23:nth-of-type(8){
	left:45.57142857142858%; /* 319 / 700 */
	top:37.4%; /* 187 / 500 */
	}



.spot23:nth-of-type(9){
	left:46.42857142857143%; /* 325 / 700 */
	top:46.6%; /* 233 / 500 */
	}


.spot23:nth-of-type(10){
	left:45.285714285714285%; /* 317 / 700 */
	top:59%; /* 295 / 500 */
	}


.spot23:nth-of-type(11){
	left:44.57142857142857%; /* 312 / 700 */
	top:61.4%; /* 307 / 500 */
	}
	
	
.spot23:nth-of-type(12){
	left:44.714285714285715%; /* 313 / 700 */
	top:64%; /* 320 / 500 */
	}


.spot23:nth-of-type(13){
	left:67.85714285714286%; /* 475 / 700 */
	top:41.6%; /* 208 / 500 */
	}

.spot23:nth-of-type(14){
	left:65%; /* 455 / 700 */
	top:40.400000000000006%; /* 202 / 500 */
	}

.spot23:nth-of-type(15){
	left:33.285714285714285%; /* 233 / 700 */
	top:53.6%; /* 268 / 500 */
	}

.spot23:nth-of-type(16){
	left:32.714285714285715%; /* 229 / 700 */
	top:48%; /* 240 / 500 */
	}







ul {
	list-style:none;
	padding:0;
	}




.sidenavigation{
	width:3%;
	left:97%;
	float:left;
    position:fixed;
    top:50%;
	}
	

.sidenavigation_viel{
	width:3%;
	left:97%;
	float:left;
    position:fixed;
    top:35%;
	}
	
	

.sidenavigation_sehrviel{
	width:3%;
	left:97%;
	float:left;
    position:fixed;
    top:22%;
	}
		




.point a{
	display:block;
	width:7px; 
	height:7px; 
	transition:all 0.5s ease-in-out; 
	background-image:url(../bilder/punkt_active.svg);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-3000px;
	opacity:0.3;
	margin-bottom:20%;
	}



.point a.active {
	opacity:1;
	}







.district {
	height:10%;
	bottom:2%;
	left:2%;
	position:fixed;
	}






/* ------------------------------------DAS IST DIE STARTSEITE----------------------------------- */









#frontpage {
	background-image:url(../bilder/basketball.jpg);
	box-sizing:border-box;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center; 
	width:100%;
	padding-top:2px;
	}


.down {
	width:5%;
	position:absolute; 
	left:47.5%;
	bottom:5%;
	}

.down a img{
	width:100%;
	}


#mainpage {
	width:100%; 
	} 
	

header {
	background-color:#caf4ec;
	height:90px;
	width:100%;
	z-index:1;
	box-sizing:border-box;
	padding-top:10px;
	margin:0;
	position:fixed;
	}



.logo {
	width:50%;
	height:70px;
	float:left;
	margin-left:2%;
	background-image:url(../bilder/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	
	}

	
	
.logo_fp{
	margin:6% auto;
	width:45%;
	height:500px;
	background-image:url(../bilder/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	z-index:2;
	
	}

	


.firstnav {
    width: 13%;
    height: 70px;
    float: left;
    list-style: none;
    right: 0%;
    position: absolute;
	padding-top:10px;
	}
	
	

	
.firstnav li img:hover {
	opacity:1;
	}	


.maplink {
	height:50px;
	float:left;
	margin-right:10%;
	opacity:0.7;
	}

.impressum {
	height:50px;
	float:left;
	opacity:0.7;
	}	





h1 {
	color:#005844;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.813em;
	line-height:1.2em;
	font-weight:700;
	}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#005844;
	font-size:1.125em;
	font-weight:100;
	}
	
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#50b3aa;
	font-size:1.513em;
	font-weight:700;

	}
	
h4 {
	color:#005844;
	font-size:1.438em;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height:1.313em;
	margin:0;
	}	

h5 {
	color:#005844;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:1.250em;
	line-height:1.313em;
	margin:0 0 0 8%;
	}

h5:hover {
	color:#a7cf2a;
	}


h6 {
	color:#00837d;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:1.125em;
	margin:5% 0 0 0;
	}

h6 a:hover {
	color:#a7cf2a;
	}

h6 a {
	color:#00837d;
	}


h7 {
	color:#50b3aa;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:1.438em;
	}

h7 a {
	color:#50b3aa;
	}	
	
h7 a:hover {	
	color:#a7cf2a;
	}
	
h8 {
	color:#005844;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:300;
	font-size:1.125em;
	}	



.mapvienna {
	position:relative; 
	box-sizing:border-box;
	float:left;
	width:55%;
	}	


.mapvienna svg{
	width:100%;
	float:left;
	}



#mapvienna2{
		display:none;
		}



.descriptionvienna_startseite {
	float:left;
	width:20%;
	margin-top:9%;
	background-color:#e4ffff;
	margin-left:10%;
	height:70%;
	}
	
	
.descriptionvienna {
	float:left;
	width:20%;
	margin-top:16%;
	background-color:#e4ffff;
	margin-left:10%;
	height:70%;
	}
	
	
.descriptionvienna2{
	display:none;
	}
	
.descriptionvienna_startseite {
	disply:none;
	}


#Layer_1_startseite {
	width:100%;
	height:40%;
	float:left;
	margin-top:-80px;
	}
	

#Layer_1 {
	width:100%;
	height:40%;
	float:left;
	margin-top:15px;
	}	

	
.bezirk:hover {
	fill:#50b3aa;
	}	



.socialmedia {
	list-style:none;
	height:50px;
	width:10%;
	position:absolute;
	left:90%;
	}

#mainpage.socialmedia{
	position:absolute;
	bottom:2%;
	left:90%;
	}

.facebook {
	height:1.5em;
	float:left;
	}

.instagram {
	height:1.5em;
	float:left;
	margin-right:7%;
	margin-left:5%;
	}









/*--------------------------------------- DAS IST DAS IMPRESSUM ----------------------------------*/



.community{
	width:100%;
	height:10%;
	position:relative;
	margin-top:10%;
	float:left;
	}

.text {
	width:70%;
	text-align:right;
	margin-left:12%;
	margin-bottom:5%;
    border-bottom: thin solid #a7cf2a;
	}


.cotact{
	float:left;
	width:90%;

	
	}

.contact1{
	width:15%;
	margin-left:12%;
	
	}

.underdescription1{
	width:100%;
	}

.underdescription{
	text-align:center;
	width:15%;
	float:left;
	margin-left:12%;
	margin-top:3%;
	}
	
	
.underdescription h7 a{
	
	}	
	
	
#impressum{
	width:100%;
	margin-top:50%;
	float:left;
	position:relative;
	}	
	
	
.left{
	
	width:30%;
	float:left;
	margin-left:12%;
	margin-bottom:5%;
	}
	
.right{
	padding-top:0.1%;
	width:25%;
	text-align:right;
	margin-bottom:5%;
	margin-left:57%;
	}	




	
@media only screen and (max-width: 950px) {
	
		
	
	
	mainpage {
		width:100%; 
		float:none;
		}	
		
	#frontpage {
		display:none;
		}	
		
	
	.map {
		display:none;
		}
		
	
	
	
	.mapvienna {
		width:90%;
		margin-top:0px;
		margin-left:5%;
		float:none;
	}	


	
		
	.descriptionvienna2 {
		display:block;
		float:left;
		width:70%;
		margin-top:150px;
		margin-left:15%;
		height:70%;
		}
		
		
	.descriptionvienna{
		display:none;
		}
			
	.descriptionvienna_startseite {
		display:none;
		}	
		
	
	.description {
		width:70%;
		float:left;
		margin-top:50vh;
		margin-bottom:50vh;
		margin-left:30%;
		}
	
	.parkauflistung {
		width:60%;
		}
	
	
	
	.district {
		bottom:0;
		height:70px;
		top:90px;
		width:70%;
		left:15%;
		background-color:#e4ffff;
		text-align:center;
		border-bottom: thin solid #a7cf2a;
		}



		
		
		
	.text {
		width:70%;
		text-align:center;
		margin-left:15%;
		margin-bottom:5%;
		border-bottom: thin solid #a7cf2a;
		margin-top:10%;
		}
	
	
	.contact{
		float:left;
		width:30%;
		margin-left:35%;
		}
	
	.contact1{
		width:100%;
		margin-left:0%;
		margin-bottom:30%;
		float:none;
		}
	
	
	.underdescription1{
		display:none;
		}
		
		
	.underdescription{
		display:none;
		}
		
		
	#impressum{
		width:100%;
		margin-top:140%;
		float:left;
		position:relative;
		}	
		
		
	.left{
		
		width:70%;
		float:left;
		margin-left:15%;
		margin-bottom:5%;
		}
		
	.right{
		width:70%;
		text-align:left;
		margin-bottom:5%;
		margin-left:15%;
		}	
	
	
	.baum {
		display:none;
		}	
	
	.fotos {
		display:none;
		}
	
	
	#googlemaps {
		display:none;
		}	
		
	h5 {
		margin-left:0;
		}
		
	#icons {
		margin-left:0;
		}	
		
		
	.logo {
		float:left;
		margin-left:2%;
		background-image:url(../bilder/logo.png);
		background-repeat:no-repeat;
		background-size:contain;
		
		}
		



	
	.firstnav {
 		width: 18%;
		padding-top:15px;

	}
	


	
	
}
	
	
	
	
	
@media only screen and (max-width: 650px) {
	
	
	
	.mapvienna{
		display:none;
		}
	
	.districtnumber{
		display:none;
		}
	
	.descriptionvienna {
		display:block;
		float:left;
		width:70%;
		margin-top:100px;
		margin-left:15%;
		height:70%;
		}
		
		
	.descriptionvienna2{
		display:none;
	
		}
	
	.descriptionvienna_startseite {
		display:block;
		float:left;
		width:70%;
		margin-top:80px;
		margin-left:15%;
		height:70%;
		}
	
	#mapvienna2{
		display:block;
		width:100%;
		margin-top:10%;
		margin-bottom: 15%;
		}
		
	#mapvienna2 a img{
		width:10%;
		margin-right:5%;
		margin-bottom:5%;
		margin-left:auto;
		}
		
	#mapvienna2 a{
		text-decoration:none;
		opacity:0.5;
		}
	
	#mapvienna2 a:hover{
		opacity:1;
		}
	
	h1 {
		font-size:1.4em;
		line-height:1.2em;
	}

	h2 {
		font-size:1em;
		}
		
		
		
		
	.logo {
		width:40%;
		height:50px;
		float:left;
		margin-left:2%;
		background-image:url(../bilder/logo.png);
		background-repeat:no-repeat;
		background-size:contain;
		
		}
		
		
	header {
		height:70px;
		}	
		

	.district {
		bottom:0;
		height:60px;
		top:70px;
		width:70%;
		left:15%;
		background-color:#e4ffff;
		text-align:center;
		border-bottom: thin solid #a7cf2a;
		}
	
	.firstnav {
		width: 20%;
		height: 60px;
		}
	


	.maplink {
		height:40px;
		float:left;
		margin-right:10%;
		margin-top:-10px;
		}
	
	.impressum {
		height:40px;
		float:left;
		margin-top:-10px;
		}	
	
		
		
	
	.text {
		margin-top:20%;
	}
		
	.parkauflistung {
		width:70%;
		margin-left:-5%;
		}
	
	#icons ul li{
		display:inline-block;
		width:9%;
	}
		
	}


@media only screen and (max-width: 460px) {
	
	
	.firstnav {
		width: 45%;
		height: 60px;
		}
	


	.maplink {
		height:40px;
		float:left;
		margin-right:5%;
		margin-top:-10px;
		margin-left:15%;
		}
	
	.impressum {
		height:40px;
		float:left;
		margin-top:-10px;
		}	
	
	.logo{
		width:50%;
		margin-top:5px;
		margin-left:20px;
		}
	
	
	#mapvienna2{
		width:100%;
		margin-top:10%;
		margin-bottom:15%;
		}
		
	#mapvienna2 a img{
		width:16%;
		margin-right:5%;
		margin-bottom:5%;
		}
	
	
	#icons ul li{
	display:inline-block;
	width:16%;
	margin-top:10px;
	}
	
	
	.point a{
		display:none;
		
		}
	
	
	
	
	.parkauflistung {
		width:70%;
		margin-left:-5%;
		}
	
	
	
	
	
	
	
	
	}