/* ==========================================================
   HAUPTMENÜ (DESKTOP) – nur außerhalb des mobilen Menüs
   ========================================================== */
@media (min-width: 980px) {
		/* Home */
		:not(.mm-listitem__tex) .seite_home > a,
		:not(.mm-listitem__tex) strong.seite_home.active {
			font-size: 0;
		}
		:not(.mm-listitem__tex) .seite_home > a::before,
		:not(.mm-listitem__tex) strong.seite_home.active::before {
			content: "\f015";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.4rem;
		}
		
		/* Kalender */
		:not(.mod_mobile_menu) .seite_kalender > a,
		:not(.mod_mobile_menu) strong.seite_kalender.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_kalender > a::before,
		:not(.mod_mobile_menu) strong.seite_kalender.active::before {
			content: "\f073";
			font-family: "Font Awesome 6 Free";
			font-weight: 400;
			font-size: 1.4rem;
		}
		
		/* Verein */
		:not(.mod_mobile_menu) .seite_verein > a,
		:not(.mod_mobile_menu) strong.seite_verein.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_verein > a::before,
		:not(.mod_mobile_menu) strong.seite_verein.active::before {
			content: "\f001";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.4rem;
		}
		
		/* Galerie */
		:not(.mod_mobile_menu) .seite_galerie > a,
		:not(.mod_mobile_menu) strong.seite_galerie.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_galerie > a::before,
		:not(.mod_mobile_menu) strong.seite_galerie.active::before {
			content: "\f03e";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.4rem;
		}
		
		/* Info */
		:not(.mod_mobile_menu) .seite_info > a,
		:not(.mod_mobile_menu) strong.seite_info.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_info > a::before,
		:not(.mod_mobile_menu) strong.seite_info.active::before {
			content: "\f05a";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.4rem;
		}
		
		/* Download */
		:not(.mod_mobile_menu) .seite_download > a,
		:not(.mod_mobile_menu) strong.seite_download.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_download > a::before,
		:not(.mod_mobile_menu) strong.seite_download.active::before {
			content: "\f56d";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.4rem;
		}
		
		/* Anmelden */
		:not(.mod_mobile_menu) .seite_anmelden > a,
		:not(.mod_mobile_menu) strong.seite_anmelden.active {
			font-size: 0;
		}
		:not(.mod_mobile_menu) .seite_anmelden > a::before,
		:not(.mod_mobile_menu) strong.seite_anmelden.active::before {
			content: "\f007";
			font-family: "Font Awesome 6 Free";
			font-weight: 400;
			font-size: 1.4rem;
		}
		
		/*-------------------- Farben anpassen -------------------*/
		 nav .seite_home > a::before,
    nav strong.seite_home.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_kalender > a::before,
    nav strong.seite_kalender.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_verein > a::before,
    nav strong.seite_verein.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_galerie > a::before,
    nav strong.seite_galerie.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_info > a::before,
    nav strong.seite_info.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_download > a::before,
    nav strong.seite_download.active::before {
        color: var(--schriftfarbe);
    }

    nav .seite_anmelden > a::before,
    nav strong.seite_anmelden.active::before {
        color: var(--schriftfarbe);
    }

    /* Hover-Effekt */
    nav li > a:hover::before {
        filter: brightness(1.3);
        transform: scale(1.15);
        transition: all 0.2s ease;
    }
	/*---------Farben schrift unterpunkte ----------*/
	/* ===============================
   Unterpunkte in Farbe des Icons
   =============================== */
 	
/* Desktop-Menü Unterpunkte */
nav li.seite_home ul.level_2 a,
nav li.seite_home ul.level_3 a {
    color: var(--schriftfarbe)!important; /* gleiche Farbe wie Icon */
}
	

/* Kalender */
nav li.seite_kalender ul.level_2 a,
nav li.seite_kalender ul.level_3 a,
.mod_mobile_menu li.seite_kalender ul.level_2 a,
.mod_mobile_menu li.seite_kalender ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Kalender-Farbe */
/*	text-shadow: 2px 2px 3px #000;*/
	text-shadow: var(--textschattenktiv);
}

/* Verein */
nav li.seite_verein ul.level_2 a,
nav li.seite_verein ul.level_3 a,
.mod_mobile_menu li.seite_verein ul.level_2 a,
.mod_mobile_menu li.seite_verein ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Verein-Farbe */
/*	text-shadow: 2px 2px 3px #000;*/
	text-shadow: var(--textschattenktiv);
}

/* Galerie */
nav li.seite_galerie ul.level_2 a,
nav li.seite_galerie ul.level_3 a,
.mod_mobile_menu li.seite_galerie ul.level_2 a,
.mod_mobile_menu li.seite_galerie ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Galerie-Farbe */
	text-shadow: 2px 2px 3px #000;
}

/* Info */
nav li.seite_info ul.level_2 a,
nav li.seite_info ul.level_3 a,
.mod_mobile_menu li.seite_info ul.level_2 a,
.mod_mobile_menu li.seite_info ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Info-Farbe */
	text-shadow: 2px 2px 3px #000;
}

/* Download */
nav li.seite_download ul.level_2 a,
nav li.seite_download ul.level_3 a,
.mod_mobile_menu li.seite_download ul.level_2 a,
.mod_mobile_menu li.seite_download ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Download-Farbe */
	text-shadow: 2px 2px 3px #000;
}

/* Anmelden */
nav li.seite_anmelden ul.level_2 a,
nav li.seite_anmelden ul.level_3 a,
.mod_mobile_menu li.seite_anmelden ul.level_2 a,
.mod_mobile_menu li.seite_anmelden ul.level_3 a {
    color: var(--schriftfarbe)!important; /* Beispiel Anmelden-Farbe */
	text-shadow: 2px 2px 3px #000;
}


/*
	/* Desktop-Menü Unterpunkte */
/*nav ul.level_2 a,
nav ul.level_3 a {
    color: #0066cc !important; /* gleiche Farbe wie Icon 
}*/
	
	
	/*---------------- Aktiver Punkt hervorheben--------------*/
	 nav li > strong.active,
    nav li.active > a {
		color:var(--aktivfarbe);
		/*text-shadow: 1px 1px 10px #990033;*/
		/*text-shadow: 2px 2px 3px #000;*/
		text-shadow: 4px 4px 4px #ffff;
        /*background-color: rgba(255, 255, 255, 0.5); /* leichtes Blau */
        border-radius: 4px;
    }
		
		
	/* Aktiver Menüpunkt: Icon hervorheben */
/*nav strong.seite_home.active::before {
    color: #fff049;
    /*text-shadow: 2px 2px 3px #000;
  }

 /*nav .seite_home > a::before,
    nav strong.seite_home.active::before {
        color: #007bff; /* Blau 
    }*/
		
/* Icon hervorheben, wenn der Punkt selbst aktiv ist ODER ein Unterpunkt aktiv ist */
nav ul.level_1 > li.active > a::before,
nav ul.level_1 > li.active > strong::before,
nav ul.level_1 > li.trail  > a::before,
nav ul.level_1 > li.trail  > strong::before,
nav ul.level_1 > li > a.active::before,
nav ul.level_1 > li > strong.active::before {
    /*color: #fff049; /* Highlight-Farbe passend zu dir */
	text-shadow: 4px 4px 4px #ffff;
	font-size: 2rem !important; /* größer als Standard */
}

/* (optional) Hintergrund leicht hervorheben */
/*nav ul.level_1 > li.active > a,
nav ul.level_1 > li.trail  > a,
nav ul.level_1 > li > strong.active {
    background: #f0f6ff;
    border-radius: 6px;
}*/


/* Username im Menü immer anzeigen */


/* Username im Menü bei "Anmelden" sichtbar lassen */
nav ul.level_1 > li.seite_anmelden > a .username,
nav ul.level_1 > li.seite_anmelden > strong .username {
    font-size: 0.9rem !important; /* überschreibt das font-size:0 */
    margin-left: 0.3em;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
}
/* alt-------------------Username-Formatierung neben dem User-Icon */
.seite_anmelden .username {
    font-size: 0.9rem;          /* etwas kleiner als der Icon */
    vertical-align: middle;     /* mittig am Icon ausrichten */
    margin-left: 0.4em;         /* Abstand zum Icon */
    /*color: #ecda3c!important;        /* übernimmt die Icon-Farbe */
	color: var(--schriftfarbe)!important; 
	text-shadow: 4px 4px 4px #ffff;
	
    font-weight: 900;           /* etwas kräftiger, aber nicht fett */
    line-height: 1;             /* weniger Zeilenhöhe */
	position: relative;
    top: -10px;                  /* Schrift leicht nach oben verschieben */
}



/* Aktiver Menüpunkt oder Trail -> Username übernimmt Highlight-Farbe */
nav ul.level_1 > li.seite_anmelden.active .username,
nav ul.level_1 > li.seite_anmelden.trail .username {
    color: #fff049; /* gleiche Highlight-Farbe wie Icon */
}

		
		
}