html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
}

#wrap {
    flex: 1; /* Får indholdet til at fylde resten af siden */
}

#footer {
    background-color: #f5f5f5;
    padding: 20px 0;
}

.is-invalid {
    border-color: #dc3545;
}

.invalid-feedback {
    color: #dc3545;
    display: none;
}

input:invalid {
    border-color: #e74c3c;
}
input:valid {
    border-color: #2ecc71;
}

.was-validated input:invalid {
    border-color: #e74c3c;
}
.was-validated input:valid {
    border-color: #2ecc71;
}