html, body { 
    margin:0; 
    padding:0; 
    font-family: 'Roboto', sans-serif; color:#333; 
    background:#fff; 
    height:100%;
}

a{
    text-decoration:none;
    color:inherit;
}

img{
    max-width:100%;
    height:auto;
} 

.container{
    max-width:1200px;
    margin:0 auto;
}


/* Globale button-styling */
.btn {
    background: #ce5700;
    padding: 8px 14px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.btn:hover {
    background: #000;
}

/* Globale helpers */
.hidden {
    display: none !important;
}

.text-center {
    text-align: center;
}

.mt-20 {
    margin-top: 20px;
}

/* Login + index afbeelding */
.index-center img.rund {
    max-width: 45%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ✅ Sticky footer layout */
html, body {
    height: 100%;
}

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

main.main {
    flex: 1;
}