/** Blaue Headline mit Underline **/
legend.powermail_legend {
  color:#57A3C7;
  font:37px "Avance W04 Italic";
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:35px 0px 25px 0px;
  margin-bottom: 20px;
  border-bottom: 5px solid #57a3c7;
  width: 100%;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/** Blaue Headline mit Underline als Label -> Layout 2&3**/
.powermail_fieldwrap_type_textarea.layout2 label,
.powermail_fieldwrap_type_radio.layout3 > label,
.powermail_fieldwrap_type_input.layout3 > label {
  color:#57A3C7;
  font:37px "Avance W04 Italic";
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:1.2px;
  padding:35px 0px 25px 0px;
  margin-bottom: 20px;
  border-bottom: 5px solid #57a3c7;
  width: 100%;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.mandatory {
word-wrap: normal;
}
div.powermail_fieldwrap_einleitungstext {
  font:21px "NotoSans Regular";
  line-height:1.3;  
  padding:5px 60px 5px 5px;
  color:#B5152B;
  margin-bottom:60px;
}
div.powermail_fieldwrap_type_input {
  width:100%;
  float:left;
}
/** Alle Labels **/
label.control-label {
  color:#B5152B;
  font:16px "NotoSans Bold";
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.8px;
  float:left;
  width:25%;
  margin-right:10px;
  margin-bottom:20px;
  word-wrap: break-word;
}
input.powermail_input {
  width: 70%;
  height: 55px;
  border: none;
  background: #f1f7fa;
  font: 21px "NotoSans Regular";
  padding-left: 20px;
  line-height: 1.2;
  border-radius: 0px;
  color: #B5152B;
  float: right;
  margin-top: 0px;
}
input.powermail_radio {
  margin-left:7%;
}
textarea.powermail_textarea {
  border:none;
  background:#f1f7fa;
  font:21px "NotoSans Regular";
  padding:20px;
  line-height:1.2;
  border-radius:0px;
  color:#B5152B;
  height:255px;
  width: 100%;
}
/** DropDown **/
select.form-control
{
  background-image: url("../img/angle_down2_big.svg");
  font: 18px "NotoSans Regular";
  background-repeat:no-repeat;
  background-position: right;
  width: calc(75% - 10px);
  background-size: 50px 50px;
  color: #B5152B;
}
select.form-control::-ms-expand {
  display: none;  
}
select, input.sword, input.button {
  line-height: 2.3;
  background-color: #f1f7fa; /** Sekundärblau 7% **/
  transition: all .2s;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select,input.sword {
  height: 55px; /** Für Mozilla & Co. **/
}
select, input.sword {
  padding-left: 1.25rem;
}
select.form-control {
  background-position: right 5px !important;
}
/*************** DateiUpload *******************************/
.powermail_fieldwrap_type_file input { 
  background: #f1f7fa;
  color:#b5152b;
}
.powermail_fieldwrap_type_file > label {
  width: 100%;
  background: #f1f7fa;
  padding: 15px;
  border: none;
  font: 21px "NotoSans Regular";
  text-transform: none;
  line-height: 1.2;
  cursor: pointer;
}
.powermail_fieldwrap_type_file > label:before {
  font-family: "alexianer_icons";
  content: '\f067';
  font-size: 20px;
  color: #b5152b;
  float: left;
  margin-right: 20px;
  margin-top: 1px;
}
.powermail_fieldwrap_type_file > label:hover {
  color: #d13f48;
  background: #d8eaf2;
}
.powermail_file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
/** Ganzes Fieldset mit Border bottom -> Layout1 **/
.powermail_fieldset.layout1 {
  border-bottom: 1px solid #57a3c7;
  margin-bottom: 40px;
}
/** Label & Formelement untereinander -> Layout1 **/
.powermail_fieldwrap_type_radio.layout1,
.powermail_fieldwrap_type_check.layout1,
.powermail_fieldwrap_type_input.layout1 label.control-label,
.powermail_fieldwrap_type_select.layout1 label.control-label,
.powermail_fieldwrap_type_textarea.layout1 label.control-label,
.powermail_fieldwrap_type_select.layout1 .powermail_select,
.powermail_fieldwrap_type_input.layout1 .powermail_input {
  float: none;
  width: 100%;
  margin: 10px 0;
}
.powermail_fieldwrap_type_input.layout1 label.control-label,
.powermail_fieldwrap_type_select.layout1 label.control-label,
.powermail_fieldwrap_type_textarea.layout1 label.control-label {
  margin-bottom: 10px;
  display: inline-block;
}
/** Abstand unter den Zeilen **/
div.powermail_fieldwrap {
  margin-bottom:20px;
}
/** Checkboxen und Radiobuttons Start **/
.powermail_fieldwrap_type_radio > label,
.powermail_fieldwrap_type_check > label{
  width: 100%;
  float: none;
  padding-left: 0;
  margin-bottom: 25px;
  display: block;
}
.powermail_fieldwrap_type_radio input.powermail_radio {
  margin-left: 0;
  appearance: none;
}
/* remove standard-styles */
#wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
/* graceful degradation for ie8 */
#wrapper input[type='checkbox'],
#wrapper input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}
#wrapper input[type='checkbox']:checked,
#wrapper input[type='checkbox']:not(:checked),
#wrapper input[type='radio']:checked,
#wrapper input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}
#wrapper input[type='checkbox'] + span:not(.mandatory),
#wrapper input[type='radio'] + span:not(.mandatory) {
  cursor: pointer;
}
/* Hide Standard Form-Elemente */
#wrapper input[type="checkbox"],
#wrapper input[type="radio"] {
    display: none;
}
/* Label komplette Breite klickbar */
.radio label,
.checkbox label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
  font: 21px "NotoSans Regular";
  font: 18px "NotoSans Regular";
}
/* Span = Styled Checkboxes */
label span:not(.mandatory) {
  background: #f5f9fc;
  width: 19px;
  height: 19px;
  display: inline-block;
  border: 2px solid #54a2c8;
  position: absolute;
  top: 2px;
  left: 0;    
  transition: all .2s linear;
}
/* Style Radiobutton */
input[type="radio"] + span:not(.mandatory) {
  border-radius: 50%;
}
/* Hover-Effekt */
label:hover span:not(.mandatory) {
  border: 2px solid #54a2c8;
  background: #d8eaf2;
}
/* Checked Status */
#wrapper input[type="checkbox"]:checked + span:not(.mandatory),
input[type="radio"]:checked + span:not(.mandatory){
  border: 2px solid #54a2c8;
  background: #d13f48;
  box-shadow: inset 0 0 0 2px #d8eaf2;
}
/** Checkboxen & Radiobuttons Ende **/
/** Checkboxen & Radiobuttons nebeneinander -> Layout1/Layout2 **/
.powermail_fieldwrap_type_radio.layout1 .radio,
.powermail_fieldwrap_type_radio.layout2 .radio{  
  float:left;
  margin-right:30px;
}
.powermail_fieldwrap_type_radio.layout1 > div {
  border-bottom: 1px solid #57a3c7;
  padding-top: 20px;
}
.powermail_fieldwrap_type_radio.layout2 > div {
  border-bottom: none;
  padding-top: 20px;
}

.powermail_fieldwrap_type_radio.layout2 label {
  float: none;
  width: 100%;
  margin: 10px 0;
}
.powermail_fieldwrap_type_radio.layout1,
.powermail_fieldwrap_type_radio.layout2 {
  margin-bottom: 35px;
  margin-top: 5px;
}
.powermail_fieldwrap_type_radio.layout1 label,
.powermail_fieldwrap_type_radio.layout2 label {
  color:#B5152B;
  font:21px "NotoSans Bold";
  line-height:1.2;
  text-transform:none;
  letter-spacing:0.8px;
}
.powermail_fieldwrap_type_radio.layout1 label i,
.powermail_fieldwrap_type_radio.layout2 label i{
  font:21px "NotoSans Regular";
}
.powermail_fieldwrap_type_radio.layout1 div.radio label,
.powermail_fieldwrap_type_radio.layout2 div.radio label{
  color: #4a4a4a;
  font:21px "NotoSans Regular";
}
/** Zeige Text **/
.powermail_fieldwrap_zeigetext.layout1 > div {
  border-bottom: 1px solid #57a3c7;
  padding-bottom: 20px;
}
/** InputButtons **/
.powermail_fieldwrap_type_submit,
.powermail_fieldwrap_type_reset {
  margin-top: 0;

}
.powermail_fieldwrap_type_submit.layout1,
.powermail_fieldwrap_type_reset.layout1 {
  float: left;
}
.powermail_fieldwrap_type_submit.layout2,
.powermail_fieldwrap_type_reset.layout2 {
  float: right;
}
#wrapper input.powermail_submit {
	padding-top: 16px;
    padding-bottom: 16px;
}
input.btn {
  float:none;
  background:#f1f7fa;
  color:#B5152B;
  font-weight: bold;
  font: 16px "NotoSans Bold";"NotoSans Regular";
  line-height:1.2;
  border-radius:0px;
  text-transform:uppercase;
  letter-spacing:0.8px;
  padding:20px;
  border:none;
  width:200px;
  height:55px;
  display:block;
  margin: 20px auto 0 auto;
}
/** Feldspezifische Anpssungen die nicht durch Layoutvarianten lösbar sind **/
/** DatenschutzBox **/
.powermail_fieldwrap_datenschutz  { 
  border-top: 5px solid #57a3c7;
  border-bottom: 1px solid #57a3c7;  
  width: 100%;  
  margin-bottom: 40px !important;
  margin-top: 40px;
}
.powermail_fieldwrap_datenschutz label.control-label {
  width: 100%;
  float: none;
  padding-left: 0;
  margin-top: 25px;
  margin-bottom: 25px;
  display: block;
}
.powermail_fieldwrap_datenschutz div.checkbox input[type="checkbox"]::before {
  width: 15px;
  height: 15px;
  background-color: #d8eaf2;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
.powermail_fieldwrap_datenschutz div.checkbox input[type="checkbox"]:checked::before {
    background-color: #D8EAF2;
    content: "x";  /*√   \u221a*/
    padding: 5px;
}
.powermail_fieldwrap_datenschutz .checkbox label, .powermail_fieldwrap_information .checkbox label {
  font: 18px "Avance W04 Regular";
  line-height: 1.3;
}
.powermail_fieldwrap_datenschutz .checkbox label a {
  font: 18px "Avance W04 Bold";
  color: #B5152B;
}
/** Lob&Kritik **/
#powermail_field_ihrfeedback {
  width: 100%;
}
.powermail_fieldwrap_rueckmeldung {
  border-top: 1px solid #57a3c7;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.powermail_fieldwrap_rueckmeldung label {
  margin-top: 20px;
}
/*** Online Bewerbung ***/
.powermail_fieldwrap_angebottitel { 
  width:100%;
}
.powermail_fieldwrap_wiesindsieaufdiestelleaufmerksamgeworden label {
  margin-top: 40px !important;
  display: inline-block;
}
.powermail_fieldwrap_standortts,
.powermail_fieldwrap_einrichtungts,
.powermail_fieldwrap_referenznrts {
  width:33.33333333%;
  float:left;  
}
.powermail_fieldwrap_type_typoscript  .powermail_extrawrap{  
  float:left;
  padding-right:10px;
  padding-left:20px;
}
label.control-label.dateienhochladen  {  
  width:100%!important;
  padding-bottom:5px;
  border-bottom: 5px solid #57a3c7;
   font: 20px "NotoSans Bold";
}
.powermail_fieldwrap_dateienhochladen > div > span {
  margin-bottom: 20px;
  display: block;
}
.powermail_fieldwrap_type_typoscript .powermail_label{  
  color: #B5152B;
  font: 16px "NotoSans Bold";
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  float: left;
  width: 100%;
  margin-right: 10px;
  margin-bottom: 20px;
  word-wrap: break-word;
  background:#f1f7fa;
  padding: 5px 0 10px 20px;
}
/***************************** Fehlermeldungen ******************************/
.tx-powermail .powermail_fieldset .powermail_field_error, 
.tx-powermail .powermail_fieldset .parsley-error, 
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, 
.tx-powermail .powermail_fieldset div.error {
  background-color: #f1f7fa;
  border: 1px solid;
}
.tx-powermail .powermail_fieldset .parsley-errors-list > li {
  font: 14px "NotoSans Bold";
}
.radio.parsley-error, 
.checkbox.parsley-error {
  border: none !important;
  background-color: transparent !important;
}
.tx-powermail .powermail_fieldset .parsley-errors-list {
  background-color: transparent;
  border: none;
  width: 70%;
}
.powermail_fieldwrap_type_textarea .parsley-errors-list {
  width: 100% !important;
}
input.parsley-error {
  margin-bottom: 0 !important;
}
section.content ul.parsley-errors-list li:before, section.content div.job-details ul li:before {
  content: "\002A";
  color: #B5152B;
  padding-right: 0.3em;
}
.powermail_field_error_container {
  border: none !important;
  width: 100%;
  display: inline-block;
  background-color: transparent !important;
  margin-top: -25px;
}
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
  background-color: transparent !important; 
}
.tx-powermail .powermail_fieldset .powermail_fieldwrap_ihrfeedback .parsley-errors-list {
  width: 100%;
}
.powermail_fieldset input::-webkit-input-placeholder {
color: #B5152B;
} 
.powermail_fieldset input:-moz-placeholder { /* Firefox 18- */
color: #B5152B;
} 
.powermail_fieldset input::-moz-placeholder {  /* Firefox 19+ */
color: #B5152B;
} 
.powermail_fieldset input:-ms-input-placeholder {  
color: #B5152B;
}
.powermail_fieldset textarea::-webkit-input-placeholder {
color: #B5152B;
} 
.powermail_fieldset textarea:-moz-placeholder { /* Firefox 18- */
color: #B5152B;
} 
.powermail_fieldset textarea::-moz-placeholder {  /* Firefox 19+ */
color: #B5152B;
} 
.powermail_fieldset textarea:-ms-input-placeholder {  
color: #B5152B;
}
/***************************** Confirmation Page ****************************/
.powermail_confirmation {}
.powermail_confirmation strong {
  font-weight: inherit;
}
.powermail_confirmation table tr {}
.powermail_confirmation table tr td {
  font: 20px "NotoSans Regular";
  border-right: none;
  padding: 10px 30px 10px 0px;
}
.powermail_confirmation table tr td:first-of-type {
  font:20px "NotoSans Regular";
  color: #3e96be;
}
.powermail_confirmation input.btn {
  width: 48%;
  display: inline-block;
  margin: 0 1%;
  float: left;
}
.tx-powermail ul.powermail_fieldwrap_file_list {
  background-color: #d8eaf2;
  border: 1px solid #b5152b;
  float: none;
  padding: 20px;
  width: 100%;
  list-style: none;
  border-radius: 0;
  margin-top: -20px;
  display: inline-block;
}
.tx-powermail ul.powermail_fieldwrap_file_list li:before {
  content: "";
  padding-right: 0;
}
.tx-powermail ul.powermail_fieldwrap_file_list li span {
  font: 21px "NotoSans Regular";
  color: #B5152B;
  }  
.tx-powermail ul.powermail_fieldwrap_file_list li:last-of-type span {  
  text-transform: uppercase;
  font: 16px "NotoSans Bold";
  color: #B5152B;
}
/**************************** Mediaqueries **********************************/
@media only screen and (max-width: 1279px) and (min-width: 1024px) {
  .powermail_fieldwrap_type_typoscript .powermail_label{  
    padding: 5px 0 10px 10px;
  }
}
@media only screen and (max-width: 1279px) {
  label.control-label {
     width: 100%;
    float: none;
    padding-left: 0;
    margin-bottom: 5px;
    display: block;
  }
  input.powermail_input {width:100%;}
  .powermail_fieldwrap_type_radio > label,
  .powermail_fieldwrap_type_check > label {
    width: 100%;
    margin-bottom: 25px;
  }
  .tx-powermail .powermail_fieldset .parsley-errors-list {
    width: 100%;
  }
  .powermail_fieldwrap_type_file > label:before {
    margin-left: 15px;
  }
  .powermail_fieldwrap_type_radio.layout1 .radio, .powermail_fieldwrap_type_radio.layout2 .radio {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1439px) {
	select.form-control {width: 100%;}
}
@media only screen and (max-width: 1439px) and (min-width: 1280px) {
  label.control-label {width: 30%;}
  .powermail_fieldwrap_type_file > label.control-label {width: 100%;}
  input.powermail_input {width:60%;}
  .tx-powermail .powermail_fieldset .parsley-errors-list {width:60%;}
  .powermail_fieldwrap_type_radio > label {width: 100%;}
  .powermail_fieldwrap_type_check > label {width: 100%;}
}
@media only screen and (max-width: 768px) {
  .powermail_confirmation table tr td {
    font: 20px "NotoSans Regular";
    border-right: none;
    padding: 10px 0 10px 0px;
    display: block;
  }
  .powermail_confirmation table tr td:first-of-type {padding: 5px 0 0 0;}
}
/** Ihre Meinung Rückmeldung verstecken **/
.tx-powermail  #powermail_fieldset_18 {  
  display:none;    
}