/*index.php*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: whitesmoke;
    color: black;
}
.container
{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

/* === HEADER === */
header
{
    background: white;
    padding: 15px 0;
    text-align: center;
}

#logo
{
    width: 250px;
    height: auto;
}

/* === NAV MENU === */
nav
{
    background-color: steelblue;
    padding: 12px 0;
}

nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 25px;
}

nav ul li a
{
    color: white;
    text-decoration: none;
    font-weight: bold;
}


/* === WELCOME SECTION === */
.welcome-section
{
    background: white;
    padding:20px ;
    margin-top: 10px;
    border-radius: 5px;
    border-left: 4px solid steelblue;
}

/* === SERVICES (HONDEN – KATTEN – GASTGEZIN) === */
.services-section
{
    display: flex;
    gap: 20px;
    margin: 30px;
}

.service-item
{
    flex: 1;
    background: white;
    padding: 20px;
    border-radius: 6px;
    border-left: 4px solid steelblue;
}
/* === VRIJWILLIGERS BUTTON === */
.volunteer-section
{
    background: white;
    border-radius: 5px;
    border-left: 4px solid steelblue;
    text-align: center;
}

.volunteer-btn
{
    display: inline-block;
    background-color: steelblue;
    padding:15px;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
}
/* === CONTACT SECTION === */
.contact-section
{
    background: white;
    padding: 25px;
    margin: 40px 0;
}

.contact-details
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-item strong
{
    color: steelblue;
}

/* === FOOTER === */
footer
{
    background: steelblue;
    color: white;
    text-align: center;
    padding: 10px;
}