/* Body en Algemene Reset */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4; /* Lichte achtergrond */
    color: #333;
    /* Flexbox om de container in het midden te centreren */
    display: flex;
    justify-content: center; /* Horizontaal centreren */
    align-items: center; /* Verticaal centreren */
    min-height: 100vh; /* Zorg ervoor dat het de volledige hoogte inneemt */
}

/* De Container (Centrale box) */
.container {
    /* **BELANGRIJKE WIJZIGING:** Haal text-align: center; hier weg */
    text-align: left; /* **NIEUW:** Lijn de inhoud in de container links uit */
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 450px; /* Max. breedte iets vergroot voor betere leesbaarheid */
    width: 90%;
}

/* Logo Opmaak */
.logo {
    display: block; /* Zorgt dat de afbeelding een eigen blok inneemt */
    margin: 0 auto 25px auto; /* **NIEUW:** Centreert het blok-element (logo) zelf */
    max-width: 400px; /* **GROTER GEMAAKT:** Grootte van het logo */
    height: auto;
}

/* Contactinformatie Opmaak */
.contact-info p {
    margin: 5px 0;
    font-size: 1.1em;
}

.contact-info a {
    color: #007bff;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* Catalogus Link Opmaak */
.catalogus-link {
    margin-top: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

.catalogus-link a {
    color: #D5232D;
    text-decoration: none;
}

.catalogus-link a:hover {
    text-decoration: underline;
}