body {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 18px;
line-height: 1.5em;
margin: 3%; 
background-color: #9CAC7F;
}
#cim {font-family: 'Fredericka the Great', cursive; line-height: 2.5em; text-align: center;}
a:link {color: #076020; }
a:hover {}
a:visited {color: #076020; }
.img1 { padding: 10px; }
/*.img1:hover { background-color: #fbceb1; padding: 10px; position: relative; top: -10px;	}*/
.footer-menu { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 20px; /* EZ teszi széppé mobilon */ }
@media (max-width: 768px) { .footer-menu { flex-direction: column; gap: 10px; } }
.footer-menu a { text-decoration: none; padding: 5px 10px; }


/* --- SZÖVEG BALRA, GOMBOK JOBBRA --- */
#szoveg-gombok { display: flex; align-items: flex-start;
    gap: 30px; margin-top: 20px; }
#szoveg-gombok #szoveg { flex: 1; min-width: 0; }
#szoveg-gombok #gombok { flex: 0 0 auto; display: flex;
    flex-direction: column; align-items: center; gap: 10px; }
#szoveg-gombok #gombok button.ijasz-btn {
    width: 200px;
    max-width: 100%;
    padding: 14px 20px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    background: linear-gradient(to bottom, #b3c692, #6d7859);
    border: 1px solid #6d7859;
    border-radius: 8px;
    text-shadow: 1px 1px 0 #4e5640;
    box-shadow: 0 5px 0 #4e5640,
                0 8px 12px rgba(0,0,0,0.25);
    cursor: pointer;
    transition: all 0.1s ease;
}

#szoveg-gombok #gombok button.ijasz-btn:hover {
    background: linear-gradient(to bottom, #d7eeaf, #83906b);
}

#szoveg-gombok #gombok button.ijasz-btn:active {
    transform: translateY(5px);
    box-shadow: 0 2px 0 #4e5640,
                0 4px 6px rgba(0,0,0,0.25);
}
/* --- MOBIL NÉZET --- */
@media (max-width: 768px) {
    #szoveg-gombok { flex-direction: column; }
    #szoveg-gombok #szoveg,
    #szoveg-gombok #gombok { width: 100%; box-sizing: border-box; }
    #szoveg-gombok #gombok { align-items: center; }
}


/* --- MOBILOS JAVÍTÁSOK --- */
@media (max-width: 768px) {

    /* A teljes képernyő szélességének kihasználása */
    html { background-color: #9CAC7F; width: 100%; }
    body { margin: 0; width: 100%; box-sizing: border-box; }

    /* Felső fejléc és a két Hollóvölgy-kép */
    #cim { padding: 10px 8px; line-height: 1.7em; }
    #cim span { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 1.6em !important; letter-spacing: 1px !important; }
    #cim span img { width: 100px !important; height: auto; padding: 0 !important; vertical-align: middle !important; }
    #cim p { max-width: 100%; box-sizing: border-box; }

    /* Menüsor: tördelhető legyen, ne lógjon ki */
    #menu {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 5px !important;
        word-spacing: normal !important;
        font-size: 1.1em !important;
        line-height: 1.6em !important;
        border-radius: 0 !important;
    }

    #menu a { display: inline-block; margin: 2px 5px; }

    /* Tartalom ne szélesítse túl az oldalt */
    #tartalom,
    #szoveg-gombok,
    #szoveg,
    #gombok { max-width: 100%; min-width: 0; box-sizing: border-box;
    }

    #szoveg { padding: 0;}

    /* A díjátadó fotói férjenek el a mobilon */
    .img1 { max-width: 100%; height: auto !important; box-sizing: border-box; }
}


/* Lábléc linkjei középre rendezve */
.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: 100%;
    box-sizing: border-box;
}

.footer-menu a {
    text-align: center;
}

@media (max-width: 768px) {
    .footer-menu { flex-direction: column; align-items: center; }
}

</style>