.holiday{
	background-color: #919191;
	color: white;
	text-align: center;
	padding: 6px;
}

.holiday div{
	display: inline;
}

@media (max-width: 1000px){
	.holiday div{
		display: block;
	}
}

@media (max-width: 500px){
	.holiday div{
		display: inline;
	}
}
/*********************************************************************************************/
/******************************************** Moving *****************************************/
/*********************************************************************************************/
.moving_text{
	max-width: 500px;
	width: 50%;
	padding-bottom: 20px;
}

.moving_img_wrapper{
	display: inline-block;
	width: 49%;
}

.moving_img_large, .moving_img_medium, .moving_img_small{
	max-width: 100%;
}

.moving_img_medium, .moving_img_small{
	display: none;
}

@media (max-width: 1000px){
	.moving_img_medium{
		display: inline-block;
		padding-right: 10%;
	}
	
	.moving_img_large{
		display: none;
	}
}

@media (max-width: 780px){
	.moving_img_medium{
		max-width: 85%;
		margin-top: 40px;
	}
}	

@media (max-width: 700px){
	.moving_text{
		width: 60%;
	}
	
	.moving_img_small{
		display: inline-block;
		padding-right: 20%;
		margin-top: 40px;
	}
	
	.moving_img_medium{
		display: none;
	}
}

@media (max-width: 530px){
	.moving_text{
		width: 75%;
	}
	
	.moving_img_small{
		padding-right: 10%;
	}	
}

@media (max-width: 500px){
	.moving_img_small{
		padding-right: 0%;
	}	
}

@media (max-width: 420px){
	.moving_img_small{
		max-width: 40%;
		padding-bottom: 60px;
	}	
}

@media (max-width: 360px){
	.moving_img_small{
		max-width: 40%;
		padding-bottom: 15px;
		margin-top: 105px;
	}	
}	
/*********************************************************************************************/
/******************************************** Nerd-Shirt *************************************/
/*********************************************************************************************/
.nerd_shirt_banner_xl, .nerd_shirt_banner_l, .nerd_shirt_banner_m, .nerd_shirt_banner_s{
	display: none;
}

@media (max-width: 1920px){
	.nerd_shirt_banner_xxl{
		display: none;
	}
	
	.nerd_shirt_banner_xl{
		display: block;
	}
}	

@media (max-width: 900px){
	.nerd_shirt_banner_xl{
		display: none;
	}
	
	.nerd_shirt_banner_l{
		display: block;
	}
}

@media (max-width: 600px){
	.nerd_shirt_banner_l{
		display: none;
	}
	
	.nerd_shirt_banner_m{
		display: block;
	}
}

@media (max-width: 380px){
	.nerd_shirt_banner_m{
		display: none;
	}
	
	.nerd_shirt_banner_s{
		display: block;
	}
}
/*********************************************************************************************/
/******************************************** Gallery ****************************************/
/*********************************************************************************************/
/*.gallery_items{
	translateZ(0px);
	translateY(0px);
	-moz-transition: opacity 2s ease-out, transform 1s ease-out;
	-ms-transition: opacity 2s ease-out,  transform 1s ease-out;
    -o-transition: opacity 2s ease-out,  transform 1s ease-out;
    -webkit-transition: opacity 2s ease-out,  transform 1s ease-out;
    transition: opacity 2s ease-out,  transform 1s ease-out;
}*/

.gallery_item{
	min-height: 600px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.gallery_img_small{
	display: none;
}

.gallery_text_1, .gallery_text_2, .gallery_indicator{
	opacity: 0;	
}

.gallery_text_1{
	width: 100%;
	text-align: center;
	position: absolute;
	color: #ffffff;
	top: 5px;
	white-space: normal;
}

.gallery_text_2{
	width: 100%;
	text-align: center;
	position: absolute;
	color: #ffffff;
	padding: 0 10px;
	box-sizing: border-box;
	bottom: 30px;
	white-space: normal;
}

.gallery .gallery_text_1{
	opacity: 1 !important;
	top: 50px !important;
	-moz-transition: opacity 2s ease-out, top 1s ease-out;
    -o-transition: opacity 2s ease-out, top 1s ease-out;
    -webkit-transition: opacity 2s ease-out, top 1s ease-out;
    transition: opacity 2s ease-out, top 1s ease-out;
}

.gallery .gallery_text_2{
	opacity: 1 !important;
	bottom: 80px !important;
	-moz-transition: opacity 2s ease-out 1s, bottom 1s ease-out 1s;
    -o-transition: opacity 2s ease-out 1s, bottom 1s ease-out 1s;
    -webkit-transition: opacity 2s ease-out 1s, bottom 1s ease-out 1s;
    transition: opacity 2s ease-out 1s, bottom 1s ease-out 1s;
}

.gallery .gallery_indicator{
	opacity: 1 !important;
	-moz-transition: opacity 2s ease-out 2s;
    -o-transition: opacity 2s ease-out 2s;
    -webkit-transition: opacity 2s ease-out 2s ;
    transition: opacity 2s ease-out 2s;
}

.gallery_indicator{
	position: absolute;
	bottom: 20px;
	left: 8%;
	width: 84%;
}

.gallery_indicator_slider{
	height: inherit;
	background-color: #2781a3;
	width: 0%;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
	-moz-transition-property: width;
	-ms-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
}

.gallery_indicator_active{
	width: 100%;
}

@media (max-width: 1800px){
	.gallery .gallery_text_2{
		bottom: 50px !important;
	}
	
	.gallery_indicator{
		bottom: 5px;
	}	
}

@media (max-width: 1500px){
	.gallery_item{
		min-height: 450px;
		padding-bottom: 5%;
	}
	
	.gallery .gallery_text_1{
		top: 25px !important;
	}
}

@media (max-width: 1100px){
	.gallery_item{
		min-height: 420px;
	}
	
	.gallery .gallery_text_1{
		top: 15px !important;
	}
}

@media (max-width: 900px){
	.gallery_item{
		min-height: 390px;
	}
}

@media (max-width: 800px){
	.gallery .gallery_text_1{
		top: 8px !important;
	}
}	

@media (max-width: 767px){
	.gallery_item{
		min-height: 350px;
	}
}

@media (max-width: 700px){
	.gallery .gallery_text_1{
		top: 0px !important;
	}
}
	
@media (max-width: 600px){
	.gallery_item{
		min-height: 500px;
	}
	
	.gallery .gallery_text_1{
		top: 80px !important;
	}
	
	.gallery_img_large{
		display: none;
	}
	
	.gallery_img_small{
		display: block;
	}
	
	.gallery .gallery_text_2{
		bottom: 70px !important;
	}
}

@media (max-width: 450px){
	.gallery_item{
		min-height: 600px;
	}
	
	.gallery .gallery_text_2{
		bottom: 50px !important;
	}
}	
/*********************************************************************************************/
/******************************************** Image block ************************************/
/*********************************************************************************************/
.image_block{
	background-color: #ffffff;
	padding: 80px 0px;
	box-sizing: border-box;
	text-align: center;
}

.image_block_image_wrapper{
	max-width:	395px;
	margin: 16px 8px 0 8px;
	position: relative;
	text-align: left;
	vertical-align: bottom;
}

.image_block_image_wrapper:hover > .image_block_image_text_1,
.image_block_image_wrapper:hover > .image_block_image_text_2,
.image_block_image_wrapper:hover > .image_block_image_link{
	opacity: 1;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.image_block_image_wrapper:hover > .image_block_image{
	opacity: 0.2;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.image_block_image{
	max-width: 		inherit;
	opacity: 		1;
	vertical-align: top;
	width: 			100%;
	
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.image_block_image_heading, .image_block_image_text_1, .image_block_image_text_2, .image_block_image_link{
	color: 		white;
	left: 		35px;
	position: 	absolute;
}

.image_block_image_text_1, .image_block_image_text_2, .image_block_image_link{
	opacity: 	0;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.image_block_image_heading{
	line-height: 	1.1em;
	top: 			25px;
}

.image_block_image_text_1, .image_block_image_text_2{
	right: 	10px;
}

.image_block_image_text_1{
	top: 	45%;
}

.image_block_image_text_2{
	top: 	25%;
}

.image_block_image_link{
	bottom: 20px;
}

@media (max-width: 1500px){
	.image_block_image_wrapper_inlineBlock{
		display: inline-block;
	}
	.image_block_image_wrapper_block{
		display: block !important;
	}
}

@media (max-width: 1199px){
	.image_block_image_text_1{
		top: 	35%;
	}
}

@media (max-width: 350px){
	.image_block_image_heading, .image_block_image_text_1, .image_block_image_text_2, .image_block_image_link{
		left: 20px;
	}
	
	.image_block_image_heading{
		top: 10px;
		left: 20px;
	}
	
	.image_block_image_link{
		bottom: 10px;
	}
	
}

/*********************************************************************************************/
/******************************************** FPD Image **************************************/
/*********************************************************************************************/
/* text and image animation (fly in)*/
#FPD_Image{
	text-align: center;
}

#FPD_Image a{
	text-decoration: none;
}

.fpd_image_text{
	position: relative;
	bottom: 220px;
	color: white;
}
@media (max-width: 2500px){
	#FPD_Image{
		text-align: left;
	}
	
	.fpd_image_text{
		margin-left: 720px;
		bottom: 0px;
		opacity: 0;
		position: absolute;
	}

	.fpd_image > a >img{
		margin-left: -510px;
		-moz-transition: margin-left 6s ease-out;
		-ms-transition: margin-left 6s ease-out;
		-o-transition: margin-left 6s ease-out;
		-webkit-transition: margin-left 6s ease-out;
		transition: margin-left 6s ease-out;
	}

	.fpd_image > a > div{
		opacity: 1 !important;
		bottom: 120px !important;
		-moz-transition: opacity 3s ease-out, bottom 5s ease-out;
		-ms-transition: opacity 3s ease-out, bottom 5s ease-out;
		-o-transition: opacity 3s ease-out, bottom 5s ease-out;
		-webkit-transition: opacity 3s ease-out, bottom 5s ease-out;
		transition: opacity 3s ease-out, bottom 5s ease-out;
	}
}

@media (max-width: 1920px){
	.fpd_image_text{
		margin-left: 600px;
		padding-right: 20px;
	}
	
	.fpd_image > a >img{
		margin-left: -655px;
		-moz-transition: margin-left 6s ease-out;
		-ms-transition: margin-left 6s ease-out;
		-o-transition: margin-left 6s ease-out;
		-webkit-transition: margin-left 6s ease-out;
		transition: margin-left 6s ease-out;
	}

	.fpd_image > a > div{
		opacity: 1 !important;
		bottom: 120px !important;
		-moz-transition: opacity 3s ease-out, bottom 5s ease-out;
		-ms-transition: opacity 3s ease-out, bottom 5s ease-out;
		-o-transition: opacity 3s ease-out, bottom 5s ease-out;
		-webkit-transition: opacity 3s ease-out, bottom 5s ease-out;
		transition: opacity 3s ease-out, bottom 5s ease-out;
	}
}

@media (max-width: 1000px){
	.fpd_image > a >img{
		margin-left: -755px;
	}
	
	.fpd_image_text{
		margin-left: 480px;
	}
}
/*
@media (max-width: 950px){
	.fpd_image > a >img{
		margin-left: -755px;
	}
	
	.fpd_image_text{
		margin-left: 420px;
	}
}*/

@media (max-width: 900px){
	.fpd_image > a >img{
		margin-left: -805px;
	}
	
	.fpd_image_text{
		margin-left: 420px;
	}
}

@media (max-width: 850px){
	.fpd_image > a >img{
		margin-left: -855px;
	}
	
	.fpd_image_text{
		margin-left: 360px;
	}
}

@media (max-width: 700px){
	.fpd_image > a >img{
		margin-left: -955px;
	}
	
	.fpd_image_text{
		margin-left: 230px;
	}
}

@media (max-width: 550px){
	.fpd_image_text{
		box-sizing: border-box;
	}
}

@media (max-width: 500px){
	.fpd_image_text{
		margin-left: 150px;
	}
	
	.fpd_image > a > div{
		bottom: 70px !important;
	}	
}

@media (max-width: 450px){
	.fpd_image > a >img{
		margin-left: -1055px;
	}
	
	.fpd_image_text{
		margin-left: 40px;
	}	
}
/*********************************************************************************************/
/******************************************** Schaeffer **************************************/
/*********************************************************************************************/
#Schaeffer_Prinzip_Wrapper{
	background-color: #c8cbcc;
	width: 83%;
	float: right;
	margin-right: 11px;
}

#Schaeffer_Prinzip{
	background-color: #6e6e6e;
	width: 50%;
	box-sizing: border-box;
	color: #ffffff;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
	margin: 20px 0;
	padding: 2% 7%;
	margin-left: -18%;
}

#Schaeffer_Prinzip_Text{
	color: #ffffff;
	padding-left: 22px;
	text-align: left;
	display: inline-block;
}

#Schaeffer_Prinzip_Text li{
	padding: 8px 0;
}

#Schaeffer_Prinzip_Img{
	display: inline-block;
	vertical-align: middle;
	width: 68%;
	height: 460px;
	position: relative;
}

#Schaeffer_Prinzip_Img img {
    position: absolute;
	bottom: 0;
    right: 30px;
	max-width: 100%;
}

.schaeffer_prinzip_img_active {
	opacity: 1 !important;
}

.schaeffer_prinzip_text_active {
	color: #ffec01;
}

.schaeffer_prinzip_fade {
	opacity: 0;
	
    -moz-transition: opacity 1.0s ease-in-out;
	-ms-transition: opacity 1.0s ease-in-out;
    -o-transition: opacity 1.0s ease-in-out;
    -webkit-transition: opacity 1.0s ease-in-out;
    transition: opacity 1.0s ease-in-out;
}

@media (max-width: 1170px){
	#Schaeffer_Prinzip_Img{
		height: 430px;
	}
	
	#Schaeffer_Prinzip_Img img {
		max-width: 90%;
	}
}

@media (max-width: 1070px){
	#Schaeffer_Prinzip_Wrapper{
		margin-right: 6px;
	}
	
	#Schaeffer_Prinzip{
		margin: 15px 0;
		margin-left: -19%;
		padding: 2% 5%;
	}

	#Schaeffer_Prinzip_Img{
		height: 390px;
	}
}

@media (max-width: 910px){
	#Schaeffer_Prinzip_Wrapper{
		width: 100%;
		margin-right: 0;
	}

	#Schaeffer_Prinzip{
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		text-align: center;
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	#Schaeffer_Prinzip_Text_Wrapper{
		display: inline-block;
		text-align: left;
	}
	
	#Schaeffer_Prinzip_Img{
		float: none;
		margin: 0 auto;
		display: block;
		height: 450px;
	}

	#Schaeffer_Prinzip_Img img {
		max-width: 100%;
		  right: 0;
	}
}

@media (max-width: 748px){
	#Schaeffer_Prinzip_Img{
		height: 380px;
	}
}

@media (max-width: 650px){
	#Schaeffer_Prinzip_Img{
		width: 85%;
	}
}

@media (max-width: 550px){
	#Schaeffer_Prinzip_Img{
		height: 320px;
	}
}
	
@media (max-width: 450px){
	#Schaeffer_Prinzip{
		padding: 2% 1%;
		width: 100%;
	}
	
	#Schaeffer_Prinzip_Img{
		width: 98%;
	}
}

@media (max-width: 400px){
	#Schaeffer_Prinzip_Img{
		height: 280px;
	}
}
/*********************************************************************************************/
/******************************************** UV-Print ***************************************/
/*********************************************************************************************/
/* background yellow gray */
.bg_yg_wrapper_{
	position: relative;
	width: 100%;
	text-align:center;
	/*background-color: #ffffff;*/
	height: 520px;
	overflow: hidden;
}

.bg_yg_gray_light{
	background-color: #f6f6f6;
	position: absolute;
	height:429px;
	width: 100%;
	top: 46px;
}

.bg_yg_gray_dark{
	background-color: #bfc4c7;
	position: absolute;
	height: 347px;
	width: 102%;
	left: -1%;
	top: 93px;
	-moz-transform: rotate(0.5deg);
	-ms-transform: rotate(0.5deg);
	-o-transform: rotate(0.5deg);
	-webkit-transform: rotate(0.5deg);
	transform: rotate(0.5deg);
}

.bg_yg_yellow{
	background-color: #ffec01;
	position: absolute;
	height: 339px;
	width: 104%;
	left: -2%;
	top: 91px;
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	box-shadow: 0px 10px 19px -10px gray;
}

#UV_Print_Img{
	position: relative;
	width: 100%;
	height: inherit;
	background: url(../img/index/UV-Print_img_l.png) 50% 0% no-repeat;
}
	

#UV_Print_Img > div{
	position: absolute;
	top: 160px;
	left: 18%;
	color: black;
	text-align: left;
	width: 370px;
}

.bg_yg_image_small{
	display: none;
}
	
@media (max-width: 1920px){
	#UV_Print_Img{
		background: url(../img/index/UV-Print_img_m.jpg) 25% 0% no-repeat;
	}	
}

@media (max-width: 1750px){
	#UV_Print_Img > div{
		left: 10%;
	}	
}

@media (max-width: 750px){
	#UV_Print_Img{
		background: none;	
	}	
	    
	#UV_Print_Img > div{
		box-sizing: border-box;
		padding-right: 30px;
		top: 135px;
		left: 15%;
		width: 85%;
	}
	
	.bg_yg_wrapper_{
		position: relative;
		width: 100%;
		text-align:center;
		height: 598px;
		overflow: hidden;
	}
	
	.bg_yg_yellow {
		height: 441px;
		width: 120%;
		left: -10%;
	}
	
	.bg_yg_gray_dark {
		height: 436px;
		width: 102%;
		left: -1%;
	}
	
	.bg_yg_gray_light {
		height: 536px;
	}
	
	.uv_print_list{
		display: inline-block;
		padding-right: 10px;
	}
	
	.bg_yg_image_small{
		display: block;
		position: absolute;
		bottom:61px;
	}
	
	.bg_yg_image_small img{
		max-width: 100%;
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@media (max-width: 575px){
	#UV_Print_Img > div{
		top: 145px;
		left: 10%;
	}	
}
/*********************************************************************************************/
/******************************************** Benefits ***************************************/
/*********************************************************************************************/
.benefits{
	position: relative;
	text-align: center;
	width: 100%;
	background-color: #f6f6f6;
	padding-top: 50px;
}

.benefits_heading{
	color: #104b85;
	text-transform: uppercase;
}

.benefits_items{
	color: #6e6e6e;
	padding-bottom: 100px;
}

.benefits_item{
	vertical-align: top;
	display: inline-block;
	width: 16.6%;
	padding: 50px 5px 0 5px;
	box-sizing: border-box;
}


.benefits_item img{
	-moz-transition: transform: 0.25s ease-in-out;
	-ms-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    -webkit-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}

.benefits_item:hover img{
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.benefits_item_text{
	padding: 20px 20px 0 20px;
}



@media (max-width: 1200px){
	.benefits_item{
		width: 33.3%;
	}	
}

@media (max-width: 550px){
	.benefits_item{
		width: 50%;
	}	
}

@media (max-width: 450px){
	.benefits_item_text{
		padding: 20px 10px 0 10px;
	}
}