/* *****************
Formular Layout
******************** */

/** Seiten **/
fieldset.powermail_fieldset {
    width: 48% !important;
    margin-right: 0px !important;
    float: none;
}
fieldset.powermail_fieldset:nth-child(odd) {
    margin-right: 4% !important;
    float: left !important;
}
fieldset.powermail_fieldset:last-of-type {
    width: 100% !important;
    margin: 0px !important;
}
/** Label + Input Wrapper **/
.powermail_fieldwrap {
    border:  none !important;
}

/** Label **/
label.powermail_label {
    width: 20% !important;
    max-width: 8em;
    float: left;
    margin: 0px !important;
}
span.mandatory {
    display: inline-block;
}
.powermail_fieldwrap.powermail_fieldwrap_type_textarea label {
    /*! display: none; */
}
.powermail_fieldwrap.powermail_fieldwrap_type_textarea .powermail_field {
    max-width: 80%;
}

/** Input **/
.powermail_field {
    width: 80%;
    height: auto;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
input {
    border-bottom: 1px solid #fff !important;
    width: 80%;
    width: calc(100% - 40px);
    padding: 0 10px !important;
}
textarea {
    background-color: #fff !important;
    padding: 12px !important;
    width: 80% !important;
    width: calc(95% - 24px) !important;
    min-height: 8em;
}
input,
input::placeholder,
textarea,
textarea::placeholder {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    /* font-weight: bold; */
    color: #444444 !important;
    opacity: 1;
    border: 1px solid #cccccc;
}

/** Checkbox **/ 
.powermail_fieldwrap.powermail_fieldwrap_type_check > label {
    /*! display: none; */
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
}
.tx-powermail .checkbox input {
    width: auto !important;
    display: inline-block;
    margin-right: 5px;
} 

/** Datensatz **/
.powermail_fieldwrap.powermail_fieldwrap_type_content a,
.powermail_fieldwrap.powermail_fieldwrap_type_content p {
    /* display: inline-block; */
}

/** Submit **/
.powermail_fieldwrap.powermail_fieldwrap_type_submit {
    width: 100% !important;
    margin: 0px;
    padding: 0 !important;
}
input.powermail_submit {
    width: 200px;
    color: #fff !important;
    padding: 10px 5px !important; 
    /* border-color: #fff; */
}

/* Datenschutz */
@media screen and (min-width:901px) {
	.powermail_fieldwrap.powermail_fieldwrap_type_check,
	.powermail_fieldwrap.powermail_fieldwrap_type_content {
		margin: 0px !important;
		max-width: 100%;
		/* text-align: center; */
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_content p,
	.powermail_fieldwrap.powermail_fieldwrap_type_content a {
		font-size: 1em !important;
	}
}
@media screen and (max-width:900px) {
	fieldset.powermail_fieldset,
	.powermail_fieldwrap.powermail_fieldwrap_type_check,
	.powermail_fieldwrap.powermail_fieldwrap_type_check *,
	.powermail_fieldwrap.powermail_fieldwrap_type_content,
	.powermail_fieldwrap.powermail_fieldwrap_type_content * {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		float: none !important;
	}
}
@media screen and (max-width:480px) {
	.powermail_fieldwrap label,
	.powermail_fieldwrap .powermail_field {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0.25em 0 !important;
	}
}

/** ERROR **/
.tx-powermail .parsley-errors-list {
    display: inline-block;
}

/** Confirmation **/
.powermail_create tr,
.powermail_confirmation tr {
    margin-bottom: 20px;
}
.tx-powermail input[data-powermail-form-ajax="submit"],
.tx-powermail input[data-powermail-form-ajax="confirmation"] {
    background: #7b9d22 !important;
}
.tx-powermail input[data-powermail-form-ajax="submit"]:hover,
.tx-powermail input[data-powermail-form-ajax="confirmation"]:hover {
    background: #fff !important;
    color: #333;
}

/** Mobile FIX **/
@media screen and (max-width:900px) {
    .tx-powermail .powermail_fieldwrap, .tx-felogin-pi1 input {
        margin-bottom: 0px !important;
    }
}