.form-style {
		overflow: hidden; 
		background: #fff;
		box-shadow: 0 20px 40px 0 rgba(0,0,0,.15);
		padding: 15px;
		margin: 20px 0 50px 0;
		display: block;
	}
	
	@media only screen and (max-width: 767px) {
	
		.form-style {
			box-shadow: 0 5px 10px 0 rgba(0,0,0,.15);
		}
		
	}
	
	.form-container {
		margin: 0 0 20px 0;
	}
	
	input[type="checkbox"] {
		height: 1.5em;
		width: 1.5em;
		vertical-align: middle;
		margin: 0 10px 0 0;
		border: 1px solid #C3C3C3;
		background: -webkit-linear-gradient(#ffffff, #ffffff);
		-webkit-appearance: none;
	}
	
	input[type="checkbox"]:checked:before {
		font-weight: bold;
		color: #000;
		font-family: 'Line Awesome Free';
		content: "\f00c";
		-webkit-margin-start: 0;
		margin-left: 1px;
		font-size: 1.2em;
	}
	
	input[type="radio"]{
		height: 1.5em;
		width: 1.5em;
		vertical-align: top;
		margin: 0.2em 0.4em 0.4em 0;
		border: 1px solid #999;
		background: -webkit-linear-gradient(#ffffff, #ffffff);
		-webkit-appearance: none;
	}
	
	input[type="radio"] {
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-webkit-appearance: none;
	}
	
	input[type="radio"]:checked:before {
		display: block;
		height: 0.85em;
		width: 0.85em;
		position: relative;
		left: 0.26em;
		top: 0.26em;
		background: rgba(0, 0, 0, .7);
		border-radius: 100%;
		content: '';
	}
	
	label, 
	label.storno {
		clear: both;
		padding: 0;
		display: block;
		margin: 0 0 5px 0;
	}
	
	.label {
		padding: 0;
		display: inline-block;
		margin: 0;
		width: 450px;
	}
	
	@media only screen and (max-width: 767px) {
	
		.label {
			width: 100%;
		}
		
	}
	
	input[type="text"], input[type="text"].txt-small, 
	input[type="password"], 
	textarea, 
	select, 
	input[type="email"],
	input[type="number"]	{
		width: 340px;
		margin: 0 20px 10px 0;
		padding: 12px;
		color: rgba(0,0,0,0.5);
		border: rgba(0,0,0,0.5) 1px solid;
		font-size: 16px;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		clear: both;
		font-weight: 400;
		line-height: normal;
		-moz-appearance: textfield;
		-webkit-inner-spin-button, 
			-webkit-outer-spin-button { 
			-webkit-appearance: none;
			margin: 0; 
		}
	}
	
	select {
		background:#fff;
	}
	
	input[type="text"].txt-small {
		width: 220px;
	}
	
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}
	
	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}
	
	@media only screen and (max-width: 767px) {
	
		input[type="text"], input[type="text"].txt-small, 
		input[type="password"], 
		textarea, 
		select, 
		input[type="email"],
		input[type="number"]	{
			width: 250px;
		}
		
	}
	
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="email"]:focus, 
	textarea:focus {
		outline: none;
	}
	
	
	.form_button, .form_button.reset {
		border: none;
		display: block;
		margin: 0;
		min-width: 150px;
		overflow: hidden;
		margin: 20px 20px 20px 0;
		padding: 11px 20px;
		cursor: pointer;
		text-align: center;
		-moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-webkit-appearance: none;
		font-size: 16px;
		font-weight: bold;
		float: left;
		line-height: normal;
		background: #46aa28;
		color: #fff;
		font-family: "gordita", Arial, Helvetica, sans-serif;
	}
	
	.form_button.reset {
		background: #999;
	}
	
	.form_button:hover, .form_button.reset:hover {
		background: #292a27;
	}
	
	
	
/* For Parsley */		
	.parsley-errors-list.filled {
		list-style-type: none;
		color: red;
		position: absolute;	
		font-size: 12px;
		margin: -13px 0 0 0;
		display: block;
	}
	
	.parsley-error {
		border: 1px solid red !important;
	}
	
	.custom-file-upload .filled {
		margin: 40px 0 0 -25px;
		width: 200px;
		font-weight: normal;
	}
	
	.parsley-errors-list {
		display: none;
	}
	
	.custom-file-upload .parsley-errors-list.filled {
		margin: 40px 0 0 -40px;
	}


/*=============== Upload Input ==================*/	
	
	.upload-div {
		display: flex;
		width: 49%;
		float:left;
	}
	
	.upload-div input[type="file"] {
		position: absolute;
		z-index: -1;
		top: 6px;
		left: 0;
		font-size: 15px;
		color: rgb(153,153,153);
	}
	
	.button-wrap {
	  position: relative;
	  width: 400px;
	  margin:0;
	  padding: 0;
	}

	.new-button {
		border: none;
		display: inline-block;
		margin: 0;
		min-width: 150px;
		overflow: hidden;
		margin: 0 20px 20px 0;
		padding: 11px 20px;
		cursor: pointer;
		text-align: center;
		-moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
		-webkit-appearance: none;
		font-size: 16px;
		font-weight: bold;
		float: left;
		line-height: normal;
		background: #46aa28;
		color: #fff;
		font-family: "gordita", Arial, Helvetica, sans-serif;
		min-width: 150px;
	}
	
	.new-button:hover {
		background: #292a27;
	}
	
	#selectedFile {
		margin: 5px 0 0 10px;
		width: 400px;
		font-size: 14px;
	}
	
	
	input[type="text"].prev_badge_titel {
		width: 100%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,1);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: "gordita", Arial, Helvetica, sans-serif;
		font-size: 18px;
		clear: both;
		line-height: normal;
		background-color: #fff;
	}
	
	input[type="text"].prev_badge_vorname {
		width: 100%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,1);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: "gordita", Arial, Helvetica, sans-serif;
		font-size: 28px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	textarea.prev_badge_nachname {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 10px 3px 10px;
		color: rgba(0,0,0,1);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: "gordita", Arial, Helvetica, sans-serif;
		font-size: 36px;
		clear: both;
		line-height: normal;
		resize: none;
		overflow: hidden;
		background: #fff;
	}
	
	textarea.prev_badge_firma {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,1);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: "gordita", Arial, Helvetica, sans-serif;
		font-size: 20px;
		clear: both;
		line-height: normal;
		resize: none;
		overflow: hidden;
		background: #fff;
	}
	
	textarea.fill_badge_nachname, 
	textarea.fill_badge_firma {
		resize: none !important;
	}


	.leftFrame {
			margin: 0 0 0 50px;
	}
	
	@media only screen and (max-width: 1280px) {
	
		.leftFrame {
			margin: 0 !important;
		}
		
	}
	
	input[type="text"].prev_re_firma {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	
	input[type="text"].prev_re_ansprech {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	
	input[type="text"].prev_re_abteilung {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	input[type="text"].prev_re_strasse {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	input[type="text"].prev_re_adrzus {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	input[type="text"].prev_re_plz {
		width: 55px;
		margin: 0;
		padding: 0 0 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: normal;
		display: inline-block;
		background: #fff;
	}
	
	input[type="text"].prev_re_ort {
		width: 98%;
		margin: 0;
		padding: 0 10px 0 0;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: normal;
		display: inline-block;
		background: #fff;
	}
	
	input[type="text"].prev_re_zusatz,
	input[type="text"].prev_re_plzort,
	input[type="text"].prev_re_land	{
		width: 98%;
		margin: 0;
		padding: 0 10px 0 10px;
		color: rgba(0,0,0,0.8);
		border: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		clear: both;
		line-height: normal;
		background: #fff;
	}
	
	
	
	
	.re_preview {
		min-height: 200px;
		width: 700px;
		max-width: 700px;
		border: 1px #d2d2d2 solid; 
		box-shadow: 0 5px 10px 0 rgba(0,0,0,.15);
	}
	
	@media only screen and (max-width: 1280px) {
	
		.re_preview {
			width: 90%;
			max-width: 90%;
		}
		
	}
	
	.re_preview_firstrow {
		padding: 20px 0 0 0;
	}
	
	.preview_badge {
		box-shadow: 0 5px 10px 0 rgba(0,0,0,.15);
	}
	
	#puh {
			display: none;
			opacity: 0;
			visibility: hidden;
		}