
/********************** Slogan im Parallax **************/


.tpl18 .parallax-slogan {
	/*color: rgb(192, 165, 118);*/
	/*color: #rgb(192, 165, 118);*/
	color: #7a7a7a !important;
	/*text-shadow: 1px 2px 1px #000;*/
	text-align: left;
	font-weight: 300 !important;
}

@media (max-width: 415px) {
	
	.tpl18 .parallax-slogan {
		font-size: 22px !important;
	}
	
	.tpl18 .parallax-slogan-holder {
		padding: 150px 0px 0px 10px !important;
		max-width: 320px;
	}	
}

@media (min-width: 416px) {
	
	.tpl18 .parallax-slogan {
		font-size: 26px !important;
		
	}

	.tpl18 .parallax-slogan-holder {
		padding: 150px 0px 0px 50px !important;
		max-width: 450px;
	}
}


@media (min-width: 768px) {

	.tpl18 .parallax-slogan {
		font-size: 40px !important;
	}

	.tpl18 .parallax-slogan-holder {
		padding: 150px 0px 0px 50px !important;
		max-width: 600px;
	}
}

@media (min-width: 992px) {

	.tpl18 .parallax-slogan {
		font-size: 45px !important;
	}

	.tpl18 .parallax-slogan-holder {
		padding: 150px 0px 0px 60px !important;
		max-width: 780px;
	}

}

@media (min-width: 1200px) {

	.tpl18 .parallax-slogan {
		font-size: 45px !important;
	}
	
	.tpl18 .parallax-slogan-holder {
		padding: 150px 0px 0px 80px !important;
		max-width: 850px;
	}
	
}
