/* @override 
  https://www.foerster.gmbh/fileadmin/templates/ext/powermail/powermail.css?* */

/* @group Allgemein */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend,
.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 label.powermail_label,
.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 h3 {
  display: none;
}

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(74, 74, 74);
  padding-top: 54px;
}

/* @end */

/* @group Vorname / Nachname */

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_vorname {
  width: calc(50% - 13px);
  float: left;
  margin-right: 13px;
  margin-bottom: 24px;
}

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_nachname {
  width: calc(50% - 13px);
  float: left;
  margin-left: 13px;
  margin-bottom: 24px;
}

input#powermail_field_vorname.powermail_input,
input#powermail_field_nachname.powermail_input {
  width: calc(100% - 0px);
  height: 40px;
  float: left;
  text-indent: 10px;
  border: 1px solid rgb(48, 153, 139);
}

/* @end */

/* @group E-Mailadresse / Textfeld */

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mailadresse div.powermail_field,
.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_nachricht div.powermail_field {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}

input#powermail_field_e_mailadresse.powermail_input{
  width: calc(100% - 0px);
  height: 40px;
  float: left;
  text-indent: 10px;
  border: 1px solid rgb(48, 153, 139);
}

textarea#powermail_field_nachricht.powermail_textarea {
  width: 100%;
  min-height: 120px;
  float: left;
  text-indent: 10px;
    border: 1px solid rgb(48, 153, 139);
  padding-top: 10px;
}

/* @end */


/* @group Absenden-Button */

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_anfragesenden {
  width: 100%;
  float: left;
  text-align: center;
}

.powermail_fieldwrap_anfragesenden div.powermail_field input.powermail_submit {
  width: 234px;
  height: auto;
  
  font-size: 14px;
  border: 0px solid rgb(0, 102, 100);
  
  background: rgb(48, 153, 139);
  color: rgb(255, 255, 255);
  
  padding: 15px 40px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */

}

.powermail_fieldwrap_anfragesenden div.powermail_field input.powermail_submit:hover {
  background: rgb(0, 102, 100);
  color: rgb(255, 255, 255);
}

/* @end */

/* @group Falsche Eingaben */

.tx-powermail .parsley-errors-list.filled li.parsley-required,
.tx-powermail .parsley-errors-list.filled li.parsley-custom-error-message {
  width: 100%;
  float: left;
  color: red;
  list-style: none;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
}

/* @group Kontaktformular - weitere Abfragen */

.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-danger {
  display: block;
  float: left;
}
.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-primary {
  display: block;
  float: right;
}
.tx-powermail div.powermail_confirmation table.table.table-striped.table-hover.table-responsive tbody tr td.powermail_all_label.powermail_all_type_input.powermail_all_marker_vorname {
  width: 120px;
}
.tx-powermail div.powermail_confirmation table.table.table-striped.table-hover.table-responsive tbody {
  float: left;
  padding-bottom: 20px;
}

.tx-powermail div.powermail_confirmation,
.tx-powermail div.powermail_create {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(74, 74, 74);
}
.tx-powermail div.powermail_create {
  color: rgb(0, 102, 100);
}
.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-danger,
.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-primary {
  width: 160px;
  height: auto;
  
  font-size: 14px;
  border: 0px solid rgb(0, 102, 100);
  background: rgb(48, 153, 139);
  color: rgb(255, 255, 255);
  
  text-transform: uppercase;
  letter-spacing: .05em;
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  
  padding: 15px 40px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
}

.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-danger:hover,
.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-primary:hover {
  background: rgb(0, 102, 100);
  color: rgb(255, 255, 255);
}

.tx-powermail div.powermail_confirmation div.btn-group form.visible-xs-inline-block.visible-sm-inline-block.visible-md-inline-block.visible-lg-inline-block input.btn.btn-danger {
  margin-right: 20px;
}
.tx-powermail div.powermail_confirmation h1 {
  font: 20px/26px 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  color: rgb(0, 102, 100);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding-bottom: 28px;
}
.tx-powermail div.powermail_confirmation table.table.table-striped.table-hover.table-responsive tbody tr td.powermail_all_label.powermail_all_type_input strong,
.tx-powermail div.powermail_confirmation table.table.table-striped.table-hover.table-responsive tbody tr td.powermail_all_label.powermail_all_type_textarea strong {
  font: 16px/22px 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  color: rgb(74, 74, 74);
}

/* @end */

/* @end */









/* @group MEDIA QUERIES */


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

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 {
  padding-top: 0px;
}
}

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

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_vorname {
  width: calc(100% - 0px);
  margin-right: 0px;
}

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_nachname {
  width: calc(100% - 0px);
  margin-left: 0px;
}

.tx-powermail div.container-fluid form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_anfragesenden {
  text-align: left;
}

}

/* @end */