/* formulare */
.tx-powermail {
	margin-top: 1em;
}
@media screen and (min-width: 768px) {
.tx-powermail {
	width: 85%;
}
}
.tx-powermail h3 {
	font-size: 1.8rem;
  	padding-bottom: 1em;
}

.powermail_fieldset {
  margin-bottom: 2em;
}
.powermail_form_2 .powermail_fieldset {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-left:2px solid #262F77;
  border-bottom:2px solid #262F77;
padding-left: 24px;
} 
.powermail_fieldset legend {
	margin-bottom: 0.5em;
  	color: white;
  background: #262F77;
    text-transform: uppercase;
  display: inline-block;
  width: auto;
  padding: 6px 12px;
}
.powermail_fieldwrap {
	padding: 0.25em 0 0.75em 0;
}
.powermail_fieldwrap label {
	display: block;
	font-size: 17px;
	margin-bottom: 0.25em;
  text-transform: uppercase;
  color: #262F77;
}
.powermail_fieldwrap_type_html {
  font-weight: bold;
}

div.radio label, div.checkbox label {
  text-transform: none;
  color: #212529;
}
.powermail_fieldwrap input[type="text"],.powermail_fieldwrap input[type="date"],.powermail_fieldwrap input[type="number"],.powermail_fieldwrap input[type="tel"],.powermail_fieldwrap input[type="email"], .powermail_fieldwrap select, .powermail_fieldwrap textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #EFEFEF;
	background: #EFEFEF;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'source_sans_prolight', sans-serif;
}
/*
.nolabel legend {
	display: none;
}
*/
div.checkbox, div.radio {
	width: 100%;
	padding-top: 3px;
  display: block;
}

.powermail_fieldwrap input[type="submit"] {
	background: #EFEFEF;
	border: none;
	font-family: 'source_sans_prolight', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 12px;
	
}

input.powermail_field_error, textarea.powermail_field_error {
	border: 1px solid red!important;
}

div.checkbox  input, div.radio  input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	font-size: 1em;
	width: 100%;
}

div.checkbox input[type="checkbox"], div.radio input[type="radio"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	left: -37px;
	margin-right: -20px;
	outline: white solid 0px;
	-webkit-outline: white solid 0px;
	outline-offset: -5px opacity : 0.7;
}

div.checkbox input[type="checkbox"]::after, div.radio input[type="radio"]::after {
	font-family: 'regenbogenforellen';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
	content: '\f096';
	display: inline-block;
	color: #303030;
}

div.checkbox.powermail_field_error input[type="checkbox"]::after, div.radio.powermail_field_error input[type="radio"]::after {
	color: red;
}

div.checkbox input[type='checkbox']:checked::after, div.radio input[type="radio"]:checked::after {
	font-family: 'regenbogenforellen';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
	content: '\e800';
	display: inline-block;
}

div.checkbox label, div.radio label {
	padding-left: 35px;
	line-height: 1.25em;
}

ul.powermail-errors-list {
	position: relative;
}

ul.powermail-errors-list li {
	position: absolute;
	top: -66px;
	font-size: 0.8em;
	text-align: right;
	display: block;
	width: 95%;
	color: red;
}

div.powermail_fieldwrap_type_textarea ul.powermail-errors-list li {
	top: -155px;
}

@media screen and (min-width: 580px) {
	ul.powermail-errors-list li {
		width: 95%;
	}
}

@media screen and (min-width: 768px) {
	ul.powermail-errors-list li {
		top: -66px;
		width: 95%;
	}
	div.powermail_fieldwrap_type_textarea ul.powermail-errors-list li {
		top: -172px;
	}

}

div.powermail_fieldwrap_type_check.nolabel label, div.powermail_fieldwrap_type_radio.nolabel label {
	display: none;
}

div.checkbox label, div.radio label {
	display: block !important;
	font-size: 16px;
}

div.checkbox input[type="checkbox"] + p {
	margin-top: -25px;
}

div.checkbox.parsley-error input[type="checkbox"]::after, div.radio.parsley-error input[type="radio"]::after {
	color: red !important;
}

div.checkbox.parsley-error input[type="checkbox"] + p {
	margin-top: 0px;
}

div.powermail_fieldwrap_type_check ul.powermail-errors-list li, div.powermail_fieldwrap_type_radio ul.powermail-errors-list li {
	top: -18px;
}

div.powermail-overlay {
  position: fixed;
  z-index: 9000;	
width: 100vw;  
height: 100vh;
background: white;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
justify-content:center;
align-items: center;
}
div.progress-wrapper {
	width: 90%;
	height: 40%;
	max-height: 150px;
	border: 3px solid #262F77;
	background: white;
	border-radius: 10px;
	color:black;
}

@media screen and (min-width: 960px) {
	div.progress-wrapper {
		width: 40%;
		left: 25%;
	}
}
div.powermail-overlay.hidden {
display: none;
}
div.progress-outer {
	width: 80%;
	margin: auto;
}
div.progress-outer p {
	margin-top: 20px;
}
@-webkit-keyframes progress{
to {
	width: 100%
}}@-moz-keyframes
progress {to{
	width: 100%
}}@-ms-keyframes
progress {to{
	width: 100%
}}@keyframes
progress {to{
	width: 100%
}}
div.powermail-overlay div.progress-wrapper .powermail_progress {
	background: #262F77;
	width: 0%;
	height: 20px;
	max-width: 100%;
	margin-top: 20px;
	-webkit-animation: progress 60s 1 forwards;
	-moz-animation: progress 60s 1 forwards;
	-ms-animation: progress 60s 1 forwards;
	animation: progress 60s 1 forwards;
	border: 1px solid white;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}