html, body {
    height: auto; /* ne 100%, így a gradient mindig a teljes oldalhoz igazodik */
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom, #6db96d, #4e9e4e);
}

body {
    display: block; /* flex helyett egyszerű block */
    color: #1f2d1f;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

        /* Fejléc */
        header {
            background: linear-gradient(to bottom, #6db96d, #4e9e4e);
            border: 2px solid linear-gradient(to bottom, #6db96d, #4e9e4e);
            padding: 50px 0 20px 0;
            font-size: 20px;
            display: flex;
            justify-content: center;
            gap: 50px;
            flex-wrap: wrap;

        }

        header a {
            color: white;
            text-decoration: none;
            white-space: nowrap;

        }

        /* Fő navigáció */
        .main {
            background-color: rgb(225, 243, 223);
            font-size: 20px;
            border: 3px solid white;
            display: flex;
            justify-content: center;
            gap: 50px;
        }

        .main h1 {
            padding-right: 550px;
        }

        .main a {
            color:#2e7d32;
            padding-top: 40px;
            text-decoration: none;
        }

        /* Footer */
        footer {
            background-color: #1f2d1f;
            color: #fff;
            padding: 20px;
            font-size: 16px;
            text-align: center;
            margin-top: auto; 
        }

        .footer-bottom {
            margin-top: 20px;
            font-size: 14px;
            color: #a8d5a8;
        }

        /* ===== Adatkezelés tartalom ===== */
.content {
    background-color: rgba(255, 255, 255, 0.98);
    width: 70%;
    max-width: 900px;
    margin: 40px auto; /* fent/lent középre, de nem túl nagy */
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    line-height: 1.7;
}

        .content h1 {
            text-align: center;
            margin-bottom: 30px;
            color: #2f5e2f;
            font-size: 28px;
        }

        .content h2 {
            margin-top: 30px;
            margin-bottom: 10px;
            color: #3c7a3c;
            border-left: 4px solid #6db96d;
            padding-left: 10px;
            font-size: 20px;
        }

        .content p {
            margin-bottom: 15px;
        }

        .content ul {
            margin-left: 25px;
            margin-bottom: 15px;
        }

        .content li {
            margin-bottom: 6px;
        }

        .content a {
            color: #2e7d32;
        }

        .content a:hover {
            text-decoration: underline;
        }


/* ===== Main reszponzív ===== */
@media (max-width: 768px) {
    .main {
        flex-direction: column; /* sor helyett oszlop */
        align-items: center;    /* középre igazítás */
        gap: 20px;             /* kisebb távolság a linkek között */
        padding: 20px 0;       /* kicsi padding */
    }

    .main h1 {
        padding-right: 0;      /* ne nyomja jobbra a címet */
        text-align: center;     /* középre igazítás */
        margin-bottom: 15px;    /* kis margó alul */
        font-size: 24px;        /* kisebb betűméret */
    }

    .main a {
        padding-top: 10px;      /* kevesebb padding */
        font-size: 18px;         /* kisebb betűméret */
    }
}

/* Ha nagyon kicsi mobil: 480px alatt */
@media (max-width: 480px) {
    .main a {
        font-size: 16px;
        gap: 10px;
    }
}