#layout_start_page {
	background-color: #355451;
}

#layout_video_page {
	background-color: #000000;
}

#layout_game_page {
	background-color: #3E4E4C;
}

#layout_eval_page {
	background-color: #3E4E4C;
}

#layout_start_headline_de {
	position: absolute;
	top: 265px;
	left: 390px;
	-webkit-transition: opacity 1.0s ease;
}

#layout_start_text_de {
	position: absolute;
	top: 648px;
	left: 742px; 
	-webkit-transition: opacity 1.0s ease;
}

#layout_start_headline_en {
	position: absolute;
	top: 265px;
	left: 390px;
	-webkit-transition: opacity 1.0s ease;
}

#layout_start_text_en {
	position: absolute;
	top: 648px;
	left: 742px; 
	-webkit-transition: opacity 1.0s ease;
}

#layout_start_start_button {
	position: absolute;
	top: 984px;
	left: 1778px;
	height: 46px; 
	width: 83px;
    background-image: url("../img/start/button_start.png");
    background-repeat: no-repeat;
}

#layout_video_skip_button {
	position: absolute;
	top: 984px;
	right: 59px;
}

#layout_video_language_button {
	position: absolute;
	top: 984px;
	left: 69px; 
	height: 46px; 
	width: 101px;
    background-repeat: no-repeat;
}

.language_button_english {
	background-image: url("../img/start/button_english.png");
}

.language_button_german {
	background-image: url("../img/start/button_deutsch.png");
}

#layout_game_mask_black {
	position: absolute;
	top: 0px;
	left: 0px;
}

.layout_game_mask_black_hide {
	opacity: 0;
	z-index: -1;
}

.layout_game_mask_black_show {
	opacity: 0.5;
	z-index: 100;
	-webkit-transition: opacity 0.5s ease;
}

#layout_game_frame {
	position: absolute;
	top: 168px;
	left: 661px; 
	height: 680px; 
	width: 598px;
    background-image: url("../img/cranach/frame.png");
    background-repeat: no-repeat;
	-webkit-filter: drop-shadow(0px 0px 250px rgba(208, 210, 127, 0.44));
	z-index: 0; 
}

#layout_eval_frame {
	position: absolute;
	height: 680px; 
	width: 598px;
    background-image: url("../img/cranach/frame.png");
    background-repeat: no-repeat;
	-webkit-filter: drop-shadow(0px 0px 250px rgba(208, 210, 127, 0.44));
	
	z-index: 0; 
}

.layout_eval_frame_start {
	top: 168px;
	left: 661px;
	-webkit-transform: scale(1) rotate(0deg);
}

.layout_eval_frame_end {
	top: 206px;
	left: 465px; 
	-webkit-transform: scale(1.1) rotate(-3.12deg);
	-webkit-transition: all 1.5s ease;
}

#layout_eval_headline {
	position: absolute;
	left: 69px; 
	top: 70px;
}

#layout_eval_text {
	position: absolute;
	right: 239px; 
	bottom: 149px;
}

#layout_eval_start_button {
	position: absolute;
	top: 40px;
	left: 1787px;
	height: 60px; 
	width: 102px;
    background-image: url("../img/eval/button_start.png");
    background-repeat: no-repeat;
}

#layout_eval_imprint_button {
	position: absolute;
	top: 984px;
	left: 69px;
}

#layout_eval_snake {
	position: absolute;
	left: 439px;
	top: 532px;
	-webkit-transform: scale(0.8) ;
	-webkit-filter: drop-shadow(0px 0px 14px rgba(255, 255, 255, 0.7));
	z-index: 15; 
}

#layout_eval_imprint {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1920px;
	height: 1080px;
	z-index: 20;
	visibility: hidden;
	opacity: 0;
	-webkit-transition:  visibility 1.0s, opacity 1.0s ease;
}

#layout_eval_imprint_cancel {
	position: absolute;
	left: 1619px;
	top: 205px;
	height: 60px; 
	width: 62px;
    background-image: url("../img/cranach/button_cancel.png");
    background-repeat: no-repeat;
}

#layout_eval_imprint_black {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.5;
}

#layout_eval_imprint_background {
	position: absolute;
	left: 763px;
	top: 271px;
	width: 918px;
	height: 660px;
	background-image: url("../img/eval/bg_imprint.png");
    background-repeat: no-repeat;
}

#layout_eval_imprint_content {
	position: absolute;
	left: 64px;
	top: 94px;
	width: 800px;
	height: 449px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#layout_eval_imprint_img {
	
}

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-thumb {
  background: black; 
}

::-webkit-scrollbar-thumb:hover {

}

#layout_game_jesus_glow {
	position: absolute;
	left: 858px; 
	top: 886px;
	-webkit-transition: opacity 0.5s ease;
	-webkit-filter: blur(30px);
}

#layout_game_glow_group1 {
	position: absolute;
	left: 131px; 
	top: 51px;
	height: 249px; 
	width: 542px;
    background-image: url("../img/cranach/group1/group1_glow.png");
    background-repeat: no-repeat;
	-webkit-filter: blur(60px);
	z-index: 0; 
}

#layout_game_glow_group2 {
	position: absolute;
	left: 40px; 
	top: 338px;
	height: 232px; 
	width: 539px;
    background-image: url("../img/cranach/group2/group2_glow.png");
    background-repeat: no-repeat;
	-webkit-filter: blur(60px);
	z-index: 0; 
}

#layout_game_glow_group3 {
	position: absolute;
	left: 0px; 
	top: 600px;
	height: 273px; 
	width: 649px;
    background-image: url("../img/cranach/group3/group3_glow.png");
    background-repeat: no-repeat;
	-webkit-filter: blur(60px);
	z-index: 0; 
}

#layout_game_glow_group4 {
	position: absolute;
	left: 1311px; 
	top: 137px;
	height: 277px; 
	width: 534px;
    background-image: url("../img/cranach/group4/group4_glow.png");
    background-repeat: no-repeat;
	-webkit-filter: blur(60px);
	z-index: 0; 
}

#layout_game_glow_group5 {
	position: absolute;
	left: 1331px; 
	top: 518px;
	height: 291px; 
	width: 589px;
    background-image: url("../img/cranach/group5/group5_glow.png");
    background-repeat: no-repeat;
	-webkit-filter: blur(60px);
	z-index: 0; 
}

#layout_game_upper {
	position: absolute;
	left: 836px; 
	top: 60px;
	height: 249px; 
	width: 249px;
    background-image: url("../img/cranach/upper.png");
    background-repeat: no-repeat;
	z-index: 0; 
}

#layout_game_snake {
	position: absolute;
	-webkit-filter: drop-shadow(0px 0px 14px rgba(255, 255, 255, 0.7));
	z-index: 10; 
}

.layout_game_snake_move {
	-webkit-transition: left 0.5s, top 0.5s ease !important;
}

.layout_game_snake_back_pos {
	left: 901px; 
	top: 52px;
}

.layout_game_snake_final_pos {
	left: 1100px;
	top: 700px;
	-webkit-transform: scale(0.8) ;
}

#layout_game_instrument {
	position: absolute;
	left: 50%; 
	top: 888px;
	z-index: 0; 
	transform: translate(-50%);
}

#layout_game_instrument_arrow {
	position: absolute;
	left: 50%; 
	top: 892px;
	height: 98px; 
	width: 17px;
	-webkit-transform-origin: 50% 89.5px;
	-webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.5));
	-webkit-transform: translate(-50%) rotate(0deg);
	-webkit-transition: transform 0.5s cubic-bezier(0.61, 0.12, 0.18, 1.84);
	z-index: 0; 
}

#layout_game_reminder {
	position: absolute;
	left: 1138px; 
	top: 40px;
	z-index: 0; 
	-webkit-transition: opacity 0.5s ease;
}

#layout_game_cancel_button {
	position: absolute;
	left: 1827px; 
	top: 40px;
	height: 60px; 
	width: 62px;
	-webkit-transition: opacity 0.5s ease;
    background-image: url("../img/cranach/button_cancel.png");
    background-repeat: no-repeat;
}

#layout_intro_text1 {
	position: absolute;
	top: 925px;
	left: 630px;
	text-shadow: 0px 0px 69px #000000;
}

#layout_intro_text2 {
	position: absolute;
	top: 925px;
	left: 573.5px;
	text-shadow: 0px 0px 69px #000000;
}

#layout_intro_text3 {
	position: absolute;
	top: 932px;
	left: 625px;
	text-shadow: 0px 0px 69px #000000;
}

.layout_intro_hide_instant {
	visibility: hidden;
	opacity: 0;
}

.layout_intro_hide {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
}

.layout_intro_show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
}

body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
   content: url("../img/cranach/frame.png") url("../img/start/button_deutsch.png") url("../img/start/button_english.png");
}

img, div {
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.png_selected {
	z-index: 20 !important; 
	/*
	-webkit-filter: drop-shadow(0px 0px 70px rgba(174, 190, 189, 0.85));
	-webkit-transition: all 0.07s;
	*/
	-webkit-filter: drop-shadow(0px 0px 30px rgba(174, 190, 189, 0.85));

} 

.png_show_mask_full {
	visibility: visible;
	opacity: 0.5;
	/*
	-webkit-transition: visibility 1.5s, opacity 1.5s ease;
	*/
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
}

.png_show_mask_half {
	visibility: visible;
	opacity: 0.3;
	/*
	-webkit-transition: visibility 1.5s, opacity 1.5s ease;
	*/
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
}

.png_show_full {
	visibility: visible;
	opacity: 1;
	/*
	-webkit-transition: visibility 1.5s, opacity 1.5s ease;
	*/
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
	
}

.png_hide {
    visibility: hidden;
    opacity: 0;
	
	-webkit-transition: visibility 0.5s, opacity 0.5s ease;
	
}

.png_move_back {
	-webkit-transition: left 1s, top 1s, transform 1s ease;
	z-index: 20; 
}

.png_move_final {
	-webkit-transition: left 0.6s, top 0.6s, transform 0.6s ease;
	z-index: 20; 
}

.png_snap_center {
	-webkit-transition: left 0.4s, top 0.4s, transform 0.4s ease;
}

.png {
	position: absolute;
}

.png_small {
	-webkit-filter: grayscale(50%);
}

#page_second {
	position: absolute;
	width: 1920px;
	height: 1080px;
	top: 0px;
	left: 1920px;
	background-color: black;
}

#second_layout_main {
	position: absolute;
	top: 0px;
	left: 334px;
	height: 1080px;
	width: 1252px;
	overflow: hidden;
}

#second_layout_frame {
	position: absolute;
	top: 0px;
	left: 1252px;
	width: 1080px;
	height: 1252px;
    background-image: url("../img/cranach/cranach_big_empty.png");
    background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: 0% 0%;
}

#second_layout_full {
	top: 0px;
	left: 0px;
	z-index: 15;
}

#second_layout_snake {
	top: 1078px;
	left: 892px;
	-webkit-filter: drop-shadow(0px 0px 14px rgba(255, 255, 255, 0.7));
	z-index: 10;
}

.big_fade {
	-webkit-transition: opacity 1.0s ease;
}