/* ---------------------------------------------------------------------- */
/*	1024 Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {

	.social,.specialize{
		margin-top: 40px;
	}
	.title h2{
		font-size: 100px;
		line-height: 100px;
	}
	.divider_dark,
	.divider_light {
		margin: 20px 0;
	}
	.title p {
		padding-top: 40px;
	}
	.text_blog{
		display: none;
	}
	.ch-info{
		max-width: 248px;
	}
	.item_services h3 {
		font-size: 45px;
		line-height: 55px;
	}
	.bg-02{
		height: 1055px;
	}
	.bg-03{
		height: 1563px;
	}
	
	

/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */

/* Bg Image Simple ----------------------------------------------------*/
.bg-01{
	background: url(../Background-Top1.jpg);
	height: 1150px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.bg-02{ 	
	background: url(../img/parallax/2.jpg);
	height: 5600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-02-partner { 	
	background: url(../img/parallax/2.jpg);
	height: 2000px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-03{
	background: url(../img/parallax/3.jpg);
	height: 1500px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.bg-04{
	background: url(../img/parallax/4.jpg);
	height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05{ 	
	background: url(../img/parallax/2.jpg);
	height: 3300px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05-Impressum{ 	
	background: url(../img/parallax/2.jpg);
	height: 1900px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */


}

/* ---------------------------------------------------------------------- */
/*	Mobile Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 980px){
	.opacy{
		padding: 100px 0;
	}
	.home .divider_light,
	.home p{
		width: auto;
	}
	.title h2,
	.title p{
		text-align: center;
	}
	.title p{
		padding-top: 0;
	}
	.paddings-content {
		padding: 40px 0;
	}
	.specialize div:first-child{
		margin-bottom: 30px;
	}
	.social, .specialize {
		margin-top: 20px;
	}
	.text_blog{
		display: table;
		margin-left: 200px;
	}
	.item_blog.top,
	.item_blog{
		margin-top: 40px;
	}
	.item_testimonial {
		width: 100%;
	}
	.item_services {
		padding: 70px 21px 100px 40px;
	}
	.info_hover{
		width: 100%;
		height: 350px;
	}
	.contact_us .right,
	.contact_us .left {
		text-align: center;
	}
	.item_services h3 {
		font-size: 50px;
		line-height: 60px;
	}
	header{
		position: relative;
	}
	.bg-01{
		height: 766px;
	}
	.bg-02 {
		height: 1126px;
	}
	.bg-03 {
		height: 1709px;
	}
	.info_hover h3{
		font-size: 30px;
		line-height: 40px;
	}
	.bg-04{
		height: 573px;
	}
	
	

/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */

/* Bg Image Simple ----------------------------------------------------*/
.bg-01{
	background: url(../Background-Top1.jpg);
	height: 1100px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.bg-02{ 	
	background: url(../img/parallax/2.jpg);
	height: 5600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-02-partner { 	
	background: url(../img/parallax/2.jpg);
	height: 2000px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-03{
	background: url(../img/parallax/3.jpg);
	height: 1500px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.bg-04{
	background: url(../img/parallax/4.jpg);
	height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05{ 	
	background: url(../img/parallax/2.jpg);
	height: 3250px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05-Impressum{ 	
	background: url(../img/parallax/2.jpg);
	height: 1900px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */


	
	
	
}

/* ---------------------------------------------------------------------- */
/*	768px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px){
	.info_hover{
		width: 90%;
	}
	.home h1{
		letter-spacing: 0;
		font-size: 180px;
		line-height: 190px;
	}
	
	 
	
	
}


/* ---------------------------------------------------------------------- */
/*	685px Version
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 685px) {
	.home h1 {
		font-size: 170px;
		line-height: 180px;
	}
	.home h2{
		line-height: 28px;
	}
	.paddings{
		padding: 60px 0 100px 0;
	}
	.social,
	.social .right,
	.item_services.left,
	.item_services h2{
		text-align: center;
	}
	.social_icon{
		margin-top: 20px;
	}
	.social_icon a{
		padding: 12px 0px 0 0;
	}
	.about{
		margin-bottom: 30px;
	}
	.specialize{
		display: none;
	}
	.display-none{
		display: none;
	}
	.item_blog.top, .item_blog {
		margin-top: 60px;
	}
	.title h2 {
		font-size: 100px;
		line-height: 110px;
	}
	.about_testimonial{
		top: 24px;
		padding: 10px;
	}
	.info_hover{
		height: 300px;
		left: 33px;
		text-align: left;
	}
	.border_right{
		display: none;
	}
	.bg-02 {
		height: 1371px;
	}
	.bg-03 {
		height: 2175px;
	}
	
	 

/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */

/* Bg Image Simple ----------------------------------------------------*/
.bg-01{
	background: url(../Background-Top1.jpg);
	height: 1150px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.bg-02{ 	
	background: url(../img/parallax/2.jpg);
	height: 5400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-02-partner { 	
	background: url(../img/parallax/2.jpg);
	height: 2000px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-03{
	background: url(../img/parallax/3.jpg);
	height: 1500px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.bg-04{
	background: url(../img/parallax/4.jpg);
	height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05{ 	
	background: url(../img/parallax/2.jpg);
	height: 3200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}


.bg-05-Impressum{ 	
	background: url(../img/parallax/2.jpg);
	height: 1900px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */


}


/* ---------------------------------------------------------------------- */
/*	568px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 568px) {
	.home h1 {
		font-size: 140px;
		line-height: 150px;
	}
	.img_blog,
	.img_testimonial{
		float: none;
		margin: 0 auto;
	}
	.text_blog,
	.date_blog ul,
	.about_testimonial{
		margin-left: 0;
	}
	.item_blog,
	.testimonials li{
		text-align: center;
	}
	.img_testimonial{
		padding-right: 0; 
	}
	.about_testimonial{
		top: 0;
	}
}


/* ---------------------------------------------------------------------- */
/*	480px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 480px) {


	.home .divider_light{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.title h2 {
		font-size: 90px;
		line-height: 100px;
	}
	.info_hover{
		height: 400px;
		left: 27px;
	}
	.contact_us h3 i{
		display: none;
	}
	.contact_us h3 a{
		line-height: 53px;
	}
	.home h1 {
		font-size: 120px;
		line-height: 130px;
	}

	
	
	

/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */

/* Bg Image Simple ----------------------------------------------------*/
.bg-01{
	background: url(../Background-Top1.jpg);
	height: 750px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: relative;
}


/*** ACTS **/
.bg-02{ 	
	background: url(../img/parallax/2.jpg);
	height: 5450px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-03{
	background: url(../img/parallax/3.jpg);
	height: 1400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.bg-05{ 	
	background: url(../img/parallax/2.jpg);
	height: 2900px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}





.bg-05-Impressum{ 	
	background: url(../img/parallax/2.jpg);
	height: 2750px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */
/*              HÖHE FÜR DIE BOXEN               */


.btn-ticket {
	font-size: 20px; background-color: #8d008f; color: white; padding: 10px 50px 10px 50px;
}

.home h2 {
	font-size: 22px;	
}
.home h3 {
	font-size: 20px;	
}


}


/* ---------------------------------------------------------------------- */
/*	384px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 384px) {
	.home h1 {
		font-size: 95px;
		line-height: 105px;
	}
	.home p{
		padding: 0 15px;
	}
	.title h2 {
		font-size: 75px;
		line-height: 85px;
	}
	.info_hover {
		width: 84%;
	}
	.contact_us h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.social_icon ul li {
		padding: 0 23px;
	}
	.play-video h2{
		font-size: 50px;
		line-height: 60px;
	}
	.bg-03 {
		height: 2716px;
	}
	.bg-04 {
		height: 533px;
	}
}

/* ---------------------------------------------------------------------- */
/*	320px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 320px) {
	.home p{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
	.logo_small{
		left: 40%;
	}
	.logo_big{
		margin-top: 0;
	}
	.services h2, .contact_us h2 {
		font-size: 65px;
	}
	.page_error h1 {
		font-size: 140px;
		line-height: 150px;
	}
	.home h1 {
		font-size: 80px;
		line-height: 90px;
	}
	.contact_us h3 {
		font-size: 25px;
	}
	.bg-01 {
		height: 783px;
	}
	.bg-02 {
		height: 1396px;
	}
	.bg-03 {
		height: 2920px;
	}

}