.contact {
    background-color: #e7e8ec;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-contactpagina__inputelement{
    display: flex;
    flex-direction: row;
    margin: 15px 0px 15px 0px
}

.fx-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.fx-col {
    flex: 1;
    margin-right: 10px; /* Adjust as needed for spacing between fields */
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px; /* Adjust spacing between label and input */
}

.label {
    align-self: center; /* Vertically center labels */
}

.input {
    align-self: start; /* Align inputs to the top */
}

.flash-message {
    position: absolute;
    list-style-type: none;
    margin: auto;
    margin-top: 10px;
    padding: 10px;
    max-width: 600px;
    font-weight: bold;
    background-color: #30d43eee;
    border: 2px solid var(--text);
    border-radius: 8px;
    box-shadow: var(--text) 1px 1px 3px;
}

.error-popup{
    color: red;
    display: none;
}

textarea  
{  
    font-family: Arial;
    resize: vertical;
    width: 200px;
}