.ajax-contact-wrapper { 
    margin: 0; 
}

.ajax-contact-open { 
    padding: .6em 1em; 
    cursor: pointer; 
}

.ajax-contact-container { 
    margin-top: .8em; 
    max-width: var(--max-text-width);
    margin: auto;
    opacity: 0;
    transition: all 1s ease-in-out;
    padding-top: 20px;
}

.ajax-contact-form label { 
    display:block; 
    margin-bottom:.6em; 
    font-size: .95rem; 
    margin-top: 10px;
    text-align: left;
}

.ajax-contact-form input, .ajax-contact-form textarea { 
    width:100%; 
    box-sizing:border-box; 
    padding:10px; 
    margin-top:5px; 
    text-align: left;
}

.ajax-contact-form .acf-form-actions { 
    margin-top:.6em; 
}

.ajax-contact-result { 
    margin-top:10px; 
    font-weight:600; 
    margin-bottom: 20px;
    animation: pulse 1s infinite;
}

/* Honeypot unsichtbar für Menschen, sichtbar für einfache CSS-unaware bots */
.ajax-contact-form [name="hp_phone"] { 
    position: absolute; 
    left: -9999px; top: -9999px; 
}

.formLoader{
    font-size: 30px;
    display: none;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 2s linear infinite;
    padding: 23px 0 23px;
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}

@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    }
}

@keyframes pulse {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}