/*
 * NAV ICON BILDER — Deferred / Async Loading
 * ─────────────────────────────────────────────────────────
 * Async geladen → kein Render-Blocking, kein LCP-Impact.
 * image-set(): Browser wählt WebP (moderner, kleiner) oder
 * PNG als Fallback für ältere Browser.
 * ─────────────────────────────────────────────────────────
 */

/* Desktop */
.main-nav li:nth-child(1) a::before { background-image: url('../images/ui/start-icon.png'); }
.main-nav li:nth-child(2) a::before { background-image: url('../images/ui/images-icon.png'); }
.main-nav li:nth-child(3) a::before { background-image: url('../images/ui/video-icon.png'); }
.main-nav li:nth-child(4) a::before { background-image: url('../images/ui/audio-icon.png'); }
.main-nav li:nth-child(5) a::before { background-image: url('../images/ui/games-icon.png'); }
.main-nav li:nth-child(6) a::before { background-image: url('../images/ui/kontakt-icon.png'); }
.main-nav li:nth-child(7) a::before { background-image: url('../images/ui/register-icon.png'); }

/* Mobile: höhere Spezifität */
@media (max-width: 768px) {
    .site-header .main-nav li:nth-child(1) a::before { background-image: url('../images/ui/start-icon.png'); }
    .site-header .main-nav li:nth-child(2) a::before { background-image: url('../images/ui/images-icon.png'); }
    .site-header .main-nav li:nth-child(3) a::before { background-image: url('../images/ui/video-icon.png'); }
    .site-header .main-nav li:nth-child(4) a::before { background-image: url('../images/ui/audio-icon.png'); }
    .site-header .main-nav li:nth-child(5) a::before { background-image: url('../images/ui/games-icon.png'); }
    .site-header .main-nav li:nth-child(6) a::before { background-image: url('../images/ui/kontakt-icon.png'); }
}