.Tx-Formhandler .form-group  label,
.form-group-label{
  width: 200px;
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
  max-width: 100%;
}
.Tx-Formhandler .type-button .btn{
  display: block;
  width: 100%;
}

@media (min-width: 768px){
  .Tx-Formhandler .form-group  label,
  .form-group-label{
    text-align: right;
    padding-right: 10px;
  }
  .Tx-Formhandler .type-button {
    text-align: right;
  }
  .Tx-Formhandler .type-button .btn{
    display: inline-block;
    width: auto;
  }
}

.Tx-Formhandler input[type="text"],
.Tx-Formhandler textarea,
.Tx-Formhandler select{
  width: 300px;
  max-width: 100%;
  display: inline-block;
}

.Tx-Formhandler .radio {
  display: inline-block;
}

.Tx-Formhandler h2 {
  display: none;
}
.Tx-Formhandler h3 {
  font-style: italic;
  font-size: 1.2em;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.form-inline .checkbox {
  max-width: 100%;
}
@media (min-width: 768px){
  .form-inline .checkbox {
    width: 220px;
  }
}
@media (min-width: 992px){
  .form-inline .checkbox {
    width: 200px;
  }
}
@media (min-width: 1200px){
  .form-inline .checkbox {
    width: 250px;
  }
}

.table-row {
  display: table;
  height: 100%;
}
.table-row > * {
  display: table-cell;
  vertical-align: middle;
}

.btn.btn-default {
  background-color: #088A08;
  color: white;
}

.btn.btn-default:hover {
  background-color: #077307;
  color: white;
}


a.detail {
display:block;
  position:relative;
}

a.detail:before {
  font: normal normal normal 50px/1 FontAwesome;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\f002";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  color: white;
  
  opacity: 0;
  transition: all .5s ease-in-out;
}
a.detail:hover:before {
  opacity: 1;
}

.tx-powermail fieldset.powermail_fieldset {
  margin: 4rem 0;
}

.tx-powermail h3 {
  margin-bottom: 1.5rem;
}

.tx-powermail legend:not(.powermail_legend) {
  border-bottom: none;
}

.tx-powermail label {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.tx-powermail legend.powermail_check_legend,
.tx-powermail legend.powermail_radio_legend {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.tx-powermail .powermail_fieldwrap {
  display: flex;
  flex-direction: column;

  margin-bottom: 1.5rem;
}

.tx-powermail textarea,
.tx-powermail input {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  border: 1px solid #ccc;

  padding: 0.7rem;
}

.tx-powermail input[type=radio] {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.tx-powermail .powermail_check_outer,
.tx-powermail .powermail_radio_outer {
  display: flex;
  flex-wrap: wrap;

}

.tx-powermail .powermail_check_outer .powermail_check_inner,
.tx-powermail .powermail_radio_outer .powermail_radio_inner {
  margin: 0 0.5rem;
}

.powermail_check_outer label,
.powermail_radio_outer label {
  font-weight: normal;
}

.tx-powermail textarea:focus,
.tx-powermail input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}

/* Field specific rules */
/* Datenschutz */
.powermail_fieldwrap_44 .powermail_check_inner,
.powermail_fieldwrap_38 .powermail_check_inner {
  display: flex;
}

.powermail_fieldwrap_44 .powermail_check_inner input[type=checkbox],
.powermail_fieldwrap_38 .powermail_check_inner input[type=checkbox] {
  margin-right: 0.5rem;
}

.tx-powermail .powermail_submit {
  width: 100px;
  background: #00438d;
  border: none;
  color: white;
}