/* === Synchost moderne achtergrond en layout === */

/* Achtergrondkleur - zacht groen-blauw verloop */

/* Footer aanpassen zodat die past bij de nieuwe stijl */
footer, #footer {
    background: linear-gradient(90deg, #2E7AB7 0%, #77C087 100%) !important;
    color: white !important;
    padding: 20px 0;
    border-top: none !important;
}

/* Footer links wit maken */
footer a, #footer a {
    color: #ffffff !important;
    text-decoration: none;
}

footer a:hover, #footer a:hover {
    color: #E0F5E8 !important;
}

/* Kleine animatie bij knoppen */
.btn-primary, .btn-success {
    border: none !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #2E7AB7 0%, #77C087 100%) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover, .btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}