.exta_margin{

	height:60px;
	width:100%;
	margin-top:40px;
	
	
}

		.progress-bar {
			-webkit-animation: progress-bar-stripes 200s linear infinite;
			-o-animation: progress-bar-stripes 200s linear infinite;
			animation: progress-bar-stripes 200s linear infinite;
			background-color: #0066ff;
			box-shadow: none;
			height:25px;
			line-height:25px;
			color:white;
			font-size:22px;
			border-top-left-radius:4px;
			border-bottom-left-radius:4px;
			text-align:right;
			padding-right:15px;
			font-weight:bold;


			background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);


			background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);


			background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
			background-size: 40px 40px;
		}


		@-webkit-keyframes progress-bar-stripes {
			from {
				background-position: 60px 0;
			}
			to {
				background-position: 0 0;
			}
		}
		@keyframes progress-bar-stripes {
			from {
				background-position: 6000px 0;
			}
			to {
				background-position: 0 0;
			}
		}








body,html{


	margin:0;
	font-family: 'Oswald', sans-serif;


}



.header{


	background:black;
	width:100%;
	font-size:24px;
	height:50px;
	line-height:50px;
	text-transform:uppercase;
	color:white;
	text-align:center;
	font-family: 'Oswald', sans-serif;

}


.content{


	width:100%;
	max-width:1200px;
	padding:0 5px;
	box-sizing:border-box;
	margin:auto;



}



.div_section_1{


	margin-top:60px;


}



.float_50{

	float:left;
	width:50%;
	padding:10px;
	box-sizing:border-box;



}



.small_text{


	width:100%;
	font-size:18px;
	text-align:center;
	font-family: 'Quicksand', sans-serif;

}


.content_text{

	width:100%;
	text-align:center;
	line-height:1.2;
	font-size:40px;
	margin-top:10px;
	color:#363636;
	text-transform:uppercase;


}



.content_sub_text{

	width:100%;
	font-size:17px;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	margin-top:20px;



}




.button{


	font-size: 29px;
	background-color: #ff6600;
	color: #ffffff;
	border-radius: 4px;
	box-shadow-color: #810218;
	box-shadow-size: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-width: 0;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	cursor:pointer;
	margin-top:20px;



}



.button_1{


	font-size: 29px;
	background-color: #ff6600;
	color: #ffffff;
	border-radius: 4px;
	box-shadow-color: #810218;
	box-shadow-size: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-width: 0;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	cursor:pointer;
	margin-top:20px;




}



.content_image{


	width:100%;
	height:auto;
	border-radius:4px;


}


.extra{


	padding:40px!important;


}



.color{


	font-weight:700;
	color:#ff6600;


}


.time{


	width:100%;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	font-size:24px;
	font-weight:700;
	color:#363636;
	margin-top:15px;



}


.break{


	clear:both;


}




.proof{


	margin-top:80px;


}


.title{


	width:100%;
	text-align:center;
	font-size:40px;
	color:#363636;
	font-weight:600;




}



.divder{

	width: 46%;
	height: 3px;
	background: #ff6600;
	margin: auto;

}



.float_25{


	float:left;
	width:25%;
	padding:20px;
	box-sizing:border-box;



}


.proof_images{

	margin-top:40px;

}


.screen{


	width:100%;
	height:auto;
	text-align:center;
	border-radius:10px;

}



.action{



	width:100%;
	background:#ffebeb;
	border-radius:4px;
	padding:40px;
	margin-top:35px;
	box-sizing:border-box;


}



.action_icon{

	width:100%;
	color:#977b7b;
	font-size:45px;
	text-align:center;

}



.action_text{


	width:100%;
	color:#977b7b;
	font-size:20px;
	margin-top:15px;
	text-align:center;	
	font-family: 'Quicksand', sans-serif;


}



.impressum{


	width:100%;
	text-align:center;
	margin:50px auto;


}


.link{


	font-size:14px;
	text-decoration:none;
	color:#363636;
	font-family: 'Quicksand', sans-serif;
	font-weight:500;




}





/*overlay*/


.overlay{

	background:rgba(0,0,0,.75);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	display:none;


}



.opt_in_div{

	width:100%;
	max-width:736px;
	min-height:400px;
	background:white;
	border-radius:10px;
	margin:45px auto;
	position:relative;


}



.opt_header{


	width:70%;
	margin:auto;
	text-align:center;
	color:#333333;
	font-size:22px;
	font-weight:600;
	background:white;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:40px 0 0 0;
	box-sizing:border-box;
	text-transform:uppercase;
	font-family: 'Quicksand', sans-serif;

}



.the_date{


	width:100%;
	text-align:center;
	font-size:24px;
	color:#34506e;
	text-decoration:underline;
	margin-top:15px;

}


.kt{



	width:100%;
	padding:0 30px;
	box-sizing:border-box;

}

#FormField_EmailAddress,#FormField_FirstName{


	width:100%;
	height:45px;
	border:1px solid rgb(0,0,0,0.2);
	border-radius:4px;
	font-size:17px;
	padding:5px 15px;box-sizing:border-box;
	outline:none;



}


#FormField_FirstName:focus{

	border:1px solid #03be37;


}


#FormField_EmailAddress:focus{


	border:1px solid #03be37;

}


#FormSubmit{






	font-size: 22px;
	background-color: #0066ff;
	color: #ffffff;
	border-radius: 4px;
	box-shadow-color: #810218;
	box-shadow-size: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-width: 0;
	font-weight: bold;
	width: 100%;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	cursor:pointer;
	margin-top:0px;
	text-transform:uppercase;
	margin-bottom:15px;


}

.close{

	font-size: 40px;
	width: max-content;
	position: absolute;
	right: 20px;
	top: 0px;
	color: #999;
	font-weight: 400;

}




/*ende overlay*/





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



	body,html{


		margin:0;
		font-family: 'Oswald', sans-serif;
		background:#fafafa;


	}



	.header{


		background:black;
		width:100%;
		font-size:24px;
		height:auto;
		line-height:50px;
		text-transform:uppercase;
		color:white;
		text-align:center;
		font-family: 'Oswald', sans-serif;
		line-height:1;
		box-sizing: border-box;
		padding: 10px 0;

	}


	.content{


		width:100%;
		max-width:1200px;
		padding:0 15px;
		box-sizing:border-box;
		margin:auto;



	}



	.div_section_1{


		margin-top:35px;


	}



	.float_50{

		float:left;
		width:100%;
		padding:10px;
		box-sizing:border-box;
		text-align:center;



	}



	.small_text{


		width:100%;
		font-size:16px;
		text-align:center;
		font-family: 'Quicksand', sans-serif;

	}


	.content_text{

		width:100%;
		text-align:center;
		line-height:1.2;
		font-size:22px;
		margin-top:10px;
		color:#363636;
		text-transform:uppercase;


	}



	.content_sub_text{

		width:100%;
		font-size:17px;
		text-align:center;
		font-family: 'Quicksand', sans-serif;
		margin-top:20px;



	}




	.button{


		font-size: 18px;
		background-color: #ff6600;
		color: #ffffff;
		border-radius: 4px;
		box-shadow-color: #810218;
		box-shadow-size: 4px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-width: 0;
		font-weight: bold;
		display: block;
		width: 100%;
		text-align:center;
		font-family: 'Quicksand', sans-serif;
		cursor:pointer;
		margin-top:20px;



	}



	.button_1{


		font-size: 18px;
		background-color: #ff6600;
		color: #ffffff;
		border-radius: 4px;
		box-shadow-color: #810218;
		box-shadow-size: 4px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-width: 0;
		font-weight: bold;
		display: block;
		width: 100%;
		text-align:center;
		font-family: 'Quicksand', sans-serif;
		cursor:pointer;
		margin-top:20px;




	}



	.content_image{


		width:100%;
		height:auto;
		border-radius:4px;


	}


	.extra{


		padding:10px!important;


	}



	.color{


		font-weight:700;
		color:#ff6600;


	}


	.time{


		width:100%;
		text-align:center;
		font-family: 'Quicksand', sans-serif;
		font-size:24px;
		font-weight:700;
		color:#363636;
		margin-top:15px;



	}


	.break{


		clear:both;


	}




	.proof{


		margin-top:80px;


	}


	.title{


		width:100%;
		text-align:center;
		font-size:18px;
		color:#363636;
		font-weight:600;




	}



	.divder{

		width: 46%;
		height: 3px;
		background: #ff6600;
		margin: auto;

	}



	.float_25{


		float:left;
		width:100%;
		padding:20px;
		box-sizing:border-box;
		text-align:center;



	}


	.proof_images{

		margin-top:40px;

	}


	.screen{


		width:100%;
		height:auto;
		text-align:center;
		border-radius:10px;

	}



	.action{



		width:100%;
		background:#ffebeb;
		border-radius:4px;
		padding:15px;
		margin-top:35px;
		box-sizing:border-box;


	}



	.action_icon{

		width:100%;
		color:#977b7b;
		font-size:45px;
		text-align:center;

	}



	.action_text{


		width:100%;
		color:#977b7b;
		font-size:14px;
		margin-top:15px;
		text-align:center;	
		font-family: 'Quicksand', sans-serif;


	}



	.impressum{


		width:100%;
		text-align:center;
		margin:50px auto;


	}


	.link{


		font-size:14px;
		text-decoration:none;
		color:#363636;
		font-family: 'Quicksand', sans-serif;
		font-weight:500;




	}





	/*overlay*/


	.overlay{

		background:rgba(0,0,0,.75);
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:999;
		display:none;


	}



	.opt_in_div{

		width:100%;
		max-width:736px;
		min-height:400px;
		background:white;
		border-radius:10px;
		margin:45px auto;
		position:relative;


	}



	.opt_header{


		width:70%;
		margin:auto;
		text-align:center;
		color:#333333;
		font-size:22px;
		font-weight:600;
		background:white;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding:40px 0 0 0;
		box-sizing:border-box;
		text-transform:uppercase;
		font-family: 'Quicksand', sans-serif;

	}



	.the_date{


		width:100%;
		text-align:center;
		font-size:24px;
		color:#34506e;
		text-decoration:underline;
		margin-top:15px;

	}


	.kt{



		width:100%;
		padding:0 30px;
		box-sizing:border-box;

	}

	#FormField_EmailAddress,#FormField_FirstName{


		width:100%;
		height:45px;
		border:1px solid rgb(0,0,0,0.2);
		border-radius:4px;
		font-size:17px;
		padding:5px 15px;box-sizing:border-box;
		outline:none;



	}


	#FormField_FirstName:focus{

		border:1px solid #03be37;


	}


	#FormField_EmailAddress:focus{


		border:1px solid #03be37;

	}


	#FormSubmit{






		font-size: 22px;
		background-color: #0066ff;
		color: #ffffff;
		border-radius: 4px;
		box-shadow-color: #810218;
		box-shadow-size: 4px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-width: 0;
		font-weight: bold;
		width: 100%;
		text-align:center;
		font-family: 'Quicksand', sans-serif;
		cursor:pointer;
		margin-top:0px;
		text-transform:uppercase;
		margin-bottom:15px;


	}

	.close{

		font-size: 40px;
		width: max-content;
		position: absolute;
		right: 20px;
		top: 0px;
		color: #999;
		font-weight: 400;

	}





}