@charset "utf-8";

/* Algemene stijlen voor alle apparaten */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem; /* Consistente basisgrootte */
    color: #69C;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
    text-align: center;
}

.full-width {
    width: 100%;
    height: auto;
}
/* Menu als tabel met schaduw */
.table-shadow {
    border-collapse: collapse;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    background-color: white;
    margin: auto; /* Centreert de hele tabel */
	
}
/* Links zonder onderstreping */
a {
    color: #0077cc;
    text-decoration: none; /* Zorgt ervoor dat er geen streep onder staat */
    transition: color 0.3s ease-in-out;
}

a:hover, a:focus {
    color: #005599;
    text-decoration: underline; /* Alleen bij hover of focus */
}
/* Correcte schaduw op verschillende schermen */
@media only screen and (min-width: 481px) {
    .table-shadow {
        box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
    }
}

@media only screen and (min-width: 769px) {
    .table-shadow {
        box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.6);
        border-right: thin solid #999;
        border-bottom: thin solid #999;
    }
}

/* Standaard stijlen voor tabelcellen */
.table-shadow td, .table-shadow th {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    padding: 5px;
}

/* Responsieve tekstgrootte voor elk apparaat */

/* Mobiel (max. 480px) */
@media only screen and (max-width: 480px) {
    body {
        font-size: 1rem;
    }

    .hoofding, .tekstL, .tekstvak {
        font-size: 1rem;
    }
}

/* Tablet (481px - 1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) {
    body {
        font-size: 1.0rem; /* Niet te groot */
    }

    .hoofding, .tekstL {
        font-size: 1.1rem;
    }

    .tekstvak {
        font-size: 1.0rem;
    }
}

/* Desktop (1025px en hoger) */
@media only screen and (min-width: 1025px) {
    body {
        font-size: 1.0rem;
    }

    .hoofding, .tekstL {
        font-size: 1.2rem;
    }

    .tekstvak {
	font-size: 1.0rem;
	color: #333;
    }
}