/* 
Theme Name: MaLisa
Author: MaLisa Stiftung
Version: 1.0
*/

.nf-field-element input, .nf-field-element select, .nf-field-element textarea { border: none;}

.nf-form-fields-required {display: none; }
.kontaktform .nf-field-container, #ninja_forms_required_items { margin-bottom: 0px; }

.kontaktform .textbox-container, .kontaktform .email-container,
#ninja_forms_required_items { 
float: left;
clear: none; 
width: 50%;
display: inline-block; 
margin-bottom: 6px;
}

.kontaktform .inputleft { 
margin-right: 1%; 
width: 49%;
}

.kontaktform .submit-wrap { text-align: right; }

.nf-field-label label { font-size: 16px; }

.kontaktform .listradio-container ul li { 
margin-right: 40px !important;
float: left;
margin-bottom: 30px !important; 
font-size: 16px; 
}

.kontaktform .nf-field-element input:placeholder-shown, .kontaktform .field-wrap textarea:placeholder-shown { 
text-transform: uppercase;
}

.kontaktform .nf-field-element input, .kontaktform .field-wrap textarea { 
padding: 30px;
color: #666; 
font-size: 18px;        
font-family: 'Open Sans', sans-serif; 
width: 100%;
}

.kontaktform .field-wrap textarea {   
margin-right: 11px;
width: 100%;
}

.kontaktform .nf-field-element input:focus, 
.kontaktform .field-wrap textarea:focus 
 {
outline: 2px solid #be253d;
}   

input[type=button]:hover { cursor: pointer; }

.nf-form-errors { display: none; }


.bgflieder .nf-field-element input, .bgflieder .field-wrap textarea {
background-color: #f6f6f6;
color: #666;
}

.bgflieder ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
.bgflieder :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
.bgflieder ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
.bgflieder :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
} 

.kontaktform .recaptcha-container { 
margin-top: 20px;
width: 100%;
}

.kontaktform .submit-container { width: 100%; } 

.kontaktform .nf-field-element input[type=button] {
background: none;
outline: none;
border: 2px solid #7b9bba;
color: #666;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 20px 30px;
float: right;
}

.kontaktform .nf-field-element input[type=button]:hover {
background: #7b9bba;
color: #fff; 
}

/* radiobutton 
input[type=radio], input[type=checkbox] {
display:none;
}  */ 

input[type=radio] + label:before {
content: "";  
display: inline-block;  
width: 24px;  
height: 24px;  
vertical-align:middle;
margin-right: 8px;
margin-top: -4px;   
background-color: #fff;  
border-radius: 6px;
border: 3px solid #cdc7ce;  
}

/*.kontaktform .nf-field-element input[type=checkbox] + label:before  {     
content: "";  
display: inline-block;  
width: 20px !important;  
height: 20px !important;  
vertical-align:middle;
margin-right: 8px;  
background-color: #aaa;                
border-radius: 0px !important;     
 box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);                  
}     */ 

.kontaktform .nf-field-element input[type=checkbox]:focus { outline: none; }

input[type=radio]:checked + label:before {border: 3px solid #be253d;  background-color: #be253d; }

/*Senden-Button*/
.label-below .field-wrap, .label-above .field-wrap { text-align: left; }
 


.kontaktform .nf-field-element input[type="checkbox"] {
position: absolute;
top: 20px;  
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
width: 20px;
height: 20px;
float: left;
padding: 11px; 
margin: 0px 20px 15px 0px;
border: none;
box-shadow: none;
margin-top: 0px;
border: 1px solid #ccc;
}

.kontaktform .nf-field-element  input[type=checkbox]:checked {
background: url(images/icon_check.png) top center no-repeat;
}



.kontaktform .nf-field-description {
margin-left: 40px; 
margin-top: 20px; 
}