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

.content-strecke {
	width:0px;
	height:0px;
	background:none;
	position: static;
	display:none !important;
}


.imagescroll .mapright {
    position: fixed; 
    top: 50px;
	right:60px;
    opacity: 0;
    transition: all 1s;
	z-index:-1 !important;
	height:90%;
	max-height:1350px !important;
	display:none;
}

.imagescroll .mapleft {
    position: fixed; 
    top: 50px;
	left:100px;
    opacity: 0;
    transition: all 1s;
	z-index:-1 !important;
	height:90%;
	max-height:1350px !important;	
	display:none;
}

.imagescroll .mapleft.active {
    opacity: 1;
	display:block;
}

.imagescroll .mapright.active{
    opacity: 1;
	display:block;	
}

.imagescroll .mapright.active img{
    opacity: 1;
	display:block;
	width:auto;
	max-height:100%;
}

.imagescroll .mapleft.active img {
    opacity: 1;
	display:block;
	width: auto !important;
	max-height:100%;
}


.content-imagescroll {
	position:relative;
	z-index:3 !important;
}

.hidemap {
	display:none !important;
}





@media (max-width: 1700px) {

.imagescroll .mapright {
    top: 30px;
	right:50px;
}

.imagescroll .mapleft {
    top: 30px;
	left:30px;

}

}

@media (max-width: 1650px) {
	.content-imagescroll {
		padding-left:80px;
		padding-right:80px;
	
	}

	.imagescroll .mapright {
		right:0px;
	}			
}

@media (max-width: 1380px) {
	.imagescroll .mapright {
		top: 20px;
	}
	
	.imagescroll .mapleft {
		top: 20px;
		left:20px;
	
	}

	.content-imagescroll {
		padding-left:140px;
		padding-right:120px;
	
	}
		

	

}

@media (max-width: 1270px) {

	.content-imagescroll {
		padding-left:200px;
		padding-right:200px;
	
	}
	
	.imagescroll .mapright {
		right:0px;
	}		

}

@media (max-width: 1200px) {

	.content-imagescroll {
		padding-left:130px;
		padding-right:130px;
	
	}
}

@media (max-width: 1050px) {

	.content-imagescroll {
		padding-left:150px;
		padding-right:150px;
	
	}
}

@media (max-width: 992px) {

	.content-imagescroll {
		padding-left:10px;
		padding-right:10px;
	
	}



}