/* CSS Document */


#mydiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:15000;
    background-color:#c90c0f;
    opacity: 1;
 }

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px; /* -1 * image width / 2 */
    margin-top: -50px;  /* -1 * image height / 2 */
    display: block;     
}

.ajax-loader-text {
    position: absolute;
    left: 50%;
    top: 58%;
    margin-left: -30px; /* -1 * image width / 2 */
    display: block;
	color:#FFFFFF;     
}



/*Allgemein
* ------------------------------------------------------------------------------------------------------------------------------ */

body {
	font-family: 'tarzawidbolita', Helvetica, Arial, Verdana, sans-serif;
}

#helper {
	width:751px;
}

/* Smaller than phablet */
@media (max-width: 750px) {
#helper {
	width:750px;
}
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
    margin-bottom: 0rem;
    margin-top: 0rem;
}


a {
	cursor:default; 
}
 
.section{
text-align:center;
}


.container { 
	  max-width: 960px;
}

.tbclick {
	cursor:pointer;
}

/*Countdown Anpassungen
* ------------------------------------------------------------------------------------------------------------------------------ */

	.digits {
    display: table;
    margin: 0 auto;
	}
	
.cntSeparator { display: none; }

.cntDigit {
  margin-top: 0px; 
}

/*.cntDigit#cnt_0 { margin-left: 52px; }*/
.cntDigit#cnt_2 { margin-left: 15px; }	
.cntDigit#cnt_4 { margin-left: 15px; }	
.cntDigit#cnt_6 { margin-left: 15px; }	



/*Fullpage JS Anpassungen Navigation
* ------------------------------------------------------------------------------------------------------------------------------ */

#fp-nav.right {
    right: 0px;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #840c0b;
}
 
/* Bigger than phablet */
@media (min-width: 750px) {
	
#fp-nav.right {
    right: 17px;
}	

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;
    border-radius: 100%;
	background-image:url(../images/pager_aktiv.png);
	background-position:center;
	background-repeat:no-repeat;
 }

 

#fp-nav ul li a span, .fp-slidesNav ul li a span { 
	background-image:url(../images/pager_inaktiv.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;	
}


#fp-nav ul li, .fp-slidesNav ul li {
    margin: 20px;
}

}




/*
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
   Navigation
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
*/


.swisslosLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image:url(../images/SL_Logo.png);
	background-position:left 65px center;
	width:100%; 
	height:80px;
	z-index:17999;
	background-repeat:no-repeat;
	background-color:#c90c0f;
	cursor:pointer;
} 


.trigger {
	position: absolute;
	top: 15px;
	right: 5px;
	background: none;  
	color:#000;
	border:0;
	font-size:2em;
	cursor:pointer;
	outline:none;
	float:left;
	padding:15px;
	padding-left:25px;
	z-index:12002;
	background-image:url(../images/Icon_Navi_01.png);
	background-size:contain;
}

.navWrap {
	position:fixed;
	right:-440px;
	top:0;
	height:100%;
	width:440px;
	background:#343434;
	padding:120px 0px 0px 0px;
	font-size: 22px;
	font-weight:700;
    color: #ffffff;  
	z-index:12001;	
}



.NavSprache {
	font-size: 15px;
	font-family: 'Titillium Web';	
}

.open {
  right:0px;
} 


.mainList li {
	list-style:none;
	cursor:pointer;
	font-family: 'Titillium Web';	
}

.mainList > li {
	display:block;
	padding:5px 20px 5px 40px;
	color:#ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 3px 0 rgba(0,0,0,.5);	
	font-family: 'Titillium Web';	
}

#NavFooter {
	padding-left: 3rem;
	font-size: 15px;
	font-family: 'Titillium Web';
	display:inline-block;		
}

#Footer_social
 {
	font-size: 15px;
	font-family: 'Titillium Web';
	color:#FFFFFF;
	margin-bottom:1rem;
}


#tw_link, #fb_link {
	cursor:pointer;
	margin-left:2rem;
}


#fb_link {
	background-image:url(../images/facebook.png);
	width:13px;
	height:29px;
	display:inline-block;
}
#tw_link {
	background-image:url(../images/twitter.png);
	width:29px;
	height:24px;
	display:inline-block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#fb_link {
	background-image:url(../images/facebook@2x.png);
	background-size: 13px 29px;
}
#tw_link {
	background-image:url(../images/twitter@2x.png);
	background-size: 29px 24px;
}

}

@media (max-width: 750px) {
.navWrap {
	position:fixed;
	right:-320px;
	top:0;
	height:100%;
	width:320px;
	background:#343434;
	padding:20px 0px 0px 0px;
	font-size: 22px;
	font-weight:700;
    color: #ffffff;  
	z-index:12001;	
}	

#NavFooter {
	padding-left: 3rem;
	font-size: 12px;
	font-family: 'Titillium Web';
	display:inline-block;		
}

}

/* Texte
* ------------------------------------------------------------------------------------------------------------------------------ */

.redButton
{
	width: 100%;
	height: 53px;
	margin: 0 auto;
	line-height:53px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #d92b26;
	-webkit-box-shadow: 0 3px #9b0400;
	-moz-box-shadow: 0 3px #9b0400;
	box-shadow: 0 3px #9b0400;
	cursor:pointer;
}



/* Texte
* ------------------------------------------------------------------------------------------------------------------------------ */

.titel_text_klein_weiss {
	color: #FFFFFF;
	font-size:2.4rem;
	line-height:2.4rem;
}

.titel_text_gross_weiss {
	color: #FFFFFF;
	font-size:4.8rem;
	line-height:4.8rem;
}

.titel_text_klein_rot {
	color: #c90c0f;
	font-size:2.4rem;
	line-height:2.4rem;
}

.titel_text_gross_rot {
	color: #c90c0f;
	font-size:4.8rem;
	line-height:4.8rem;
}

.text_normal_grau {
	color:#666666;
	font-size:1.6rem;
	line-height:2rem;
	font-family: 'Titillium Web';
}

.text_normal_weiss {
	color: #FFFFFF;
	font-size:1.6rem;
	line-height:1.6rem;
	font-family: 'Titillium Web';
}


.text_normal_rot {
	color: #c90c0f;
	font-size:1.6rem;
	line-height:1.6rem;
	font-family: 'Titillium Web';
}



/* Smaller than phablet */
@media (max-width: 750px) {
.titel_text_klein_weiss {
	color: #FFFFFF;
	font-size:1.4rem;
	line-height:1.4rem;
}

.titel_text_gross_weiss {
	color: #FFFFFF;
	font-size:2rem;
	line-height:2rem;
}	

.titel_text_gross_rot {
	color: #c90c0f;
	font-size:2rem;
	line-height:2rem;
}

.text_normal_rot {
	color: #c90c0f;
	font-size:1.4rem;
	line-height:1.4rem;
	font-family: 'Titillium Web';
}
}



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 53px;
  line-height:53px !important;  
  width: 100%;  
  padding: 0 30px;
  color: #555;
  text-align: center;
  text-decoration: none;
  text-transform:none;
  white-space: nowrap; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #d92b26;
  -webkit-box-shadow: 0 3px #9b0400;
  -moz-box-shadow: 0 3px #9b0400;
  box-shadow: 0 3px #9b0400;  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #d92b26;
  border-color: #d92b26; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #dd3326;
  border-color: #d92b26; }




/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	width: 100%;
	height: 51px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 2px rgba(9,23,33,.3);
	-moz-box-shadow: inset 0 2px rgba(9,23,33,.3);
	box-shadow: inset 0 2px rgba(9,23,33,.3);
    border: 0px solid #33C3F0;
    outline: 0;
	font-family: 'Titillium Web';	
	 }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { 
  border: 0px solid #33C3F0;
  outline: 0; }



.select-style {
    background: #fff url(../images/select_icon.png) no-repeat 98% 50%; 
-webkit-appearance: none;	
}




.textbox_fehler {
    background: #ffffff url(../images/email_falsch_icon.png) no-repeat;
    background-position: 96% 16px !important;
    padding: 0px 40px 0px 10px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none; 
	/*width: 397px;*/
	height: 51px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
    border: solid 2px #d92b26;
    outline: 0;
	font-family: 'Titillium Web';		
}



/*
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  

   Checkbox

   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  

*/

	.custom-checkbox{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url(../images/select_box.png) no-repeat;
	}
	.custom-checkbox:hover{
		background: url(../images/select_box.png) no-repeat;
	}
	.custom-checkbox.selected{
		background: url(../images/select_box_selected.png) no-repeat;
	}
	.custom-checkbox input[type="checkbox"]{
		margin: 0;
/*		position: absolute;*/
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

/* Section 1 + 2
* ------------------------------------------------------------------------------------------------------------------------------ */

#section1 .container{
}


#Eule_1 img{
	left: 90%;
	position:relative;
}

#Scroller_1 {
	/*margin-top: -150px;*/
    opacity:0;
}

#section1 p{
	opacity:0;
	position:relative;
}

#Eule_1, #Eule_2 {
    margin-top: -1rem;
}

#section1, #section2 {
	background-image:url(../images/BG_start.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


/* Smaller than phablet */
@media (max-width: 1000px) {
#Eule_1, #Eule_2 {
    margin-top: 0rem;
	width:70%;
	margin: 0 auto;
}
#section1, #section2 {
	background-image:none;
}

.scrollpfeil {
	width:50px;
}

}

 
/* Section 3
* ------------------------------------------------------------------------------------------------------------------------------ */

#section3 {
	background-image:url(../images/Kleebackground.png);
	background-repeat:no-repeat;
	background-position:center;
}



#iMac {
	position:absolute;
	bottom:150px;
	right:0px;
} 
@media (max-width: 1000px) {
#iMac {
	display:none;
} 
}


#iMacContainer {
	margin-top:0px;
}

#iMacSpriteSheet {
	margin: 0 auto;
    width: 748px;
	height: 594px;	
	position:relative;
	margin-bottom:2rem;	
}


#iMacSpriteSheet_small {
	margin: 0 auto;
	position:relative;
	margin-bottom:2rem;
    width: 300px;
	height: 238px;	
		
}
        
 

#step1_text_1 {
}

#step1_text_2 {
	margin-top:1.5rem;
}





/* Section 4
* ------------------------------------------------------------------------------------------------------------------------------ */


#KachelnSpriteSheet {
	margin: 0 auto;
    width: 1244px;
	height: 731px;	
	margin-bottom: 5rem;
	position:relative;
}
 
#KachelnSpriteSheet_small { 
	margin: 0 auto;
	margin-bottom: 5rem;
	position:relative;
    width: 300px;
	height: 176px;		
} 
 
 
#KachelnContainer {
	
}

#eule_kachel {
	position:absolute;
	bottom:150px;
	left:0px;
} 

#step2_text_2 {
	margin-top:1.5rem;
}


/* Section 5
* ------------------------------------------------------------------------------------------------------------------------------ */

#SpriteSheetContainer {
}
 
 
#LoaderAnimation  
  {
    width: 100px;
	height: 100px;	
	background-image:url(../images/SL_Loader_Spritesheet9x9.png);
}

#MorphSpriteSheet {
	margin: 0 auto;
    width: 740px;
	height: 597px;	
}

#MorphSpriteSheet_small {
	margin: 0 auto;
    width: 300px;
	height: 242px;	
}




#step3_text_2 {
	margin-top:1.5rem;
}


/* Section 4
* ------------------------------------------------------------------------------------------------------------------------------ */


#PostfachSpriteSheet {
	margin: 0 auto;
    width: 451px;
	height: 546px;	
	margin-bottom: 2rem;
	position:relative;
}

#PostfachSpriteSheet_small {
	margin: 0 auto;
	margin-bottom: 2rem;
	position:relative;
    width: 300px;
	height: 363px;	
}


#eule_brille {
	position:absolute;
	bottom:100px;
	right:-50px;
}

#step4_text_2 {
	margin-top:1.5rem; 
}


/* Section 4
* ------------------------------------------------------------------------------------------------------------------------------ */


#icon_01 {
    display:inline-block;	
	background-image:url(../images/icon_01.png);
	width:32px;
	height:30px;
}
#icon_02 {
    display:inline-block;	
	background-image:url(../images/icon_02.png);
	width:33px;
	height:23px;
}
#icon_03 {
    display:inline-block;	
	background-image:url(../images/icon_03.png);
	width:44px;
	height:33px;
}
#icon_04 {
    display:inline-block;	
	background-image:url(../images/icon_04.png);
	width:39px;
	height:38px;
}
#icon_05 {
    display:inline-block;	
	background-image:url(../images/icon_05.png);
	width:37px;
	height:39px;
}
#icon_06 {
    display:inline-block;	
	background-image:url(../images/icon_06.png);
	width:27px;
	height:36px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#icon_01 {
	background-image:url(../images/icon_01@2x.png);
	background-size: 32px 30px;
}
#icon_02 {
	background-image:url(../images/icon_02@2x.png);
	background-size: 33px 23px;
}
#icon_03 {
	background-image:url(../images/icon_03@2x.png);
	background-size: 44px 33px;
}
#icon_04 {
	background-image:url(../images/icon_04@2x.png);
	background-size: 39px 38px;
}
#icon_05 {
	background-image:url(../images/icon_05@2x.png);
	background-size: 37px 39px;
}
#icon_06 {
	background-image:url(../images/icon_06@2x.png);
	background-size: 27px 36px;
}

}




#EinstellungenSpriteSheet {
	margin: 0 auto;
    width: 1300px;
	height: 684px;	
	margin-bottom: 2rem;
	position:relative;
}

#EinstellungenSpriteSheet_small {
	margin: 0 auto;
	margin-bottom: 2rem;
	position:relative;
    width: 300px;
	height: 158px;	
	
}



#eule_flatter {
	position:absolute;
	bottom:100px;
	left:200px;
}


#step5_text_2 {
	margin-top:1.5rem;
}


/* Smaller than phablet */
@media (max-width: 1000px) {
.legende_element{
	margin-left: 40px !important;
}
} 




/* Section 8
* ------------------------------------------------------------------------------------------------------------------------------ */


#socialcontainer {
	margin-top: 2rem;
}

.mycontainer {
	width:500px;
	margin: 0 auto;
}

#backgroundContainer {
	width:546px;
	height:115px;
	background-image:url(../images/BG_Klappzahlen.png);
	margin:0 auto;
	padding-top:20px	
}

#section8 {
	background-image:url(../images/BG_start.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#roterBalken {
	background-color:#c21110; 
	height:330px;
	width:100%;
}

/* Smaller than phablet */
@media (max-width: 1000px) {
#roterBalken {
	background:none;
	display:none;
}	

} 


#Eule_8{
	/*margin-top:-30%;*/ 
	margin-top:-100px;
	cursor:pointer;
	margin:0 auto;
}
/* Smaller than phablet */
@media (max-width: 1000px) {
#Eule_8{
	/*margin-top:-30%;*/
	margin-top:0px;
}
} 


#section8  .fp-tableCell {
    vertical-align:top
}

 
#section8_text_1 {
	margin-bottom:20px;
}



/* Section 8 POPUP
* ------------------------------------------------------------------------------------------------------------------------------ */


/* Smaller than phablet */
@media (max-width: 1000px) {
.digits, #section8_text_1, #backgroundContainer, #Eule_8, .swisslosLogo, #login {
	display:none;
}



} 

#login_text_1{
	padding-top:75px; 
}

#login_fehler_txt {
	margin-top:15px;
	margin-bottom:15px;
	font-weight:400;
	background-color:#F9FF24;
}

#email_input_value {
	margin-top:1rem
}

#login_text_2 {
	margin-bottom:1rem;
}

#teilnahme_txt {
  margin: 0;
  padding-left: 10px;
  font-size: 16px;
  font-family: 'Titillium Web';	
}


#login_btn {
	margin-top:2rem;
	padding:0;
}

.popup
{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	max-width:940px;
	height: 640px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #e9e9e9;
	-webkit-box-shadow: 0 19px 30px 13px rgba(9,23,33,.2);
	-moz-box-shadow: 0 19px 30px 13px rgba(9,23,33,.2);
	box-shadow: 0 19px 30px 13px rgba(9,23,33,.2);
	background-image: -webkit-linear-gradient(-135deg, rgba(220,221,223,.57), rgba(255,255,255,.57) 21%, rgba(242,242,242,.57) 65%, rgba(220,221,223,.57) 84%, rgba(220,221,223,.57) 99%);
	background-image: -moz-linear-gradient(-135deg, rgba(220,221,223,.57), rgba(255,255,255,.57) 21%, rgba(242,242,242,.57) 65%, rgba(220,221,223,.57) 84%, rgba(220,221,223,.57) 99%);
	background-image: -o-linear-gradient(-135deg, rgba(220,221,223,.57), rgba(255,255,255,.57) 21%, rgba(242,242,242,.57) 65%, rgba(220,221,223,.57) 84%, rgba(220,221,223,.57) 99%);
	background-image: -ms-linear-gradient(-135deg, rgba(220,221,223,.57), rgba(255,255,255,.57) 21%, rgba(242,242,242,.57) 65%, rgba(220,221,223,.57) 84%, rgba(220,221,223,.57) 99%);
	background-image: linear-gradient(-135deg, rgba(220,221,223,.57), rgba(255,255,255,.57) 21%, rgba(242,242,242,.57) 65%, rgba(220,221,223,.57) 84%, rgba(220,221,223,.57) 99%);
}


/* For devices larger than 400px */
@media (max-width: 1000px) {
#section8 .container{
	width:100%;
	padding: 0;
}
}

/* Smaller than phablet */
@media (max-width: 1000px) { 
	
#login_text_1{
	padding-top:1rem;
}	

.popup
{ 
 margin-top:0px;
 width:100%;
 background-color: #e9e9e9;
 border-radius: 0px;
 box-shadow:none;
 height:auto;
 padding-bottom:2rem;
 background-image:none;
 
}

#section8 .container {
	width:100%;
	padding: 0;
}

.popupContentContainer {
 padding-left:4rem;
 padding-right:4rem;
}

}


/* Section 8 POPUP TAFm bereits, gebiet, optin
* ------------------------------------------------------------------------------------------------------------------------------ */

#tellafriend, #bereits, #gebiet, #optin, #taf, #back, #login, #danke, #optin_taf {
	display:none;
}

/* Smaller than phablet */
@media (max-width: 1000px) { 
  
  #login {
	  display:none;
  }
  
  
#section8 .fp-tableCell {
    background-color: #e9e9e9;
}  
  

}


/* POPUP bereits
* ------------------------------------------------------------------------------------------------------------------------------ */

#bereits_text_1 {
	padding-top:12.5rem
	
} 

#bereits_text_2 {
	padding-top:2rem
}

#bereits_btn {
	margin-top:4rem;
}

@media (max-width: 1000px) { 
#bereits_text_1 {
	padding-top:1rem
	
} 
}

/* POPUP Danke
* ------------------------------------------------------------------------------------------------------------------------------ */

#danke_text_1 {
	padding-top:12.5rem
	
}

#danke_text_2 {
	padding-top:2rem
}

#danke_btn {
	margin-top:4rem;
}

@media (max-width: 1000px) { 
#danke_text_1 {
	padding-top:1rem
	
}
}

/* POPUP TAF
* ------------------------------------------------------------------------------------------------------------------------------ */

#taf_text_0 {
	padding-top:7rem;
}


#taf_text_2 {
	margin-top:5rem;
	margin-bottom:3rem;
}

@media (max-width: 1000px) { 
#taf_text_0 {
	padding-top:1rem;
}


#taf_text_2 {
	margin-top:2rem;
	margin-bottom:1rem;
}
}


#left_arrow, #right_arrow {
	cursor:pointer;
    max-width:100% ;
	padding-top:100px;	
}

#taf_bild {
	cursor:pointer;
    max-width:100% ;
	padding-top:50px;	
}

@media (max-width: 1000px) { 
#left_arrow, #right_arrow {
	cursor:pointer;
	padding-top:0px;	
}

#taf_bild {
	cursor:pointer;
    max-width:100%;
	padding-top:0px;	
}
}

/* POPUP Gebiet
* ------------------------------------------------------------------------------------------------------------------------------ */

#gebiet_text_1 {
	padding-top:12.5rem
	
}

#gebiet_text_2 {
	padding-top:2rem 
}

@media (max-width: 1000px) { 
#gebiet_text_1 {
	padding-top:1rem
	
}

#gebiet_text_2 {
	padding-top:1rem 
}
}

 
/* POPUP Optin TAF
* ------------------------------------------------------------------------------------------------------------------------------ */

#optin_taf_text_1 {
	padding-top:12.5rem
	
}

#optin_taf_text_2 {
	padding-top:2rem
}

@media (max-width: 1000px) { 
#optin_taf_text_1 {
	padding-top:1rem
	
}

#optin_taf_text_2 {
	padding-top:1rem
}
}

/* POPUP Optin
* ------------------------------------------------------------------------------------------------------------------------------ */

#optin_text_1 {
	padding-top:12.5rem
	
}

#optin_text_2 {
	padding-top:2rem
}

#optin_text_3 {
	margin-top:4rem;
}


@media (max-width: 1000px) { 
#optin_text_1 {
	padding-top:1rem
	
}

#optin_text_2 {
	padding-top:1rem
}

#optin_text_3 {
	margin-top:1rem;
}
}

.mycolumn {
  display: table-cell;
}