.tx-powermail { background: #fff; padding: 0 0 40px 0; }
.tx-powermail fieldset:ater { Display: block; content: ' '; clear: both; float: none; }

.powermail_legend {
	display: block;
	float: none;
	clear: both;
	font-size: 1.4em;
	color: #000;
	font-weight: normal;
	padding: 60px 0 0 0;
}
.layout2 .powermail_legend { font-size: 1.8em; }

.powermail_fieldset.nolabel .powermail_legend { display: none; }

.powermail_morestep .powermail_legend { display: none; }
.powermail_morestep .powermail_form h3 { display: none; }

.powermail_fieldwrap {
	display: block;
	float: left;
	width: 100%;
	padding: 20px 20px 0 0;
}

.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select, 
.powermail_field textarea {
	display: block;
	width: 100%;
	border: solid 1px #ccc;
	background: #f5f5f5;
	font-size: inherit;
}
.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select {
	height: 50px;
	line-height: 48px;
	padding: 0 10px;
}
.powermail_field textarea {
	padding: 10px;
}

.powermail_field input:required, .powermail_field textarea:required { background: #fff url('../images/field_required.png') no-repeat right top; border-color: #ccc; }
.powermail_field select:required { background: #fff; border-color: #ccc; }
.powermail_field input.powermail_field_error, .powermail_field textarea.powermail_field_error { border: solid 1px #F00; background: #FFF url('../images/field_error.png') no-repeat right top; }
.powermail_field select.powermail_field_error { border: solid 1px #F00; }
ul.powermail-errors-list li { color: #FF0000; }
.powermail_field input.parsley-success, .powermail_field textarea.parsley-success { border: solid 1px #090; background: #fff url('../images/field_success.png') no-repeat right center; }
.powermail_field select.parsley-success { border: solid 1px #090; }

.powermail_fieldwrap_type_html { width: 100%; clear: both; float: none; }

.powermail_fieldwrap_pauschalen_teaser { width: 100%; float: none; clear: both; padding: 0; }
.powermail_fieldwrap_pauschale { /* display: none; */ width: 100%; float: none; clear: both; }

.powermail_fieldwrap_anreise { width: 40%; }
#powermail_field_anreise { position: relative; background: #fff url('../images/calendaricon.png') no-repeat right center; border-color: #ccc; }
.powermail_fieldwrap_naechte { width: 20%; }
.powermail_fieldwrap_personen { width: 20%; }
.powermail_fieldwrap_zimmer { width: 20%; }

.powermail_fieldwrap_kinder { width: 30%; }
.powermail_fieldwrap_erwachsene { width: 30%; }
.powermail_fieldwrap_alterderkinder { width: 70%; }

.powermail_fieldwrap_anrede { width: 15%; clear: left; }
#powermail_field_anrede { background-color: #fff; border-color: #ccc; }
.powermail_fieldwrap_titel { width: 15%; }
.powermail_fieldwrap_vorname { width: 35%; }
.powermail_fieldwrap_familienname { width: 35%; }
.powermail_fieldwrap_email { width: 50%; clear: left; }
.powermail_fieldwrap_telefon { width: 50%; }
.powermail_fieldwrap_firma { width: 100%; clear: left; }
.powermail_fieldwrap_strasse { width: 100%; clear: left; }
.powermail_fieldwrap_plz { width: 20%; clear: left; }
.powermail_fieldwrap_ort { width: 40%; }
.powermail_fieldwrap_land { width: 40%; }
.powermail_fieldwrap_nachricht { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_aufmerksam { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_spamspamspam { width: 50%; clear: left; }
#powermail_field_spamspamspam { max-width: 229px; }

.powermail_fieldwrap_pflichtfelder { clear: left; }

.powermail_fieldwrap_anzahl { width: 30%; float: none; clear: both; }
#powermail_field_anzahl { font-size: 1.6em; height: 60px; line-height: 60px; padding: 0 20px;}
.powermail_fieldwrap_beschenkter { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_newsletter { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_zimmerkategorie { width: 100%; clear: left; }
.powermail_fieldwrap_zimmerkategorie .powermail_field {
	display: block;
	width: 100%;
	padding: 0 10px;
	border: solid 1px #bbb;
	background: #F5F5F5;
}

.powermail_fieldwrap_zimmerkategorie .powermail_field .checkbox {
	display: inline-block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	padding: 0 40px 0 0;
}

.powermail_fieldwrap_frage, .powermail_fieldwrap_antwort { float: none; clear: both; }
.powermail_fieldwrap_antwort { padding-bottom: 20px; }
/* .powermail_fieldwrap_antwort > label.powermail_label { display: none; } */
.powermail_fieldwrap_antwort .radio { padding: 5px 0; }
.powermail_fieldwrap_antwort .radio.parsley-error { color: #FF0000; }
.powermail_fieldwrap_teilnahme { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_schutz .powermail_field:after { display: block; content: ' '; clear: both; float: none; }
.powermail_fieldwrap_schutz input[type="text"] { float: left; width: 40%; margin-right: 20px }
.powermail_fieldwrap_schutz img { float: left; max-width: 50%; height: auto; }
.powermail_field_error_container_schutz { float: none; clear: both; }
.powermail_fieldwrap_schutz input.powermail_field_error { border: solid 1px #F00; background: #FFF url('../images/field_error.png') no-repeat right top; }


.tx-powermail .btn-group  {
	display: block;
	padding: 20px 20px 0 0;
}
.tx-powermail .btn-group:after {
	display: block;
	content: " ";
	float: none;
	clear: both;
}
.powermail_form button.btn-default {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border: solid 1px #555;
	background: #FFF;
	color: #555;
	padding: 0;
	width: 50%;
	margin: 0;
	cursor: pointer;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-transform: uppercase;
}
.powermail_form button.btn-primary {
	border: solid 1px #555;
	background: #555;
	color: #FFF;
}

.visible-xs-inline-block { display: block; float: right; }
.visible-xs-inline-block:first-child { float: left; }

.powermail_fieldset_1 .powermail_tab_navigation { float: none; clear: both; text-align: right; }
.powermail_fieldset_2 .powermail_tab_navigation { float: left; }
.powermail_fieldwrap_senden { float: right; }


.powermail_fieldwrap label { position: relative; }
.powermail_fieldwrap label span { display: inline-block; width: 40px; }

.powermail_fieldwrap label div.package-description {
	display: none;
	width: 600px;
	position: absolute;
	left: 20px;
	bottom: 30px;
	background: #FFF;
	font-size: 1em;
	padding: 5px 10px;
	border: solid 2px #e5e5e5;
}
.powermail_fieldwrap label:hover div.package-description { display: block; }

ul.parsley-errors-list li {
	padding: 0;
	background: none;
}

.powermail_confirmation table { width: 100%; }
.powermail_confirmation td, .powermail_confirmation th { padding: 8px 20px 8px 0; border-bottom: solid 2px #e5e5e5; text-align: left; }
.powermail_confirmation th { font-weight: bold; }

.privacy-confirmation { padding: 20px 0; }

.please-check-data {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 0;
}

.powermail_fieldwrap_pauschalenteaser { padding: 0; width: 100%; float: none; clear: both; }
.packageteaser {
	display: block;
	padding: 40px 20px 20px 0;
}
.packageteaser-image {
	display: block;
	float: left;
	width: 31.25%;
}
.packageteaser-image img {
	display: block;
	width: 100%;
	height: auto;
}
.packageteaser-text {
	display: block;
	float: left;
	width: 65%;
	margin-left: 3.75%;
}
.packageteaser h3 { padding-top: 0; }
.packageteaser h3 span {
	display: block;
	float: right;
}

.powermail_fieldwrap_prospekte > .powermail_label { display: none; }
.powermail_fieldwrap_prospekte .powermail_field { padding: 0 0 20px 0; }
.powermail_fieldwrap_prospekte .checkbox { padding: 10px 0; }

.powermail_fieldwrap_betrieb { width: 100%; float: none; clear: both; }

/* Patenschaft */

.powermail_form_2 .powermail_fieldwrap_geburtsdatum { width: 30%; }
.powermail_form_2 .powermail_fieldwrap_email { width: 35%; clear: none; }
.powermail_form_2 .powermail_fieldwrap_telefon { width: 35%; }
.powermail_fieldset_6 { display: none; }
.powermail_fieldwrap_name_geschenk { width: 70%; }
.powermail_fieldwrap_geburtsdatum_geschenk { width: 30%; }
.powermail_fieldwrap_plz_geschenk { width: 30%; }
.powermail_fieldwrap_ort_geschenk { width: 70%; }

/* Tour */

.powermail_fieldwrap_std, .powermail_fieldwrap_min { width: 18%; position: relative; }
.powermail_fieldwrap_std:after { display: block; content: ':'; font-size: 30px; width: 20px; height: 50x; line-height: 50px; position: absolute; right: 0; bottom: 0; text-align: center; }

.powermail_form_4 .powermail_fieldwrap_anreise { width: 24%; }
.powermail_form_4 .powermail_fieldwrap_erwachsene { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_kinder { width: 20%; }

/* Tour ohne Uhrzeit */
.powermail_fieldwrap_veranstaltung { width: 40%; }
.powermail_form_4 .powermail_fieldwrap_anreise { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_erwachsene { width: 20%; }
.powermail_form_4 .powermail_fieldwrap_kinder { width: 20%; }


/* Checkbox, Radiobutton */

.powermail_fieldwrap div.radio.fancy,
.powermail_fieldwrap div.checkbox.fancy { padding: 5px 10px; }
.powermail_fieldwrap div.radio.fancy label,
.powermail_fieldwrap div.checkbox.fancy label { line-height: 1.6em; }

/* Captcha */
.powermail_fieldwrap_captcha .powermail_field label { display: block; float: none; padding-bottom: 10px; }



/* remove standard-styles */
.fancy input[type='checkbox'],
.fancy input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
.fancy input[type='checkbox'],
.fancy input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

.fancy input[type='checkbox']:checked,
.fancy input[type='checkbox']:not(:checked),
.fancy input[type='radio']:checked,
.fancy input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.fancy input[type='checkbox'] + label,
.fancy input[type='radio'] + label {
  cursor: pointer;
}

.fancy input[type='checkbox']:checked + label::before,
.fancy input[type='checkbox']:not(:checked) + label::before,
.fancy input[type='radio']:checked + label::before,
.fancy input[type='radio']:not(:checked) + label::before {
    content:' ';
    display: inline-block;
	vertical-align: top;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 0.6em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.parsley-error input[type='checkbox']:not(:checked) + label::before,
.parsley-error input[type='radio']:not(:checked) + label::before { border-color: #ff0000; }

.fancy input[type=radio]:checked + label::before,
.fancy input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.fancy input[type='checkbox']:hover  + label::before,
.fancy input[type='radio']:hover  + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white;
}

.fancy input[type='checkbox']:checked  + label::before,
.fancy input[type='radio']:checked  + label::before {
  background: #ffcc00;
  box-shadow: inset 0 0 0 2px white;
}


/* Kindergeburtstag */

.powermail_fieldwrap_burger .powermail_field,
.powermail_fieldwrap_burger_pommes .powermail_field,
.powermail_fieldwrap_frankfurter .powermail_field,
.powermail_fieldwrap_pommes .powermail_field { display: flex; align-items: center; }

.powermail_fieldwrap_burger .powermail_field input,
.powermail_fieldwrap_burger_pommes .powermail_field input,
.powermail_fieldwrap_frankfurter .powermail_field input,
.powermail_fieldwrap_pommes .powermail_field input { width: 100px; order: 0; }

.powermail_fieldwrap_burger .powermail_field label,
.powermail_fieldwrap_burger_pommes .powermail_field label,
.powermail_fieldwrap_frankfurter .powermail_field label,
.powermail_fieldwrap_pommes .powermail_field label { order: 1; padding-left: 20px; }

select#powermail_field_tierfuetterung { font-size: 16px; }



@media only screen and (max-width: 767px) {
	
	.powermail_fieldwrap { width: 100% !important; }
	.powermail_form button.btn-default { display: block; width: 100%; }
	
	.powermail_fieldwrap_schutz input[type="text"] { width: 100%; float: none; clear: both; margin-right: 0; margin-bottom: 10px; }
	
}


@media only screen and (min-width: 768px) {
	
	.powermail_fieldwrap_captcha .powermail_field label { white-space: nowrap; }
	
	/* Kindergeburtstag */
	
	form.powermail_form_8 .powermail_fieldwrap_vorname { width: 50%; }
	form.powermail_form_8 .powermail_fieldwrap_nachname { width: 50%; }
	form.powermail_form_8 .powermail_fieldwrap_ort { width: 80%; }
	form.powermail_form_8 .powermail_fieldwrap_geburtstagskind { width: 70%; }
	form.powermail_form_8 .powermail_fieldwrap_geburtsdatum { width: 30%; }
	form.powermail_form_8 .powermail_fieldwrap_kinder { width: 23%; }
	form.powermail_form_8 .powermail_fieldwrap_erwachsene { width: 31%; }
	form.powermail_form_8 .powermail_fieldwrap_anreise { width: 23%; }
	form.powermail_form_8 .powermail_fieldwrap_ankunftszeit { width: 23%; }
	.powermail_fieldwrap_uhrzeit_lieferung .powermail_field { display: flex; align-items: center; }
	.powermail_fieldwrap_uhrzeit_lieferung .powermail_field input { width: 200px; order: 0; }
	.powermail_fieldwrap_uhrzeit_lieferung .powermail_field label { order: 1; padding-left: 20px; }	
	
}

