/* ==========================================
   NaturGewürz Kontaktformular
   Contact Form 7
   ========================================== */


/* ------------------------------------------
   Grundformular
------------------------------------------ */

.ng-contact-form {

    width:100% !important;

    font-family:'Montserrat', sans-serif !important;
    font-style:normal !important;

}



/* ------------------------------------------
   Zeilen
------------------------------------------ */

.ng-contact-row {

    display:flex !important;

    width:100% !important;

    gap:50px !important;

    margin-bottom:35px !important;

}



.ng-contact-field {

    flex:1 !important;

    width:50% !important;

}



/* CF7 Absätze */

.ng-contact-form p {

    margin:0 !important;

    padding:0 !important;

}



/* ------------------------------------------
   Eingabefelder
------------------------------------------ */


.ng-contact-field .wpcf7-form-control-wrap {

    display:block !important;

    width:100% !important;

}



.ng-contact-field input {

    width:100% !important;

    border:none !important;

    border-bottom:1px solid #35ac02 !important;

    border-radius:0 !important;

    background:transparent !important;

    padding:12px 0 !important;

    box-shadow:none !important;

    font-family:'Montserrat', sans-serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    color:#555 !important;

}



.ng-contact-field input:focus {

    outline:none !important;

    border-bottom:2px solid #35ac02 !important;

}



/* ------------------------------------------
   Nachrichtenfeld volle Breite
------------------------------------------ */

.ng-contact-message {
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    float:none !important;
}


.ng-contact-message p {
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
}


.ng-contact-message .wpcf7-form-control-wrap {
    width:100% !important;
    display:block !important;
}


.ng-contact-message textarea {

    width:100% !important;
    max-width:100% !important;

    height:220px !important;
    min-height:220px !important;

    display:block !important;

    border:none !important;
    border-bottom:1px solid #35ac02 !important;

    background:transparent !important;

    padding:12px 0 !important;

    box-sizing:border-box !important;

    resize:none !important;

}

.ng-contact-message textarea:focus {

    outline:none !important;

    border-bottom:2px solid #35ac02 !important;

}



/* ------------------------------------------
   Placeholder
   (überschreibt WP Organic static.css)
------------------------------------------ */


.wpcf7-form-control::placeholder,
.wpcf7-form-control::-webkit-input-placeholder,
.wpcf7-form-control::-moz-placeholder,
.wpcf7-form-control:-ms-input-placeholder {


    color:#b5b5b5 !important;

    font-family:'Montserrat', sans-serif !important;

    font-size:14px !important;

    font-weight:400 !important;

    opacity:1 !important;

    transform:none !important;

}



/* ------------------------------------------
   Button
------------------------------------------ */


.ng-contact-submit {

    width:100% !important;

    display:flex !important;

    justify-content:center !important;

    margin-top:40px !important;
	
	margin-left:35px !important;

}

.ng-contact-submit .wpcf7-submit {

    background:#749f31 !important;

    color:white !important;

    border:0 !important;

    padding: 1px 35px 25px 35px !important;

    font-size:18px !important;

    letter-spacing:2px !important;

    font-family:'Montserrat', sans-serif !imprtant;

    font-weight:600 !important;

    cursor:pointer !important;

}


.ng-contact-submit .wpcf7-submit:hover {

    background:#777777 !important;

}


/* ------------------------------------------
   CF7 Erfolgsmeldung
------------------------------------------ */


.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-response-output {


    border:none !important;

    background:transparent !important;


    padding:10px 0 !important;

    margin:25px auto 0 !important;


    width:100% !important;


    text-align:center !important;


    color:#35ac02 !important;


    font-family:'Montserrat', sans-serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    font-style:normal !important;

}



/* Fehlermeldung */

.wpcf7-not-valid-tip {

    color:#cc0000 !important;

    font-size:14px !important;

}



/* ------------------------------------------
   Mobile
------------------------------------------ */


@media(max-width:768px){


    .ng-contact-row {

        flex-direction:column !important;

        gap:20px !important;

    }


    .ng-contact-field {

        width:100% !important;

    }


    .ng-contact-submit .wpcf7-submit {

        padding:15px 40px !important;

    }

}