/* =====================================================
 *   🎨 GRUNDLAYOUT style config
 *   ===================================================== */

.at-kontaktformular {
    background-color: #2E5C42 !important;
    color: #ffffff !important;
    width: 97% !important;
    border-radius: 4px;
/*    padding:30px!important;*/
    margin-top: -30px!important;
}


/* Tabellen (Datenschutzbereich) */
.at-kontaktformular table,
.at-kontaktformular tr,
.at-kontaktformular td {
    background-color: #2E5C42 !important;
}

.at-kontaktformular a {
    color: #ffffff!important;
}

/* =====================================================
 *   🎨 INPUT & TEXTAREA
 *   ===================================================== */

.at-kontaktformular input[type="text"],
.at-kontaktformular input[type="email"],
.at-kontaktformular textarea {
    background-color: #FFFFFF ;
    color: #2E5C42 !important;
    width: 100% !important;
    border-radius: 4px;
}


/* Fehlerhintergrund WordPress */
.at-kontaktformular .atkf-error,.at-kontaktformular input[type="checkbox"].atkf-error {
    background-color: rgba(200, 200, 200, 0.3)!important;
}

.at-kontaktformular input.atkf-error::placeholder,
.at-kontaktformular textarea.atkf-error::placeholder {
    color: #ffffff !important;
}


/* =====================================================
 *   🎨 BUTTON
 *   ===================================================== */

.at-kontaktformular button {
    background-color: #19E873 !important;
    color: #2E5C42 !important;
    border-radius: 4px !important;
}

.at-kontaktformular button:hover,
.at-kontaktformular button:active,
.at-kontaktformular button:focus {
    background-color: #16D168 !important;
    color: #2E5C42 !important;
}


/* =====================================================
 *   🎨 CHECKBOX
 *   ===================================================== */


/* Custom Checkbox */
.at-kontaktformular input[type="checkbox"] {
    background-color: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px;
    border: 1px solid #2E5C42;
}

.at-kontaktformular input[type="checkbox"]:focus-visible {
    outline: 2px solid #2E5C42;
    outline-offset: 2px;border: 1px solid #2E5C42;
}

.at-kontaktformular input[type="checkbox"]:checked::before {
    border: 1px solid #2E5C42;
    background-color: #2E5C42;
    border-radius: 3.5px;
    border: 1px solid #2E5C42;
}




/* =====================================================
 *   🎨 PFLICHTFELD-HINWEIS
 *   ===================================================== */

.PflichtfelderHinweis::after {
    color: #ffffff !important;
}


/* =====================================================
 *   🎨 MODAL
 *   ===================================================== */

/* Overlay */
#atkf-modal .atkf-modal {
    background-color: rgba(12, 13, 14, 0.8) !important;
}

/* Modal Box */
#atkf-modal .atkf-modal-box {
    background-color: #ffffff !important;
    width: 90% !important;
    border-radius: 10px !important;
    border: 4px solid #2E5C42!important;

}

/* Kopfstreifen */
#atkf-modal .atkf-modal-box::before {
    background-color: #2E5C42 !important;
}

/* Modal Text */
#atkf-modal .atkf-modal-content {
    color: #2E5C42 !important;
}

/* Close Button */
#atkf-modal .atkf-modal-close {
    background-color: transparent !important;
    color: #ffffff !important;
}