/* ======================================================= */
/* BASE.CSS: UNIVERSELE STIJLEN (Reset, Fonts, Layout Basis) */
/* ======================================================= */

/* --- Globale Reset --- */
body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    min-height: 100dvh;
}

/* --- Box Sizing & Utilities --- */
*, *::before, *::after {
    box-sizing: border-box; 
}

.hidden {
    display: none !important;
}

/* --- Universele Typografie & Elementen --- */


/* ======================================================= */
/* Desktop Achtergrond (Permanente Regels) */
/* ======================================================= */

@media (min-width: 768px) {

    html::after { 
        content: "";
        background-image: url("https://cdn.nos.nl/image/2022/10/30/910503/1024x576a.jpg");
        position: fixed;
        inset: 0;  
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.25;
        z-index: -1;
    }
}