html,
        body {
            height: 100dvh;
            margin: 0;
        }

        .page-container {
            height: 100dvh;
            background-color: #040438;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;

            background-image: url("images/lebleu.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* -------------------------------------- Navigation --------------------------------------*/
        nav {
            font-family: Arial, sans-serif;
            /* Sætter skrifttype for navbaren */
            background-color: rgba(4, 4, 56, 0.8);
            /* Mørk baggrund til navbar */
            position: fixed;
            /* Fastgør navbaren øverst */
            width: 100%;
            /* Sørg for, at navbaren dækker hele bredden */
            top: 0;
            /* Placer navbaren øverst på siden */
            left: 0;
            z-index: 1000;
            /* Sørger for at navbaren er foran andre elementer */
        }

        .nav-container {
            display: flex;
            justify-content: center;
            /* Centrerer links horisontalt */
            align-items: center;
            padding: 10px 0;
            /* Polstring omkring navbaren */
        }

        .nav-container a {
            color: white;
            text-decoration: none;
            padding: 10px 20px;
            margin: 0 10px;
            /* Plads mellem links */
            font-size: 16px;
        }

        .nav-container a:hover {
            background-color: #555;
            /* Baggrundsfarve ved hover */
            border-radius: 5px;
        }

        .nav-container .active {
            font-weight: bold;
            /* Fremhæv den aktive link */
        }

        /* -------------------------------------- Navigation slut --------------------------------------*/
        .page-wrapper {
            min-height: 100dvh;
            background-color: #040438;
            color: white;
            display: flex;
            justify-content: center;
            font-family: Arial, sans-serif;

            background-image: url("images/lebleu.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* Card */
        .content-card {
            margin-top: 80px;
            max-width: 800px;
            width: 100%;
            background: #ffffff;
            border-radius: 16px;
            padding: 2rem 2.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            color: black;
        }

        .content-card h1 {
            margin-top: 0;
            margin-bottom: 1.2rem;

        }

        /* Tekst */
        .content-card p {
            line-height: 1.6;
            margin-bottom: 1.2rem;
        }

        /* Container omkring box*/
        .mainframe {
            border-radius: 5%;
            border-style: double;
            padding: 30px;
            max-width: 50%;
            background-color: rgba(4, 4, 56, 0.8);
        }

        /* Box med indhold*/
        .info-content {
            text-align: center;
            border-style: double;
            padding: 35px;
            font-size: x-large;
        }

        /* Responsiv styling til små skærme */
        @media (max-width: 768px) {
            .mainframe {
                max-width: 80%;
                padding: 20px;
            }

            .info-content {
                font-size: large;
                padding: 20px;
            }

            .content-card {
                width: 70%;
            }
        }

        @media (max-width: 480px) {
            .mainframe {
                max-width: 75%;
                padding: 15px;
                /* Mindre padding */
            }

            .info-content {
                font-size: medium;
                padding: 15px;
            }

            .content-card {
                width: 70%;
            }
        }