.wpcf7-select {
    width: 100%;
}

.hidden {
    animation: fadeOut 0.75s ease-in-out forwards !important;
}

@keyframes fadeOut {
    0%, 25% { opacity: 1; }
    25%, 50% { opacity: 0.75; }
    50%, 75% { opacity: 0.5; }
    75%, 100% { opacity: 0.25; }
    100% { opacity: 0; display: none;}
}

.fadeIn {
    animation: fadeIn 0.75s ease-in-out forwards !important;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    25% { opacity: 0.25; }
    50% { opacity: 0.5; }
    75% { opacity: 0.75; }
    100% { opacity: 1; }
}

#postcode,
#street,
#housenumber,
#city {
    transition: background-color 0.5s ease, color 0.5s ease;
}

#postcode[readonly],
#street[readonly],
#housenumber[readonly],
#city[readonly] {
    background-color: #d8d8d8;
    color: #000000;
}

.housenumber-addetion {
    font-size: 0.9em;
}