@charset "utf-8";

*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}


html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;	
}



html {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  -webkit-appearance:none;
}

body {
  background: transparent;
  font-family: "helvetica55", sans-serif;
  font-weight: normal;
  font-style: normal;
}

a {
	color: #566373;
	text-decoration: none;
}


/* Colors & Fonts */


@font-face{
font-family:"helvetica45";
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"),url("../fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),url("../fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"),url("../fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg");
}
@font-face{
font-family:"helvetica55";
src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("../fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("../fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("../fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}
@font-face{
font-family:"helvetica65";
src:url("../fonts/694027/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix");
src:url("../fonts/694027/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix") format("eot"),url("../fonts/694027/5b4a262e-3342-44e2-8ad7-719998a68134.woff") format("woff"),url("../fonts/694027/4a3ef5d8-cfd9-4b96-bd67-90215512f1e5.ttf") format("truetype"),url("../fonts/694027/58ab5075-53ea-46e6-9783-cbb335665f88.svg#58ab5075-53ea-46e6-9783-cbb335665f88") format("svg");
}
@font-face{
font-family:"helvetica75";
src:url("../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
src:url("../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"),url("../fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"),url("../fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"),url("../fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}




strong {
	font-family: "helvetica75", sans-serif !important;
	font-weight: normal;
	font-style: normal;
}

.light {
	font-family: "helvetica45", sans-serif;
	font-style: normal;
	font-weight: normal;
}

.ifr_title {
	font-size: 1.2em; 
	color: #ee0000; 
	display: block; 
	margin-bottom: 5px; 
	margin-top: 2px;
	line-height: normal;
}

a:hover {
	color: #003399;
	text-decoration: none;
}


#win_code {
	text-transform:uppercase;
}

span.error {
  color: red;
}
span.errorDetail {
  color: grey;
}
p.footer {
  font-size: 11px;
  line-heigth: 15px;
}



.err_hlt label {
	color: #f00;
}

.err_hlt input {
	border: 1px solid #f00;
}

#btn_wb {
	cursor: pointer;
	cursor: hand;
}

ol {
	padding-left: 1em;
}

ol li {
	padding-left: 5px;
	padding-bottom: 10px;
}

.mobonly {
	display: none;
}


#timer {
	position: absolute; height: 6.2%; left: 5%; bottom: 6%; z-index: 110; text-align: left; color: #000; font-size: 28px;
	font-family: "helvetica45", sans-serif;
	width: 50%;
	display: none;
}

#timetext {
	display: inline-block;
}

.colitems {
	top: -15%;
	position: absolute;
	padding: 15%;
	
}

.colitems img {
	width: 100%;
	height: auto;
	cursor: pointer;
	cursor: hand;
	float: left;
}

#col1 .colitems, #col2 .colitems, #col3 .colitems {
	opacity: 0;
}





	
.shadow1 {
	-webkit-box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	transition: all 1s;
}

#findbox {
	width: 40%;
	top: 27%;
	left: 30%;
	position: absolute;
	z-index: 80;
}

#findbox_tasche_rot {
	width: 120%;
	z-index: 10;
	margin-left: -10%;
	position: absolute;
}

#progbox {
	width: 22%;
	top: 25.2%;
	left: 18.5%;
	position: absolute;
	z-index: 75;
}

#progbox .progimg {
	position: absolute;
	width: 100%;
	height: auto;
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	transition: transform 1s;
	opacity: 0;
}

#progbox .progimg.showprog {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

#progbox #prog1 {
	z-index: 20;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0;
	transition: opacity 1s;
}
#progbox #prog1.showprog {
	opacity: 1;
}

#prog2 {
	z-index: 18;
}

#prog3 {
	z-index: 17;
}

#prog4 {
	z-index: 16;
}

#prog5 {
	z-index: 15;
}

#prog6 {
	z-index: 14;
}

#prog7 {
	z-index: 13;
}

#prog8 {
	z-index: 12;
}

#prog9 {
	z-index: 11;
}

#prog10 {
	z-index: 10;
}

#prog11 {
	z-index: 9;
}

#prog12 {
	z-index: 8;
}

#fbox2, #fbox3, #fbox4 {
	display: none;
}

.fbox {
	width: 100%;
	position: absolute;
	padding: 15%;
	margin-top: 50%;
}

.fbox img {
	width: 100%;
	height: auto;
}

.fbprog {
	width: 23.2%;
	border-radius: 400px;
	top: 28.65%;
	left: 14.9%;
	position: absolute;
	z-index: 80;
}

#fbprog2 {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#fbprog3 {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#fbprog4 {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fbox.found {
	transition: all 2s;
	padding: 35%;
	opacity: 0;
}

.bravo {
	position: absolute;
	z-index: 20;
	width: 70%;
	bottom: 21%;
	margin-left: 15%;
	display: none;
	opacity: 0;
}

.bravo img {
	width: 100%;
	height: auto;	
}

img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.bubble_ct {
	width: auto; 
	position: relative;  
	z-index: 150;
	height: 100%;
}

.bubblebox {
	font-size: 21px;
	color: #1e1e1e;
	line-height: 140%;
	font-family: "helvetica55", sans-serif;
}

.title1 {
	font-size: 28px;
	font-family: "helvetica45", sans-serif;
	color: #000;
	padding-bottom: 20px;
}

/*.button1 {
	font-size: 28px;
	font-family: "helvetica75", sans-serif;
	background-color: #eb0000;
	width: 70%;
	padding: 10px;
	display: inline-block;
	color: #ffffff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	cursor: hand;
}*/

.button1 {
	background-color: #eb0000;
	display: inline-block;
	-webkit-border-radius: 5px;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance:none;
	width: 60%;
	padding: 15px 10px;
	border: none;
	color: #fff;
	font-family: "helvetica55", sans-serif;
	font-size: 16px;
	border-radius: 2px;
	text-align: center;
	transition: background-color 0.5s;
}
.button1:hover {
	background-color: #c60018
}

.button1 .pfeil_btn {
	height: 10px;
	width: auto;
	display:  inline-block;
	vertical-align: middle;
	margin-left: 10px;
}


#gamestart, #gameform {
	position:  absolute;
	width: 100%;
	bottom: 2%;
}

#bagglow {
	width: 45%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 29; opacity: 0;
}

#bag {
	width: 45%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 30;
}

#dropcol1 {
	width: 16%; height: auto; position: absolute; bottom: 0; right: 43%; z-index: 40;
}

#col1 {
	width: 12%; height: 100%; bottom: 0; right: 60%; z-index: 50; position: absolute;
}

#main_ct {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#timerimg {
	position: relative; height: 100%; width: auto; margin-right: 10px; margin-bottom: -3px; vertical-align: text-bottom;
}

.dynclear {
	height: 30px;
}



#bubblefinish, #bubbletimeup {
	display: none;
}

.introtxtmob {
	display: none;
}

/* Form Style */

input[type="checkbox"], input[type="radio"] {
	display: none;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	cursor: pointer;
	cursor: hand;
	float: left;
	color: #666;
	font-family: "helvetica55",sans-serif;
	font-size: 15px;
	margin-left: -8px;
}

input[type="checkbox"] + label span, input[type="radio"] + label span {
	width: 18px; 
	height: 18px; 
	background-color: #fff; 
	border: 2px solid #b7b7b7;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: inline-block; 
	margin-left: 10px;
	margin-right: 6px; 
	margin-bottom: 8px;
	margin-top: 5px;
	vertical-align: middle;
	position: relative;
}

input[type="checkbox"] + label {
		margin-left: 0px;
	width: 80%;
	padding-left: 35px;
}

input[type="checkbox"] + label span {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	position: absolute;
	margin-left: -35px;
}

input[type="radio"]:checked + label span .active_radio {
	background-color: #c60018;
	border: 2px solid #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

input[type="checkbox"]:checked + label span {
	background-image: url(../img/checkbox_check.png);
	background-size: contain;
	background-position: center center;
	background-repeat:  no-repeat;
}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
	color: #000;
}


#form_main {
	padding:0;
	font-size: 15px;
	font-family: "helvetica55", sans-serif;
}
#form_main .copytext {
	font-size: 21px;
	line-height: normal;
	font-family: "helvetica45", sans-serif;
}

#formtitle {
	font-family: "helvetica75", sans-serif;
}

.formbox {
	width: 49%;
	float: left;
	margin-right: 1%;
}

.form_row {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.form_row.pbh {
	margin-bottom: 10px;
}

.formbox.fbfull {
	width: 100%;
	margin-right: 0;
	height: auto;
	margin-bottom: 20px;
}

.formbox.secnd {
	margin-right: 0;
	margin-left: 1%;
}

.formbox label {
	display: block;
	margin-bottom: 5px;
	color: #666;
	font-family: "helvetica55", sans-serif;
	font-size: 13px;
}

.formbox.text_input label, .formbox.button_input label {
	padding-left: 0.6em;
	width: 100%;
}

.formbox input, .formbox select {
	width: 100%;
	padding: 15px 10px;
	border: 2px solid #b7b7b7;
	color: #666;
	font-family: "helvetica55", sans-serif;
	font-size: 15px;
	border-radius: 2px;
	-webkit-appearance: none;
}

.formbox input.rck {
	border: 2px solid #eb0000;
}

.formbox select {
	padding: 14px 10px;
}

.formbox .button2 {
	background-color: #eb0000;
	display: inline-block;
	-webkit-border-radius: 5px;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance:none;
	width: 60%;
	padding: 15px 10px;
	border: none;
	color: #fff;
	font-family: "helvetica55", sans-serif;
	font-size: 15px;
	border-radius: 2px;
	float: right;
	text-align: center;
	transition: background-color 0.5s;
}
.formbox .button2:hover {
	background-color: #c60018
}

.formbox .button2 .pfeil_btn {
	height: 9px;
	width: auto;
	display:  inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.text_pf {
	color: #eb0000;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 5px;
	display:  none;
}

.disclaimer {
	font-size: 13px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.page-confirm .cbox_left {
	padding: 2%;
	position: absolute;
}

.page-confirm .button1 {
	width: auto;
	margin-top: 20px;
}

.page-confirm #main_wrapper {
	overflow: auto;
}

/* Adjustments LS 2017 */

#outer_wrapper {
	text-align: center;
	padding: 40px; 
}

#main_wrapper {
	max-width: 1580px;
	width: 100%;
	position: relative;
	display: inline-block;
	text-align: left;
	overflow: hidden;
}

body {
	background-color: #f6f6f6;
}

#main_ct {
	height: auto; position: absolute; overflow: hidden; cursor: pointer; cursor: hand;
	width: 70%;
	right: 0;
	bottom: 0;
}

.col_tasche_rot {
	position: absolute; 
	bottom: 5%; 
	width: 144%; 
	margin-left: -22%; 
	height: auto;
	z-index: 20;
	pointer-events: none;
	display:  inline-block;
}

.clickbase {
	clear:  both; 
	height: 20%; 
	width: 116%; 
	margin-left: -8%; 
	background-color: rgba(255,149,30,0); 
	bottom: 6%; 
	position: absolute;
}

.col_tasche_rot .cls-3 {
	transition: all 0.5s;
}

.col_tasche_rot .cls-3 {
	fill: rgb(235,0,0);
}

.tgreen .col_tasche_rot .cls-3 {
	fill: rgb(102,194,140) !important;
}

#cfits {
	font-family: "helvetica75", sans-serif;
}

#cbox_left {
	width: 40%; border: 2px solid #e5e5e5; background-color: #fff; height: 100%; position: absolute; padding: 2%;
}

#cbox_right {
	width: 100%; border: 2px solid #e5e5e5; background-color: #fff; height: 100%; position: absolute; right: 0;
}

.cbox_right_bline {
	width: 56.7%;background-color: #e5e5e5; height: 2px; position: absolute; right: 0; z-index: 200;
}

#frame_opg {
	width: 100%; height: auto; float: left;
}
#bgf17 {
	position:  absolute; width: 100%; height: 100%; background-image: url(/img/bg_f17_2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;display: none;
}

#form_main {
	background-color: #fff;
	border: 2px solid #e5e5e5;
}

#form_main #cbox_left {
	border: none;
	padding: 2%;
	padding-right: 8%;
}

#form_main #cbox_right {
	border: none;
	padding: 2%;
}

#bgform17 {
	width: 100%;
	height: auto;
	float: left;
}

#teiln_mobile {
	display:  none;
}

/* Media Queries */

@media only screen and (max-width: 1440px) {
	.title1 {
		font-size: 24px;
		padding-bottom: 15px;
	}
	.linemobsmall {
		height: 20px !important;
	}
	.bubblebox {
		font-size: 16px;
	}
	.button1 {
		
	}
	#timer {
		font-size: 24px;
	}
	#form_main .copytext {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1180px) {
	.title1 {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.linemobsmall {
		height: 15px !important;
	}
	.bubblebox {
		font-size: 14px;
	}
	.button1 {
		
	}
	#timer {
		font-size: 20px;
	}
	
	#form_main .copytext {
		font-size: 20px;
	}
	
	#form_main #cbox_left, #form_main #cbox_right {
		position: relative;
		float: left;
	}
	
	#form_main #bgform17 {
		display:  none;
	}
			.page-confirm .cbox_left {
	position: relative;
}


.page-confirm #main_wrapper {
	overflow: auto;
}

}

@media only screen and (max-width: 1020px) {
	.title1 {
		font-size: 14px;
		padding-bottom: 5px;
	}
	.linemobsmall {
		height: 10px !important;
	}
	.bubblebox {
		font-size: 10px;
	}
	.button1 {
	width: 80%;
	padding: 10px;
}
	#timer {
		font-size: 15px;
	}
	#form_main .copytext {
		font-size: 18px;
	}

}


@media only screen and (max-width: 760px) {
	
.bubble_ct {
	width: 100%; 
	left: auto;
	top: 0;
}

.bubblebox {
	font-size: 12px;
}

.title1 {
	font-size: 16px;
}

.button1 {
	width: 80%;
	padding: 10px;
}

#timer {
	height: 6%;
}

#timetext {
	font-size: 16px;
}

#bagglow {
	width: 60%;
}

#bag {
	width: 60%;
}

#dropcol1 {
	width: 30%; 
	right: 8%;
}

#col1 {
	width: 26%; right: 10%;
}

#findbox {
	left: 20%;
	top: 32%;
	width: 60%
}

#progbox {
  left: 26.8%;
  top: 18.8%;
  width: 33.3%;
}

.bravo {
	bottom: 36%;
}

#timerimg {
	margin-right: 0px; 
	margin-bottom: 0px;
	margin-top: -2px;
}



.dynclear {
	height: 10px;
}

.bubblebox {
	padding: 5%;
	line-height: normal;
}

.linemobsmall {
	height: 15px !important;
}

.introtxtmob {
	display: inherit;
}

.introtxt {
	display: none;
}

	#bubbleingame .introtxt {
		display: inherit;
	}	

	
.button1 {
	width: 80%;
}

.formbox , .formbox.secnd {
	width: 100%;
	margin-left: 0;
	margin-right: 0;	
}

.page-confirm #form_main {
	position: absolute;
	top: 50%;
}

.sweet-alert {
	top: auto !important;
	bottom: 25% !important;
}

.disclaimer {
	font-size: 12px;
}
	#gamestart, #gameform {
		position: relative;
		display: inline-block;
		width: 50%;
		margin-left: 25%;
	}	

	#cbox_left {
		width: 100%;
		padding: 1%;
		position: relative;
		margin-bottom: 20px;
	}	

	#cbox_right {
		width: 100%;
		position: relative;
	}
	.cbox_right_bline {
		width: 48%;
	}
	#main_ct {
		width: 100%;
		overflow: visible;
	}
	.clickbase {
		height: 30%;
		margin-left: -1%;
		width: 102%;
	}
	#frame_opg {
		width: 125%;
	}
	.col_tasche_rot {
		width: 120%;
		margin-left: -10%;
	}
	.colitems {
		padding: 20%;
	}
	#outer_wrapper {
		padding: 2%;
	}
	#bgf17 {
	background-image: url(/img/bgmob_f17_2.jpg);
}
	#form_main .copytext {
		font-size: 14px;
	}
	
	.form_row, .form_row.pbh {
		margin-bottom: 0;
	}	
	
	.formbox {
		margin-bottom: 15px;
	}
	
	.form_row.pbh .formbox {
		margin-bottom: 5px;
	}
	
	input[type="checkbox"] + label {
		width: 100% !important;
	}
	
	#form_main #cbox_left, #form_main #cbox_right {
		width: 100%;
	}
	
	#teiln_desktop {
		display:  none;
	}
	
	#teiln_mobile {
		display:  inherit;
	}
	
	.page-confirm #main_wrapper {
		margin-top: 100%;
	}


	
}

@media only screen and (max-width: 500px) {

	
}