/* DATEI: linkseitemobil.css */
/* Styles fuer die Navigationsleiste (linkseite1.php) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

body { padding: 0 4px 4px; }

nav ul { list-style: none; padding: 0; margin: 0; }

nav a {
    display: block;
    width: 130px;
    padding: 3px 5px;
    font-family: 'Inter', Verdana, Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    background-color: #93D298;
    color: #333300;
    text-decoration: none;
}

nav a:hover { color: #FF0000; text-decoration: underline; }

/* Untermenu-Eintraege */
nav ul ul a {
    background-color: transparent;
    border: 1px solid #CCFFCC;
    padding-left: 14px;
    color: #333300;
}

/* Untermenu standardmaessig versteckt */
nav ul ul { display: none; }
nav ul li.open > ul { display: block; }

/* Abschnittsmarkierung Fuer Mitglieder */
.nav-section {
    font-family: 'Inter', Verdana, Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    background-color: #00AA99;
    color: #fff;
    padding: 3px 0;
    margin-top: 4px;
}

/* Aufgelockertes Layout nur auf Desktop (prueft Geraetebreite, nicht Frame-Breite) */
@media screen and (min-device-width: 600px) {
    nav ul li.gap { margin-top: 10px; }
    nav a { padding: 5px 5px; line-height: 1.4; }
    nav ul ul a { padding-top: 4px; padding-bottom: 4px; }
    nav ul ul { margin-top: 3px; }
    .nav-section { padding: 4px 0; margin-top: 8px; margin-bottom: 2px; }
}

.nav-footer {
    font-family: 'Inter', Verdana, Arial, sans-serif;
    font-size: 8pt;
    text-align: center;
    background-color: #E0E0E0;
    color: #006666;
    padding: 4px;
    margin-top: 6px;
}

.nav-footer a {
    display: inline;
    background: none;
    color: #006666;
    font-size: 8pt;
    font-weight: normal;
    width: auto;
}